/*
Theme Name: Brocc Your Body
Theme URI: 
Author: Chandni Patel
Author URI: http://chandnipatel.in/
Description: Brocc Your Body
Version: 1.0.0
License:
License URI:
Text Domain: brocc-your-body
Tags:
*/

/* Fonts */
@font-face {
    font-family: 'New Spirit';
    src: url('fonts/NewSpirit-Regular.woff2') format('woff2'),
        url('fonts/NewSpirit-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


:root {
	--color-white: #FFFFFF;
	--color-green: #4A6741;
	--color-dark-green: #4A6841;
	--color-light-green: #506645;
	--color-cream: #F8F5DD;
	--color-orange: #E3734B;
	--color-light-orange: #D57854;
	--color-pink: #E2CCDC;
	--color-light-pink: #F8F5DF;
	--color-yellow: #E2E258;
	--color-dark-pink: #DECDDB;
	--color-gray: #707070;

	--font-new-spirit: 'New Spirit';
	--font-proxima-nova: "Proxima Nova";

	--shadow: 0px 3px 6px #00000029;
}

*, ::after, ::before{
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
	margin: 0;
	padding: 0;
}

body {
	font-family: var(--font-proxima-nova);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--color-green);
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

h1 {
	font-size: 65px;
	line-height: 81px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	font-family: var(--font-new-spirit);
}

h2 {
	font-size: 45px;
	line-height: 56px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	font-family: var(--font-new-spirit);
}

h3 {
	font-size: 30px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	font-family: var(--font-new-spirit);
}

h4 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	font-family: var(--font-new-spirit);
}

h5 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 1.8px;
	margin: 0;
	font-family: var(--font-proxima-nova);
	text-transform: uppercase;
}

a {
	text-decoration: none;
	outline: none;
	color: var(--color-green);
}

a:hover,
a:active {
	color: var(--color-green);
}

:focus-visible,
:focus,
a:focus {
	outline: unset;
	box-shadow: unset;
}

p:empty {
	display: none;
}

p {
	margin: 0 0 20px 0;
}

p:last-child {
	margin: 0 !important;
}

img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

strong {
	font-weight: bold;
}

.hide-on-desktop {
	display: none;
}

.hide-on-mobile {
	display: block;
}

.button-pink,
.button-cream,
.button-yellow,
.button-green {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 288px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
}

.button-pink {
	color: var(--color-white);
	background: var(--color-pink);
	border: 2px solid var(--color-pink);
}

.button-pink:hover,
.button-pink:active {
	border: 2px solid var(--color-dark-pink);
	color: var(--color-pink);
	background: var(--color-white);
}

.button-cream {
	color: var(--color-green);
	background: var(--color-cream);
	border: 2px solid var(--color-cream);
}

.button-cream:hover,
.button-cream:active {
	border: 2px solid var(--color-light-green);
	color: var(--color-green);
	background: var(--color-white);
}

.button-yellow {
	color: var(--color-green);
	background: var(--color-yellow);
	border: 2px solid var(--color-yellow);
	min-width: 196px;
}

.button-yellow:hover,
.button-yellow:active {
	border: 2px solid var(--color-light-green);
	color: var(--color-cream);
	background: var(--color-light-green);
}

.button-green {
	color: var(--color-pink);
	background: var(--color-green);
	border: 2px solid var(--color-green);
	min-width: 196px;
}

.button-green:hover,
.button-green:active {
	border: 2px solid var(--color-green);
	color: var(--color-green);
	background: var(--color-white);
}

.no-post-data {
	text-align: center;
	padding: 50px 0;
	width: 100%;
}

.main {
	margin-top: 84px;
}

@keyframes marqueeLeft {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

/* Slider navigation dots style */
.slick-slider ul.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px;
	padding: 0;
	margin: auto;
	list-style-type: none;
	cursor: pointer;
	width: 100%;
}

.slick-slider ul.slick-dots li {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: var(--color-light-green);
	opacity: 0.23;
	border: 1px solid var(--color-gray);
}

.slick-slider ul.slick-dots li.slick-active {
	opacity: 1;
	border: 1px solid var(--color-light-green);
}

.slick-slider ul.slick-dots li button {
	display: none;
}

/* Common Page */
.privacy-policy .common-page .content-wrapper {
	padding: 0;
	margin: 132px auto 89px;
}

.privacy-policy .common-page .content-wrapper a {
	color: var(--color-pink);
}

.privacy-policy .common-page .content-wrapper h2 {
	margin-bottom: 25px;
	text-transform: capitalize;
}

.privacy-policy .common-page .content-wrapper p + h2 {
	margin-top: 50px;
}

/* Header */
header {
	min-height: 84px;
    background-color: var(--color-light-pink);
	/*padding: 0 101px 0 88px;*/
	padding: 0 80px;
    box-shadow: var(--shadow);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    display: flex;
}

header .container {
	display: flex;
    /*column-gap: 50px;*/
    column-gap: 30px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

header .header-logo {
	width: 258px;
	height: 40px;
	display: flex;
	align-items: center;
}

header .header-menu-container {
	width: calc(100% - 258px - 50px);
}

header .header-menu-container .header-wrapper {
	display: flex;
	/*column-gap: 52px;*/
	column-gap: 15px;
	align-items: center;
	justify-content: flex-end;
}

header .mob-nav-button span {
	height: 1px;
    width: 16px;
    background: var(--color-light-green);
    display: block;
}

header .header-menu-container ul {
	display: flex;
/*	column-gap: 36px;*/
	/*column-gap: 20px;*/
	column-gap: 15px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 84px;
	overflow: hidden;
}

header .header-menu-container ul.wp-megamenu-sub-menu {
	height: 100%;
	overflow: unset;
	margin: 0 !important;
}

header .header-menu-container ul li {
	list-style: none;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 1.8px;
	margin: 0;
	font-family: var(--font-proxima-nova);
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	transition: all 0.5s ease;
	padding: 33px 0;
}

header .header-menu-container ul li.menu-item:hover a, 
header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 ul > li:hover > a,
header .header-menu-container ul li.current_page_item a {
	text-decoration: underline;

}

header .header-menu-container ul li.wpmm-strees-row-and-content:after {
	content: "\e9fd";
	font-family: "Phosphor-Light";
	font-size: 10px;
	line-height: 4px;
	cursor: pointer;
}

header .header-menu-container ul li ul.sub-menu,
header .header-menu-container .wpmm-strees-row-and-content-container {
	display: none;
}

header .header-menu {
	width: calc(100% - 75px - 38px - 204px);
}

header .header-social-icons {
	width: 75px;
}

header .header-menu-container ul.social-icons {
	column-gap: 5px;
}

header .header-menu-container ul.social-icons li {
	font-size: 15px;
	line-height: 15px;
	list-style: none;
}

header .header-menu-container ul.social-icons a {
	color: var(--color-light-orange);
}

header .header-menu-container .wpmm-strees-row-and-content-container {
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	background-color: var(--color-light-pink);
    padding: 35px 101px 27px 88px;
    text-align: center;
    border-top: 1px solid var(--color-light-green);
    box-shadow: var(--shadow);
    transition: all 0.5s ease;
}

header .header-menu-container ul li.wpmm-strees-row-and-content:hover .wpmm-strees-row-and-content-container {
	display: block;
}

header .header-menu-container li.wpmm-row ul.wp-megamenu-sub-menu {
	display: flex;
	column-gap: 45px;
	align-items: flex-start;
	margin: auto;
	width: 100%;
	justify-content: flex-start;
}

header .wpmm-strees-row-and-content-container ul.wp-megamenu-sub-menu li.wpmm-row {
	width: 100%;
	padding: 0;
}

header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 {
	width: calc(100% - 772px - 45px);
	padding: 0;
}

header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 li {
	flex-direction: column;
	row-gap: 10px;
	align-items: flex-start;
	padding: 0;
}

header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 ul li a {
	padding: 0;
}

header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 ul.menu {
/*	gap: 1px 55px;*/
	gap: 1px 5px;
	flex-wrap: wrap;
	max-width: 440px;
	margin: 0;
	justify-content: flex-start;
	height: 100%;
	overflow: unset;
}

header li.wpmm-row ul.wp-megamenu-sub-menu ul.menu li {
	font-size: 30px;
	line-height: 35px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	font-family: var(--font-new-spirit);
	text-transform: capitalize;
/*	min-width: 155px;*/
/*	min-width: 210px;*/
	min-width: 100%;
	padding: 0;
/*	width: calc(50% - 55px/2);*/
    text-align: left;
}

header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 ul li a,
header .header-menu-container ul li.menu-item:hover .post-detail a {
	text-decoration: none;
}

header ul.wp-megamenu li.wpmm-type-widget .wpmm-item-title,
header ul.wp-megamenu li.wpmm-type-widget h4 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 1.8px;
	margin: 0;
	font-family: var(--font-proxima-nova);
	text-transform: uppercase;
	color: var(--color-green);
	width: 100%;
	text-align: left;
}

header ul.wp-megamenu li.wpmm-type-widget .textwidget {
	display: none;
}

header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 {
	width: 772px;
	padding: 0;
}

header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 ul {
	flex-direction: column;
	row-gap: 10px;
}

header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 ul li {
	padding: 0;
}

header .recipe-faves {
	display: flex;
	column-gap: 10px;
	flex-wrap: wrap;
	row-gap: 10px;
}

header .recipe-faves .post-detail {
	width: 250px;
	border-radius: 27px;
	background-color: var(--color-white);
	display: flex;
	flex-direction: column;
}

header .recipe-faves .post-detail a.image {
	height: 109px;
	display: block;
}

header .recipe-faves .post-detail a.image img {
	border-radius: 27px 27px 0 0;
	height: 100%;
}

header .recipe-faves .post-detail .title {
	text-align: left;
	padding: 8px 5px 10px 13px;
	line-height: 20px;
	font-size: 18px;
	letter-spacing: 0;
	font-weight: 400;
	text-transform: capitalize;
}

header .wp-search button {
	display: none;
}

header .wp-search {
    margin-left: 8px;
    width: 204px;
}

header .wp-search .search-container {
	display: flex;
    column-gap: 13px;
    align-items: center;
    min-height: 51px;
    border: 1px solid var(--color-light-green);
    border-radius: 32px;
    width: 100%;
    background-color: var(--color-dark-pink);
    padding: 0 25px 0 20px;
}

header .wp-search .search-container input {
	border: unset;
    background: transparent;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1.8px; 
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-proxima-nova);
    text-transform: uppercase;
    color: var(--color-green);
    padding: 0;
    width: 100%;
}

header .wp-search .search-container input::placeholder {
    font-weight: 600;
	color: var(--color-green);
	opacity: 1;
}

/* Footer */
footer {
	position: relative;
	overflow: hidden;
}

footer .MediaTile__overlay {
	display: none !important;
}

footer .footer-gallery {
	padding: 60px 0 59px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: fit-content;
}

footer .footer-gallery .gallery-wrapper {
    max-width: 1160px;
    margin: auto;
    position: relative;
    /* right: 10px; */
    padding: 0 10px;
}

footer .footer-gallery .gallery-wrapper:empty {
	min-height: 306px;
}

footer .footer-gallery h5 {
	text-align: center;
}

footer .spotlight-instagram-app .FeedLayout__wrapper .FeedGridLayout__root + div {
	margin: 0;
}

footer .spotlight-instagram-app .FeedLayout__col-footer  {
	margin: 0!important;
}

footer .spotlight-instagram-feed .FeedLayout__wrapper .FeedHeader__left-container.FeedHeader__container {
	display: none;
}

footer .spotlight-instagram-feed .FeedLayout__wrapper .FeedHeader__root {
	background-color: unset!important;
	justify-content: center;
	margin-right: -10px;
}

footer .spotlight-instagram-feed .FeedLayout__wrapper {
	background-color: unset!important;
}

footer .spotlight-instagram-feed .FeedLayout__wrapper .DesignedButton__button {
	display: inline-flex;
	font-size: 45px;
	line-height: 56px;
	letter-spacing: 0;
	font-weight: 400 !important;
	padding: unset;
	text-decoration: none;
	cursor: pointer;
	appearance: none;
	text-align: center;
	background-color: unset!important;
	color: var(--color-green) !important;
	align-items: center;
	border: unset; !important;
	font-family: var(--font-new-spirit);
	box-shadow: unset;
	text-transform: unset;
}

footer .FeedHeader__root .FeedHeader__follow-button {
	margin: 0;
}

footer .footer-info {
	padding: 43px 0 41px;
	position: relative;
	right: 10px;
}

footer .footer-info .info-wrapper {
	display: flex;
	max-width: 1150px;
	margin: auto;
	justify-content: space-between;
	column-gap: 100px;
}

footer .footer-info .info-wrapper .footer-subscription:only-child {
	width: 100%;
}

footer .footer-info .info-wrapper .footer-subscription:only-child p {
	max-width: 100%;
}

footer .wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 36px;
	padding-top: 10.14px;
	width: 384.46px;
}

footer .footer-logo {
	width: 384.46px;
	height: 60.85px;
}

footer .footer-logo a {
	display: block;
	line-height: 0;
}

footer .footer-info .footer-menu {	
	max-width: 289px;
}

footer .footer-info .footer-menu ul {
	margin: 0;
	padding: 0;
}

footer .footer-info .footer-menu ul li {
	list-style-type: none;
}

footer .footer-info .footer-menu .nav {
	column-count: 2;
	column-gap: 46px;
}

footer .footer-info .footer-menu .nav li.menu-item {
	break-inside: avoid;
	line-height: 17px;
}

footer .footer-info .footer-menu .nav .menu-item a {
	font-size: 30px;
	line-height: 37px;
	letter-spacing: 0px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: var(--font-new-spirit);
	display: block;
}

footer .footer-social .wp-block-social-links {
	margin: 0;
	gap: 10px;
}

footer .footer-social .wp-block-social-links a {
	padding: 0;	
}

footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
	width: 20px;
	height: 20px;
}

footer .footer-social .wp-block-social-links .wp-social-link {
	background-color: transparent;
	color: var(--color-green);
	transform: unset;
}

footer .footer-info .footer-menu .footer-social {
	margin-top: 11px;
}

footer .footer-info .footer-menu .footer-social .social-icons {
	display: flex;
	gap: 10px;
}

footer .footer-info .footer-menu .footer-social ul li svg {
	width: 20px;
	height: 20px;
}

footer .footer-subscription {
	width: 563px;
}

footer .footer-subscription #mc_embed_shell h2 {
	color: var(--color-orange);
	margin: 0 0 8px;
	line-height: 37px;
	text-transform: capitalize;
	font-size: 30px;
	letter-spacing: 0;
	font-weight: 400;
}

.single-page .single-sidebar #mc_embed_shell {
	padding-left: 2px;
	margin-bottom: 52px;
}

.single-page .single-sidebar #mc_embed_shell h2 {
	color: var(--color-green);
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0;
	margin: 0 0 14px;
	font-weight: 400;
}

footer .footer-subscription #mc_embed_signup .indicates-required,
.single-page .single-sidebar #mc_embed_signup .indicates-required {
	display: none;
}

footer .footer-subscription p {
	max-width: 490px;
	line-height: 20px;
	font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: var(--font-proxima-nova);
}

footer .footer-subscription #mc_embed_signup,
.single-page .single-sidebar #mc_embed_signup {
	width: 100%;
	background-color: transparent;
}

footer .footer-subscription #mc_embed_signup form,
.single-page .single-sidebar #mc_embed_signup form {
	margin: 0;
}

footer .footer-subscription #mc_embed_signup .mc-field-group,
.single-page .single-sidebar #mc_embed_signup .mc-field-group {
	padding-bottom: 14px;
	width: 100%;
	min-height: unset;
}

footer .footer-subscription #mc_embed_signup .mc-field-group label,
.single-page .single-sidebar #mc_embed_signup .mc-field-group label {
	display: none;
}

footer .footer-subscription #mc_embed_signup .mc-field-group input,
.single-page .single-sidebar #mc_embed_signup .mc-field-group input {
	border: unset;
	border-bottom: 2px solid var(--color-light-orange);
	color: var(--color-green);
	border-radius: 0;
	padding: 0 0 8px;
	text-indent: 0;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	font-family: var(--font-proxima-nova);
	font-weight: bold;
	background-color: transparent;
	width: 100%;
}

footer .footer-subscription #mc_embed_signup .mc-field-group input:-internal-autofill-selected,
.single-page .single-sidebar #mc_embed_signup .mc-field-group input:-internal-autofill-selected,
footer .footer-subscription #mc_embed_signup .mc-field-group input:-webkit-autofill:focus,
.single-page .single-sidebar #mc_embed_signup .mc-field-group input:-webkit-autofill:focus  {
	-webkit-box-shadow: 0 0 0 44px background-color inset !important;
	-webkit-text-fill-color: var(--color-green);
    transition: background-color 5000s ease-in-out 0s;
}

footer .footer-subscription #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error,
.single-page .single-sidebar #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
	border: unset;
	border-bottom: 2px solid var(--color-light-orange);
}

footer .footer-subscription #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
.single-page .single-sidebar #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	margin: 10px 0 0;
	background-color: transparent;
	padding: 0;
	font-family: var(--font-proxima-nova);
}

footer .footer-subscription #mc_embed_signup .mc-field-group div.mce_inline_error,
.single-page .single-sidebar #mc_embed_signup .mc-field-group div.mce_inline_error {
	color: #FF0000;
}

footer .footer-subscription #mc_embed_signup .mc-field-group input::placeholder,
.single-page .single-sidebar #mc_embed_signup .mc-field-group input::placeholder {
	color: var(--color-green);
	font-weight: bold;
	opacity: 1;
}

footer .footer-subscription #mc_embed_signup .button,
.single-page .single-sidebar #mc_embed_signup .button {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 174px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
	color: var(--color-white) !important;
	background-color: var(--color-pink) !important;
	margin: 6px 0 0;
	border: 2px solid var(--color-dark-pink);
}

footer .footer-subscription #mc_embed_signup .button:hover,
.single-page .single-sidebar #mc_embed_signup .button:hover {
	border: 2px solid var(--color-dark-pink);
	color: var(--color-pink) !important;
	background: var(--color-white) !important;
}

footer .footer-subscription #mc_embed_signup div#mce-responses,
footer .footer-subscription #mc_embed_signup div.response,
.single-page .single-sidebar #mc_embed_signup div#mce-responses,
.single-page .single-sidebar #mc_embed_signup div.response {
	margin: 0;
	padding: 0;
}

footer .footer-subscription #mc_embed_signup div.response,
.single-page .single-sidebar #mc_embed_signup div.response {
	margin: 10px 0;
}

footer .footer-copyright div.widget {
	background-color: var(--color-pink);
	padding: 18px 20px 14.36px;
}

footer .footer-copyright p {
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
	color: var(--color-white);
	text-align: center;
}

footer .footer-copyright p br {
	display: none;	
}

footer .footer-copyright p a { 
	color: var(--color-white);
}

footer .bg-image {
	width: 211px;
	height: 282.25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 3px;	
	right: -25px;
	z-index: -1;
	/*transform: rotate(-9deg);*/
}	

footer .bg-image:only-child,
footer .footer-gallery + .bg-image:last-child {
	float: right;
	position: relative;
	margin-top: 42.69px;
}

footer .bg-image + .footer-copyright { 
	margin-top: 282px;	
}

footer .bg-image + .footer-info { 
	min-height: 325px;
}

/* Shop Page */
.shop-page .shop-with-me {
	margin: auto;
	background: var(--color-dark-pink);
	padding-top: 48px;
	padding-bottom: 54px;
}

.shop-page .shop-with-me .content-wrapper {
	max-width: 618px;
	margin: 0 auto 20px;
	padding-right: 11px;
	text-align: center;
}

.shop-page .shop-with-me .content-wrapper h1 {
	font-size: 45px;
	line-height: 56px;
	margin-bottom: 26px;
	color: var(--color-green);
	text-transform: capitalize;
}

.shop-page .shop-with-me .content-wrapper p {
	padding-bottom: 20px;
}

.shop-page .shop-with-me > *:last-child,
.shop-page .shop-with-me .content-wrapper > *:last-child {
	margin-bottom: 0;
}

.shop-page .shop-with-me .product-category .shop-product-category {
/*	padding-left: 140px;*/
	display: flex;
	gap: 11px;
	max-width: 1150px;
	margin: auto;
	flex-wrap: wrap;
	justify-content: center;
}

.shop-page .mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-bottom: 44px;
}

.shop-page .product-category-list .shop-product-category.mCustomScrollbar _mCS_1 h5 {
	color: var(--color-green);
}

.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
	max-width: 679px;
	margin: auto;
	background: linear-gradient(transparent 0, transparent 1px, rgba( 255, 255, 255, 0.48 ) 1px, rgba( 255, 255, 255, 0.48 ) 9px, transparent 9px, transparent 100%);
	height: 9px;
	border-radius: 32px;
}

.shop-page .mCSB_horizontal.mCSB_inside > .mCSB_container.mCS_no_scrollbar_x {
	margin-bottom: 0;
}

.shop-page .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 0;
	margin: 0;
}

.shop-page .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
	height: 0;
	margin: 0;
	background: var(--color-green);
}

.shop-page .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	background: var(--color-green);
	height: 9px;
	margin: -1px 0;
	border-radius: 32px;
}

.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 301px !important;
	height: 9px;
	background: var(--color-white);
	border-radius: 32px;
	opacity: 1;
}

.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 9px;
	margin: 0 auto;
}

.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 9px;
	opacity: 1;
	padding-right: 11px;
}

.shop-page .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	opacity: 1;
}

.shop-page .shop-with-me .product-category .shop-product-category a {
	min-width: 279px;
	color: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
}

.shop-page .shop-with-me .product-category .shop-product-category a.button-green:hover {
	color: var(--color-green);
}

.shop-page .shop-with-me .product-category .shop-product-category a.category-active {
	background: var(--color-white);
	color: var(--color-green);
	border: 2px solid var(--color-light-green);
}

.shop-page .shop-container {
	max-width: 1160px;
	margin: auto;
	padding: 48px 12px 89px 0;
}

.shop-page .shop-container .content {
	text-align: center;
	font-style: italic;
	margin-bottom: 48px;
	color: var(--color-green);
}

.shop-page .shop-container .products {
	margin: 0;
}

.shop-page .shop-container .products .shop-page-products {
	display: flex;
	max-width: 1160px;
	margin: auto;
	gap: 23px 18px;
	flex-wrap: wrap;
}

.shop-page .shop-container .products .product {
	width: 273px;
	height: 273px;
	line-height: 0;
}

.shop-page .shop-container .products .product a {
	display: block;
	height: 100%;
	border: 1px solid darkolivegreen;
    padding: 10px;
}

.shop-page .shop-container .products .product img {
	height: 100%;
	object-fit: contain;
}

.shop-page .shop-container .woocommerce-no-products-found .woocommerce-info {
	margin-bottom: 0;
}

.shop-page .shop-container .shop-products-load-more {
	margin-top: 49px;
	text-align: center;
	width: 100%;
}

/* Single shop page */
.single-product .single-product-page {
	max-width: 1160px;
	margin: auto;
	padding: 48px 12px 89px 0;
}

/* Woocommerce related pages  */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border-top: 3px solid var(--color-light-orange);
	color: var(--color-green);
}

.woocommerce.woocommerce-page .shop-page .shop-container .products::after, 
.woocommerce.woocommerce-page .shop-page .shop-container .products::before {
	display: none;
}

.woocommerce span.onsale {
	font-weight: normal;
	width: 50px;
	height: 50px;
	line-height: 45px;
	letter-spacing: 0.5px;
	background: var(--color-light-orange);
}

.single-product .single-product-page div.product .product_title,
.woocommerce div.product .woocommerce-Reviews h2 {
	margin-bottom: 25px;
	text-transform: capitalize;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 18px;
	margin-top: 25px;
	color: var(--color-green);
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 18px;
	margin-bottom: 25px!important;
	color: var(--color-green);
}

.woocommerce .quantity .qty {
	padding: 10px;
	width: 80px;
	border-radius: 0;
	border-style: solid;
	outline: 0;
	-webkit-appearance: none;
	color: var(--color-green);
	min-height: 50px;
}

.woocommerce .quantity .qty input::placeholder {
	color: var(--color-green);
	font-weight: 400;
}

.woocommerce div.product form.cart div.quantity {
	margin-right: 10px;
}

.woocommerce button.single_add_to_cart_button.button,
.woocommerce .woocommerce-Reviews #respond input[type="submit"]#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-info a.woocommerce-Button,
.woocommerce-cart table.cart td.actions .coupon .input-text {
	color: var(--color-cream) !important;
	background-color: var(--color-green) !important;
	border: 2px solid var(--color-light-green);
	-webkit-appearance: none;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	height: unset;
	text-transform: uppercase;
	padding: 13px 15px !important;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 196px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	background: var(--color-white) !important;
	color: var(--color-cream);
	padding: 11px 15px !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
	color: var(--color-green);
	opacity: 1;
}

.woocommerce-cart .woocommerce button,
.woocommerce-cart .woocommerce button.button {
	color: var(--color-cream) !important;
}

.woocommerce button.single_add_to_cart_button.button:hover,
.woocommerce .woocommerce-Reviews #respond input[type="submit"]#submit:hover,
.woocommerce div.product div.summary .product_meta .posted_in a:hover,
.woocommerce div.product div.summary .product_meta .tagged_as a:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce table.my_account_orders .button:hover {
	color: var(--color-green) !important;
	border: 2px solid var(--color-light-green);
	background-color: var(--color-white) !important;
}

.woocommerce div.product div.summary .product_meta .tagged_as a:hover,
.woocommerce div.product div.summary .product_meta .posted_in a:hover {
	border: unset;
	color: var(--color-orange);
}

.woocommerce div.product div.summary .product_meta {
	display: flex;
	flex-direction: column;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: 1px solid var(--color-green);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #000;
	background-color: var(--color-green);
	color: var(--color-white)!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid var(--color-green);
	content: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
	color: var(--color-green);	
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 400;
	color: var(--color-white);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color:var(--color-white);
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin-bottom: 0;
}

.woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value p {
	margin-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-Reviews h2,
.woocommerce div.product .woocommerce-Reviews p,
.woocommerce div.product .woocommerce-Tabs-panel h2,
.woocommerce div.product .woocommerce-Tabs-panel p {
	margin-bottom: 25px !important;
}

.woocommerce .comment-form .comment-form-rating {
	gap: 5px;
}

.woocommerce .comment-form p.comment-form-author,
.woocommerce .comment-form .comment-form-rating,
.woocommerce .comment-form p.comment-form-email {
	display: flex;
	flex-direction: column;
}

.woocommerce #review_form #respond textarea {
	resize: none;
	-webkit-appearance: none;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
	padding: 14px 18px;
}

.woocommerce .comment-form p.comment-form-author input,
.woocommerce .comment-form p.comment-form-email input,
.woocommerce .comment-form p.comment-form-comment textarea,
.woocommerce form .form-row input.input-text,
.select2-container .select2-selection--single,
.woocommerce form .form-row textarea {
	background: var(--color-white) !important;
	border: 1px solid var(--color-light-green) !important;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 25px;
	height: 44px;
	min-height: 44px;
	letter-spacing: 0px;
	color: var(--color-green);
	padding: 14px 18px;
	-webkit-appearance: none;
	border-radius: 10px;
	font-family: var(--font-proxima-nova);
	font-weight: 400;
}

.woocommerce .comment-form p.comment-form-comment textarea,
.woocommerce form .form-row textarea {
	min-height: 133px;
}

.woocommerce #reviews #comments ol.commentlist li .meta {
	color: var(--color-green);
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce .upsells.products,
.woocommerce .related.products {
	width: 100%;
	margin: 50px 0 0 0;
}

.woocommerce .cart-collaterals .cross-sells h2,
.woocommerce .upsells.products h2,
.woocommerce .related.products h2 {
	text-align: center;
	margin: 0 0 48px 0;
	text-transform: capitalize;
}

.woocommerce .cart-collaterals .cross-sells ul,
.woocommerce .upsells.products ul,
.woocommerce .related.products ul.products {
	display: flex;
	flex-wrap: wrap;
	gap: 23px 18px;
	margin: 0;
}

.woocommerce .related.products ul.products:after,
.woocommerce .related.products ul.products:before,
.woocommerce .cart-collaterals .cross-sells ul.products:after,
.woocommerce .cart-collaterals .cross-sells ul.products:before,
.woocommerce .upsells.products ul.products:after,
.woocommerce .upsells.products ul.products:before {
	display: none;
}

.woocommerce .cart-collaterals .cross-sells .product-block,
.woocommerce .upsells.products .product-block,
.woocommerce .related.products ul.products .product-block {
	width: 273px;
	height: 273px;
	display: block;
}

.woocommerce .cart-collaterals .cross-sells .product-block a,
.woocommerce .upsells.products .product-block a,
.woocommerce .related.products ul.products .product-block a {
	display: block;
	height: 100%;
}

.woocommerce .cart-collaterals .cross-sells .product-block a img,
.woocommerce .upsells.products .product-block a img,
.woocommerce .related.products ul.products .product-block a img {
	height: 100%;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.button:hover {
	color: var(--color-green) !important;
	background: var(--color-white) !important;
	border: 2px solid var(--color-light-green);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-error, .woocommerce-info,
.woocommerce-message.woocommerce-info,
.woocommerce-message, .woocommerce-error {
	border-top-color: var(--color-orange);
	margin-top: 20px;
	background-color: var(--color-cream);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--color-orange);
}

.common-page .content-wrapper {
	max-width: 1160px;
	margin: auto;
	padding: 48px 12px 89px 0;
}

.common-page .content-wrapper h1 {
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 45px;
}

.woocommerce-cart table.cart th,
.woocommerce table.shop_table tbody th {
	font-weight: 800;
}

.woocommerce a.remove {
	line-height: 1.1;
	color: var(--color-green) !important;
}

.woocommerce a.remove:hover {
  	background: var(--color-green);
  	color: var(--color-white);
}

.woocommerce-error::before {
    color: var(--color-orange);
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
	display: flex;
	flex-direction: column-reverse;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	margin-left: auto;
}

.common-page .content-wrapper .woocommerce h2 {
	margin: 20px 0;
	text-align: left;
}

.woocommerce-cart .cart-collaterals .cart_totals table td strong {
	font-weight: 400 !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
	text-align: right;
}

.woocommerce-cart .woocommerce .cart-collaterals .cross-sells,
.woocommerce-cart .woocommerce .upsells.products,
.woocommerce-cart .woocommerce .related.products {
	margin: 0;
}

#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
	padding-bottom: 0;
}

.woocommerce-cart .woocommerce .cart-collaterals .cross-sells h2,
.woocommerce-cart .woocommerce .upsells.products h2,
.woocommerce-cart .woocommerce .related.products h2 {
	text-align: center;
	margin-bottom: 50px;
}

.woocommerce a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	margin-bottom: 0;
}

.select2-container .select2-selection--single {
	padding: 7px 15px
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
	margin-right: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	color: var(--color-green);
	border: 1px solid var(--color-green);
}

.woocommerce-checkout #payment div.payment_box,
.woocommerce form .form-row input.input-text,
.select2-container .select2-selection--single,
.woocommerce form .form-row textarea,
.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--color-green);
}

.woocommerce .woocommerce-checkout h3 {
	margin: 30px 0;
}

.woocommerce-checkout #payment {
	background: var(--color-dark-pink);
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--color-cream);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce ul.order_details {
	padding: 0;
	margin-bottom: 20px;
}

.woocommerce-edit-account .woocommerce p .woocommerce-Button {
	margin: 15px 0 0;
}

.woocommerce .woocommerce-Addresses {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.woocommerce .woocommerce-Addresses .woocommerce-Address {
	border: 1px solid var(--color-green);
	padding: 12px;
}

.woocommerce .woocommerce-Address header {
	position: relative;
	z-index: 9;
	border: 0;
	box-shadow: unset;
	background: unset;
	padding: 0;
	gap: unset;
	justify-content: unset;
	height: auto;
	align-items: flex-start;
	display: block;
	min-height: unset;
}

.woocommerce-account .addresses .title h3 {
	margin-bottom: 20px;
}

.woocommerce-account .addresses address {
	display: block;
	float: left;
	width: 100%;
}

.woocommerce-account .addresses .title a {
	float: none !important;
	display: block;
	text-align: right;
	line-height: 22px;
}

.woocommerce-account .woocommerce-MyAccount-content form h3,
.woocommerce-account form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
	margin: 15px 0;
}

/* Wordpress login page */
body.login {
	background-color: var(--color-light-pink);
	display: flex;
	align-items: center;
	justify-content: center;
}

body.login p a:focus {
	color: var(--color-green) !important;
}

body.login h1 {
	order: 1;
	width: 100%;
	text-align: center;
}

body.login .message {
	order: 2;
}

body.login #login_error {
	order: 3;
}

body.login form {
	order: 4;
}

body.login #backtoblog {
	order: 5;
	margin: 27px 35px 0 0 !important;
	padding: 0;
	min-width: 229px;
}

body.login p {
	line-height: 18px;
}

body.login #nav {
	order: 6;
	margin: 27px 0 0;
	padding: 0;
}

body.login .privacy-policy-page-link {
	order: 7;
	margin: 27px 0 0;
	width: fit-content;
}

body.login .privacy-policy-page-link a {
	text-decoration: underline;
}

body.login #backtoblog:hover a,
body.login #nav:hover a,
body.login #backtoblog a,
body.login #nav a {
	color: var(--color-green);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 18px;
	font-family: var(--font-proxima-nova);
}

body.login div#login h1 a {
	background-image: url(../images/BroccLogo_Green.png);
	width: 384px;
	height: 61px;
	background-size: 384px;
	background-position: center;
	margin-bottom: 45px;
}

body.login div#login {
	width: 592px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px 0;
	column-gap: 19px;
	justify-content: space-between;
}

body.login #login_error,
body.login .message,
body.login .success {
	border: unset;
	padding: 0;
	background-color: transparent;
	box-shadow: unset;
	text-align: center;
	font-family: var(--font-proxima-nova);
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: var(--color-green);
    letter-spacing: 0;
    max-width: 524px;
    margin: 0 auto 21px;
    width: 100%;
}

body.login form {
	margin: 0;
	padding: 35px 59px 26px 53px;
	border: 1px solid var(--color-light-green);
	width: 100%;
}

body.login form#lostpasswordform {
	margin-top: 18px;
	padding: 45px 59px 44px 53px;
}

body.login label,
body.login form .input {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	color: var(--color-green);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 6px;
}

body.login form .input {
	text-transform: none;
}

body.login form .input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px var(--color-white) inset !important;
	-webkit-text-fill-color: var(--color-green);
}

body.login form#lostpasswordform label {
	margin-bottom: 14px;
}

body.login form#lostpasswordform input[type=text] {
	margin-bottom: 13px;
}

body.login form .input {
	font-weight: 400;
	border-radius: 10px;
	border: 1px solid var(--color-light-green);
	margin: 0 0px 20px 0;
	min-height: 44px;
	padding: 12px 5px 11px 18px;
	letter-spacing: 0;
}

body.login form .input:focus,
body.login form input[type=checkbox]:focus {
	outline: unset;
	box-shadow: unset;
}

body.login form input[type=checkbox] {
	border: 1px solid var(--color-light-green);
	border-radius: 3px;
	height: 25px;
	width: 23px;
	margin: -3px 8px 0 0; 
}

body.login form input[type=checkbox] + label {
	text-transform: capitalize;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	font-weight: 400;
}

body.login form input[type=checkbox]:checked::before {
	height: 25px;
	width: 23px;
	margin: 0 -2px;
}

body.login form p.submit input[type=submit] {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 134px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
	color: var(--color-white);
	background: var(--color-green);
	border: 2px solid var(--color-green);
	margin: 0;
	outline: unset;
}

body.login form#lostpasswordform p.submit input[type=submit] {
	min-width: 254px;
}

body.login form p.submit input[type=submit]:hover,
body.login form p.submit input[type=submit]:active {
	color: var(--color-green);
	background: var(--color-white);
	border: 2px solid var(--color-green);
}

body.login form .forgetmenot {
	margin-top: 10px;
}

body.login .wp-pwd button.button.wp-hide-pw:focus {
	outline: unset;
	box-shadow: unset;
	border: unset;
}

body.login .wp-pwd span.dashicons,
body.login .wp-pwd span.dashicons:hover {
	color: var(--color-green);
}

/* Shop With Me Block */
.shop-with-me {
	background: var(--color-green);
	padding: 57px 0 65px;
	margin: 60px 0 53px;
}

.shop-with-me > *:last-child {
	margin-bottom: 0;
}

.shop-with-me h2 {
	color: var(--color-white);
	text-align: center;
	margin: 0 50px 34px;
	text-transform: capitalize;
}

.shop-with-me .product-list {
	display: flex;
	max-width: 1164px;
	margin: auto;
	gap: 10px;
	position: relative;
	right: 3px;
}

.shop-with-me .product-list:last-child { 
	margin-bottom: 32px;
}

.shop-with-me .product-list .product {
	width: 219px;
	height: 219px;
}

.shop-with-me .slick-slider ul.slick-dots {
	position: absolute;
	bottom: -30px;
	width: 100%;
	padding: 0;
	display: block;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 0;
}

.shop-with-me .slick-slider ul.slick-dots li {
	position: unset;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer;
	background-color: var(--color-light-pink);
	border-radius: 50px;
	border: unset;
	opacity: 0.37;
}

.shop-with-me .slick-dots li button {
	display: none;
	opacity: 0.37;
	cursor: pointer;
	border: 0;
}

.shop-with-me .slick-slider ul.slick-dots li.slick-active {
	border-radius: 50px;
	background: var(--color-light-pink);
	opacity: 1;
}

.shop-with-me .slick-list.draggable .slick-track .slick-slide {
	opacity: 1;
	margin: 0 7px;
}

.shop-with-me button.slick-arrow {
	border: unset;
	background: transparent;
	cursor: pointer;
	position: absolute;
}

.shop-with-me button.slick-arrow:hover i {
	color: var(--color-yellow);
}

.shop-with-me button.slick-prev {
	top: 50%;
	transform: translateY(-50%);
	left: -39px;
	padding: 0;
}

.shop-with-me button.slick-next {
	top: 50%;
	transform: translateY(-50%);
	right: -44.74px;
	padding: 0;
}

.shop-with-me button i {
	font-size: 40px;
	font-weight: 900;
	color: var(--color-orange);
	position: relative;
	-webkit-text-stroke: 1px var(--color-green);
}

.shop-with-me .button {
	margin-top: 54px;
	width: 100%;
	text-align: center;
}

.shop-with-me .button:only-child {
	margin-top: 0;
}

/* Lifestyle Page */
.lifestyle-page .lifestyle-header {	
	padding: 48px 0 62px;
}

.lifestyle-page .lifestyle-header > *:last-child {
	margin-bottom: 0;
}

.lifestyle-page .lifestyle-header h1 {
	font-size: 45px;
	line-height: 56px;
	text-align: center;
	margin-bottom: 28px;
	text-transform: capitalize;
	padding: 0 101px 0 89px;
}

.lifestyle-page .lifestyle-header .content {
	max-width: 872px;
	margin: 0 auto 46px;
	text-align: center;
}

.lifestyle-page .lifestyle-header .content:last-child {
	margin-bottom: 0;
}

.lifestyle-page .lifestyle-header .category-filter {
	display: flex;
	gap: 11px;
	max-width: 1150px;
	flex-wrap: wrap;
	margin: auto;
	position: relative;
	right: 10px;
	justify-content: center;
}

.lifestyle-page .lifestyle-header .category-filter .category-active.button-green {
	color: var(--color-green);
	background: var(--color-white);
	border: 2px solid var(--color-light-green);
}

.lifestyle-page .lifestyle-header .category-filter .button-green {
	min-width: 279px;
	color: var(--color-white);
}

.lifestyle-page .lifestyle-header .category-filter .button-green:hover {
	color: var(--color-green);
	background: var(--color-white);
	border: 2px solid var(--color-light-green);
}

.lifestyle-page .featured-posts {
	display: flex;
	max-width: 1150px;
	margin: 58px auto 51px;
	column-gap: 90px;
	position: relative;
	right: 10px;
}

.lifestyle-page .featured-posts .post-detail {
	width: calc(100% - 570px - 90px);
	margin: auto;
}

.lifestyle-page .featured-posts .post-detail > *:last-child {
	margin-bottom: 0;
}

.lifestyle-page .featured-posts > *:only-child {
	width: 100%;
}

.lifestyle-page .featured-posts .image {
	width: 570px;
	height: 542px;
	line-height: 0;
}

.lifestyle-page .featured-posts .post-detail h5 {
	margin-bottom: 6px;
}

.lifestyle-page .featured-posts .post-detail h2 {
	margin-bottom: 28px;
	text-transform: capitalize;
}

.lifestyle-page .featured-posts .post-detail .short-description {
	margin-bottom: 37px;
}

.lifestyle-page .featured-posts .post-detail .short-description:last-child {
	margin-bottom: 0;
}

.lifestyle-page .recent-post {
	display: flex;
	flex-direction: column;
	row-gap: 48px;
	background-color: var(--color-light-pink);
	padding: 52px 0 61px;
	margin: 51px 0 65px;
}

.lifestyle-page .recent-post h2 { 
	text-align: center;
	text-transform: capitalize;
	padding: 0 20px;
}

.lifestyle-page .recent-post .post-list {
	display: flex;
	max-width: 1150px;
	margin: auto;
	gap: 26px 10px;
	position: relative;
	right: 10px;
	flex-wrap: wrap;
}

.lifestyle-page .recent-post .post-list .post-detail {
	width: 280px;
}

.lifestyle-page .recent-post .post-list .post-detail h4 {
	text-transform: capitalize;
	max-width: 253px;
}

.lifestyle-page .recent-post .post-list .post-detail h5 {
	margin-bottom: 6px;
}

.lifestyle-page .recent-post .post-list .post-detail .image {
	height: 360px;
	display: block;
	line-height: 0;
	margin-bottom: 19px;
}

.lifestyle-page .all-post {
	margin: 53px 0 79px;
	display: flex;
	flex-direction: column;
	row-gap: 64px;
}

.lifestyle-page .all-post h2 {
	text-align: center;
	text-transform: capitalize;
	padding: 0 20px;
}

.lifestyle-page .all-post .lifestyle-list {
	display: flex;
	max-width: 1150px;
	margin: auto;
	gap: 26px 10px;
	position: relative;
	right: 6px;
	flex-wrap: wrap;
}

.lifestyle-page .all-post .post-detail {
	width: 280px;
}

.lifestyle-page .all-post .post-detail h5 {
	margin-bottom: 6px;
}

.lifestyle-page .all-post .post-detail h4 {
	text-transform: capitalize;
	max-width: 253px;
}

.lifestyle-page .all-post .post-detail h4 a {
	display: block;
}

.lifestyle-page .all-post .post-image {
	height: 360px;
	display: block;
	line-height: 0;
	margin-bottom: 19px;
}

.lifestyle-page .all-post .lifestyle-load-more {
	text-align: center;
	width: 100%;
	margin-top: 23px;
}

.lifestyle-page .all-post .no-post-data {
	padding: 0;
}

.lifestyle-page .popular-post {
	display: flex;
	max-width: 1139px;
	margin: 65px auto 60px;
	column-gap: 79px;
	position: relative;
	right: 11px;
}

.lifestyle-page .popular-post .post-detail {
	width: calc(100% - 570px - 79px);
	margin: auto;
}

.lifestyle-page .popular-post .post-detail > *:last-child {
	margin-bottom: 0;
}

.lifestyle-page .popular-post > *:only-child {
	width: 100%;
}

.lifestyle-page .popular-post .image {
	width: 570px;
	height: 542px;
	line-height: 0;
}

.lifestyle-page .popular-post .post-detail h5 {
	margin-bottom: 6px;
}

.lifestyle-page .popular-post .post-detail h2 {
	margin-bottom: 28px;
	text-transform: capitalize;
}

.lifestyle-page .popular-post .post-detail .short-description {
	margin-bottom: 28px;
}

.lifestyle-page .popular-post .post-detail .short-description:last-child {
	margin-bottom: 0;
}

/* Recipe index page */
.recipe-page {
	max-width: 1440px;
	margin: auto;
	justify-content: center;
	display: flex;
}

.recipe-page .recipe-page-contents {
	display: flex;
	column-gap: 39px;
	width: 100%;
}

.recipe-page .recipe-page-contents .recipe-filter .recipe-filter-content {
	padding: 0 31px 28px 90px;
}

.recipe-page .recipe-filter .recipe-filter-content .recipe-filter-title {
	margin-bottom: 26px;
}

.recipe-page .recipe-page-contents .recipe-filter {
	width: 391px;
	height: auto;
	background-color: var(--color-dark-pink);
	text-align: left;
	overflow: hidden;
	padding: 51px 0;
}

.recipe-page .recipe-filter .recipe-filter-title h3 {
	line-height: 37px;
	margin-bottom: 26px;
	text-transform: capitalize;
}

.recipe-page .recipe-filter .recipe-content-text {
	margin-bottom: 25px;
	line-height: 22px;
	max-width: 239px;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-heading {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	align-items: center;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category.active .filter-category-items {
	display: block;
}

.recipe-page .recipe-filter .recipe-filter-section {
	display: flex;
	flex-direction: column;
	row-gap: 13px;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-heading i {
	-webkit-text-stroke: 1px var(--color-green);
	font-size: 14px;
	line-height: 11px;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items {
	margin: 13px 0 5px;
	display: none;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul {
	margin: 0;
	padding: 0;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul li {
	display: flex;
	align-items: baseline;
	font-size: 15px;
	letter-spacing: 1.8px;
	color: var(--color-green);
	text-transform: uppercase;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items input {
	margin: 0 10px 0;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items label {
	display: flex;
	align-items: center;
	column-gap: 10px;
	cursor: pointer;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items input[type=checkbox] {
	outline: unset;
	display: none;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul input[type=checkbox] + *:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--color-light-pink);
	border: 1px solid var(--color-light-green);
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul input[type=checkbox]:checked + *:before {
	background: #E3E16E;
}

.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul input[type=checkbox]:checked + label {
	text-decoration: underline;
	color: var(--color-green);
}

.recipe-page .recipe-filter .recipe-filter-section h4.clear-filter {
	font-size: 18px;
	text-decoration: underline;
	font-family: var(--font-proxima-nova);
	margin-top: 9px;
	cursor: pointer;
}

.recipe-page .recipe-page-contents .recipe-container {
	width: calc( 100% - 391px - 39px );
	padding: 38px 0;
}

.recipe-page .recipe-container .heading {
	max-width: 860px;
	margin-bottom: 35px;
}

.recipe-page .recipe-container .heading h1 {
	text-align: center;
	font-size: 45px;
	line-height: 56px;
	text-transform: capitalize;
}

.recipe-page .recipe-container .recipe-content {
	max-width: 860px;
	display: flex;
	gap: 35px 13px;
	flex-wrap: wrap;
}

.recipe-page .recipe-container .recipe-content .post-detail {
	text-align: center;
	width: 278px;
	background: var(--color-cream);
	border-radius: 27px;
	position: relative;
}

.recipe-page .recipe-container .pagination {
	width: 100%;
	display: flex;
	column-gap: 5px;
	justify-content: center;
	margin: 8px 0 0;
	padding: 0;
	color: var(--color-pink);
}

.recipe-page .recipe-container .pagination li {
	list-style-type: none;
	color: var(--color-pink);
	cursor: pointer;
}

.recipe-page .recipe-container .pagination .page-link {
	color: var(--color-pink);
}

.recipe-page .recipe-container .pagination .page-link.arrow {
	padding: 0 10px;
	position: relative;
	top: 2px;
}

.recipe-page .recipe-container .pagination .page-link.active {
	color: var(--color-green);
}

.recipe-page .recipe-container .recipe-content .post-detail .recipe-image a {
	height: 232px;
	width: 100%;
	display: block;
}
.recipe-page .recipe-container .recipe-content .post-detail .recipe-image a img {
	border-radius: 27px 27px 0 0;
}

.recipe-page .recipe-container .recipe-content .post-detail .recipe-title {
	padding: 15px 5px 19px 16px;
	border-radius: 27px;
	background: var(--color-light-pink);
	text-align: left;
}

.recipe-page .recipe-container .recipe-content .post-detail .recipe-title:first-child {
	padding: 40px 15px;
}

.recipe-page .recipe-page-contents .recipe-container .recipe-content .post-detail .recipe-title a {
	padding: 0 10px;
	display: block;
}

.recipe-page .recipe-page-contents .recipe-filter .overlay-image {
	width: 181px;
	height: 264px;
	position: relative;
	left: -47px;
	opacity: 55%;
	transform: matrix(0.78, 0.63, -0.63, 0.78, 0, 0);
}

.recipe-page .recipe-page-contents .recipe-filter .overlay-image img {
	object-fit: contain;
}

.recipe-page .recipe-container .recipe-content .recipe-post-paginaton {
	width: 100%;
	margin-top: 8px;
}

.recipe-page .recipe-container .recipe-content .recipe-post-paginaton ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.recipe-page .recipe-container .recipe-content .recipe-post-paginaton ul li span.active-page {
	color: var(--color-green);
	display: inline-block;
	width: 15px;
	height: 18px;
}

.recipe-page .recipe-container .recipe-content .recipe-post-paginaton ul li {
	width: 25px;
	line-height: 25px;
	font-weight: 400;
}

.recipe-page .recipe-container .recipe-content .recipe-post-paginaton ul li a {
	color: var(--color-pink);
}

.recipe-page .bottom-overlay-image {
	display: none;
}

.recipe-page .recipe-container .recipe-content .post-detail i {
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 24px;
	line-height: 22px;
	cursor: pointer;
}

.recipe-page .recipe-page-contents .recipe-container .no-post-data {
	max-width: 860px;
}

.recipe-page .recipe-page-contents .recipe-container .no-post-data h3 {
	line-height: 35px;
}

.recipe-page .recipe-page-contents .recipe-filter .recipe-filter-content > *:last-child,
.recipe-page .recipe-filter .recipe-filter-content .recipe-filter-title > *:last-child,
.recipe-page .recipe-page-contents .recipe-container > *:last-child {
	margin-bottom: 0;
}

/* Recipe card */
.recipe-card {
	background-color: var(--color-cream);
	margin: 72px 29px 67px 0;
	padding: 0 0 55px 0;
}

.recipe-card .recipe-details {
	display: flex;
	column-gap: 42px;
	margin-bottom: 44px;
}

.recipe-card .recipe-details .image {
	width: 354px;
	height: 368px;
	flex-grow: 1;
	position: relative;
}

.recipe-card .recipe-details .image + .contents {
	padding: 54px 21px 0 0;
}

.recipe-card .recipe-details .contents {
	width: calc(100% - 354px - 42px);
	padding: 54px 21px 0 42px;
	flex-grow: 1;
}

.recipe-card .recipe-details .contents > *:last-child {
	margin-bottom: 0;
}

.recipe-card .recipe-details .contents h2 {
	margin-bottom: 15px;
	text-transform: capitalize;
}

.recipe-card .recipe-details .contents h5 {
	margin-bottom: 6px;
}

.recipe-card .recipe-details .contents h5 span {
	font-weight: 400;
}

.recipe-card .recipe-card-buttons {
	display: flex;
	gap: 35px;
	max-width: 658px;
	margin: 0 auto 52px;
	justify-content: center;
}

.recipe-card .recipe-card-buttons a.button-green {
	color: var(--color-cream);
}

.recipe-card .recipe-card-buttons a.button-green:hover {
	color: var(--color-green);
}

.recipe-card .recipe-card-buttons a {
	min-width: 196px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 4px;
	padding: 13.5px 15px;
}

.single-page a.liked {
	border: 2px solid var(--color-light-green);
	color: var(--color-white);
	background: var(--color-light-green);
}

.single-page a.liked:hover {
	border: 2px solid var(--color-light-green);
	color: var(--color-white);
	background: var(--color-light-green);
}

.single-page a.liked i.ph-duotone.ph-heart::before {
	color: var(--color-orange);
	opacity: 1;
}

.single-page a.liked i.ph-duotone.ph-heart::after {
	margin-left: -23px;
}

.recipe-card .recipe-card-buttons a i {
	font-size: 22px;
}

.recipe-card .content-inner {
	padding: 0 85px 0 31px;
}

.recipe-card .content-inner > *:last-child {
	margin-bottom: 0;
}

.recipe-card .recipe-ingredient {
	margin-bottom: 29px;
}

.recipe-card .recipe-ingredient ul,
.recipe-card .recipe-notes ul {
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
}

.recipe-card .recipe-ingredient ul:last-child,
.recipe-card .recipe-ingredient 
.recipe-card .recipe-notes ul:last-child {
	margin-bottom: 0;
}

.recipe-card .recipe-ingredient br {
	display: none;
}

.recipe-card .content-inner .recipe-ingredient h4,
.recipe-card .content-inner .recipe-instruction h4 {
	margin: 0 0 15px;
}

.recipe-card .recipe-ingredient .ingredients h5,
.recipe-card .recipe-instruction .instructions h5 {
	margin: 15px 0 16px;
}

.recipe-card h4 a {
	text-decoration: underline;
}

.recipe-card .recipe-instruction ol,
.single-page .post-info .single-content-desc ol,
.single-page .post-info .single-content-desc ul {
	margin: 10px 0 0; 
	padding: 0;
	list-style-position: inside;
}

.recipe-card .recipe-ingredient ul li,
.recipe-card .recipe-notes ul li {
	position: relative;
	margin-left: 8px;
}

.recipe-card .recipe-instruction ol li:not(:last-child),
.single-page .post-info .single-content-desc li {
	margin-bottom: 31px;
}

.recipe-card .recipe-ingredient ul li:before,
.recipe-card .recipe-notes ul li:before {
	content: '';
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: var(--color-green);
	position: absolute;
	top: 10px;
	left: -8px;
}

.recipe-card .recipe-instruction ol + p,
.recipe-card .recipe-ingredient ul + p,
.recipe-card .recipe-ingredient p,
.recipe-card .recipe-instruction p {
	margin: 20px 0 0 !important;
}

.recipe-card .recipe-instruction {
	margin-bottom: 37px;
}

.recipe-card .recipe-instruction img,
.recipe-card .recipe-ingredient img {
	margin-top: 20px;
	width: 354px;
	height: auto;
	max-height: 368px;
}

/* Single Page */
img.pinit-hover {
	opacity: 1 !important;
}

span.jpibfi-icon-circle {
	background-color: var(--color-green);
}

.single-page .container .single-sidebar {
	width: 428px;
	padding: 56px 101px 56px 41px;
	border-left: 6px solid var(--color-dark-pink);
}
.single-page .container .single-sidebar iframe{
	width: 100%;
}

.single-page .single-sidebar .sidebar-about {
	margin-bottom: 51px;
	padding-left: 3px;
}

.single-page .single-sidebar .sidebar-about h4 {
	margin-bottom: 9px;
}

.single-page .single-sidebar .sidebar-about .wp-block-image {
	height: 321px;
	margin-bottom: 20px;
}

.single-page .single-sidebar .sidebar-about .wp-block-image img {
	height: 100%;
}

.single-page .single-sidebar .sidebar-about p {
	margin-bottom: 15px;
}

.single-page .single-sidebar .sidebar-about .wp-block-buttons .wp-block-button__link,
.single-page .single-sidebar .sidebar-shop-with-me .wp-block-buttons .wp-block-button__link {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 253px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
	color: var(--color-green);
	background: var(--color-cream);
	border: 2px solid var(--color-cream);
}

.single-page .single-sidebar .sidebar-about .wp-block-buttons .wp-block-button__link:hover,
.single-page .single-sidebar .sidebar-about .wp-block-buttons .wp-block-button__link:active,
.single-page .single-sidebar .sidebar-shop-with-me .wp-block-buttons .wp-block-button__link:hover,
.single-page .single-sidebar .sidebar-shop-with-me .wp-block-buttons .wp-block-button__link:active {
	border: 2px solid var(--color-light-green);
	color: var(--color-green);
	background: var(--color-white);
}

.single-page .single-sidebar .sidebar-recent-recipe {
	margin-bottom: 37px;
	padding-left: 3px;
}

.single-page .single-sidebar .sidebar-recent-recipe .post-detail {
	background-color: var(--color-cream);
	border-radius: 27px;
	position: relative;
}

.single-page .single-sidebar .sidebar-recent-recipe .post-detail .faves {
	position: absolute;
	top: 12px;
	right: 16px;
	color: var(--color-white);	
}

/*.single-page .single-sidebar .sidebar-recent-recipe .post-detail .liked {
	color: var(--color-pink);
	font-family: "Phosphor-Fill" !important;
}

.single-page .single-sidebar .sidebar-recent-recipe .post-detail i.liked:before {
	content: "\eb8b";
}*/

.single-page .single-sidebar .sidebar-recent-recipe h4 {
	margin-bottom: 12px;
	text-transform: capitalize;
}

.single-page .single-sidebar .sidebar-recent-recipe .posts-list {
	display: flex;
	flex-direction: column;
	row-gap: 29px;
}

.single-page .single-sidebar .sidebar-recent-recipe .posts-list .post-detail {
	background-color: var(--color-cream);
	border-radius: 27px;
}

.single-page .single-sidebar .sidebar-recent-recipe .image {
	height: 232px;
	display: block;
	position: relative;
}

.single-page .single-sidebar .sidebar-recent-recipe .image img {
	border-radius: 27px 27px 0px 0px;
}

.single-page .single-sidebar .sidebar-recent-recipe h4.heading {
	text-transform: capitalize;
	padding: 26px 5px 30px 15px;
	margin-bottom: 0;
}

.single-page .single-sidebar .sidebar-recent-post {
	margin-bottom: 34px;
}

.single-page .single-sidebar .sidebar-recent-post h4 {
	margin-bottom: 16px;
	text-transform: capitalize;
}

.single-page .single-sidebar .sidebar-recent-post .posts-list {
	display: flex;
	flex-direction: column;
	row-gap: 29px;
}

.single-page .single-sidebar .sidebar-recent-post .posts-list .post-detail {
	border-radius: 27px;
}

.single-page .single-sidebar .sidebar-recent-post .image {
	height: 360px;
	display: block;
	position: relative;
	margin-bottom: 19px;
}

.single-page .single-sidebar .sidebar-recent-post h5 {
	margin-bottom: 6px;
}

.single-page .single-sidebar .sidebar-recent-post h4.heading {
	text-transform: capitalize;
	max-width: 253px;
	margin-bottom: 0;
}

.single-page .single-sidebar .MediaTile__overlay {
	display: none !important;
}

.single-page .single-sidebar .widget_sli-feed {
	margin-bottom: 55px;
	padding-left: 3px;	
}

.single-page .single-sidebar .widget_sli-feed .widgettitle {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 14px;
}

.single-page .single-sidebar .spotlight-instagram-app .FeedLayout__col-footer {
	margin: 0 !important; 
}

.single-page .single-sidebar .shop-product .image {
	height: 274px;
}

.single-page .single-sidebar .sidebar-shop-with-me {
	padding-left: 3px;
}

.single-page .single-sidebar .sidebar-shop-with-me h4 {
	margin-bottom: 27px;
}

.single-page .single-sidebar .sidebar-shop-with-me .shop-product {
	margin-bottom: 27px;
}

.single-page .post-content {
	display: flex;
	position: relative;
	overflow: hidden;
}

.single-page .post-content .post-image {
	width: 50%;
	height: 817px;
}

.single-page .post-content .post-image.no-thumbnail {
	display: none;
}

.single-page .post-content .post-image + .post-detail {
	padding: 100px 100px 100px 67px;
	width: calc(100% - 50%);
	flex-grow: 1;
	display: flex;
}

.single-page .post-content .post-image.no-thumbnail + .post-detail {
	width: calc(100% - 50%);
	padding: 100px 100px 100px 150px;
	flex-grow: 1;
	display: flex;
}

.single-page .post-content .post-detail .wrapper {
	margin: auto 0;
	flex-grow: 1;
}

.single-page .post-content .post-detail .wrapper > *:last-child {
	margin-bottom: 0;
}

.single-page .post-content .post-detail a {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	gap: 4px;
	margin-bottom: 18px;
}

.single-page .post-content .post-detail h5 span {
	font-weight: 400;
}

.single-page .post-content .post-detail h1 {
	margin-bottom: 20px;
	font-size: 45px;
	line-height: 56px;
	text-transform: capitalize;
}

.single-page .post-content .post-detail h5.recipe-time {
	margin-bottom: 33px;
}

.single-page .post-content .post-detail a.jump-to-recipe {
	min-width: 196px; 
	margin-bottom: 0;
}

.single-page .post-content .post-detail .buttons {
	display: flex;
	gap: 13px;
}

.single-page .post-content .post-detail .buttons a {
	margin: 0;
}

.single-page a.button-yellow i.ph-duotone.ph-heart::after {
	color: var(--color-green);
}

.single-page a.button-yellow.liked i.ph-duotone.ph-heart::after,
.single-page a.button-yellow.liked:hover i.ph-duotone.ph-heart::after {
	color: var(--color-orange);
}

.single-page a.button-yellow:hover i.ph-duotone.ph-heart::after {
	color: var(--color-cream);
}

.single-page .post-content .post-detail .buttons a.button-yellow i { 
	font-size: 22px;	
}

.single-page .post-content .post-detail .buttons:hover a.button-yellow.liked i { 
	font-size: 22px;	
}

.single-page .post-content a.prev-arrow {
	position: absolute;
	top: 40%;
	left: -14px;
	min-width: 105px;
	z-index: 9;
}

.single-page .post-content a.next-arrow {
	position: absolute;
	top: 40%;
	right: -14px;
	min-width: 100px;
	z-index: 9;
}

.single-page .post-content a.post {
	display: inline-flex;
	padding: 11px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 100px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	background: var(--color-cream);
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
}

.single-page .post-content .post-detail .short-description:not(:last-child) {
	margin-bottom: 32px;
}

.single-page .container {
	display: flex;
	column-gap: 33px;
}

.single-page .container strong {
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.single-page .container .post-info:only-child h4,
.single-page .container .post-info:only-child h1 {
	max-width: 100%;
}

.single-page .container .post-info h4 {
	margin-bottom: 20px;
	text-transform: capitalize;
}

.single-page .post-info .single-content-desc .wp-block-columns {
	column-gap: 14px;
	margin: 0 0 52px;
}

.single-page .container .post-info .wp-block-column .wp-block-image {
	max-height: 462px;
	height: auto;
	margin-bottom: 0;
	min-height: unset;
}

.single-page .container .post-info .wp-block-column .wp-block-image img {
	height: 100%;
	max-height: inherit;
}

.single-page .post-info {
	padding: 78px 0 0 140px;
	width: calc(100% - 428px - 33px);
	margin: 0;
	flex-grow: 1;
}

.single-page .post-info .wrapper { 
	margin-bottom: 72px;
}

.single-page .container .post-info:only-child {
	max-width: calc(100% - 100px);
	margin: auto;
	padding-left: 0;
}

.single-page .container .post-info:only-child h2,
.single-page .post-info:only-child .single-content-desc p,
.single-page .post-info:only-child .single-content-desc .wp-block-columns {
	max-width: 100%;
}

.single-page .post-info h2 {
	margin-bottom: 20px;
	text-transform: capitalize;
}

.single-page .post-info h5.breadcrumb {
	margin-bottom: 13px;
}

.single-page .post-info .wrapper > *:last-child,
.single-page .post-info .single-content-desc > *:last-child,
.recipe-card > *:last-child {
	margin-bottom: 0 !important;
}

.single-page .post-info .single-content-desc figure.wp-block-image {
	margin-bottom: 52px;
	line-height: 0;
	width: 100%;
	min-height: 481px;
	height: auto;
	position: relative;
}

.single-page .post-info .single-content-desc figure.wp-block-image img,
.single-page .post-info .single-content-desc figure.wp-block-image a {
	max-height: inherit;
}

a.pin-btn,
.recipe-card .recipe-details .image a {
	display: none;
	position: absolute;
	width: 43px !important;
	height: 43px !important;
	top: 10px;
	left: 10px;
	padding: 7px;
	background-color: var(--color-green);
	border-radius: 8px;
}

.single-page.recipe-single .post-info .single-content-desc figure.wp-block-image:hover a.pin-btn,
.recipe-card .recipe-details .image:hover a {
	display: block;
}

.single-page .post-info .single-content-desc h5 {
	margin-bottom: 28px;
	max-width: 722px;
}

.single-page .post-info .single-content-desc h5 a {
	text-decoration: underline;
	color: var(--color-pink);
}

.single-page .post-info .single-content-desc p {
	margin-bottom: 25px;
}

.single-page .post-info .single-content-desc p + figure.wp-block-image {
	margin-top: 27px;
}

.single-page .post-info .single-content-desc p + h4 {
	margin-top: 74px;
}

.single-page .post-info .single-content-desc p a,
.single-page .post-info li a {
	text-decoration: underline;
	text-transform: uppercase;
	line-height: 24px;
	color: var(--color-pink);
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 1.8px;
	font-weight: 600;
}

.single-page .post-info h2 a {
	letter-spacing: 1.8px;
	text-decoration: underline;
	color: var(--color-pink);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 40px;
	line-height: 50px;

}

.single-page .still-hungry {
	max-width: 1150px;
	margin: 36.18px auto 88px;
	position: relative;
	right: 10px;
}

.single-page .still-hungry h2 {
	margin-bottom: 36px;
	text-transform: capitalize;
	text-align: center;
}

.single-page .still-hungry .posts-list {
	display: flex;
	column-gap: 14px;
}

.single-page .still-hungry .post-detail {
	width: 277px;
	background: var(--color-cream);
	border-radius: 27px;
	position: relative;
}

.single-page .still-hungry .post-image {
	height: 232px;
}

.single-page .still-hungry i { 
	position: absolute;
	right: 16px;
	top: 12px;
	color: var(--color-white);
}

.single-page .still-hungry h4 {
	padding: 26px 15px 30px;
	border-radius: 0 0 27px 27px;
	text-transform: capitalize;
}

.single-page .still-hungry .post-image img {
	border-radius: 27px 27px 0px 0px;
}

.single-page .still-hungry .recipe-category {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	margin-bottom: 6px;
	align-items: center;
}

.single-page .still-hungry h2.heading {
	margin-bottom: 0;
}

.single-page .you-might-also-like {
	max-width: 1150px;
	margin: 44px auto 84px;
	position: relative;
	right: 6px;
}

.single-page .you-might-also-like h2 {
	margin-bottom: 34px;
	text-transform: capitalize;
	text-align: center;
}

.single-page .you-might-also-like .posts-list {
	display: flex;
	column-gap: 10px;
}

.single-page .you-might-also-like .post-detail {
	width: 280px;
}

.single-page .you-might-also-like .post-image {
	height: 360px;
	margin-bottom: 19px;
	position: relative;
}

.single-page .you-might-also-like .recipe-category {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	margin-bottom: 6px;
	align-items: center;
}

.single-page .you-might-also-like .recipe-category.hide-on-desktop  {
	display: none;
}

.single-page .you-might-also-like h4.heading {
	max-width: 253px;
	text-transform: capitalize;
}

/* Comment Section */
.single-page-comments .comments-container {
	background-color: var(--color-green);
	padding: 40px 0px 0;
	margin-bottom: 36.18px;
	color: var(--color-cream);
}

.single-page .single-page-comments:last-child .comments-container {
	margin-bottom: 0;
}

.single-page-comments .comments-container .comment-respond {
	max-width: 825px;
	margin: auto;
	text-align: center;
	padding-bottom: 54px;
}

.single-page-comments .comments-container h2 {
	margin-bottom: 7px;
}

.single-page-comments .comments-container h5 {
	margin-bottom: 21px;
}

.single-page-comments .comment-form-row {
	display: flex;
	flex-direction: row;
	column-gap: 31px;
}

.single-page-comments .comment-form-row > div {
	margin-bottom: 30px;
}

.single-page-comments .comment-form-row .col-12 {
	width: 100%;
	line-height: 0;
	margin-bottom: 32px;
}

.single-page-comments .comment-form-row .col-6 {
	width: 50%;
}

.single-page-comments .comment-form-row textarea, 
.single-page-comments .comment-form-row input {
	padding: 10px 18px 11px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--color-cream);
	text-transform: capitalize;
	width: 100%;
	background: transparent;
	font-family: var(--font-proxima-nova);
	border-radius: 10px;
}

.single-page-comments .comment-form-row input {
	height: 44px;
}

.single-page-comments .comment-form-row textarea::placeholder, 
.single-page-comments .comment-form-row input::placeholder {
	color: var(--color-cream);
	opacity: 1;
	text-transform: capitalize;
}

.single-page-comments .comment-form-row input:not(.button-cream) {
	border: 1px solid var(--color-cream);
}

.single-page-comments .comment-form-row textarea {
	padding: 14px 18px;
	resize: none;
	height: 210px;
	border: 1px solid var(--color-cream);
	text-transform: none;
}

.single-page-comments .comment-form-row textarea:focus-visible,
.single-page-comments .comment-form-row input:focus-visible {
	outline: unset;
}

.single-page-comments .comment-form-row input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px var(--color-green) inset !important;
	caret-color: var(--color-cream) !important;
	-webkit-text-fill-color: var(--color-cream);
}

.single-page-comments .comment-rating-review {
	text-align: center;
}

.single-page-comments .comment-rating-review .br-widget {
	height: auto;
	line-height: 0;
	margin-bottom: 31px;
}

.single-page-comments .comment-rating-review .br-widget a {
	font-size: 23px;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.single-page-comments .comment-rating-review .br-widget a:after {
	color: var(--color-green);
	-webkit-text-stroke: 2px var(--color-cream);
	content: "\ed29";
	font-family: "Phosphor-Fill" !important;
	font-weight: normal;
}

.single-page-comments .comment-rating-review .br-widget a.br-active:after, 
.single-page-comments .comment-rating-review .br-widget a.br-selected:after {
	color: #E3E16E;
	display: inline-block;
	opacity: 1;
}

.single-page-comments .comment-list .rating-stars i:before {
	color: var(--color-pink);
	display: inline-block;
	opacity: 1;
}

.single-page-comments .form-submit {
	text-align: center;
	margin: 0;
}

.single-page-comments .form-submit .button-light-green7 {
	min-width: 233px;
	padding: 13.5px 33px;
}

.single-page-comments .stars-avg-rating {
	display: none;
}

.single-post .comment-list {
	background: var(--color-cream);
	color: var(--color-green);
	padding: 48.7px 0 54.82px;
}

.single-post .comment-list .list-wrapper {
	max-width: 823px;
	margin: auto;
}

.single-page-comments .comment-list .rating-stars {
	line-height: 12px;
	display: block;
}

.single-page-comments .comment-list .comment-author {
	margin-bottom: 13px;
	font-size: 20px;
	line-height: 22px;
	font-family: var(--font-new-spirit);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	font-style: normal;
	text-align: left;
}

.single-page-comments .comment-list .comment-author cite {
	font-style: normal;
	text-transform: capitalize;
}

.single-page-comments .comment-list .comment-author span {
	display: none;
}

.single-page-comments .comments-container .comment-list p {
	text-align: left;
}

.single-page-comments .comment-list .comment-meta {
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	text-align: left;
	font-family: var(--font-proxima-nova);
	text-transform: uppercase;
	letter-spacing: 1.8px;
	margin-bottom: 9px;
}

.single-page-comments .comment-list .comment.depth-1 .comment,
.single-page-comments .comment-list .comment.parent:not(.depth-1) .comment-body {
	padding-left: 40px;
}

.single-page-comments .comment-list .comment-meta + p {
	margin-bottom: 20px;
}

.single-page-comments .comment-list .comment-author a,
.single-page-comments .comment-list .comment-meta a {
	pointer-events: none;
}

.single-page-comments .comment-list .hide-comment-time {
	display: none;
}

.single-page-comments .comment-list .comment {
	padding-bottom: 25px;
}

.single-page-comments .comment-list .comment:not(:last-child) {
	margin-bottom: 25px;
}

.single-page-comments .comment-list .comment.parent {
	padding-bottom: 0;
}

.single-page-comments .comment-list .comment:not(.depth-2) {
	border-bottom: 1.5px solid var(--color-green);
}

.single-page-comments .comment-list .comment.parent article {
	margin-bottom: 31px;
}

.single-page-comments .comment-list .comment.parent .comment article {
	margin-bottom: unset;
	border-bottom: unset;
}

.single-page-comments .comment-list .comment-content p {
	margin: 0 0 15px;
}

.single-page-comments .comment-list .rating-stars i {
	margin-right: 6px;
	font-size: 21px;
	line-height: 20px;
	-webkit-text-stroke: 1px var(--color-green);
}	

.single-page-comments .comment-load-more {
	text-align: center;
	background: var(--color-cream);
	padding-bottom: 54px;
}

/* Search Bubble */
.search-bubble {
	position: fixed;
	bottom: 55px;
	right: 89px;
	z-index: 9;
}

.search-bubble .bubble-image,
.search-bubble .image {
	height: 109px;
	width: 109px;
	margin: 0 0 0 auto;
	cursor: pointer;
}

.search-bubble svg {
	width: 109px;
	height: 109px;
}

.search-bubble .hover-bubble {
	display: none;
}

.search-bubble .hover-bubble form {
	width: 100%;
}

.search-bubble:hover {
	width: calc(100% - 85px - 89px);
}

.search-bubble:hover .hover-bubble {
	display: flex;
}

.search-bubble .hover-bubble .search-container i,
.search-bubble .hover-bubble button {
	display: none;
}

.search-bubble .hover-bubble .search-container {
	margin-right: -52px;
	height: 109px;
}

.search-bubble .hover-bubble .search-container input {
	width: 100%;
	height: 100%;
	padding: 19px 55px 10px;
	margin: 0;
	border: 0;
	background-color: var(--color-dark-pink);
	font-size: 50px;
	line-height: 63px;
	letter-spacing: 0;
	font-weight: 400;
	font-family: var(--font-new-spirit);
	text-transform: capitalize;
	color: var(--color-light-orange);
}

.search-bubble .hover-bubble .search-container input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 92px var(--color-dark-pink) inset !important;
	-webkit-text-fill-color: var(--color-light-orange);
}

.search-bubble .hover-bubble .search-container input[type="text"]::placeholder {
	opacity: 49%;
	color: var(--color-white);
}

.search-bubble:hover .bubble-image {
	display: none;
}

/* Heart Design */
i.ph-duotone.ph-heart.liked:before {
	color: var(--color-orange);
	opacity: 1;
}

i.ph-duotone.ph-heart.liked:after {
	color: var(--color-orange);
}

i.ph-duotone.ph-heart:before {
	opacity: 0;
}

i.ph-duotone.ph-heart:after {
	color: var(--color-white);
}

/* Home Page */
.home-page .home-banner {
	height: calc(100vh - 84px);
	margin-bottom: 30px;
	background-color: var(--color-green);
}

.home-page .home-banner h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--color-white);
	width: 100%;
	max-width: 991px;
	padding: 30px;
	text-transform: capitalize;
}

.home-page .home-banner h1 br {
	display: none;
}

.home-page .home-banner .home-banner-video {
	width: 100%;
	height: 100%;
}

.home-page .home-banner video,
.home-page .home-banner iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-page .home-banner a {
	position: absolute;
	bottom: 81px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--color-yellow);
	font-weight: 700;
	display: flex;
	flex-direction: column;
	row-gap: 6.94px;
	align-items: center;
}

.home-page .home-banner a h5 {
	font-weight: 700;	
}

@keyframes jumpInfinite {
  0% {
    margin-bottom: 0;
  }
  50% {
    margin-bottom: -20px;
  }
  100% {
    margin-bottom: 0;
  }
}

.home-page .home-banner .down-arrow {	
	line-height: 7px;
}

.home-page .home-banner .down-arrow svg {
	animation: jumpInfinite 1.5s infinite;
}

.home-page .home-browse-categories {
	text-align: center;
	margin-bottom: 73px;
	background-repeat: no-repeat;
	background-position: top right 26px;
	background-size: 280px auto;
	padding-top: 51px;
}

.home-page .home-browse-categories.bg-image {
	min-height: 250px;
}

.home-page .home-browse-categories h2 {
	max-width: 722px;
	margin: 0 auto 49px;
	color: var(--color-orange);
}

.home-page .home-browse-categories .category-list {
	margin-bottom: 27px;
}

.home-page .home-browse-categories .category-list .slick-track {
	display: flex;
	width: 100%;
	margin: 0;
}

.home-page .home-browse-categories .category-list .slick-list {
	margin-bottom: 18px;
}

.home-page .home-browse-categories .category-list .item {
	border-radius: 27px;
	opacity: 1;
	margin: 0 16px;
	border: 2px solid transparent;
}

.home-page .home-browse-categories .category-list .item:hover {
	border: 2px solid var(--color-light-green);
}

.home-page .home-browse-categories .category-list .item .image {
	position: relative;
	height: 303px;
	display: block;
}

.home-page .home-browse-categories .category-list .item a:first-child:not(.image) h5 {
	border-radius: 27px;
}

.home-page .home-browse-categories .category-list .item .image img {
	border-radius: 27px 27px 0 0;
}

.home-page .home-browse-categories .category-list .item img.hover-image:not(:first-child) {
	display: none;
}

.home-page .home-browse-categories .category-list .item:hover img.hover-image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.home-page .home-browse-categories .category-list .item h5 {
	background-color: var(--color-light-pink);
	padding: 20px 15px 21px;
	border-radius: 0 0 27px 27px;
}

.home-page .home-browse-categories .slick-arrow {
	position: absolute;
	z-index: 999;
	top: calc(50% - 22px);
	font-size: 40px;
	line-height: 42px;
	cursor: pointer;
}

.home-page .home-browse-categories .slick-arrow:before {
	color: var(--color-orange);
}

.home-page .home-browse-categories .slick-arrow:hover:before {
	color: var(--color-yellow);
}

.home-page .home-browse-categories .slick-prev {
	left: 124.74px;
}

.home-page .home-browse-categories .slick-next {
	right: 119.74px;
}

.home-page .home-browse-recipes {
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	background-color: var(--color-light-green);
	border-top: 17px solid var(--color-pink);
	border-bottom: 17px solid var(--color-pink);
	padding: 102px 30px 30px ;
	text-align: center;
	margin-bottom: 84px;
}

.home-page .home-browse-recipes > *:last-child {
	margin-bottom: 0;
}

.home-page .home-browse-recipes {
	min-height: 517px;	
}

.home-page .home-browse-recipes h5 {
	margin-bottom: 9px;
}

.home-page .home-browse-recipes h2 {
	margin-bottom: 22px;
	text-transform: capitalize;
}

.home-page .home-head-to-recipes {
	max-width: 1110px;
	margin: 84px auto 94px;
	display: flex;
	gap: 40px;
	position: relative;
	right: 25px;
}

.home-page .home-head-to-recipes:first-child,
.home-page .shop-with-me:first-child,
.home-page .home-head-to-post:first-child,
.home-page .about-me:first-child,
.home-page .latest-recipe:first-child {
	/*margin-top: 150px;*/
}

.home-page .home-head-to-recipes .image {
	width: 580px;
}

.home-page .home-head-to-recipes .image a {
	display: block;
	line-height: 0;
}

.home-page .home-head-to-recipes .image img {
	height: 542px;
	min-height: 100%;
}

.home-page .home-head-to-recipes .info {
	width: calc(100% - 580px - 40px);
	padding: 72px 0 85px;
}

.home-page .home-head-to-recipes .info:only-child {
	width: 100%;
	padding: 0;
}

.home-page .home-head-to-recipes .info h5 {
	margin-bottom: 9px;
}

.home-page .home-head-to-recipes .info h2 {
	margin-bottom: 18px;
	text-transform: capitalize;
}

.home-page .home-head-to-recipes .info .short-description {
	margin-bottom: 29px;
}

.home-page .home-head-to-post {
	display: flex;
	max-width: 1150px;
	margin: 87px auto 84px;
	column-gap: 90px;
	align-items: center;
	position: relative;
	right: 10px;
}

.home-page .home-head-to-post .info { 
	width: calc(100% - 570px - 90px);
	flex-grow: 1;
}

.home-page .home-head-to-post .image { 
	width: 570px;
}

.home-page .home-head-to-post .image a {
	display: block;
	line-height: 0;
}

.home-page .home-head-to-post .image img {
	height: 542px;
	min-height: 100%;
}

.home-page .home-head-to-post .info h5 {
	margin-bottom: 9px;
}

.home-page .home-head-to-post .info h2 {
	margin-bottom: 28px;
	text-transform: capitalize;
}

.home-page .home-head-to-post .info .short-description {
	margin-bottom: 37px;
}

.home-page .about-me {
	display: flex;
/*	margin-bottom: 78.84px;*/
}

.home-page .about-me .image {
	width: 50%;
	line-height: 0;
	flex-grow: 1;
}

.home-page .about-me .image img {
	height: 575px;
	min-height: 100%;
}

.home-page .about-me .image:only-child img {
	height: auto;
}

.home-page .about-me .contents {
	width: 50%;
	padding: 40px 47px;
	background-color: var(--color-pink);
	display: flex;
	flex-grow: 1;
}

.home-page .about-me .contents:only-child {
	padding: 44px 150px;
}

.home-page .about-me .contents .wrapper {
	max-width: 100%;
	margin: auto 0;
}

.home-page .about-me .contents .wrapper > *:last-child {
	margin-bottom: 0;
}

.home-page .about-me .contents .wrapper h5 {
	margin-bottom: 15px;
}

.home-page .about-me .contents .wrapper h2 {
	margin-bottom: 14px;
}

.home-page .about-me .contents .wrapper .info {
	margin-bottom: 22px;
}

.home-page .about-me .contents .wrapper .info:last-child {
	margin-bottom: 0;
}

.home-page .latest-recipe {
	max-width: 1150px;
	margin: 78.84px auto 130px;
	text-align: center;
	position: relative;
	right: 10px;
	min-height: 125px;
}

.home-page .latest-recipe h2 { 
	margin-bottom: 40px;
	color: var(--color-orange);
	text-transform: capitalize;
	text-align: left;
}

.home-page .latest-recipe .post-list { 
	display: flex;
	gap: 35px 14px;
	flex-wrap: wrap;
	margin-bottom: 31px;
	text-align: left;
}

.home-page .latest-recipe .post-detail {
	width: 277px;
	border-radius: 27px;
	background: var(--color-cream);
	position: relative;
}

.home-page .latest-recipe .post-detail i {
	position: absolute;
	top: 13px;
	right: 18px;
	color: var(--color-white);
	font-size: 22px;
}

.home-page .latest-recipe .post-detail .post-image {
	height: 232px;
	display: block;
}

.home-page .latest-recipe .post-detail .post-image img {
	border-radius: 27px 27px 0 0;
}

.home-page .latest-recipe .post-detail a.title {
	padding: 15px 16px 19px;
	border-radius: 0 0 27px 27px;
	display: block;
	text-transform: capitalize;
}

.home-page .latest-recipe .image-wrapper {
	width: 209px;
	height: 219px;	
	position: absolute;
	z-index: -1;
	right: -110px;
	top: -10px;
	overflow: hidden;
}

.home-page .latest-recipe .image-wrapper + .post-list {
	padding-top: 96px;
}

.home-page .latest-recipe .top-image {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.home-page .latest-recipe .bottom-image {
	width: 332px;
	height: 296px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -159px;
	bottom: -98px;
	z-index: -1;
}

.home-page .home-search-container {
	background-color: var(--color-green);
	color: var(--color-white);
	padding: 50px 20px 65px;
}

.home-page .home-search-container .home-search-wrapper {
	max-width: 597px;
	margin: auto;

	display: flex;
	flex-direction: column;
	row-gap: 9px;
	text-align: center;
}

.home-page .home-search-container .home-search-wrapper .desc {
	max-width: 90%;
	margin: 0 auto 18px;
}

.home-page .home-search-container .home-search-wrapper h2 {
	margin-bottom: 7px;
}

.home-page .home-search-container .home-search-wrapper .desc a {
	color: var(--color-pink);
	text-decoration: underline;
}

.home-page .home-search-container .home-search-wrapper .search-container {
	display: flex;
	flex-direction: row-reverse;
    column-gap: 14px;
    align-items: center;
    min-height: 51px;
    border: 1px solid var(--color-light-green);
    border-radius: 32px;
    width: 100%;
    background-color: var(--color-dark-pink);
    padding: 0 25px 0 20px;
}

.home-page .home-search-container .home-search-wrapper .search-container i {
	font-size: 16px;
    color: var(--color-green);
}

.home-page .home-search-container .home-search-wrapper .search-container input {
	border: unset;
    background: transparent;
    font-size: 15px;
    line-height: 18px;
    /*letter-spacing: 1.8px;*/
    font-weight: 500;
    font-family: var(--font-proxima-nova);
    text-transform: none;
    color: var(--color-green);
    padding: 0;
    width: 100%;
}

.home-page .home-search-container .home-search-wrapper .search-container input::placeholder {
	opacity: 1;
    color: var(--color-green);
}

.home-page .home-search-container .home-search-wrapper form {
	position: relative;
}

.home-page .home-search-container .home-search-wrapper button {
	position: absolute;
    right: 24px;
    bottom: 15px;
    font-size: 0;
    background: transparent;
    border: 0;
    padding: 10px;
    cursor: pointer;
}

/* About Page */
.about-page .top-info {
	max-width: 1174px;
	margin: 167px auto 80px;
	position: relative;
	left: 7px;
	min-height: 100px;
}

.about-page .top-info .wrapper {
	display: flex;
	gap: 71px;
}

.about-page .top-info .top-overlay-image {
	width: 209px;
	height: 219px;
	position: absolute;
	overflow: hidden;
	right: -69.71px;
	z-index: -1;
	top: -108px;
}

.about-page .top-info .top-overlay-image .overlay-img {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
}

.about-page .top-info .image {
	width: 580px;
	line-height: 0;
	z-index: 1;
}

.about-page .top-info .image:only-child {
	width: 100%;
}

.about-page .top-info .image img {
	height: 654px;
	min-height: 100%;
}

.about-page .top-info .content-wrapper {
	width: calc(100% - 71px - 580px);
	margin: auto;
}

.about-page .top-info .wrapper .content-wrapper:only-child {
	width: 70%;
}

.about-page .top-info .info h2 {
	margin-bottom: 16px;
}

.about-page .top-info .info h2 strong  {
	color: var(--color-pink);
	font-weight: 400;
}

.about-page .top-info .info h4 {
	line-height: 25px; 
	margin-bottom: 28.81px;
}

.about-page .top-info .image-wrapper {
	width: 335px;
	height: 297px;
	position: absolute;
	left: -157.71px;
	bottom: -170.86px;
	z-index: -1;
	overflow: hidden;
}

.about-page .top-info .image-wrapper .bottom-overlay-image {
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}

.about-page .bottom-info {
	background-color: var(--color-cream);
	padding: 56px 0 60px;
	margin: 80px 0 32.72px;
	position: relative;
	z-index: -1;
}

.about-page .bottom-info .wrapper {
	display: flex;
	gap: 72px;
	max-width: 1199px;
	margin: auto;
	position: relative;
	left: 19.5px;
}

.about-page .bottom-info .wrapper .info {
	width: calc(100% - 72px - 580px);
	margin: auto;
}

.about-page .bottom-info .wrapper .info:only-child {
	width: 100%;
}

.about-page .bottom-info .wrapper .info p {
	margin-bottom: 25px;
	line-height: 22px;
}

.about-page .bottom-info .wrapper .info p strong {
	font-size: 15px;
	letter-spacing: 1.8px;
	text-transform: uppercase;	
}

.about-page .bottom-info .wrapper .image {
	width: 580px;
	line-height: 0;
}

.about-page .bottom-info .wrapper .image:only-child {
	width: 100%;
}

.about-page .bottom-info .wrapper .image img {
	height: 654px;
	min-height: 100%;
}

.about-page .content {
	margin: 65px 0 51px;
	position: relative;
}

.about-page .content .image-wrapper {
	width: 230px;
	height: 252px;
	position: absolute;
	right: 0;
	top: -67px;
	overflow: hidden;
	z-index: -1;
}

.about-page .content .image-wrapper:only-child {
	width: 100%;
	top: 0;
	position: relative;
	top: 0;
}

.about-page .content .image-wrapper:only-child .top-overlay-image {
	width: 230px;
	margin: 0 0 0 auto;
}

.about-page .content .top-overlay-image {
	width: 100%;
	height: 100%;
	position: relative;
	right: -50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.about-page .content h4 {
	max-width: 835px;
	margin: auto;
	text-align: center;
	line-height: 25px;
	position: relative;
	right: 6.5px;
}

.about-page .content h4 br {
	display: none;
}

.about-page .content h4 p {
	margin: 27px 0 0;
}

.about-page .content h4 p:last-child,
.about-page .content h4 p:nth-last-child(2) {
	margin: 12px 0 0;
}

.about-page .content h4 p strong {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	color: var(--color-pink);
	font-family: var(--font-proxima-nova);
	text-transform: uppercase;
}

.about-page .about-me {
	display: flex;
}

.about-page .about-me .images {
	display: flex;
	width: 50%;
}

.about-page .about-me .images > div {
	width: 50%;
	line-height: 0;
}

.about-page .about-me .images > div:only-child {
	width: 100%;
}

.about-page .about-me .images:only-child {
	width: 100%;
}

.about-page .about-me .images img {
	height: 525px;
	min-height: 100%;
}

.about-page .about-me .info {
	width: calc(100% - 50%);
	background: var(--color-pink);
	display: flex;
	align-items: center;
}

.about-page .about-me .info:only-child {
	width: 100%;
}

.about-page .about-me .info .wrapper {
	padding: 70px;
}

.about-page .about-me .info:only-child .wrapper {
	padding: 80px 150px;
}

.about-page .about-me .info .wrapper h2 {
	margin-bottom: 34px;
}

.about-page .about-me .list {
	column-count: 2;
	column-gap: 50px;
}

.about-page .about-me .list > div {
	margin-bottom: 20px;
	break-inside: avoid;
}

.about-page .about-me .list div:last-child {
	margin-bottom: 0;
}

.about-page .about-me .list h4 {
	color: var(--color-white);
	line-height: 26px;
	margin-bottom: 6px;
}

.about-page .about-fav {
	margin: 36px 0 55.64px;
}

.about-page .about-fav h2 {
	margin-bottom: 35px;
	text-align: center;
	padding: 0 20px;
}

.about-page .about-fav .post-list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1150px;
	gap: 14px;
	margin: auto;
	position: relative;
	right: 4px;
}

.about-page .about-fav .post-list .post-detail {
	width: 277px;
	background: var(--color-cream);
	border-radius: 32px;
	position: relative;
}

.about-page .about-fav .post-list .post-detail .image {
	height: 232px;
}

.about-page .about-fav .post-list .post-detail .faves {
	position: absolute;
	right: 12px;
	top: 16px;
	color: var(--color-white);
}

/*.about-page .about-fav .post-list .post-detail .liked {
	color: var(--color-pink);
	font-family: "Phosphor-Fill" !important;
}

.about-page .about-fav .post-list .post-detail i.liked:before {
	content: "\eb8b";
}*/

.about-page .about-fav .post-list .post-detail .image img {
	border-radius: 27px 27px 0px 0px;
}

.about-page .about-fav .post-list .post-detail h4 {
	padding: 26px 15px 30px;
	text-transform: capitalize;
}

.about-page .bottom-info:first-child,
.about-page .content:first-child,
.about-page .about-me:first-child,
.about-page .about-fav:first-child {
	/*margin-top: 134px;*/
}

/* Contact Page */
.contact-page .contact-page-container {
	display: flex;
	background: var(--color-pink);
}

.contact-page .content-section .content-wrapper > *:last-child {
	margin-bottom: 0;
}

.contact-page .contact-page-container .image-section {
	min-width: 50%;
	line-height: 0;
	flex-grow: 1;
	min-height: 100%;
}

.contact-page .contact-page-container .mobile-view {
	display: none;
}

.contact-page .contact-page-container .image-section + .content-section > .content-wrapper {
	max-width: 80%;
}

.contact-page .contact-page-container .content-section {
	min-width: 50%;
	line-height: 0;
	height: 100%;
	padding: 0 45px;
	text-align: left;
	background: var(--color-pink);
}

.contact-page .contact-page-container .content-section:only-child {
	min-width: 100%;
}

.contact-page .contact-page-container .content-section:only-child .content-wrapper {
	margin: 153px auto 165px;
}

.contact-page .nf-response-msg {
	line-height: 25px;
}

.contact-page .contact-page-container .image-section img {
	object-position: top;
	height: 817px;
	min-height: 100%;
}

.contact-page .content-section .content-wrapper {
	max-width: 50%;
	margin: 155px 0 165px;
}

.contact-page .content-section .content-wrapper h5 {
	margin-bottom: 15px;
}

.contact-page .content-section .content-wrapper h1 {
	margin-bottom: 39px;
	font-size: 45px;
	line-height: 56px;
}

.contact-page .contact-form .nf-form-content {
	padding: 0;
}

.contact-page .contact-form h3,
.contact-page .contact-form .nf-form-fields-required,
.contact-page .contact-form .ninja-forms-req-symbol,
.contact-page .contact-form .nf-form-content label,
.contact-page .contact-form .nf-error.field-wrap .nf-field-element::after,
.contact-page .contact-form .nf-pass.field-wrap .nf-field-element::after {
	display: none;
}

.contact-page .contact-form .nf-form-content textarea {
	resize: unset;
	min-height: 133px !important;
	text-transform: none !important;
}

.contact-page .contact-form .nf-form-content input:not([type="submit"]),
.contact-page .contact-form .nf-form-content textarea,
.contact-page .contact-form .nf-form-content select {
	width: 100%;
	border: 1px solid var(--color-light-green) !important;
	padding: 10px 18px 10px;
	color: var(--color-green);
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 0;
	font-family: var(--font-proxima-nova);
	border-radius: 10px;
	-webkit-appearance: none;
	background: var(--color-pink);
	text-transform: capitalize;
	height: unset;
	min-height: 44px;
}

.contact-page .nf-form-content select.ninja-forms-field:not([multiple]) {
	height: unset !important;
	color: var(--color-green);
}

.contact-page .nf-form-content .list-select-wrap .nf-field-element > div {
	border: unset;
	background: var(--color-pink);
}

.contact-page .contact-form .nf-form-content select {
	min-height: 44px;
	background: transparent;
	padding: 12px 50px 12px 18px;
}

.contact-page .contact-form .nf-form-content input::placeholder,
.contact-page .contact-form .nf-form-content textarea::placeholder,
.contact-page .contact-form .nf-form-content input:focus {
	color: var(--color-green);
	opacity: 1;
}

.contact-page .contact-form .nf-form-content input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px var(--color-pink) inset !important;
	caret-color: var(--color-green) !important;
	-webkit-text-fill-color: var(--color-green);
}

.contact-page .contact-form .nf-field-container {
	margin-bottom: 12px;
}

.contact-page .contact-form .nf-field-container.textarea-container {
	margin-bottom: 0;
}

.contact-page .contact-form .nf-error-msg {
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 1.5px;
}

.contact-page .contact-form .nf-form-content .list-select-wrap > div div::after {
	color: var(--color-green);
	-webkit-text-stroke: 2px var(--color-pink);
}

.contact-page .contact-form .nf-form-content .nf-field-element > div {
	position: absolute;
	height: unset;
	z-index: 99;
	min-height: 49px;
	border-radius: 10px;
	background: transparent !important;
	pointer-events: none;
}

.contact-page .contact-form .submit-container {
	margin: 18px 0 0;
}

.contact-page .contact-form .submit-container .nf-field-element {
	width: unset !important;
}

.contact-page .contact-form .nf-form-content input[type="submit"],
.contact-page .contact-form .nf-form-content input[type="button"] {
	font-family: var(--font-proxima-nova);
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	background-color: var(--color-green);
	color: var(--color-white);
	border: 2px solid var(--color-light-green) !important;
	min-width: 160px;
	padding: 14px 44px 16px;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
	height: 50px;
	border-radius: 32px;
	-webkit-appearance: none;
	text-align: center;
	box-shadow: var(--shadow);
}

.contact-page .contact-form .nf-form-content input[type=submit]:hover,
.contact-page .contact-form .nf-form-content input[type=submit]:active,
.contact-page .contact-form .nf-form-content input[type="button"]:hover,
.contact-page .contact-form .nf-form-content input[type="button"]:active {
	border: 2px solid var(--color-light-green) !important;
	color: var(--color-green) !important;
	background: var(--color-white) !important;
}

/* Search Page */
.search-page .content {
	margin: 141px 0 33px;
	text-align: center;
	padding-bottom: 63px;
	border-bottom: 6px solid var(--color-dark-pink);
}

.search-page .content h5 { 
	margin-bottom: 7.61px;
	padding: 0 20px;
}

.search-page .content h1 { 
	font-size: 45px;
	line-height: 56px;
	text-transform: capitalize;
	margin-bottom: 18px;
	padding: 0 20px;
}

.search-page .wrapper {
	max-width: 710px;
	margin: auto;
}

.search-page .wrapper form {
	display: flex;
	gap: 13px;
}

.search-page .search-container {
	border: 1.5px solid var(--color-light-green);
	width: 100%;
	position: relative;
	margin: auto;
	display: flex;
	padding: 13px 15px 11px;
	gap: 10px;
	align-items: center;
	border-radius: 10px;
}

.search-page .search-container input {
	width: 100%;
	padding: 0;
	border-radius: 0;
	border: none;
	text-transform: capitalize;
	color: var(--color-green);
	outline: 0;
}

.search-page .search-container input::placeholder {
	opacity: 1;
	color: rgba(74, 103, 65, .32);
}

.search-page button {
	min-width: 174px;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 15px 11px;
	transition: all 0.15s ease;
	text-decoration: none;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 44px;
	box-shadow: var(--shadow);
	color: var(--color-white);
	background: var(--color-pink);
	border: 2px solid var(--color-pink);
}

.search-page button:hover,
.search-page button:active {
	border: 2px solid var(--color-dark-pink);
	color: var(--color-pink);
	background: var(--color-white);
}

.search-page h4.search-text {
	max-width: 1150px;
	margin: 0 auto 26px;
}

.search-page .list-container {
	display: flex;
	flex-direction: column;
	max-width: 1150px;
	margin: 26px auto 53px;
	position: relative;
	right: 10px;
	gap: 23px;
}

.search-page .list-container .recipes-list {
	display: flex;
	flex-wrap: wrap;
	gap: 23px 14px;
}

.search-page .list-container .blog-list {
	display: flex;
	flex-wrap: wrap;
	gap: 23px 10px;
}

.search-page .list-container .blog-list .post-detail {
	width: 280px;
}

.search-page .list-container .recipes-list .post-detail {
	width: 277px;
	background: var(--color-cream);
	border-radius: 27px;
	position: relative;
}

.search-page .list-container .recipes-list .post-detail .image {
	height: 232px;
}

.search-page .list-container .recipes-list .post-detail .image img {
	border-radius: 27px 27px 0px 0px;
}

.search-page .list-container .recipes-list .post-detail .title {
	padding: 16px 18px 15px;
	display: block;
}

.search-page .list-container .recipes-list .post-detail .faves { 
	position: absolute;
	top: 13.9px;
	right: 18px;
	color: var(--color-white);
}

/*.search-page .list-container .recipes-list .post-detail .liked {
	color: var(--color-pink);
	font-family: "Phosphor-Fill" !important;
}

.search-page .list-container .recipes-list .post-detail i.liked:before {
	content: "\eb8b";
}*/

.search-page .list-container .recipes-list .post-detail .title h4 {
	margin: 0;
	text-transform: capitalize;
}

.search-page .list-container .blog-list .post-detail .image {
	height: 360px;
	margin-bottom: 19px;
}

.search-page .list-container .blog-list .post-detail h5 {
	margin-bottom: 6px;
}

.search-page .list-container .post-detail .title {
	max-width: 253px;
	display: block;
}

.search-page .list-container .post-detail .title h4 {
	margin: 0;
	text-transform: capitalize;
}

.search-page .search-load-more {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

/* Faves Registration Page */
.faves-registration {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 50px 50px 63px;
	min-height: 818px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	background-color: var(--color-cream);
	position: relative;
	z-index: 9;
}

.faves-registration .title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
	margin-bottom: 84px;
}

.faves-registration .title-container h1 {
	font-size: 45px;
	line-height: 56px;
	letter-spacing: 0;
}

.faves-registration .title-container .description {
	margin-top: 10px;
	line-height: 18px;
}

.faves-registration form {
	max-width: 722px;
	width: 100%;
	margin-bottom: 28px;
}

.faves-registration form div {
	margin-bottom: 12px;
}

.faves-registration form .col-2 {
	display: flex;
	column-gap: 12px;
}

.faves-registration form .col-2 input {
	width: calc(50% - 6px);
}

.faves-registration form .col-1 input {
	width: 100%;
}

.faves-registration form input:not(input[type="submit"]) {
	height: 44px;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
	padding: 12px 18px;
	font-family: var(--font-proxima-nova);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--color-green);
	letter-spacing: 0;
	background-color: transparent;
}

.faves-registration form input::placeholder {
	color: var(--color-green);
}

.faves-registration form input::-moz-placeholder {
	color: var(--color-green);
	opacity: 1;
}

.faves-registration form input[type="submit"] {
	min-width: 160px;
	margin-top: 17px;
	color: var(--color-white);
}

.faves-registration form input[type="submit"]:hover {
	color: var(--color-green);
}

.faves-registration .bg-image {
	background-size: contain;
	background-repeat: no-repeat;
}

.faves-registration .top-wrapper {
	height: 268px;
	width: 237px;
	position: absolute;
	top: 27px;
	right: 0;
	z-index: -1;
	overflow: hidden;
}

.faves-registration .top-bg-image {
	position: relative;
	background-position: bottom;
	right: -35px;
	width: 100%;
	height: 100%;
}

.faves-registration .bottom-bg-image {
	height: 296px;
	width: 271px;
	left: 0;
	bottom: 53px;
	background-position: bottom;
	z-index: -1;
	transform: translateX(-50px);
	position: absolute;
}

.faves-registration h4 a {
	text-decoration: underline;
}

.faves-registration h4 p {
	margin-bottom: 0;
}

.faves-registration input:-webkit-autofill:focus,
.faves-registration input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px transparent inset !important;
	-webkit-text-fill-color: var(--color-green);
    transition: background-color 5000s ease-in-out 0s;
}

.faves-registration input:focus {
	background: transparent;
}

.faves-registration .err-message {
	margin-bottom: 25px;
}

/* Faves Login Page */
.faves-login {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 204px 50px 118px;
	min-height: 818px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--color-cream);
	position: relative;
	z-index: 9;
}

.faves-login .title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
	margin-bottom: 41px;
}

.faves-login .title-container h1 {
	font-size: 45px;
	line-height: 56px;
	letter-spacing: 0;
}

.faves-login .title-container .description {
	margin-top: 10px;
	line-height: 18px;
}

.faves-login form {
	max-width: 940px;
	width: 100%;
	margin-bottom: 123px;
}

.faves-login form .col-2 {
	display: flex;
	column-gap: 16px;
	margin-bottom: 16px;
}

.faves-login form .col-1 {
	text-align: right;
}

.faves-login form .col-1 a {
	text-decoration: underline;
}

.faves-login form .col-1 br {
	display: none;
}

.faves-login form .col-2 input {
	width: calc(50% - 8px);
}

.faves-login form input:not(input[type="submit"]) {
	height: 44px;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
	padding: 12px 18px;
	font-family: var(--font-proxima-nova);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--color-green);
	letter-spacing: 0;
	background-color: transparent;
}

.faves-login form input::placeholder {
	color: var(--color-green);
}

.faves-login form input::-moz-placeholder {
	color: var(--color-green);
	opacity: 1;
}

.faves-login form input[type="submit"] {
	min-width: 160px;
	margin-top: 34px;
	color: var(--color-white);
}

.faves-login form input[type="submit"]:hover {
	color: var(--color-green);
}

.faves-login .bg-image {
	background-size: contain;
	background-repeat: no-repeat;
}

.faves-login .top-wrapper {
	position: absolute;
	top: 27px;
	z-index: -1;
	height: 268px;
	width: 237px;
	right: 0;
	overflow: hidden;
}

.faves-login .bottom-wrapper {
	position: absolute;
	left: -60px;
	z-index: -1;
	bottom: 53px;
}

.faves-login .top-bg-image {
	background-position: bottom;
	position: relative;
	right: -37px;
	width: 100%;
	height: 100%;
}

.faves-login .bottom-bg-image {
	height: 296px;
	width: 271px;
	background-position: bottom;
}

.faves-login h4 a {
	text-decoration: underline;
}

.faves-login h4 p {
	margin-bottom: 0;
}

.faves-login input:-webkit-autofill:focus,
.faves-login input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px background-color inset !important;
	-webkit-text-fill-color: var(--color-green);
    transition: background-color 5000s ease-in-out 0s;
}

.faves-login input:focus {
	background: transparent;
}

.faves-login .err-message {
	margin-bottom: 25px;
}

/* Faves Account Page */
.faves-account {
	position: relative;
}

.faves-account .user-detail {
	min-height: 219px;
	height: auto;
	padding: 67px 20px 65px;
	text-align: center;
	border-bottom: 6px solid var(--color-dark-pink);
	margin-bottom: 36px;
}

.faves-account .user-detail .wrapper {
	max-width: 899px;
	margin: auto;
}

.faves-account .user-detail h1 {
	color: var(--color-orange);
	font-size: 45px;
	line-height: 56px;
	margin-bottom: 19px;
}

.faves-account .user-detail h4 {
	max-width: 769px;
	margin: 0 auto 17px;
}

.faves-account .user-detail h5 {
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0;
	text-transform: unset;
	font-weight: 400;
	margin-bottom: 32px;
}

.faves-account .user-detail h5 u:first-child {
	text-transform: capitalize;
}

.faves-account .user-detail a {
	min-width: 160px;
}

.faves-account .user-detail a.button-green {
	color: var(--color-white);
	margin-right: 9px;
}

.faves-account .user-detail a.button-green:hover {
	color: var(--color-green);
}

.faves-account .overlay-image {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	height: 219px;
	width: 209px;
	right: 61px;
	top: -31px;
	z-index: -1;
}

.faves-account .saved-faves {
	margin: 36px auto 68px;
	padding-bottom: 79px;
	border-bottom: 6px solid var(--color-dark-pink);
}

.faves-account .saved-faves .posts-wrapper {
	row-gap: 24px;
}

.faves-account .saved-faves:first-child {
	padding-top: 36px;
}

.faves-account .posts-wrapper {
	max-width: 1150px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 17px 13px;
	justify-content: center;
}

.faves-account .post-detail {
	width: 277px;
	background-color: var(--color-light-pink);
	border-radius: 27px;
	position: relative;
}

.faves-account .post-detail a.post-image {
	height: 232px;
	display: block;
}

.faves-account .post-detail h4 {
	padding: 15px 15px 19px;
}

.faves-account .post-detail a.title:first-child h4 {
	padding: 35px 15px;
}

.faves-account .post-detail a.post-image img {
	border-radius: 27px 27px 0 0;
}

.faves-account .post-detail i {
	position: absolute;
	top: 14px;
	right: 18px;
	cursor: pointer;
}

.faves-account .saved-faves i.liked {
	color: var(--color-pink);
}

.faves-account .saved-faves i.liked:before {
	content: "\eb8b";
	font-family: "Phosphor-Fill" !important;
}

.faves-account .saved-faves i {
	color: var(--color-white);
}

.faves-account .saved-faves i:before {
	content: "\eb89";
	font-family: "Phosphor" !important;
}

.faves-account .saved-faves h2 {
	padding: 0 30px;
	text-align: center;
	margin-bottom: 43px;
}

.faves-account .you-might-like {
	margin: 68px auto 102px;
	max-width: 1150px;
}

.faves-account .you-might-like:first-child {
	/*padding-top: 68px;*/
}

.faves-account .you-might-like h2 {
	text-transform: capitalize;
	margin-bottom: 46px;
	text-align: center;
	padding: 0 30px;
}

.faves-account .you-might-like .posts-wrapper {
	justify-content: unset;
}

.faves-account .faves-load-more {
	width: 100%;
	margin-top: 62px;
	text-align: center;
}

/* Faves Edit Profile Page */
.faves-edit-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 50px 50px 63px;
	min-height: 600px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	background-color: var(--color-cream);
	position: relative;
	z-index: 9;
}

.faves-edit-profile .title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
	margin-bottom: 84px;
}

.faves-edit-profile .title-container h1 {
	font-size: 45px;
	line-height: 56px;
	letter-spacing: 0;
}

.faves-edit-profile .title-container .description {
	margin-top: 10px;
	line-height: 18px;
}

.faves-edit-profile form {
	max-width: 722px;
	width: 100%;
	margin-bottom: 28px;
}

.faves-edit-profile form div {
	margin-bottom: 12px;
}

.faves-edit-profile form .col-2 {
	display: flex;
	column-gap: 12px;
}

.faves-edit-profile form .col-2 input {
	width: calc(50% - 6px);
}

.faves-edit-profile form input:not(input[type="submit"]) {
	height: 44px;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
	padding: 12px 18px;
	font-family: var(--font-proxima-nova);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--color-green);
	letter-spacing: 0;
	background-color: transparent;
}

.faves-edit-profile form input::placeholder {
	color: var(--color-green);
}

.faves-edit-profile form input::-moz-placeholder {
	color: var(--color-green);
	opacity: 1;
}

.faves-edit-profile form input[type="submit"] {
	min-width: 160px;
	margin-top: 17px;
	color: var(--color-white);
}

.faves-edit-profile form input[type="submit"]:hover {
	color: var(--color-green);
}

.faves-edit-profile .bg-image {
	background-size: contain;
	background-repeat: no-repeat;
}

.faves-edit-profile .top-wrapper {
	position: absolute;
	height: 268px;
	width: 237px;
	right: 0;
	z-index: -1;
	top: 27px;
	overflow: hidden;
}

.faves-edit-profile .top-bg-image {
	position: relative;
	background-position: bottom;
	right: -35px;
	width: 100%;
	height: 100%;
}

.faves-edit-profile .bottom-bg-image {
	position: absolute;
	height: 296px;
	width: 271px;
	left: 0;
	bottom: 53px;
	background-position: bottom;
	z-index: -1;
	transform: translateX(-50px);
}

.faves-edit-profile h4 a {
	text-decoration: underline;
}

.faves-edit-profile input:-webkit-autofill:focus,
.faves-edit-profile input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 44px background-color inset !important;
	-webkit-text-fill-color: var(--color-green);
    transition: background-color 5000s ease-in-out 0s;
}

.faves-edit-profile input:focus {
	background: transparent;
}

.faves-edit-profile .err-message {
	margin-bottom: 25px;
}

/* Tag page  */
.tag-page .tag-title {
	padding: 48px 101px 62px 89px;
	text-align: center;
}

.tag-page .tag-title h1 {
	font-size: 45px;
	line-height: 56px;
	text-transform: capitalize;
}

.tag-page .list-container {
	display: flex;
	max-width: 1150px;
	margin: 53px auto 79px;
	gap: 26px 10px;
	position: relative;
	right: 6px;
	flex-wrap: wrap;
}

.tag-page .list-container .post-list {
	width: 280px;
}

.tag-page .list-container .post-list h5 {
	margin-bottom: 6px;
}

.tag-page .list-container .post-list .post-image {
	height: 360px;
	display: block;
	line-height: 0;
	margin-bottom: 19px;
}

.tag-page .list-container .post-list h4 {
	text-transform: capitalize;
	max-width: 253px;
}

.tag-page .list-container .tag-load-more {
	width: 100%;
	margin-top: 23px;
	text-align: center;
}

/* Cookbook page */
.cookbook-page .cookbook {
	display: flex;
	align-items: center;
	position: relative;
}

.cookbook-page .cookbook .images,
.cookbook-page .cookbook .contents {
	width: 50%;
	flex-grow: 1;
}

.cookbook-page .cookbook .images {
	min-height: 817px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--color-cream);
	display: flex;
}

.cookbook-page .cookbook .image {
	width: 623px;
	margin: auto;
	height: 683px;
}

.cookbook-page .cookbook .image img {
	object-fit: contain;
}

.cookbook-page .cookbook .contents {
	padding: 50px 50px 50px 110px;
	margin-bottom: 28px;
}

.cookbook-page .cookbook .top-wrapper {
	height: 200px;
	width: 186px;
	position: absolute;
	top: 71px;
	right: 0;
	z-index: -1;
	overflow: hidden;
}

.cookbook-page .cookbook .top-bg-image {
	position: relative;
	background-position: top;
	right: -35px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.cookbook-page .cookbook .contents > *:last-child {
	margin-bottom: 0;
}

.cookbook-page .cookbook .contents:only-child > * {
	max-width: 100%;
}

.cookbook-page .cookbook .contents:only-child {
	padding: 100px;
}

.cookbook-page .cookbook .contents:only-child .description {
	max-width: calc(100% - 100px);
}

.cookbook-page .cookbook .contents:only-child .top-wrapper:only-child {
	top: 0;
}

.cookbook-page .cookbook h2 {
	max-width: 330px;
	margin: 0 0 20px;
	padding: 4.5px 0;
}

.cookbook-page .cookbook .description {
	max-width: 460px;
	margin-bottom: 22px;
}

.cookbook-page .cookbook h5 {
	color: var(--color-orange);
	margin-bottom: 33px;
}

.cookbook-page .cookbook a {
	color: var(--color-cream);
}

.cookbook-page .cookbook a:hover {
	color: var(--color-green);
}

.cookbook-page .cookbook .contents .list {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	align-items: flex-start;
}

.cookbook-page .cookbook .contents .list a {
	min-width: 225px;
}

.cookbook-page .cookbook .contents .list a.button-pink {
	color: var(--color-white);
}

.cookbook-page .cookbook .contents .list a.button-pink:hover,
.cookbook-page .cookbook .contents .list a.button-pink:active {
	color: var(--color-pink);
}

.cookbook-page .what-inside {
	padding: 56px 0 60px;
	background-color: var(--color-light-pink);
	position: relative;
}

.cookbook-page .what-inside:last-child {
	/*margin-bottom: 103px;*/
}

.cookbook-page .what-inside .container {
	display: flex;
	column-gap: 141px;
	max-width: 1199px;
	margin: auto;
	align-items: center;
}

.cookbook-page .what-inside .image {
	width: 580px;
	align-self: stretch;
	flex-grow: 1;
	line-height: 0;
}

.cookbook-page .what-inside .image img {
	min-height: 100%;
	height: 654px;
}

.cookbook-page .what-inside .contents {
	flex-grow: 1;
	width: calc(100% - 580px - 141px);
}

.cookbook-page .what-inside h2 {
	margin-bottom: 40px;
}

.cookbook-page .what-inside .description {
	margin-bottom: 31px;
}

.cookbook-page .what-inside .list ul,
.cookbook-page .what-inside .list ol {
	margin: 0;
	font-weight: 600;
	padding: 0;
}

.cookbook-page .what-inside .list li {
	list-style-type: none;
	display: flex;
	column-gap: 10px;
	align-items: flex-start;
}

.cookbook-page .what-inside .list li:before {
	content: "\f005";
	font-family: "Font Awesome 6 Free";
	-webkit-text-stroke: 1px var(--color-light-pink);
	font-size: 15px;
}

.cookbook-page .what-inside .bottom-bg-image {
	height: 181px;
	width: 202px;
	left: 45px;
	bottom: -60px;
	background-position: bottom;
	z-index: 1;
	transform: translateY(60px);
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}

.cookbook-page .cookbook-preorder {
	text-align: center;
	padding: 103px 0 124px;
	position: relative;
}

.cookbook-page .cookbook-preorder .heading:last-child,
.cookbook-page .testimonial-list .slick-slide > *:last-child {
	margin-bottom: 0;
}

.cookbook-page .cookbook-preorder h2 {
	margin-bottom: 9px;
}

.cookbook-page .cookbook-preorder .heading {
	margin-bottom: 49px;
	padding: 0 10px;
}

.cookbook-page .cookbook-preorder .list {
	display: flex;
	gap: 20px 50px;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 934px;
	margin: auto;
}

.cookbook-page .cookbook-preorder .list a {
	min-width: 196px;
}

.cookbook-page .cookbook-preorder .preorder-overlay {
	position: absolute;
	width: 150px;
	height: 190px;
	bottom: 67px;
	right: 0;
	overflow: hidden;
}

.cookbook-page .cookbook-preorder .preorder-bg-image {
	position: relative;
	background-position: bottom;
	right: -30px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.cookbook-page .early-access {
	padding: 93px 0 104px;
	background-color: var(--color-pink);
	color: var(--color-green);
}

.cookbook-page .early-access .wrapper {
	display: flex;
	column-gap: 103px;
	max-width: 1150px;
	margin: auto;
}

.cookbook-page .early-access .contents {
	width: 572px;
	flex-grow: 1;
}

.cookbook-page .early-access .contents:only-child h4 {
	max-width: 100%;
}
.cookbook-page .early-access .wrapper .access-form:only-child {
	max-width: 475px;
	margin: auto;
}

.cookbook-page .early-access h2 {
	margin-bottom: 31px;
	padding: 3px 0;
	text-transform: capitalize;
}

.cookbook-page .early-access h4 {
	line-height: 25px;
	margin-bottom: 34px;
	max-width: 500px;
}

.cookbook-page .early-access .access-form {
	width: calc(100% - 572px - 103px);
	flex-grow: 1;
	margin-top: 50px;
}

.cookbook-page .early-access #mc_embed_signup h2 {
	display: none;
}

.cookbook-page .early-access #mc_embed_signup {
	background-color: transparent;
	width: 100%;
}

.cookbook-page .early-access #mc_embed_signup form {
	margin: 0;
}

.cookbook-page .early-access #mc_embed_signup .indicates-required {
	display: none;
}

.cookbook-page .early-access #mc_embed_signup .mc-field-group {
	padding-bottom: 12px;
	width: 100%;
}

.cookbook-page .early-access #mc_embed_signup .mc-field-group label {
	display: none;
}

.cookbook-page .early-access #mc_embed_signup .validate div.mce_inline_error,
.cookbook-page .early-access #mc_embed_signup input:not([type="submit"]) {
	background-color: transparent !important;
}

.cookbook-page .early-access #mc_embed_signup input:not([type="submit"]) {
	border-radius: 10px;
	font-size: 18px;
	line-height: 22px;
	padding: 13.5px 18px 7px;
	font-weight: 400;
	font-family: var(--font-proxima-nova);
	height: 44px;
	border: 1px solid var(--color-light-green);
	color: var(--color-green);
	width: 100%;
}

.cookbook-page .early-access #mc_embed_signup input.mce_inline_error {
	border: 1px solid var(--color-light-green) !important;
}

.cookbook-page .early-access #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 0;
	margin: 5px 0 0;
	font-family: var(--font-proxima-nova);
	padding: 0;
	color: var(--color-orange);
}

.cookbook-page .early-access #mc_embed_signup input:not([type="submit"])::placeholder {
	color: var(--color-green);
	opacity: 1;
	font-family: var(--font-proxima-nova);
}

.cookbook-page .early-access #mc_embed_signup input:not([type="submit"]):-webkit-autofill:focus,
.cookbook-page .early-access #mc_embed_signup input:not([type="submit"]):-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 50px transparent inset !important;
	-webkit-text-fill-color: var(--color-green);
    transition: background-color 5000s ease-in-out 0s;
}

.cookbook-page .early-access #mc_embed_signup input[type="submit"] {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1.8px;
	font-family: var(--font-proxima-nova);
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 15px;
	transition: all 0.15s ease;
	text-decoration: none;
	min-width: 160px;
	overflow-wrap: anywhere;
	cursor: pointer;
	appearance: none;
	text-align: center;
	border-radius: 32px;
	min-height: 50px;
	box-shadow: var(--shadow);
	background-color: var(--color-green);
	margin: 5px 0 0;
	border: 1px solid var(--color-green);
	color: var(--color-white);
}

.cookbook-page .early-access #mc_embed_signup input[type="submit"]:hover,
.cookbook-page .early-access #mc_embed_signup input[type="submit"]:active {
	background-color: var(--color-white);
	color: var(--color-green);
}

.cookbook-page .early-access #mc_embed_signup div#mce-responses {
	margin: 0;
	padding: 0;
}

.cookbook-page .early-access #mc_embed_signup #mce-error-response,
.cookbook-page .early-access #mc_embed_signup div.response {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 0;
	margin: 10px 0;
	font-family: var(--font-proxima-nova);
	color: var(--color-green) !important;
}

.cookbook-page .testimonial {
	background-color: var(--color-green);
	color: var(--color-cream);
	padding: 57px 0 98px;
	text-align: center;
}

.cookbook-page .testimonial h2 {
	margin-bottom: 43px;
	text-transform: capitalize;
}

.cookbook-page .testimonial h4 {
	margin-bottom: 24px;
	line-height: 25px;
}

.cookbook-page .testimonial h5 {
	color: var(--color-pink);
}

.cookbook-page .testimonial-list {
	max-width: 1146px;
	margin: auto;
}

.cookbook-page .testimonial-list .slick-list.draggable {
	max-width: 835px;
	margin: 0 auto;
}

.cookbook-page .testimonial-list .slick-slide {
	margin: 0;
}

.cookbook-page .testimonial .slick-arrow {
	position: absolute;
	top: 30%;
	transform: translateY(-30%);
	right: 0;
	cursor: pointer;
}

.cookbook-page .testimonial .slick-arrow:before {
	color: var(--color-yellow);
	font-size: 33px;
}

.cookbook-page .testimonial .slick-arrow.slick-prev {
	left: 0;
	right: unset;
}

/* Join my tour */
.join-my-tour-page .cookbook {
	display: flex;
	background-color: var(--color-light-pink);
	align-items: center;
	margin-bottom: 166px;
	position: relative;
}

.join-my-tour-page .cookbook .images {
	min-height: 576px;
	width: 50%;
	flex-grow: 1;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.join-my-tour-page .cookbook .image {
	width: 462px;
	height: 506px;
}

.join-my-tour-page .cookbook .contents {
	width: 50%;
	flex-grow: 1;
}

.join-my-tour-page .cookbook .wrapper {
	max-width: 523px;
	margin: 50px auto 50px 47px;
}

.join-my-tour-page .cookbook h5 {
	margin-bottom: 15px;
}

.join-my-tour-page .cookbook h2 {
	margin-bottom: 30px;
	text-transform: capitalize;
}

.join-my-tour-page .cookbook .description {
	margin-bottom: 32px;
}

.join-my-tour-page .cookbook .button-green,
.join-my-tour-page .tour-load-more a {
	color: var(--color-cream);
	background-color: var(--color-dark-green);
	border: 2px solid var(--color-dark-green);
	min-width: 287px;
}

.join-my-tour-page .cookbook .button-green:hover,
.join-my-tour-page .cookbook .button-green:active,
.join-my-tour-page .tour-load-more a:hover,
.join-my-tour-page .tour-load-more a:active {
	color: var(--color-dark-green);
	background-color: var(--color-white);
}

.join-my-tour-page .cookbook .bg-wrapper {
	width: 209px;
	height: 219px;
	position: absolute;
	right: 45px;
	bottom: -90px;
}

.join-my-tour-page .cookbook .content-bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.join-my-tour-page .cookbook .contents:only-child .bg-wrapper:only-child {
	position: relative;
	right: 0;
	margin: 0 45px 0 auto;
}

.join-my-tour-page .cookbook .contents:only-child .wrapper {
	max-width: calc(100% - 300px);
}

.join-my-tour-page .tour-list:first-child {
	/*padding-top: 58px;*/
}

.join-my-tour-page .tour-list {
	max-width: 1160px;
	margin: 43px auto 89px;
}

.join-my-tour-page .tour-list .post-detail:first-child {
	border-top: 2px solid var(--color-dark-pink);
}

.join-my-tour-page .tour-list .post-detail {
	padding: 28px 0;
	border-bottom: 2px solid var(--color-dark-pink);
	display: flex;
	column-gap: 50px;
	justify-content: space-between;
	align-items: flex-start;
}

.join-my-tour-page .tour-list .post-detail .contents {
	width: calc(100% - 215px - 50px);
}

.join-my-tour-page .tour-list .post-detail a.button-pink {
	min-width: 215px;
	width: 215px;
	margin: 0 0 0 auto;
	min-height: 44px;
	padding: 12px 15px 8px;
}

.join-my-tour-page .tour-load-more a.button-pink,
.join-my-tour-page .tour-load-more a {
	min-width: 215px;
}

.join-my-tour-page .tour-list h4 {
	text-transform: capitalize;
	padding-bottom: 11px;
}

.join-my-tour-page .tour-list h5 {
	margin-bottom: 9px;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: 2.04px;
}

.join-my-tour-page .tour-list h2 {
	margin-bottom: 13px;
	line-height: 63px;
	text-transform: capitalize;
	font-size: 50px;
}

.join-my-tour-page .tour-load-more {
	text-align: center;
	margin: 100px 0 0;
}

.join-my-tour-page .image-content {
	display: flex;
	column-gap: 71px;
	max-width: 1160px;
	margin: auto auto 43px;
	align-items: center;
	padding-top: 83px;
}

.join-my-tour-page .image-content .image {
	width: 580px;
	align-self: stretch;
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 0;
}

.join-my-tour-page .image-content .contents {
	width: calc(100% - 580px - 71px);
	flex-grow: 1;
}

.join-my-tour-page .image-content .contents:only-child .title-container {
	max-width: 100%;
	margin: 0;
}

.join-my-tour-page .image-content .image img {
	height: 654px;
	min-height: 100%;
}

.join-my-tour-page .image-content .title-container {
	margin: 50px 0;
	max-width: 478px;
}

.join-my-tour-page .image-content .title-container h4 {
	line-height: 25px;
	margin-bottom: 27px;
}

.join-my-tour-page .image-content .title-container h1 {
	font-size: 50px;
	line-height: 63px;
	margin-bottom: 27px;
	text-transform: capitalize;
}

/*.join-my-tour-page .image-content .title-container .desc {
	line-height: 25px;
}*/

/*.join-my-tour-page .image-content .title-container p {
	margin-bottom: 33px;
	line-height: 22px;
}*/

/* As seen on */
.cookbook-page .as-seen-on {
	padding: 46px 0 48px;
}

.as-seen-on {
	background-color: var(--color-pink);
	padding: 71px 0 48px;
}

.as-seen-on .slick-slide a {
	display: block;
}

.as-seen-on .image-wrapper {
/*	opacity: 1;*/
	max-height: 56px;
	max-width: 272px;
/*	margin: 0 33px;*/
	min-width: 56px;
}

.as-seen-on .image-wrapper .image {
	max-width: 100%;
	max-height: 100%;
}

.as-seen-on .image-wrapper img {
	width: auto;
	object-fit: contain;
	height: 57px;
	max-width: 100%;
}

.as-seen-on h5 {
	text-align: center;
	margin-bottom: 34px;
}

.as-seen-on .slick-track {
	display: flex;
	align-items: center;
}

.as-seen-on .slick-list:not(:has(.slick-center)) {
	padding: 0 160px;
}


.as-seen-on {
	overflow: hidden;
}

.as-seen-on .list {
	/*display: flex;
	gap: 66px;
	animation: marqueeLeft 100s linear infinite;
	width: 100vw;
	max-width: 100vw;
	animation-play-state: running;
    will-change: transform;*/

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 66px;
/*    height: 60px;*/
    width: 100vw;
    /*padding-top: 40px;
    padding-bottom: 72px;*/
    animation: marqueeLeft 100s linear infinite;
    animation-play-state: running;
    will-change: transform;
}

.as-seen-on .image-wrapper {
/*	width: 150px;*/
	flex-shrink: 0;
}

/*#marquee-list {
	overflow: hidden;
}*/

@media screen and (max-width: 1441px) {
	/* Single Page */
	.single-page .post-content .post-detail .short-description {
		max-width: 490px;
	}

	.single-page .post-content .post-detail .wrapper:only-child .short-description {
		max-width: 100%;
	}

	.single-page .post-info h2 { 
		max-width: 570px;
	}

	.single-page .post-info .single-content-desc .wp-block-columns {
		max-width: 810px;
	}

	.single-page .post-info .single-content-desc p {
		max-width: 789px;
	}

	/* Home Page */
	.home-page .about-me .contents .wrapper {
		max-width: 523px;
	}

	.home-page .about-me .contents:only-child .wrapper{
		max-width: 100%;
	}

	/* About Page */
	.about-page .top-info .info h4 {
		max-width: 478px;
	}

	.about-page .about-me .images .image1 {
		width: 378px;
	}

	.about-page .about-me .images .image2 {
		width: 342px;
	}

	/* Contact Page */
	.contact-page .contact-page-container .image-section + .content-section > .content-wrapper {
		max-width: 526px;
		margin: 155px 0 165px;
	}

	.contact-page .content-section .content-wrapper {
		margin: 153px 0 165px;
		max-width: 70%;
	}

	.contact-page .contact-form .nf-form-content {
		padding-right: 3px;
	}
}

@media screen and (max-width: 1367px) {

	/* Header */
	header {
		padding: 0;
	}

	header .container {
		max-width: calc(100% - 70px);
		margin: auto;
		column-gap: 30px;
	}

	header .header-menu-container {
		width: calc(100% - 258px - 30px);
	}

	header .header-menu-container .wpmm-strees-row-and-content-container {
		padding: 35px 0 27px;
	}

	header .wpmm-strees-row-and-content-container ul.wp-megamenu-sub-menu {
		max-width: calc(100% - 100px);
		margin: auto !important;
	}

	header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 {
		width: 60%;
	}

	header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 ul,
	header .header-menu-container li.wpmm-row ul.wp-megamenu-sub-menu {
		max-width: 100%;
	}

	header .header-menu-container li.wpmm-row ul.wp-megamenu-sub-menu {
		column-gap: 30px;
	}

	header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 {
		width: calc(40% - 30px);
	}

	header .recipe-faves,
	header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 ul,
	header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8 ul li {
		width: 100%;
	}

	header .recipe-faves .post-detail {
		width: calc(33.33% - 10px*2/3);
	}
}

@media screen and (max-width: 1281px) {

	/* Footer */
	footer .footer-info .info-wrapper {
		column-gap: 100px;
	}

	footer .footer-subscription {
		width: calc(100% - 384.46px - 100px);
	}

	/* Recipe index page */
	.recipe-page .recipe-container .recipe-content,
	.recipe-page .recipe-container .heading {
		max-width: calc( 100% - 100px );
	}

	.recipe-page .recipe-container .recipe-content .post-detail {
		width: calc(33.33% - 13px * 2/3);
	}

	/* Single Page */
	.single-page .container .single-sidebar {
		width: 30%;
		padding: 56px 30px 56px 30px;
	}

	.single-page .post-info {
		padding: 78px 0 0 30px;
		width: calc(70% - 33px);
	}

	.recipe-card {
		margin: 72px 0 67px 0;
	}

	.recipe-card .recipe-details {
		column-gap: 30px;
	}

	.recipe-card .recipe-details .image {
		width: 45%;
	}

	.recipe-card .recipe-details .contents {
		width: calc(55% - 30px);
	}

	/* Home Page */
	.home-page .latest-recipe .image-wrapper {
		width: 150px;
		height: 150px;
		right: -58px;
		top: 10px;
	}

	/* About Page */
	.about-page .top-info .top-overlay-image {
		width: 168px;
		height: 172px;
		right: 0;
	}

	/* Cookbook page */
	.cookbook-page .cookbook .contents {
		padding: 50px;
	}

	.cookbook-page .cookbook .image,
	.cookbook-page .what-inside .container,
	.cookbook-page .testimonial-list {
		max-width: calc(100% - 100px);
	}

	.cookbook-page .what-inside .container {
		column-gap: 100px;
	}

	.cookbook-page .what-inside .contents {
		width: calc(52% - 100px);
	}

	.cookbook-page .what-inside .image {
		width: 48%;
	}

	/* Header */
	header .header-menu-container .header-wrapper {
		/*column-gap: 17px;*/
	}

	header .header-menu {
		width: calc(100% - 75px - 30px - 150px);
	}

	header .header-menu-container ul {
		/*column-gap: 17px;*/
	}

	header .header-social-icons {
		width: 75px;
	}

	header .wp-search .search-container {
		column-gap: 5px;
		padding: 0 10px;
	}

	header .wp-search {
		width: 150px;
		margin-left: 0;
	}

	header .header-menu-container ul li {
		font-size: 13px;
	}
}

@media screen and (max-width: 1196px) {

	/* Footer */
	footer .footer-gallery .gallery-wrapper {
		max-width: calc(100% - 100px);
	}

	footer .footer-info .info-wrapper {
		max-width: calc(100% - 100px);
	}

	footer .footer-subscription p {
		max-width: 400px;
	}

	/* Shop Page */
	.shop-page .shop-container {
		max-width: calc( 100% - 100px );
		padding-right: 0;
	}

	.shop-page .shop-container .products .product {
		width: calc(25% - 18px * 3/4);
	}

	.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal {
		padding-right: 0;
	}

	.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
		max-width: 580px;
	}

	.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
		width: 200px !important;
	}

	/* woocommerce related pages */
	.single-product .single-product-page,
	.common-page .content-wrapper {
		max-width: calc( 100% - 100px );
		padding-right: 0;
	}

	.woocommerce .cart-collaterals .cross-sells .product-block,
	.woocommerce .upsells.products .product-block,
	.woocommerce .related.products ul.products .product-block {
		width: calc(25% - 18px * 3/4);
	}

	/* Shop With Me Block */
	.shop-with-me .product-list {
		max-width: calc(100% - 150px);
	}

	/* Lifestyle Page */
	.lifestyle-page .lifestyle-header .category-filter {
		max-width: calc(100% - 100px);
	}

	.lifestyle-page .featured-posts {
		max-width: calc(100% - 100px);	
		column-gap: 50px;
	}

	.lifestyle-page .featured-posts .image {
		width: 50%;
	}

	.lifestyle-page .featured-posts .post-detail {
		width: calc(50% - 50px);
	}

	.lifestyle-page .recent-post .post-list,
	.shop-page .shop-with-me .product-category .shop-product-category {
		max-width: calc(100% - 100px);			
	}

	.lifestyle-page .recent-post .post-list .post-detail {
		width: calc( 25% - 10px * 3/4 );
	}

	.lifestyle-page .popular-post {
		max-width: calc(100% - 100px);	
		column-gap: 50px;
	}

	.lifestyle-page .popular-post .image {
		width: 50%;
	}

	.lifestyle-page .popular-post .post-detail {
		width: calc(50% - 50px);
	}

	.lifestyle-page .all-post .lifestyle-list {
		max-width: calc(100% - 100px);					
	}

	.lifestyle-page .all-post .post-detail {
		width: calc( 25% - 10px * 3/4 );		

	}

	/* Header */
	header li.wpmm-row ul.wp-megamenu-sub-menu ul.menu li {
		text-align: left;
	}

	/* Recipe index page */
	.recipe-page .recipe-page-contents .recipe-filter {
		width: 380px;
	}

	.recipe-page .recipe-page-contents .recipe-container {
		width: calc( 100% - 380px - 39px );
	}

	.recipe-page .recipe-page-contents .recipe-filter .recipe-filter-content {
		padding: 0 31px 13px 70px;
	}

	/* Single Page */
	.single-page .post-content .post-image + .post-detail {
		padding: 100px 100px 100px 35px;
	}

	.recipe-card .recipe-card-buttons {
		max-width: calc(100% - 40px);
		gap: 10px;
	}

	.single-page .still-hungry {
		max-width: calc(100% - 100px);
	}

	.single-page .still-hungry .post-detail {
		width: calc(25% - 14px * 3/4);
	}

	.single-page .you-might-also-like {
		max-width: calc(100% - 100px);		
	}

	.single-page .you-might-also-like .post-detail {
		width: calc(25% - 10px * 3/4);	
	}

	/* Home Page */
	.home-page .home-head-to-recipes {
		max-width: calc(100% - 100px);
	}

	.home-page .home-head-to-recipes .image {
		width: 52%;
	}

	.home-page .home-head-to-recipes .info { 
		width: calc(100% - 52% - 40px);
	}

	.home-page .home-head-to-post {
		max-width: calc(100% - 100px);	
		column-gap: 50px;
	}

	.home-page .home-head-to-post .info {
		width: calc(100% - 52% - 50px);
	}

	.home-page .home-head-to-post .image {
		width: 52%;
	}

	.home-page .latest-recipe { 
		max-width: calc(100% - 100px);	
	}

	.home-page .latest-recipe .post-detail {
		width: calc(25% - 14px * 3/4);
	}

	/* About Page */
	.about-page .top-info {
		max-width: calc(100% - 100px);
		gap: 50px;
	}

	.about-page .top-info .image {
		width: 52%;
	}

	.about-page .top-info .content-wrapper {
		width: calc(100% - 52% - 50px);
	}

	.about-page .top-info .image-wrapper {
		width: 250px;
		height: 250px;
		left: -80px;
		bottom: -150px;
	}

	.about-page .bottom-info .wrapper {
		max-width: calc(100% - 100px);	
		gap: 50px;
	}

	.about-page .bottom-info .wrapper .info {
		width: calc(100% - 52% - 50px);
	}

	.about-page .top-info .wrapper .content-wrapper:only-child .info,
	.about-page .top-info .wrapper .content-wrapper:only-child .info h4 {
		width: 100%;
		max-width: 100%;
	}

	.about-page .bottom-info .wrapper .image {
		width: 52%;
	}

	.about-page .about-me .info .wrapper {
		padding: 50px;
	}

	.about-page .about-fav .post-list {
		max-width: calc(100% - 100px);			
	}

	.about-page .about-fav .post-list .post-detail {
		width: calc(25% - 14px * 3/4);		
	}

	/* Contact Page */
	.contact-page .content-section .content-wrapper {
		max-width: 90%;
	}

	/* Search Page */
	.search-page h4.search-text {
		max-width: calc(100% - 100px);	
	}
	.search-page .list-container {
		max-width: calc(100% - 100px);
	}

	.search-page .list-container .blog-list .post-detail {
		width: calc(25% - 10px * 3/4);
	}

	.search-page .list-container .recipes-list .post-detail {
		width: calc(25% - 14px * 3/4);	
	}

	/* Faves Account Page */
	.faves-account .overlay-image {
		right: 30px;
	}

	.faves-account .user-detail .wrapper {
		max-width: 550px;
	}

	.faves-account .posts-wrapper {
		max-width: calc(100% - 100px);
	}

	.faves-account .post-detail {
		width: calc(25% - 13px*3/4);
	}

	/* Tag page */
	.tag-page .list-container {
		max-width: calc(100% - 100px);
	}

	.tag-page .list-container .post-list {
		width: calc( 25% - 10px * 3/4 );
	}

	/* Cookbook page */
	.cookbook-page .cookbook-preorder .list {
		max-width: calc(100% - 300px);
	}

	.cookbook-page .early-access .wrapper {
		max-width: calc(100% - 100px);
	}

	.cookbook-page .early-access .contents {
		width: 47%;
	}

	.cookbook-page .early-access .access-form {
		width: calc(53% - 103px);
	}

	/* Book tour page */
	.join-my-tour-page .tour-list,
	.join-my-tour-page .image-content {
		max-width: calc(100% - 100px);
	}

	.join-my-tour-page .cookbook .wrapper {
		margin: 30px 20px 30px 30px;
	}

	.join-my-tour-page .cookbook .bg-wrapper {
		bottom: -120px;
	}

	.join-my-tour-page .image-content {
		column-gap: 40px;
	}

	.join-my-tour-page .image-content .image {
		width: 51%;
	}

	.join-my-tour-page .image-content .contents {
		width: calc(49% - 40px);
	}
}

@media screen and (max-width: 1181px) {

	/* Recipe index page */
	.recipe-page .recipe-container .recipe-content .post-detail {
		width: calc(50% - 13px * 1/2);
	}

	.about-page .content .image-wrapper {
		width: 160px;
		height: 200px;
	}

	.about-page .content .top-overlay-image {
		right: -40px;
	}

	/* Header */
	header .header-menu-container ul li {
		font-size: 12px;
		letter-spacing: 1.5px;
	}
	
	/* As seen on */
	.as-seen-on .slick-list:not(:has(.slick-center)) {
		padding: 0 120px;
	}

	.as-seen-on .slick-slide {
		max-width: 236px;
	}
}

@media screen and (max-width: 1113px) {

	header .container {
		max-width: calc(100% - 50px);
	}

	header .header-logo {
		width: 170px;
	}

	header .header-logo img {
		object-fit: contain;
	}

	header .header-menu-container {
		width: calc(100% - 170px - 30px);
	}
}

@media screen and (max-width: 1081px) {

	/* Footer */
	footer .footer-subscription p {
		max-width: 300px;
	}

	/* Single page */
	.single-page .post-content .post-detail a.jump-to-recipe {
		min-width: 200px;
	}

	/* Cookbook page */
	.cookbook-page .testimonial-list .slick-list.draggable {
		margin: 0 50px;
	}

	/* Header */
	header .header-menu {
		/*width: calc(100% - 75px - 15px);*/
	}

	header .header-menu-container .header-wrapper {
		column-gap: 15px;
	}

	header .header-menu-container {
		width: calc(100% - 170px - 10px);
	}

	header .container {
		/*max-width: calc(100% - 50px);*/
		column-gap: 10px;
	}

	header .header-menu-container ul {
		/*column-gap: 17px;*/
	}
}

@media screen and (max-width: 1025px) {
	
	/* Shop Page Design  */
	.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
		max-width: 500px;
	}

	.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
		width: 180px !important;
	}

	.woocommerce .woocommerce-Address header h3 {
		font-size: 24px;		
	}

	/* Header */
	header .header-menu-container ul li {
		font-size: 11px;
	}

	header .header-menu-container ul {
		column-gap: 15px;
	}
}

@media screen and (max-width: 951px) {
	
	.no-post-data {
		padding: 25px 0;
	}
	
	.hide-on-desktop {
		display: block;
	}

	.hide-on-mobile {
		display: none;
	}

	.main {
		margin-top: 54.5px;
	}

	h1,h2 {
		font-size: 30px;
	}

	h5 {
		font-size: 15px;
	}

	/* Common Page */
	.privacy-policy .common-page .content-wrapper {
		margin: 94px auto 80px;
	}

	.privacy-policy .common-page .content-wrapper h2 {
		line-height: 35px;
	}

	/* Footer */
	footer .footer-gallery {
		padding: 48px 0 55px;
		min-height: fit-content;
	}

	footer .footer-gallery .gallery-wrapper {
		max-width: 100%;
		right: 0;
	}

	footer .footer-gallery .gallery-wrapper:empty {
		min-height: 201px;
	}

	footer .footer-gallery h5 {
		padding: 0 20px;
	}

	footer .spotlight-instagram-feed .FeedLayout__wrapper .DesignedButton__button {
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 11px !important;
	}

	footer .footer-info {
		padding: 31px 0 20.49px;
		right: 0;
	}

	footer .footer-info .info-wrapper {
		flex-direction: column-reverse;
		row-gap: 28.32px;
	}

	footer .wrapper {
		padding: 0;
		row-gap: 20.36px;
	}

	footer .footer-info .footer-menu .nav {
		column-count: 1;
	}

	footer .footer-info .footer-menu .nav .menu-item a {
		font-size: 15px;
		line-height: 19px;
	}

	footer .footer-info .footer-menu .nav > *:last-child {
		margin-bottom: 0px;
	}

	footer .footer-info .footer-menu .footer-social .social-icons {
		gap: 8px;
	}

	footer .footer-info .footer-menu .nav li.menu-item {
		margin-bottom: 3px;
	}

	footer .footer-info .footer-menu .footer-social {
		margin-top: 10.44px;
	}

	footer .footer-info .footer-menu .footer-social ul li svg {
		width: 16px;
		height: 16px;
	}

	footer .footer-social .wp-block-social-links {
		gap: 8px;
	}

	footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
		width: 16.07px;
		height: 16.07px;
	}

	footer .footer-subscription {
		width: 100%;
	}

	footer .footer-subscription iframe {
	    width: 100%;
	}

	footer .footer-subscription p {
		max-width: 100%;
	}

	footer .footer-copyright div.widget {
		padding: 9px 20px 7px;
	}

	footer .footer-copyright p {
		line-height: 17px;
	}

	footer .footer-logo {
		width: 286.3px;
		height: 45.32px;
	}

	footer .bg-image {
		width: 204.63px;
		height: 241.58px;
		bottom: -37px;
		right: 0px;
	}

	/* Wordpress login page */
	body.login div#login {
		width: 60%;
		padding: 50px 0;
		flex-direction: column;
	}

	body.login #backtoblog {
		margin: 26px 0 0 !important;
		min-width: unset;
	}

	body.login .privacy-policy-page-link,
	body.login #nav {
		margin: 8px 0 0;
	}

	/* Shop Page */
	.shop-page .shop-with-me {
		padding: 23px 0 34px;
	}

	.shop-page .shop-with-me .content-wrapper h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 14px;
	}

	.shop-page .shop-with-me .content-wrapper {
		padding: 0 25px;
	}

	.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
		margin: auto;
	}

	.shop-page .mCSB_horizontal.mCSB_inside > .mCSB_container {
		margin-bottom: 39px;
	}

	.shop-page .shop-container {
		padding: 29px 0 71px;
	}

	.shop-page .shop-container .content {
		margin-bottom: 31px;
	}

	.shop-page .shop-container .products .shop-page-products {
		gap: 10px 12px;
	}

	.shop-page .shop-container .products .product {
		width: calc(50% - 12px * 1/2);
	}

	.shop-page .shop-container .shop-products-load-more {
		margin-top: 34px;
	}

	.shop-page .shop-with-me .product-category .shop-product-category {
		column-gap: 12px;
		flex-direction: column;
		max-width: 279px;
	}

	/* woocommerce related pages */
	.single-product .single-product-page {
		padding: 48px 0 71px;
	}

	.single-product .single-product-page div.product .product_title,
	.woocommerce div.product .woocommerce-Reviews h2,
	.woocommerce div.product .woocommerce-Tabs-panel h2,
	.woocommerce .cart-collaterals .cross-sells h2,
	.woocommerce .upsells.products h2,
	.woocommerce .related.products h2 {
		line-height: 33px;
	}

	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce .upsells.products,
	.woocommerce .related.products {
		margin: 35px 0 0 0;
	}

	.woocommerce .upsells.products h2,
	.woocommerce .related.products h2 {
		margin-bottom: 30px;
	}

	.woocommerce .cart-collaterals .cross-sells ul,
	.woocommerce .upsells.products ul,
	.woocommerce .related.products ul.products {
		gap: 10px 12px;
	}

	.woocommerce .cart-collaterals .cross-sells .product-block,
	.woocommerce .upsells.products .product-block,
	.woocommerce .related.products ul.products .product-block {
		width: calc(50% - 12px * 1/2);
	}

	.common-page .content-wrapper {
		padding: 48px 0 71px;
	}

	.common-page .content-wrapper h1 {
		margin-bottom: 42px;
		line-height: 35px;
	}

	.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background: var(--color-white);
	}

	.woocommerce-cart .woocommerce .cart-collaterals .cross-sells h2 {
		margin: 30px 0;
	}

	.woocommerce-checkout .woocommerce .woocommerce-terms-and-conditions-wrapper {
		margin-bottom: 20px;
	}

	.woocommerce ul.order_details li {
		margin-bottom: 20px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		padding: 0;
		list-style: inside;
		margin-top : 0;
	}

	.woocommerce-account .addresses address,
	.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
		margin: 0 0 35px 0;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
	}

	.common-page .content-wrapper .woocommerce h2 {
		line-height: 33px;
	}

	.woocommerce .woocommerce-Address header h3 {
		font-size: 33px;		
	}

	/* Shop With Me Block */
	.shop-with-me {
		margin: 56px 0 47px;
		padding: 47px 0 46px;
	}

	.shop-with-me h2 {
		line-height: 37px;
		margin: 0 20px 28px;
	}

	.shop-with-me .product-list {
		max-width: 100%;
		right: unset;
	}

	.shop-with-me .product-list:last-child { 
		margin-bottom: 46px;
	}

	.shop-with-me .product-list .product {
		height: 183px;
	}

	.shop-with-me .slick-list.draggable .slick-track .slick-slide {
		margin: 0 6.5px;
	}

	.shop-with-me .slick-slider ul.slick-dots {
		bottom: -39px;
	}

	.shop-with-me button.slick-arrow {
		display: none!important;
	}

	.shop-with-me .button {
		margin-top: 63px;
	}

	/* Lifestyle Page */
	.lifestyle-page .lifestyle-header {
		padding: 23px 0 35px;
	}

	.lifestyle-page .lifestyle-header h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 14px;
		padding: 0 20px;
	}

	.lifestyle-page .lifestyle-header .content {
		max-width: calc(100% - 40px);
		margin-bottom: 25px;
	}

	.lifestyle-page .lifestyle-header .category-filter {
		flex-direction: column;
		max-width: 279px;
		right: unset;
		gap: 9px;
	}

	.lifestyle-page .featured-posts {
		flex-direction: column-reverse;
		right: unset;
		gap: 24px;
		margin: 16px auto 59px;
	}

	.lifestyle-page .featured-posts .image {
		width: 100%;
		height: 333px;
	}

	.lifestyle-page .featured-posts .post-detail {
		width: 100%;	
	}

	.lifestyle-page .featured-posts .post-detail h2 {
		line-height: 37px;
		margin-bottom: 13px;
	}

	.lifestyle-page .featured-posts .post-detail .short-description {
		margin-bottom: 18px;	
	}

	.lifestyle-page .recent-post {
		row-gap: 35px;
		padding: 36px 0 102px;
		margin: 59px 0 21px;
	}

	.lifestyle-page .recent-post h2 {
		line-height: 37px;
	}

	.lifestyle-page .recent-post .post-list {
		max-width: 100%;
		right: unset;
	}

	.lifestyle-page .recent-post .slick-dots {
		position: absolute;
		bottom: -49px;
		width: 100%;
		padding: 0;
		display: block;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 0;
	}

	.lifestyle-page .recent-post .slick-dots li {
		position: unset;
		display: inline-block;
		width: 11px;
		height: 11px;
		margin: 0 2px;
		padding: 0;
		cursor: pointer;
		background-color: var(--color-light-green);
		border-radius: 50px;
		opacity: 0.23;
		border: 1px solid var(--color-gray);
	}

	.lifestyle-page .recent-post .slick-dots li button {
		display: none;
		opacity: 0.37;
		cursor: pointer;
		border: 0;
	}

	.lifestyle-page .recent-post .slick-dots li.slick-active {
		border-radius: 50px;
		background: var(--color-light-green);
		opacity: 1;
		border: 1px solid var(--color-light-green);
	}

	.lifestyle-page .recent-post .slick-list.draggable .slick-track .slick-slide {
		opacity: 1;
		margin: 0 4.5px;
	}

	.lifestyle-page .popular-post {
		flex-direction: column;
		margin: 21px auto 56px;
		row-gap: 24px;
		right: unset;
	}

	.lifestyle-page .popular-post .image {
		width: 100%;
		height: 333px;
	}

	.lifestyle-page .popular-post .post-detail {
		width: 100%;		
	}

	.lifestyle-page .popular-post .post-detail h2 {
		line-height: 37px;
		margin-bottom: 18px;
	}

	.lifestyle-page .popular-post .post-detail .short-description {
		margin-bottom: 18px;	
	}

	.lifestyle-page .all-post {
		margin: 47px 0 66px;
		row-gap: 43px;
	}

	.lifestyle-page .all-post h2 {
		line-height: 37px;
	}

	.lifestyle-page .all-post .lifestyle-list {
		right: unset;
		gap: 18px 6px;
	}

	.lifestyle-page .all-post .post-detail {
		width: calc( 50% - 6px * 1/2 );
	}

	.lifestyle-page .all-post .lifestyle-load-more {
		margin-top: 16px;
	}

	.lifestyle-page .all-post .post-detail h5 {
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 1.44px;
	}

	.lifestyle-page .all-post .post-image {
		margin-bottom: 4px;	
		height: 221px;
	}

	.lifestyle-page .all-post .post-detail h4 {
		font-size: 15px;
		line-height: 18px;
	}

	/* Header */
	header ul.wp-megamenu-sub-menu .wpmm-col.wpmm-col-8,
	header ul.wp-megamenu li.wpmm-type-widget .wpmm-item-title,
	header .header-menu-container {
		display: none;
	}
	header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4{
		width: 100% !important;
	}

	header .header-menu-container {
		transition-duration: 300ms;
		transform: translateX(0);
		position: absolute;
		top: 55px;
		width: 100%;
		background-color: var(--color-cream);
		left: 0;
		padding: 33.5px 20px 45px;
		border-top: 1px solid var(--color-light-green);
		max-height: calc(100vh - 100px);
		overflow: auto;
		box-shadow: 0px 1px 3px #00000029;
	}

	header .header-menu-container .header-wrapper {
		flex-direction: column;
		row-gap: 13px;
		display: flex;
	}

	header .container {
		max-width: 100%;
	}

	header .header-menu,
	header .header-social-icons {
		width: 100%;
	}

	header .header-menu {
		margin-bottom: 16px;
	}

	body.display-menu header .mob-nav-button span:nth-child(1) {
		transform: rotate(-45deg) translate(-6px, 6px);
    	transition: all 0.3s ease;
	}

	body.display-menu header .mob-nav-button span:nth-child(2) {
		background: transparent;
	}

	body.display-menu header .mob-nav-button span:nth-child(3) {
		transform: rotate(45deg) translate(-5px, -6px);
    	transition: all 0.3s ease;
	}

	body.display-menu header .mob-nav-button {
		row-gap: 7px;
	}

	header {
		padding: 13px 20px;
		min-height: 54.5px;
	}

	header .header-logo {
		width: 179px;
		height: 28px;
	}

	header .header-logo img {
		object-fit: contain;
		/*transform: scale(1.8) translate(-10px, -1px);*/
		height: auto;
    	max-width: 100%;
	}

	header .mob-nav-button {
		display: flex;
		flex-direction: column;
		row-gap: 3px;
		cursor: pointer;
	}

	header .mobile-nav-button span {
		height: 1.5px;
	}

	body.display-menu header .header-menu-container {
		display: block;
	}

	header .header-menu-container .wpmm-strees-row-and-content-container {
		position: relative !important;
		padding: 0;
		border: 0;
		box-shadow: unset;
		top: 0;
		background: unset;
		left: 0 !important;
		width: 100% !important;
	}

	header .header-menu-container ul {
		flex-direction: column;
		row-gap: 15px;
		height: 100%;
		overflow: unset;
	}

	header li.wpmm-row ul.wp-megamenu-sub-menu .wpmm-col-4 ul.menu {
		margin-top: 10px;
	}

	header .header-menu-container ul li {
		padding: 0;
		font-size: 30px;
		line-height: 35px;
		letter-spacing: 0;
		font-weight: 400;
		font-family: var(--font-new-spirit);
		text-transform: capitalize;
		display: block;
		position: relative;
	}

	header .header-menu-container ul.social-icons {
		flex-direction: row;
		column-gap: 9px;
		justify-content: flex-start;
	}

	header .wpmm-strees-row-and-content-container ul.wp-megamenu-sub-menu {
		max-width: 100%;
	}

	header li.wpmm-row ul.wp-megamenu-sub-menu ul.menu li {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 1.8px;
		font-weight: 600;
		font-family: var(--font-proxima-nova);
		text-transform: uppercase;
	}

	header .header-menu-container ul li.wpmm-strees-row-and-content::after {
		position: absolute;
		top: 8px;
		right: 0;
		content: "\ec87";
		font-weight: 900;
		font-size: 16px;
		line-height: 16px;
		padding-left: 30px;
	}

	header .header-menu-container ul li.wpmm-strees-row-and-content.display-submenu::after {
		content: "\ebf9";
	}

	header .header-menu-container ul li.display-submenu .wpmm-strees-row-and-content-container,
	header .header-menu-container ul li.display-submenu.wpmm-strees-row-and-content:hover .wpmm-strees-row-and-content-container {
		display: block;
	}

	header .wp-search {
		align-self: flex-start;
		width: 100%;
	}

	header .wp-search button,
	header .header-menu-container ul li.wpmm-strees-row-and-content:hover .wpmm-strees-row-and-content-container {
		display: none;
	}

	header .wp-search input {
		border: unset;
		background: transparent;
		font-size: 15px;
		line-height: 18px;
		letter-spacing: 1.8px;
		font-weight: 600;
		font-family: var(--font-proxima-nova);
		text-transform: uppercase;
		color: var(--color-green);
		padding: 0;
	}

	header .wp-search .search-container {
		display: flex;
		column-gap: 14px;
		align-items: center;
		min-height: 51px;
		border: 1px solid var(--color-light-green);
		border-radius: 32px;
		width: 350px;
		background-color: var(--color-dark-pink);
		padding: 0 13px;
	}

	header .wp-search .search-container i {
		font-size: 16px;
		color: var(--color-light-green);
	}

	header .wp-search input[type="text"]::placeholder {
		color: var(--color-green);
		opacity: 1;
		font-family: var(--font-proxima-nova);
	}

	header .wp-search .search-container input {
		text-transform: uppercase;
	}

	header .mob-nav-container {
		display: flex;
		column-gap: 13px;
		align-items: center;
	}

	header .mob-nav-container i.fa-search {
		cursor: pointer;
	}

	header .mob-nav-container .wp-search {
		display: none;

		position: absolute;
		right: 20px;
		top: 60px;
		max-width: 250px;
	}

	header .mob-nav-container .search-container {
		width: 100%;
	}

	body.display-menu header .mob-nav-container i {
		display: none;
	}

	/* Recipe index page */
	.recipe-page .recipe-filter .recipe-filter-section .filter-category.active .filter-category-items {
		display: none;
	}

	.recipe-page .recipe-page-contents {
		flex-direction: column;
		position: relative;
	}

	.recipe-page .recipe-page-contents .recipe-filter {
		width: 100%;
		height: auto;
		margin-bottom: 0;
		padding: 17px 0 25px;
	}

	.recipe-page .recipe-page-contents .recipe-container {
		width: 80%;
		margin: 0 auto;
		padding: 27px 0 80px;
	}

	.recipe-page .recipe-page-contents .recipe-filter .overlay-image,
	.recipe-page .recipe-filter .recipe-filter-section h4.clear-filter {
		display: none;
	}

	.recipe-page .recipe-page-contents .recipe-filter .recipe-filter-content {
		padding: 0;
		max-width: calc( 100% - 40px );
		margin: auto;
		text-align: center;
	}

	.recipe-page .recipe-filter .recipe-content-text,
	.recipe-page .recipe-container .heading {
		max-width: 100%;
	}

	.recipe-page .recipe-container .recipe-content {
		gap: 15px 8px;
		max-width: 100%;
	}

	.recipe-page .recipe-container .recipe-content .post-detail {
		width: calc(50% - 8px * 1/2);
	}

	.recipe-page .recipe-container .recipe-content .post-detail i {
		padding: 10px;
		top: 4px;
		right: 6px;
	}

	.recipe-page .recipe-container .pagination {
		margin: 17px 0 0;
	}

	.recipe-page .recipe-filter .recipe-filter-section .filter-heading {
		justify-content: center;
		column-gap: 13px;
	}

	.recipe-page .recipe-filter .recipe-filter-content .recipe-filter-title {
		margin-bottom: 28px;
	}

	.recipe-page .recipe-filter .recipe-content-text {
		margin-bottom: 24px;
	}

	.recipe-page .recipe-filter .recipe-filter-section {
		row-gap: 9px;
	}

	.recipe-page .recipe-filter .recipe-filter-section .filter-category-items {
		margin: 26px 0 28px;
	}

	.recipe-page .recipe-container .heading {
		margin-bottom: 28px;
	}

	.recipe-page .recipe-container .heading h1 {
		font-size: 30px;
		line-height: 37px;
		color: var(--color-orange);
	}

	.recipe-page .recipe-container .recipe-content .recipe-post-paginaton {
		margin-top: 17px;
	}

	.recipe-page .bottom-overlay-image {
		display: block;
		z-index: -1;
		position: absolute;
		width: 179px;
		height: 212px;
		bottom: 0;
		left: -40px;
		opacity: 75%;
	}

	.recipe-page .bottom-overlay-image img {
		object-fit: contain;
	}

	.recipe-page .recipe-page-contents .recipe-container .recipe-content .post-detail .recipe-title a {
		padding: 0;
	}

	.recipe-page .recipe-container .recipe-content .post-detail .recipe-title {
		padding: 5px 5px 10px 20px;
	}

	.recipe-page .recipe-page-contents .recipe-container .recipe-content .post-detail .recipe-title a h4 {
		font-size: 15px;
		line-height: 18px;
	}

	.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul {
		max-width: 300px;
		margin: auto;
	}

	/* Single Page */
	.single-page .container .single-sidebar {
		display: none;
	}

	.single-page .post-content {
		flex-direction: column;
		position: unset;
	}

	.single-page .post-content .post-image {
		width: 100%;
		height: 318px;
	}

	.single-page .post-content .post-image + .post-detail {
		padding: 0;
		max-width: calc(100% - 40px);
		margin: 18px auto 63px;
		width: 100%;
	}

	.single-page .post-content a.prev-arrow {
		top: 186px;
		z-index: 99;
		border-radius: 0 32px 32px 0;
		left: 0;
	}

	.single-page .post-content a.next-arrow {
		top: 186px;
		z-index: 99;
		border-radius: 32px 0 0 32px;
		right: 0;
	}

	.single-page .post-content .post-image.no-thumbnail {
		display: block;
		height: 230px;
	}

	.single-page .post-content .post-image.no-thumbnail + .post-detail {
		width: 100%;
		padding: 0;
		max-width: calc(100% - 40px);
		margin: 20px auto 63px;
	}

	.single-page .post-content .post-detail .buttons {
		display: inline-flex;
		flex-direction: column;
		gap: 14px;
	}

	.single-page .post-content .post-detail a {
		margin-bottom: 8px;
	}

	.single-page .post-content .post-detail h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 11px;
	}

	.single-page .post-info .single-content-desc figure.wp-block-image {
		min-height: 351px;
	}

	.single-page .post-content .post-detail h5.recipe-time {
		margin-bottom: 18px;
	}

	.single-page .post-info { 
		padding: 0;
		width: 100%;
	}

	.single-page .post-info .wrapper { 
		max-width: calc(100% - 40px);
		margin: 0 auto 38px;
	}

	.single-page .post-info h2 {
		max-width: 100%;
		line-height: 35px;
	}

	.single-page .post-info .single-content-desc .wp-block-columns {
		max-width: 100%;
		margin-bottom: 29px;
		gap: 10px;
	}

	.single-page .container .post-info .wp-block-column .wp-block-image {
		max-height: 404px;
	}

	.single-page .container .post-info h4 {
		margin-bottom: 10px;
	}

	.single-page .post-content .post-detail .short-description:not(:last-child) {
		margin-bottom: 16px;
	}

	.single-page .post-content .post-detail .short-description {
		max-width: 100%;	
	}

	.single-page .post-info .single-content-desc p + h4 {
		margin-top: 35px;
	}

	.single-page-comments .comments-container {
		padding: 44px 0px 0;
		margin-bottom: 39px;
	}

	.single-page-comments .comments-container h2 {
		line-height: 37px;
		margin-bottom: 8px;
	}

	.single-page-comments .comments-container h5 {
		margin-bottom: 14px;
	}

	.single-page-comments .comment-rating-review .br-widget {
		margin-bottom: 27.85px;
	}

	.single-page-comments .comment-form-row .col-12 {
		margin-bottom: 25px;
	}

	.single-page-comments .comments-container .comment-respond {
		max-width: calc(100% - 100px);
	}

	.single-post .comment-list .list-wrapper {
		max-width: calc(100% - 100px);		
	}

	.single-page .you-might-also-like {
		margin: 38px auto;
		right: unset;
	}

	.single-page .you-might-also-like .posts-list {
		gap: 18px 6px;
		flex-wrap: wrap;
	}

	.single-page .you-might-also-like .post-detail {
		width: calc(50% - 6px * 1/2);
	}

	.single-page .you-might-also-like .recipe-category.hide-on-desktop {
		display: flex;
		line-height: 15px;
	}

	.single-page .you-might-also-like .recipe-category.hide-on-mobile {
		display: none;
	}

	.single-page .you-might-also-like .recipe-category {
		margin-bottom: 4px;
	}

	.single-page .you-might-also-like .recipe-category h5 {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 1.44px;
	}

	.single-page .you-might-also-like .post-image {
		height: 221px;
		margin-bottom: 4px;
	}

	.single-page .you-might-also-like h4.heading {
		font-size: 15px;
		line-height: 18px;
	}

	.single-page .still-hungry { 
		margin: 39px auto 46px;
		right: unset;
	}

	.single-page .still-hungry h2 {
		margin-bottom: 27.85px;
		line-height: 37px;
	}

	.single-page .still-hungry .posts-list {
		gap: 14.9px 8px;
		flex-wrap: wrap;
	}

	.single-page .still-hungry .post-detail {
		width: calc(50% - 8px * 1/2);
	}

	.single-page .still-hungry h4.heading {
		font-size: 15px;
		line-height: 18px;
		padding: 11px 9px 19px 9px;
	}

	.recipe-card {
		margin: 29px 0 0 0;
		padding: 20px 20px 36px;
	}

	.recipe-card .recipe-details {
		flex-direction: column;
		gap: 18px;
		margin-bottom: 29px;
	}

	.recipe-card .recipe-details .image + .contents {
		padding: 0;
	}

	.recipe-card .recipe-details .contents:only-child {
		padding-left: 0;
	}

	.recipe-card .recipe-details .contents {
		width: 100%;
	}

	.recipe-card .recipe-details .image {
		width: 100%;
		height: 329px;
	}

	.recipe-card .recipe-card-buttons {
		display: inline-flex;
		flex-direction: column;
		gap: 18px;
		max-width: 100%;
		margin: 0 auto 27px;
	}

	.recipe-card .content-inner {
		padding: 0;
	}

	.recipe-card .recipe-ingredient ul, 
	.recipe-card .recipe-notes ul {
		margin: 10px 0 32px;
	}

	/* Search Bubble */
	.search-bubble {
		right: 19px;
		bottom: 20px;
	}

	.search-bubble.bubble-open,
	.search-bubble:hover {
		width: calc(100% - 19px - 21px);
	}

	.search-bubble .bubble-image,
	.search-bubble .image {
		width: 79px;
		height: 78px;
	}

	.search-bubble .hover-bubble .search-container input {
		font-size: 35px;
		line-height: 44px;
		padding: 18px 30px 16px 15px;
		min-height: 79px;
	}

	.search-bubble .hover-bubble .search-container input:-internal-autofill-selected {
		-webkit-box-shadow: 0 0 0 79px var(--color-dark-pink) inset !important;
		-webkit-text-fill-color: var(--color-light-orange);
	}

	.search-bubble svg {
		width: 79px;
		height: 78px;
	}

	.search-bubble .hover-bubble .search-container {
		height: 79px;
		margin-right: -40px;
	}

	.search-bubble:hover .bubble-image {
		display: block;
	}

	.search-bubble.bubble-open:hover .hover-bubble,
	.search-bubble.bubble-open .hover-bubble {
		display: flex;
	}

	.search-bubble:hover .hover-bubble,
	.search-bubble.bubble-open .bubble-image {
		display: none;
	}

	/* Home Page */
	.home-page .home-banner {
		height: calc(100svh - 54px);
		margin-bottom: 40px;
	}

	.home-page .home-banner a {
		bottom: 26.57px;
	}

	@keyframes jumpInfinite {
		0% {
		margin-bottom: 0;
		}
		50% {
		margin-bottom: -8px;
		}
		100% {
		margin-bottom: 0;
		}
	}

	.home-page .home-banner h1 {
		line-height: 37px;
		padding: 20px;
		max-width: 100%;
	}

	.home-page .home-banner h1 br {
		display: block;
	}

	.home-page .home-browse-categories h2 {
		line-height: 33px;	
		max-width: calc(100% - 110px);
		margin: 0 auto 24px;
	}

	.home-page .home-browse-categories.bg-image {
		min-height: 94px;
		background-position: top 35px right;
		padding-top: 0;
	}

	.home-page .home-browse-categories .category-list {
		margin-bottom: 17px;
	}

	.home-page .home-browse-categories .category-list .item {
		margin: 0 9.5px;
	}

	.home-page .home-browse-categories .category-list .item:only-child {
		margin: 0 83.5px;
	}

	.home-page .home-browse-categories .category-list .item h5 {
		padding: 9px;
	}

	.home-page .home-browse-categories .category-list .slick-list {
		margin-bottom: 19px;
	}

	.home-page .home-browse-categories .slick-arrow {
		transform: translateY(-50%);
	}

	.home-page .home-browse-categories .slick-prev {
		left: 37.74px;
	}

	.home-page .home-browse-categories .slick-next {
		right: 37.74px;
	}

	.home-page .home-browse-categories { 
		margin-bottom: 59px;
		background-position: top right;
		background-size: 92px auto;
	}

	.home-page .home-browse-recipes { 
		padding: 20px;
		margin-bottom: 49px;
		min-height: 427px;
	}

	.home-page .home-browse-recipes h5 {
		margin-bottom: 17px;
	}

	.home-page .home-browse-recipes h2 {
		line-height: 33px;
		margin-bottom: 14px;
	}

	.home-page .home-head-to-recipes { 
		margin: 49px auto 61px;
		flex-direction: column;
		gap: 18px;
		right: unset;
	}

	.home-page .home-head-to-recipes .image {
		width: 100%;
	}

	.home-page .home-head-to-recipes .image img {
		height: 332px;
	}

	.home-page .home-head-to-recipes .info {
		width: 100%;
		padding: 0;
	}

	.home-page .home-head-to-recipes .info h2 {
		line-height: 33px;
		margin-bottom: 6px;
	}

	.home-page .home-head-to-recipes .info .short-description {
		margin-bottom: 18px;	
	}

	.home-page .home-head-to-post {
		margin: 38px auto 47px;
		right: unset;
		flex-direction: column-reverse;
		row-gap: 30px;
	}

	.home-page .home-head-to-post .image {
		width: 100%;
	}

	.home-page .home-head-to-post .image img {
		height: 333px;
	}

	.home-page .home-head-to-post .info {
		width: 100%;
	}

	.home-page .home-head-to-post .info h2 {
		line-height: 37px;
		margin-bottom: 9px;
	}

	.home-page .home-head-to-post .info .short-description {
		margin-bottom: 16px;		
	}

	.home-page .about-me {
		flex-direction: column;
/*		margin-bottom: 41.84px;*/
		position: relative;
		z-index: 1;
	}

	.home-page .about-me .image {
		width: 100%;
	}

	.home-page .about-me .image img {
		min-height: 575px;
		height: auto;
	}

	.home-page .about-me .contents {
		width: 100%;	
		padding: 33px 20px 41px;	
	}

	.home-page .about-me .contents:only-child {
		padding: 44px 20px;
	}

	.home-page .about-me .contents .wrapper {
		max-width: 100%;
	}

	.home-page .about-me .contents .wrapper h2 {
		line-height: 33px;
		margin-bottom: 16px;
	}

	.home-page .about-me .contents .wrapper .info {
		margin-bottom: 16px;		
	}

	.home-page .latest-recipe {
		margin: 41.84px auto 80px;
		right: unset;
	}

	.home-page .latest-recipe .image-wrapper {
		width: 127px;
		height: 160px;
		right: -50px;
		top: -60px;
	}

	.home-page .latest-recipe .top-image {
		right: -50px;
	}

	.home-page .latest-recipe h2 {
		line-height: 37px;
		margin-bottom: 29px;
	}

	.home-page .latest-recipe .post-list {
		gap: 14.9px 8px;		
		margin-bottom: 32.79px;
	}

	.home-page .latest-recipe .image-wrapper + .post-list {
		padding-top: 66px;
	}

	.home-page .latest-recipe .post-detail {
		width: calc(50% - 8px * 1/2);
	}

	.home-page .latest-recipe .post-detail i {
		padding: 10px;
		top: 3px;
		right: 8px;
	}

	.home-page .latest-recipe .post-detail a.title {
		padding: 11px 9px 19px;
		font-size: 15px;
		line-height: 18px;
	}

	.home-page .latest-recipe .post-detail a h4 {
		font-size: 15px;
		line-height: 18px;
	}

	.home-page .latest-recipe .bottom-image {
		width: 180px;
		height: 213px;
		left: -64px;
		bottom: -49.25px;
	}

	.home-page .home-head-to-recipes:first-child,
	.home-page .shop-with-me:first-child,
	.home-page .home-head-to-post:first-child,
	.home-page .about-me:first-child,
	.home-page .latest-recipe:first-child {
		/*margin-top: 103px;*/
	}

	.home-page .home-search-container {
		padding: 50px 20px 60px;
	}

	.home-page .home-search-container .home-search-wrapper {
		row-gap: 1px;
	}

	.home-page .home-search-container .home-search-wrapper h2 {
		margin-bottom: 17px;
		line-height: 33px;
	}

	.home-page .home-search-container .home-search-wrapper .desc {
		margin-bottom: 34px;
	}

	/* About Page */
	.about-page .top-info {
		left: 0;
		margin: 77px auto 70.99px;
		max-width: 100%;
	}

	.about-page .top-info .wrapper {
		gap: 39px;
		flex-direction: column;
	}

	.about-page .top-info .image {
		width: 100%;
		padding: 0 20px;
	}

	.about-page .top-info .content-wrapper .info {
		padding: 0 20px;
	}

	.about-page .top-info .image img {
		min-height: 395px;
		height: auto;
	}

	.about-page .top-info .top-overlay-image {
		width: 125px;
		height: 145px;
		top: -80px;
		bottom: unset;
		overflow: hidden;
	}

	.about-page .top-info .top-overlay-image .overlay-img {
		right: -25px;
	}

	.about-page .top-info .wrapper .content-wrapper:only-child {
		width: 100%;
	}

	.about-page .top-info .content-wrapper {
		width: 100%;
		position: relative;	
	}

	.about-page .top-info .info h2 {
		line-height: 35px;
		margin-bottom: 15px;
	}

	.about-page .top-info .info h4 {
		max-width: 100%;
		margin-bottom: 0;
	}

	.about-page .top-info .info a {
		display: none;
	}

	.about-page .bottom-info {
		padding: 34px 0 38px;
		margin: 70.99px 0 70px;
	}

	.about-page .bottom-info .wrapper {
		flex-direction: column-reverse;
		gap: 38px;
		left: 0;
	}

	.about-page .bottom-info .wrapper .info {
		width: 100%;
	}

	.about-page .about-me .info:only-child .wrapper {
		padding: 0;
	}

	.about-page .bottom-info .wrapper .image {
		width: 100%;
	}

	.about-page .bottom-info .wrapper .image img {
		min-height: 395px;
		height: auto;
	}

	.about-page .top-info .image-wrapper {
		width: 148px;
		height: 179px;
		left: -55px;
		bottom: -125px;
	}

	.about-page .content {
		margin: 70px 0 43px;
	}

	.about-page .content h4 {
		max-width: calc(100% - 100px);
	}

	.about-page .content .image-wrapper {
		width: 143px;
		height: 177px;
		top: -150px;
	}

	.about-page .content .image-wrapper:only-child .top-overlay-image {
		width: 177px;
	}

	.about-page .content:first-child .image-wrapper {
		/*top: -110px;*/
	}

	.about-page .about-me {
		flex-direction: column;
	}

	.about-page .about-me .images {
		width: 100%;
	}

	.about-page .about-me .info {
		width: 100%;
	}

	.about-page .about-me .images .image1 {
		width: 52.6%;
	}

	.about-page .about-me .images .image2 {
		width: 47.4%;
	}

	.about-page .about-me .images img {
/*		height: 284px;*/
		height: auto;
	}

	.about-page .about-me .info .wrapper {
		padding: 0;
		max-width: calc(100% - 40px);
		margin: 32px auto;
		text-align: center;
	}

	.about-page .about-me .info .wrapper h2 {
		line-height: 37px;
		margin-bottom: 20px;
	}

	.about-page .about-me .info .wrapper h2:only-child {
		margin-bottom: 0;
	}

	.about-page .about-me .list {
		column-count: 1;
	}

	.contact-page .contact-page-container .content-section:only-child .content-wrapper {
		margin: 23px auto 42px;
	}

	.about-page .about-fav {
		margin: 25px 0 38.9px;
	}

	.about-page .about-fav h2 {
		line-height: 33px;
		margin-bottom: 24px;
	}

	.about-page .about-fav .post-list {
		gap: 8px;
	}

	.about-page .about-fav .post-list .post-detail {
		width: calc(50% - 8px * 1/2);
	}

	.about-page .about-fav .post-list .post-detail h4 {
		padding: 11px 9px 19px;
		font-size: 15px;
		line-height: 18px;
	}

	.about-page .about-fav .post-list .post-detail h4:first-child {
		padding: 13px 16px 19px;
	}

	.about-page .bottom-info:first-child,
	.about-page .about-me:first-child,
	.about-page .about-fav:first-child {
		/*margin-top: 84px;*/
	}

	.about-page .content:first-child {
		/*margin-top: 121px;*/
	}


	/* Contact Page */
	.contact-page .contact-page-container {
		flex-direction: column;
		margin: 0;
		background: var(--color-pink);
	}

	.contact-page .contact-page-container .image-section {
		margin-bottom: 23px;
	}

	.contact-page .contact-page-container .image-section img {
		height: 307px;
		min-height: 100%;
	}

	.contact-page .content-section .content-wrapper {
		max-width: 100%;
		margin-top: 0;
	}

	.contact-page .content-section > *:last-child,
	.contact-page .content-section .content-wrapper > *:last-child,
	.contact-page .contact-page-container .image-section:only-child {
		margin-bottom: 0;
	}

	.contact-page .contact-page-container .image-section + .content-section > .content-wrapper {
		margin: 0 0 42px;
		max-width: 100%;
	}

	.contact-page .content-section .content-wrapper h5 {
		margin-bottom: 8px;
	}

	.contact-page .content-section .content-wrapper h1 {
		font-size: 30px;
		line-height: 33px;
		margin-bottom: 13px;
	}

	.contact-page .contact-page-container .content-section {
		max-width: 100%;
		padding: 0 20px;
	}

	.contact-page .contact-form .nf-form-content {
		padding: 0;
	}

	.contact-page .contact-form .nf-field-container {
		margin-bottom: 13px;
	}

	.contact-page .contact-form .nf-form-content .label-above .nf-field-label {
		margin: 0 !important;
	}

	.contact-page .contact-form .submit-container {
		margin: 21px 0 0;
	}

	.contact-page .contact-form .nf-form-content textarea {
		min-height: 129px !important;
	}

	/* Search Page */
	.search-page .content {
		margin: 87.39px 0 28px;
		padding-bottom: 36px;
	}

	.search-page .content h1 {
		font-size: 30px;
		line-height: 33px;
		max-width: calc(100% - 150px);
		margin: 0 auto 19px;
		padding: 0;
	}

	.search-page h4.search-text {
		margin: 0 auto 22.32px
	}

	.search-page .wrapper {
		max-width: calc(100% - 100px);
	}

	.search-page .wrapper form {
		flex-direction: column;
		gap: 16px;
		align-items: center;
	}

	.search-page .list-container {
		gap: 26.58px;
		margin: 22.32px auto 36.22px;
		right: unset;
	}

	.search-page .list-container .recipes-list {
		gap: 14.9px 8px;
	}

	.search-page .list-container .recipes-list .post-detail {
		width: calc(50% - 8px * 1/2);
	}

	.search-page .list-container .recipes-list .post-detail .title {
		padding: 11px 9px 19px;
	}

	.search-page .list-container .recipes-list .post-detail .title h4 {
		font-size: 15px;
		line-height: 18px;
	}

	.search-page .list-container .blog-list {
		gap: 18px 6px;
	}

	.search-page .list-container .blog-list .post-detail {
		width: calc(50% - 6px * 1/2);
	}

	.search-page .list-container .blog-list .post-detail h5 {
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 1.44px;
	}

	.search-page .list-container .blog-list .post-detail .image {
		height: 221px;
		margin-bottom: 4px;
	}

	.search-page .list-container .blog-list .post-detail .title h4 {
		font-size: 15px;
		line-height: 18px;
	}

	.search-page .search-load-more {
		margin-top: 20px;
	}

	/* Faves Registration Page */
	.faves-registration {
		min-height: 715px;
		padding: 45px 19px 77px;
	}

	.faves-registration .top-wrapper {
		width: 116px;
		height: 154px;
		top: 24px;
	}

	.faves-registration .top-bg-image {
		background-position: top;
	}

	.faves-registration .title-container {
		row-gap: 13px;
		margin-bottom: 20px;
	}

	.faves-registration .title-container .description {
		margin-top: 4px;
		line-height: 22px;
	}

	.faves-registration .title-container h1 {
		font-size: 30px;
		line-height: 33px;
	}

	.faves-registration form .col-2 {
		flex-direction: column;
		row-gap: 13px;
	}

	.faves-registration form div {
		margin-bottom: 13px;
	}

	.faves-registration form {
		max-width: 351px;
		margin-bottom: 17px;
	}

	.faves-registration form .col-2 input {
		width: 100%;
	}

	.faves-registration form input[type="submit"] {
		margin-top: 19px;
	}

	.faves-registration .bottom-bg-image {
		width: 132px;
		height: 177px;
		bottom: -35px;
	}

	.faves-registration .registration-err {
		margin-top: 25px;
	}

	/* Faves Login Page */
	.faves-login {
		min-height: 715px;
		padding: 45px 19px 77px;
	}

	.faves-login .top-wrapper {
		top: 24px;
		width: 116px;
		height: 154px;
	}

	.faves-login .top-bg-image {
		background-position: top;
	}

	.faves-login .title-container {
		row-gap: 13px;
		margin-bottom: 20px;
	}

	.faves-login .title-container .description {
		margin-top: 4px;
	}

	.faves-login .title-container h1 {
		font-size: 30px;
		line-height: 33px;
	}

	.faves-login form .col-2 {
		flex-direction: column;
		row-gap: 13px;
	}

	.faves-login form div {
		margin-bottom: 13px;
	}

	.faves-login form {
		max-width: 351px;
		margin-bottom: 17px;
	}

	.faves-login form .col-2 input {
		width: 100%;
	}

	.faves-login form input[type="submit"] {
		margin-top: 19px;
	}

	.faves-login .bottom-bg-image {
		width: 132px;
		height: 177px;
	}

	.faves-login .bottom-wrapper {
		bottom: -35px;
	}

	.faves-login .login-err {
		margin-top: 25px;
	}

	.faves-login form .col-1 br {
		display: block;
	}

	/* Faves Account Page */
	.faves-account .user-detail {
		padding: 38px 20px;
		margin-bottom: 22px;
		min-height: unset;
	}

	.faves-account .user-detail .wrapper {
		max-width: 100%;
	}

	.faves-account .user-detail h1 {
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 22px;
	}

	.faves-account .user-detail h4 {
		margin-bottom: 22px;
		max-width: 100%;
	}

	.faves-account .user-detail h5 {
		line-height: 22px;
		margin-bottom: 18px;
		padding-bottom: 7px;
	}

	.faves-account .saved-faves {
		margin: 22px auto;
		padding: 0 20px 37px;
	}

	.faves-account .saved-faves .posts-wrapper {
		row-gap: 14px;
	}

	.faves-account .faves-load-more {
		margin-top: 23px;
	}

	.faves-account .saved-faves h2,
	.faves-account .you-might-like h2 {
		line-height: 33px;
		margin-bottom: 22px;
	}

	.faves-account .posts-wrapper {
		max-width: 80%;
		gap: 14px 8px;
	}

	.faves-account .post-detail {
		width: calc(50% - 4px);
	}

	.faves-account .post-detail i {
		padding: 10px;
		top: 4px;
		right: 8px;
	}

	.faves-account .you-might-like {
		margin: 22px auto 37px;
		padding: 0 20px;
	}

	/* Faves Edit Profile Page */
	.faves-edit-profile {
		min-height: 715px;
		padding: 45px 19px 77px;
	}

	.faves-edit-profile .top-wrapper {
		width: 116px;
		height: 154px;
		top: 24px;
	}

	.faves-edit-profile .top-bg-image {
		background-position: top;
	}

	.faves-edit-profile .title-container {
		row-gap: 13px;
		margin-bottom: 20px;
	}

	.faves-edit-profile .title-container .description {
		margin-top: 4px;
		line-height: 22px;
	}

	.faves-edit-profile .title-container h1 {
		font-size: 30px;
		line-height: 33px;
	}

	.faves-edit-profile form .col-2 {
		flex-direction: column;
		row-gap: 13px;
	}

	.faves-edit-profile form div {
		margin-bottom: 13px;
	}

	.faves-edit-profile form {
		max-width: 351px;
		margin-bottom: 17px;
	}

	.faves-edit-profile form .col-2 input {
		width: 100%;
	}

	.faves-edit-profile form input[type="submit"] {
		margin-top: 19px;
	}

	.faves-edit-profile .bottom-bg-image {
		width: 132px;
		height: 177px;
		bottom: -35px;
	}

	.faves-edit-profile .registration-err {
		margin-top: 25px;
	}

	/* Tag page */	
	.tag-page .tag-title {
		padding: 23px 0 35px;
	}

	.tag-page .tag-title h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 14px;
		padding: 0 20px;
	}

	.tag-page .list-container {
		right: unset;
		gap: 18px 6px;
		margin: 47px auto 66px;
	}

	.tag-page .list-container .post-list {
		width: calc( 50% - 6px * 1/2 );
	}

	.tag-page .list-container .post-list h5 {
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 1.44px;
	}

	.tag-page .list-container .post-list .post-image {
		margin-bottom: 4px;
	}

	.tag-page .list-container .post-list h4 {
		font-size: 15px;
		line-height: 18px;
	}

	.tag-page .list-container .tag-load-more {
		margin-top: 16px;
	}

	/* Cookbook page */
	.cookbook-page .cookbook {
		flex-direction: column;
		position: unset;
	}

	.cookbook-page .cookbook .images, 
	.cookbook-page .cookbook .contents {
		width: 100%;
	}

	.cookbook-page .cookbook .images {
		min-height: 400px;
	}

	.cookbook-page .cookbook .image {
		width: 317px;
		height: 348px;
		max-width: 100%;
	}

	.cookbook-page .cookbook .contents {
		padding: 35px 20px 43px;
		margin-bottom: 0;
		position: relative;
	}

	.cookbook-page .cookbook h2 {
		line-height: 37px;
		padding: 0;
		margin-bottom: 30px;
	}

	.cookbook-page .cookbook .description {
		max-width: 100%;
		margin-bottom: 23px;
		padding-right: 16px;
		line-height: 22px;
	}

	.cookbook-page .cookbook h5 {
		margin-bottom: 30px;
	}

	.cookbook-page .cookbook .contents .list a {
		min-width: 196px;
	}

	.cookbook-page .cookbook .top-wrapper {
		width: 76px;
		height: 90px;
		top: 17px;
	}

	.cookbook-page .cookbook .top-bg-image {
		right: -20px;
	}

	.cookbook-page .what-inside {
		padding: 24px 20px 19px;
	}

	.cookbook-page .what-inside .container {
		flex-direction: column-reverse;
		row-gap: 27px;
		max-width: 100%;
	}

	.cookbook-page .what-inside .contents,
	.cookbook-page .what-inside .image {
		width: 100%;
	}

	.cookbook-page .what-inside .image img {
		height: 393px;
		object-position: top;
	}

	.cookbook-page .what-inside h2 {
		line-height: 37px;
		margin-bottom: 27px;
	}

	.cookbook-page .what-inside .description {
		margin-bottom: 20px;
		line-height: 22px;
	}

	.cookbook-page .what-inside .list li {
		font-size: 15px;
		line-height: 18px;
	}

	.cookbook-page .what-inside .list {
		padding-bottom: 31px;
	}

	.cookbook-page .what-inside .bottom-bg-image {
		width: 68px;
		height: 86px;
		bottom: 0;
		transform-box: unset;
		background-position: top;
		left: -20px;
	}

	.cookbook-page .cookbook-preorder {
		padding: 59px 20px 89px;
	}

	.cookbook-page .cookbook-preorder h2 {
		line-height: 37px;
		margin-bottom: 7px;
	}

	.cookbook-page .cookbook-preorder .heading {
		margin-bottom: 35px;
		padding: 0;
	}

	.cookbook-page .cookbook-preorder .subtitle {
		line-height: 22px;
	}

	.cookbook-page .cookbook-preorder .preorder-overlay {
		width: 83px;
		height: 111px;
		bottom: 7px;
	}

	.cookbook-page .early-access {
		padding: 42px 20px 41px;
	}

	.cookbook-page .early-access .wrapper {
		max-width: 100%;
		flex-direction: column;
		row-gap: 25px;
	}

	.cookbook-page .early-access .contents,
	.cookbook-page .early-access .mail-chimp {
		width: 100%;
	}

	.cookbook-page .early-access h2 {
		line-height: 37px;
		padding: 3.5px 0;
		margin-bottom: 12px;
	}

	.cookbook-page .early-access h4 {
		font-size: 20px;
		line-height: 25px;
		max-width: 100%;
		margin-bottom: 27px;
	}

	.cookbook-page .early-access .description {
		line-height: 22px;
	}

	.cookbook-page .early-access .access-form {
		margin: 0 auto;
		max-width: 350px;
		width: 100%;
	}

	.cookbook-page .early-access #mc_embed_signup input[type="submit"] {
		margin-top: 16px;
	}

	.cookbook-page .testimonial {
		padding: 49px 20px 41px;
	}

	.cookbook-page .testimonial-list {
		max-width: 100%;
	}

	.cookbook-page .testimonial h2 {
		line-height: 37px;
		margin-bottom: 20px;
	}

	.cookbook-page .testimonial .slick-slider ul.slick-dots li.slick-active {
		opacity: 1;
	}

	.cookbook-page .testimonial .slick-slider ul.slick-dots li {
		background-color: var(--color-light-pink);
		border: 1px solid var(--color-light-pink);
		opacity: 0.37;
	}

	.cookbook-page .testimonial .slick-slider ul.slick-dots {
		margin-top: 55px;
	}

	.cookbook-page .testimonial h4 {
		margin-bottom: 20px;
	}

	.cookbook-page .testimonial .slick-slider ul.slick-dots li:only-child {
		display: none;
	}

	.cookbook-page .cookbook-preorder .list {
		max-width: 100%;
	}

	.cookbook-page .cookbook .contents:only-child {
		padding: 35px 20px 43px;
	}

	.cookbook-page .cookbook .contents:only-child .description {
		max-width: 100%;
	}

	.cookbook-page .what-inside:last-child {
		/*margin-bottom: 59px;*/
	}

	/* Join tour page */
	.join-my-tour-page .image-content {
		flex-direction: column;
		padding: 23px 20px 0 20px;
		row-gap: 24px;
		margin-bottom: 40px;
		max-width: 100%;
	}

	.join-my-tour-page .image-content .image,
	.join-my-tour-page .image-content .contents {
		width: 100%;
	}

	.join-my-tour-page .image-content .title-container {
		margin: 0;
		padding: 0;
		max-width: 100%;
	}

	.join-my-tour-page .image-content .title-container h1 {
		line-height: 42px;
		font-size: 34px;
		margin-bottom: 11px;
	}

	.join-my-tour-page .image-content .title-container h4 {
		margin-bottom: 24px;
	}

	.join-my-tour-page .image-content .title-container .desc {
		line-height: 22px;
	}

	.join-my-tour-page .image-content .image img {
		height: 395px;
	}

	.join-my-tour-page .tour-list {
		max-width: 100%;
		margin: 40px auto 30px;
	}

	.join-my-tour-page .tour-list .post-detail {
		padding: 20px 33px 30px;
		flex-direction: column;
		row-gap: 31px;
		border-bottom: 0;
		border-top: 2px solid var(--color-dark-pink);
	}

	.join-my-tour-page .tour-list .post-detail:last-child {
		padding-bottom: 0;
	}

	.join-my-tour-page .tour-list .post-detail .contents,
	.join-my-tour-page .tour-list .post-detail .tour-btn {
		width: 100%;
		max-width: 390px;
		margin: auto;
	}

	.join-my-tour-page .tour-list .post-detail a.button-pink {
		margin: 0;
		min-height: 44px;
		padding: 11px 15px 9px;
	}

	.join-my-tour-page .tour-load-more {
		margin: 20px 0 0;
	}

	.join-my-tour-page .tour-list h5 {
		margin-bottom: 5px;
	}

	.join-my-tour-page .tour-list h2 {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 9px;
	}

	.join-my-tour-page .cookbook {
		flex-direction: column;
		margin-bottom: 134px;
	}

	.join-my-tour-page .cookbook .images,
	.join-my-tour-page .cookbook .contents {
		width: 100%;
	}

	.join-my-tour-page .cookbook .images {
		min-height: 376px;
	}

	.join-my-tour-page .cookbook .image {
		width: 301px;
		height: 330px;
	}

	.join-my-tour-page .cookbook .wrapper {
		max-width: 100%;
		margin: 33px 18px 79px 22px;
	}

	.join-my-tour-page .cookbook .contents:only-child .wrapper {
		max-width: 100%;
	}

	.join-my-tour-page .cookbook .contents:only-child .bg-wrapper:only-child {
		margin: 0 18px 0 auto;
	}

	.join-my-tour-page .cookbook h5 {
		margin-bottom: 12px;
	}

	.join-my-tour-page .cookbook h2 {
		line-height: 37px;
		margin-bottom: 28px;
	}

	.join-my-tour-page .cookbook .bg-wrapper {
		right: 18px;
		width: 153px;
		height: 160px;
		bottom: -107px;
	}

	.join-my-tour-page .tour-list h4 {
		text-transform: none;
	}

	/* As seen in */
	.as-seen-on {
		padding: 24px 0 43px;
	}

	.as-seen-on h5 {
		margin-bottom: 21px;
		text-align: left;
		padding: 0 20px;
	}

	.as-seen-on img {
		max-height: 32px;
	}

	.as-seen-on .image-wrapper {
/*		margin: 0 16px;*/
		max-width: 154px;
/*		max-height: 32px;*/
/*		max-width: 100%;*/
		max-height: 32px;
	}

	.as-seen-on .slick-list:not(:has(.slick-center)) {
		padding: 0 83.5px;
	}

	.cookbook-page .as-seen-on {
		padding: 41px 0 42px;
	}

	.as-seen-on .list {
		animation-duration: 15s;
		gap: 32px;
	}
}

@media screen and (max-width: 768px) {
	
	/* woocommerce related pages */
	.woocommerce table.cart td.actions .coupon {
		display: inline-block;
	}

	/* Wordpress login page */
	body.login div#login {
		width: 100%;
		padding: 50px 0;
		max-width: 350px;
	}

	body.login div#login h1 a {
		width: 100%;
	}

	body.login div#login h1 a {
		background-size: 271px;
		height: 44px;
		margin-bottom: 36px;
	}

	body.login #login_error,
	body.login .message,
	body.login .success {
		margin: 0 auto 37px;
		max-width: 310px;
		line-height: 22px;
	}

	body.login form,
	body.login form#lostpasswordform {
		padding: 24px 8px 32px 11px;
		margin-top: 0;
	}

	body.login label, 
	body.login form .input,
	body.login form#lostpasswordform label {
		margin-bottom: 8px;
	}

	body.login form .input,
	body.login form#lostpasswordform input[type="text"] {
		margin-bottom: 13px;
	}
}

@media screen and (max-width: 668px) {

	/* Shop Page */
	.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
		max-width: 350px;
		height: 8px;
		margin: auto;
		background: linear-gradient(transparent 0, transparent 1px, rgba( 255, 255, 255, 0.48 ) 1px, rgba( 255, 255, 255, 0.48 ) 8px, 	transparent 8px, transparent 100%);
	}

	.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
		height: 8px;
	}

	.shop-page .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
		width: 96px !important;
		height: 8px;
	}

	.shop-page .shop-with-me .product-category .shop-product-category {
/*		padding-left: 20px;*/
	}
}

@media screen and (max-width: 569px) {

	/* Footer */
	footer .bg-image + .footer-info { 
		/*min-height: 395px;*/
		min-height: 560px;
	}

	footer .footer-info .info-wrapper {
		max-width: calc(100% - 40px);
	}

	/* Shop Page Design  */
	.shop-page .shop-container .products .product {
		height: 169px;
	}
	
	/* woocommerce related pages */
	.woocommerce .cart-collaterals .cross-sells .product-block,
	.woocommerce .upsells.products .product-block,
	.woocommerce .related.products ul.products .product-block {
		height: 169px;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
		display: flex;
		flex-direction: column;
		row-gap: 10px;
	}

	/* Lifestyle Page */
	.lifestyle-page .featured-posts,
	.lifestyle-page .popular-post,
	.lifestyle-page .all-post .lifestyle-list {
		max-width: calc(100% - 40px);
	}

	/* Single Page */
	.single-page-comments .comments-container .comment-respond {
		max-width: calc(100% - 40px);
	}

	.single-post .comment-list .list-wrapper {
		max-width: calc(100% - 40px);		
	}

	.single-page-comments .comment-form-row {
		flex-direction: column;
	}

	.single-page-comments .comment-form-row > div {
		margin-bottom: 7px;
	}

	.single-page-comments .comment-form-row .col-6 {
		width: 100%;
	}

	.single-page .still-hungry {
		max-width: calc(100% - 40px);
	}

	.single-page .still-hungry .post-image {
		height: 142.96px;
	}

	.single-page .you-might-also-like {
		max-width: calc(100% - 40px);		
	}

	.single-page .wp-block-media-text.is-stacked-on-mobile {
		margin-bottom: 30px;
		row-gap: 20px;
	}

	.single-page .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 0;
	}

	/* Home Page */
	.home-page .home-head-to-recipes {
		max-width: calc(100% - 40px);
	}

	.home-page .home-head-to-post {
		max-width: calc(100% - 40px);		
	}

	.home-page .about-me .image img {
		min-height: 331px;
	}

	.home-page .latest-recipe {
		max-width: calc(100% - 40px);		
	}

	.home-page .latest-recipe .post-detail .post-image {
		height: 142.96px;
	}

	.home-page .home-browse-categories .category-list .item .image {
		height: 187px;
	}

	.home-page .latest-recipe .image-wrapper {
		right: -20px;
		top: -60px;
	}

	.home-page .latest-recipe .top-image {
		right: -20px;
	}

	/* About Page */
	.about-page .bottom-info .wrapper {
		max-width: calc(100% - 40px);		
	}

	.about-page .content h4 {
		max-width: calc(100% - 40px);				
	}

	.about-page .about-fav .post-list {
		max-width: calc(100% - 40px);						
	}

	.about-page .about-fav .post-list .post-detail .image {
		height: 142.96px;
	}

	.about-page .about-fav h2 {
		padding: 0;
		max-width: 310px;
		margin: 0 auto 24px;
	}

	/* Search Page */
	.search-page .wrapper {
		max-width: calc(100% - 40px);
	}

	.search-page h4.search-text {
		max-width: calc(100% - 40px);
	}

	.search-page .list-container {
		max-width: calc(100% - 40px);
	}

	.search-page .list-container .recipes-list .post-detail .image {
		height: 142.96px;
	}

	/* Tag page */
	.tag-page .list-container {
		max-width: calc(100% - 40px);
	}

	.tag-page .list-container .post-list .post-image {
		height: 221px;
	}
}

@media screen and (max-width: 481px) {

	/* Common Page */
	.privacy-policy .common-page .content-wrapper {
		max-width: calc(100% - 40px);
	}

	/* Footer */
	footer .footer-copyright p br {
		display: block;	
	}

	/* Wordpress login page */
	body.login div#login {
		max-width: 100%;
		padding: 50px 20px;
	}

	/* Shop Page Design  */
	.shop-page .shop-container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* woocommerce related pages */
	.single-product .single-product-page,
	.common-page .content-wrapper {
		max-width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}

	.woocommerce-cart table.cart td.actions .coupon .input-text {
		min-width: 100%;
		margin-bottom: 10px;
	}

	.woocommerce table.cart td.actions .coupon .input-text + .button {
		float: left;
	}

	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last,
	.woocommerce ul.order_details li {
		width: 100%;
	}

	/* Header */
	header .wp-search .search-container,
	header .wp-search {
		width: 100%;
		margin-left: 0;
	}

	/* Recipe index page */
	.recipe-page .recipe-page-contents .recipe-container {
		width: 100%;
		padding: 27px 20px 80px;
	}

	.recipe-page .recipe-container .recipe-content .post-detail .recipe-image a {
		height: 143px;
	}

	.recipe-page .recipe-filter .recipe-filter-section .filter-category-items ul {
		max-width: 100%;
	}

	.recipe-page .recipe-container .recipe-content .post-detail .recipe-image i {
		width: 15px;
		height: 14px;
	}

	/* Contact Page */
	.contact-page .content-section .content-wrapper h1 {
		max-width: 278px;
	}

	/* Faves Registration Page */
	.faves-registration .title-container h1 {
		max-width: 204px;
		margin: auto;
	}

	.faves-registration .title-container .description {
		max-width: 300px;
	}

	/* Faves Login Page */
	.faves-login .title-container h1 {
		max-width: 204px;
		margin: auto;
	}

	.faves-login .title-container .description {
		max-width: 300px;
	}

	/* Faves Account Page */
	.faves-account .posts-wrapper {
		max-width: 100%;
	}

	.faves-account .post-detail a.post-image {
		height: 142px;
	}

	.faves-account .post-detail i {
		top: 8px;
		right: 11px;
	}

	.faves-account .post-detail h4 {
		padding: 11px 15px 19px;
		font-size: 15px;
		line-height: 18px;
	}

	.faves-account .faves-load-more a {
		min-width: 160px;
	}

	.faves-account .saved-faves:first-child,
	.faves-account .you-might-like:first-child {
		/*padding-top: 22px;*/
	}

	/* Faves Edit Profile Page */
	.faves-edit-profile .title-container h1 {
		max-width: 204px;
		margin: auto;
	}

	.faves-edit-profile .title-container .description {
		max-width: 300px;
	}

	/* Cookbook page */
	.cookbook-page .testimonial-list .slick-list.draggable {
		margin: auto;
	}
}

@media screen and (max-width: 375px) {

	/* Shop Page Design  */
	.shop-page .mCSB_scrollTools .mCSB_draggerContainer {
		margin: 0 20px;
	}

	/* woocommerce related pages */
	.woocommerce .woocommerce-Address header h3,
	.woocommerce .woocommerce-checkout h3 {
		font-size: 25px;
	}

	/* Search Bubble */
	.search-bubble .hover-bubble .search-container input {
		font-size: 25px;
		line-height: 35px;
	}

	/* Faves Registration Page */
	.faves-registration .top-wrapper {
		width: 100px;
		height: 100px;
	}

	.faves-registration .bottom-bg-image {
		width: 100px;
		height: 120px;
	}

	/* Faves Login Page */
	.faves-login .top-wrapper {
		width: 100px;
		height: 100px;
	}

	.faves-login .bottom-bg-image {
		width: 100px;
		height: 120px;
	}

	/* Faves Edit Profile Page */
	.faves-edit-profile .top-wrapper {
		width: 100px;
		height: 100px;
	}

	.faves-edit-profile .bottom-bg-image {
		width: 100px;
		height: 120px;
	}
}

@media screen and (max-width: 361px) {

	/* Shop With Me Block */
	.shop-with-me .button-pink {
		min-width: 230px;
	}

	/* Lifestyle Page */
	.lifestyle-page .featured-posts .post-detail .button-pink,
	.lifestyle-page .popular-post .post-detail .button-pink,
	.lifestyle-page .all-post .button-pink {
		min-width: 230px;
	}

	/* Home Page */
	.home-page .home-browse-categories .button-pink {
		min-width: 196px;
	}

	/* Search Page */
	.search-page .content h1 {
		max-width: calc(100% - 100px);
	}

	/* Faves account page */
	.faves-account .user-detail a.button-green {
		margin: 0 auto 9px;
	}

	/* Tag page */
	.tag-page .list-container .tag-load-more .button-pink {
		min-width: 230px;
	}
}

@media screen and (max-width: 321px) {

	/* Footer */
	footer .footer-info:last-child {
		margin-bottom: 50px;
	}
	
	/* Shop Page Design  */
	.shop-page .shop-container .shop-products-load-more a.button-pink {
		min-width: 250px;
	}
	
	/* woocommerce related pages */
	.woocommerce div.product form.cart div.quantity {
		margin-right: 4px;
	}

	.woocommerce div.product .woocommerce-Reviews h2,
	.woocommerce div.product .woocommerce-Tabs-panel h2,
	.woocommerce .cart-collaterals .cross-sells h2,
	.woocommerce .upsells.products h2,
	.woocommerce .related.products h2 {
		font-size: 24px;
		line-height: 24px;
	}

	.woocommerce .comment-form p.comment-form-author input,
	.woocommerce .comment-form p.comment-form-email input,
	.woocommerce .comment-form p.comment-form-comment textarea,
	.woocommerce form .form-row input.input-text,
	.select2-container .select2-selection--single,
	.woocommerce form .form-row textarea {
		font-size: 16px;
	}

	.woocommerce a.button {
		min-width: 160px;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
		padding-left: 50px;
		padding-right: 20px;
		font-size: 16px;
	}

	/* Wordpress login page */
	body.login label, body.login form .input {
		font-size: 14px;
	}

	/* Contact Page */
	.contact-page .contact-form .nf-form-content select {
		padding: 12px 30px 12px 18px;
	}

	/* Join me on tour */
	.join-my-tour-page .cookbook .button-green {
		min-width: 100%;
	}
}