/*
 Theme Name:   Eatsy Child
 Theme URI:    http://eatsy.bold-themes.com
 Description:  Eatsy child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     eatsy
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  eatsy-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */
/* :root {
	--primary-color: #B80E0B;	
} */

/* START BOLD BUILDER CUSTOMIZATION */
body.error404 .mainHeader, body.error404 .bt-site-footer {
	display: block;
}

.bt-dark-skin .btArticleDate:not(:last-child):after {
	display: none;
}

.btArticleComments {
	display: none;
}

@media (max-width: 1024px){
	body.error404 .bt-vertical-header-top {
		display: block;
	}
}

.bt-site-footer {
  position: relative;
  z-index: 2;
}

button.slick-arrow {
  z-index: 2;
}

.icon-primary a::before {
	color: #B80E0B !important;
	box-shadow: 0 0 0 2px var(--icon-primary-color, #B80E0B) inset !important;
}

.icon-primary:hover a::before {
	background: #B80E0B !important;
	color: #FFF !important;
}

/* bt_bb_column_content btLazyLoadBackground bt_bb_column_content_background_image btLazyLoaded lazyloaded */
.product-card .bt_bb_column_content_background_image {
	border-radius: 30px !important;
	overflow: hidden !important;
}
.price-headline .bt_bb_headline_superheadline {
	text-decoration-line: line-through !important;
}
.btHeadingWeight_default h1,
.btHeadingWeight_default h2,
.btHeadingWeight_default h3,
.btHeadingWeight_default h4,
.btHeadingWeight_default h5,
.btHeadingWeight_default h6 {
	font-weight: 800;
}
h1 {
    font-size: 4.25em;
}
h2 {
    font-size: 3.5em;
}
h3 {
    font-size: 2.875em;
}
h4 {
    font-size: 2.375em;
}
h5 {
    font-size: 1.875em;
}
h6 {
    font-size: 1.5em;
}

.landing-title {
	position: absolute; 
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 3em !important;
	max-width: 1200px;
}

@media (max-width: 1024px) {
	.landing-title {
		font-size: 1.75em !important;
	}
	.landing-title h1 {
		font-size: 1.75em !important;
	}
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.btBox {
	margin-bottom: 1.875em;
}

.subscribe-form #subscribe-form-email input, .subscribe-form #subscribe-form-button input {
	height: 47px !important;
	font-size: 0.875em !important;
	padding: 15px 20px !important;
}

.subscribe-form #subscribe-form-email input {
	padding: 15px 35px !important;
}

.footer-logo {
	width: 198px !important;
	height: auto;
}

.footer-logo img {
	width: 100%;
}

.bt_bb_accordion.bt_bb_style_simple.faq-accordion .bt_bb_accordion_item .bt_bb_accordion_item_title:hover, .bt_bb_accordion.bt_bb_style_simple.faq-accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title {
	color: var(--accordion-primary-color,var(--dark-color));
	border-color: #BEAE99;
}

.hide-category .btArticleCategories {
	display: none;
}

.hide-category .bt_bb_headline_subheadline {
	font-size: 1em !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.btBreadCrumbs .btArticleCategories {
	display: none;
}

.bt_bb_headline.bt_bb_superheadline.bt_bb_superheadline_outside.bt_bb_subheadline {
	color: var(--light-color);
}

aside .btBox.widget_bt_bb_recent_posts h4 {
	color: #B80E0B;
}

aside .btBox.widget_bt_bb_recent_posts .btImageTextWidgetWraper h4 {
	color: inherit;
}

#contact-us #contact-us-submit input {
	background: #B80E0B !important;
	color: var(--light-color) !important;
	border: none;
	box-shadow: none !important;
}

#contact-us #contact-us-submit input:hover {
	background: var(--primary-darker) !important;
	color: var(--light-color) !important;
}

#contact-us #contact-us-submit p {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
}

/* .wpcf7-spinner {
	display: none !important;
	visibility: hidden !important;
} */

.wpcf7 form:not(.submitting) .wpcf7-spinner {
	display: none !important;
	visibility: hidden !important;
}

.wpcf7-form .wpcf7-submit:hover {
	box-shadow: 0 0 0 4em var(--primary-darker) inset;
}

#contact-us .wpcf7-not-valid-tip {
	color: var(--primary) !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 1em 0.5em;
	padding: 0;
	border: none !important;
	color: var(--primary);
}

.wpcf7 form.sent .wpcf7-response-output {
	color: var(--black);
}

.subscribe-form-wrapper .wpcf7 form.sent .wpcf7-response-output {
	color: var(--white);
}

.bt_bb_custom_menu div ul a:hover {
	opacity: 1;
	color: var(--primary);
}

.google-map-embed {
	width: 100%;
	border: 10px solid var(--light-color);
	border-radius: 30px;
	height: 584px;
	overflow: hidden;
}

.google-map-embed iframe {
	width: 100%;
	height: 100%;
}

.btStickyHeaderOpen .logo.logo-icon span img {
	padding: 10px 0;
}

.bt-site-footer .addtoany_share_save_container.addtoany_content.addtoany_content_bottom {
	display: none;
}

.page-template-product .bt-site-footer .bt_bb_icon .bt_bb_icon_holder span>br:first-of-type,
.single .bt-site-footer .bt_bb_icon .bt_bb_icon_holder span>br:first-of-type,
.page-template-recipe .bt-site-footer .bt_bb_icon .bt_bb_icon_holder span>br:first-of-type,
.blog .bt-site-footer .bt_bb_icon .bt_bb_icon_holder span>br:first-of-type {
	display: none;
}

.bottom-coverage-header {
	position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 10;
}

#bucket-cover {
	position: absolute; 
	top: -6.5em; 
	left: 0; 
	right: 0;
	margin: 0 auto; 
	z-index: 9999;
	width: fit-content;
	transition: transform 750ms ease;
}

#bucket-cover.open {
	transform: translateY(-12em) rotate(-35deg);
}

#chocolate-floating-left {
	top: -72em; 
	left: -34em;
}

#chocolate-floating-right {
	top: -84em; 
	right: -65%;
}

.promotion-slider {
	position: relative;
}

.promotion-slider:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #050202 50%, rgba(5, 2, 2, 0.00) 63.96%);
	z-index: 1;
}

.promotion-slider .bt_bb_content_slider_item_content.content  {
	max-width: 100% !important;
	padding: 0 !important;
}

.promotion-slider-content {
	position: relative;
	z-index: 2;
	max-width: 630px !important;     
	margin-left: auto;
}

.promotion-slider-image {
	position: relative;
	
}

/* .promotion-slider-image:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 33.27%, #000 97.07%);
	z-index: 1;
} */

.latest-article .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.latest-article .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
	object-fit: cover;
	object-position: center;
}

.our-client-slider .slick-list {
	height: auto !important;
}

.our-client-slider .slick-list .bt_bb_slider_item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.our-client-slider .slick-slider .slick-slide img {
	width: auto;
	height: auto;
    max-height: 100%;
    max-width: 100%;
    aspect-ratio: auto;
}

.bt_bb_button.bt_bb_style_filled a:hover {
	box-shadow: 0 0 0 4em var(--primary-darker) inset;
}

.bt_bb_button.bt_bb_style_filled.white-button a:hover {
	color: var(--white);
}

.search-not-found {
  background: transparent;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.search-not-found.recipe {
  width: 100%;
  height: 100vh;
}

.search-not-found img {
  width: 15.5em;
  height: auto;
  margin-bottom: 50px;
}

.search-not-found h4 {
  line-height: 125%;
  margin-bottom: 30px;
  padding-bottom: 0 !important;
  text-align: center;
}

.search-not-found a {
  padding: 15px 20px;
  border-radius: 100px;
  background: var(--primary);
  color: var(--white);
  font-size: 20px;
  line-height: 125%;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: 300ms ease-in-out;
}

.search-not-found a:hover {
  background: var(--primary-darker);
  color: var(--white);
}

.btPostContentHolder .btArticleContent img {
	width: 100% !important;
	height: auto;
	border-radius: 20px;
	aspect-ratio: 16/10;
	object-fit: cover;
	object-position: center;
}

.btPostContentHolder .btArticleContent .bt-video-container {
	border-radius: 20px;
}

.bt_bb_image.about-image, .bt_bb_css_image_grid.about-image-grid img {
	border-radius: 30px !important;
	overflow: hidden !important;
}

@media (max-width: 1024px){
	.promotion-slider:before {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -97.14%, #000 99.88%);
	}
	
	.bt_bb_steps .bt_bb_inner_step.how-to-step .bt_bb_inner_step_inner .bt_bb_inner_step_icon .bt_bb_icon_holder:before {
		font-size: 2.5rem;
	}
	
	.bt_bb_steps .bt_bb_inner_step.how-to-step .bt_bb_inner_step_line:before {
		margin-left: 0.75em;
	}
	
	.search-not-found img {
		margin-bottom: 30px;
	}
	
	.search-not-found h4 {
		margin-bottom: 16px;
	}

	#chocolate-floating-left {
		top: -30em; 
		left: -20em;
	}

	#chocolate-floating-right {
		top: -33em; 
		right: -18em;
	}
	
	.promotion-slider-content {
		position: relative;
	    z-index: 2;
		max-width: 100% !important;
	}

	.promotion-slider-content .bt_bb_column_inner_content {
		padding: 0 24px;
	}
	
	.promotion-slider-image {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 0;
	}
	
	.promotion-slider-image:before {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) -97.14%, #000 99.88%);
	}
	
	h1 {
	    font-size: 2.875em;
	}
	h2 {
		font-size: 2.375em;
	}
	h3 {
		font-size: 1.875em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.25em;
	}
	h6 {
		font-size: 1em;
	}
	.btMenuVertical .bt-logo-area .logo img {
		padding: 4px 0;
	}
	
	.about-image-grid .bt_bb_css_image_grid_content {
		grid-template-columns: 1fr 1fr;
		gap: 20px !important;
	}
}
/* END BOLD BUILDER CUSTOMIZATION */

/* START CUSTOM CONTENT STYLE */
:root {
  --primary: #B80E0B;
  --primary-darker: #7A1613;
  --secondary: #EEDABF;
  --secondary-darker: #BEAE99;
  --white: #fff;
  --white-darker: #595959;
  --black: #050202;
}

body {
  font-family: 'Rubik', sans-serif;
}

/* START PAGINATION STYLE */
.post-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
}

.post-pagination-list {
  display: flex;
  align-items: center;
  gap: 4px;
}

.post-pagination-list .page-numbers {
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid var(--white);
  cursor: pointer;
}

.post-pagination-list .page-numbers:hover, .post-pagination-list .page-numbers.current {
  background: var(--white);
  color: var(--primary);
}

.post-pagination .prev-next {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 1024px) {
  .post-pagination .prev-next span{
    display: none;
  }
}
/* END PAGINATION STYLE */

.our-product button, .recipe button, .detail-recipe button, .article button, .recipe-search button {
  -webkit-appearance: none;
  border-radius: 0;
  text-align: inherit;
  background: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  border: none;
  color: inherit;
  font: inherit;
}

.our-product {
  width: 100%;
  background: var(--primary);
  position: relative;
  height: fit-content;
  overflow: hidden;
}

.our-product .our-product-pattern {
  position: absolute;
  z-index: 0;
}

.our-product .our-product-pattern.left {
  left: -300px;
  bottom: 0;
}

.our-product .our-product-pattern.right {
  right: -100px;
  top: 200px;
}

.our-product-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  position: relative;
  z-index: 1;
}

.our-product h1 {
  line-height: 125%;
  color: var(--secondary);
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 0 !important;
}

.product-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}

@media (max-width: 900px){
	#bucket-cover {	
		top: -4.5em;
		transform: scale(0.95);
	}
	
	#bucket-cover.open {
		transform: scale(0.95) translateY(-7.5em) rotate(-35deg);
	}
}

@media (max-width: 1024px) {
	.product-list {
	  grid-template-columns: repeat(2, 1fr);
	}
	.our-product h1 {
		margin-bottom: 30px;
	}
}

@media (max-width: 640px) {
	.product-list {
	  grid-template-columns: 1fr;
	}
}

a.product-item {
  display: block;
  position: relative;
  background: var(--white);
  padding: 35px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 576px;
  background-size: cover;
  background-position: center;
  color: var(--black);
  text-align: left;
  transition: 300ms ease-in-out;
}

a.product-item:hover {
  color: var(--black);
  box-shadow: 15px 15px 15px 0px rgba(0, 0, 0, 0.10);
}

a.product-item .product-item-image {
  flex-grow: 1;
  width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}
a.product-item .product-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.product-item .product-item-header span {
  font-size: 20px;
  line-height: 125%;
}

.product-item .product-item-header span:hover {
  color: var(--primary);
}

.product-item .product-item-header h4 {
  line-height: 125%;
  font-weight: 800;
  letter-spacing: -0.025em;
  padding-bottom: 0;
}

.product-item .product-item-header h4:hover {
  color: var(--primary);
}

.product-item .product-item-footer p {
  font-size: 14px;
  line-height: 125%;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.product-item .product-item-cta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-item .product-item-price .product-item-price-discount {
  font-size: 14px;
  line-height: 125%;
  font-weight: 700;
  text-decoration: line-through;
  color: var(--white-darker);
}

.product-item .product-item-price h6 {
  line-height: 125%;
  font-weight: 800;
  padding-bottom: 0;
}

.product-item .product-item-cta a, .product-item .product-item-cta button {
  padding: 20px;
  border-radius: 100%;
  border: 1px solid var(--primary);
  color: var(--primary);
  cursor: pointer;
  background: transparent;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-item .product-item-cta a:hover, .product-item .product-item-cta button:hover {
  background: var(--primary);
  color: var(--white);
}

a.product-item.bundle {
  grid-column: span 2; /* span across 2 columns */
  grid-row: span 1;   
  color: var(--white); 
}

a.product-item.bundle:hover {
  color: var(--white); 
}

a.product-item.bundle .product-item-footer p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

a.product-item.bundle .product-item-price .product-item-price-discount {
  color: var(--white);
}

a.product-item.bundle .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  z-index: 0;
}

a.product-item.bundle .product-item-header {
  position: relative;
  z-index: 1;
}

a.product-item.bundle .product-item-footer {
  position: relative;
  z-index: 1;
}

.our-product .product-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
}

.our-product .product-pagination-list {
  display: flex;
  align-items: center;
  gap: 4px;
}

.our-product .product-pagination-list .page-numbers {
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid var(--white);
  cursor: pointer;
  color: var(--white);
}

.our-product .product-pagination-list .page-numbers:hover, .our-product .product-pagination-list .page-numbers.current {
  background: var(--white);
  color: var(--primary);
}

.our-product .product-pagination .prev-next {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white);
}

.our-product .product-pagination .prev-next:hover {
  opacity: 0.7;
}

@media (max-width: 1024px) {
  .our-product .product-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .our-product .product-pagination .prev-next span{
    display: none;
  }
}

@media(max-width: 500px){
	
	#bucket-cover {	
		top: -2.75em;
		transform: scale(0.9);
	}
	
	#bucket-cover.open {
		transform: scale(0.9) translateY(-7.5em) rotate(-35deg);
	}
}

@media (max-width: 640px) {
	
	
  .our-product .product-list {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .product-item.bundle {
    grid-column: span 1; /* span across 2 columns */
    grid-row: span 1;   
  }
}

/* START DETAIL PRODUCT STYLE */
.detail-product {
  width: 100%;
  background: var(--secondary);
  position: relative;
  height: fit-content;
  overflow: hidden;

}

.detail-product-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  position: relative;
  z-index: 1;
}

.detail-product-header {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--white);
  text-align: center;
  position: relative;
}

.detail-product-header-content {
  padding: 256px 0;
}

.detail-product-header-content h1 {
  line-height: 125%;
  padding-bottom: 0;
}
.detail-product-header .bottom-coverage {
  position: absolute;
  bottom: -0.25em;
  left: 0;
  right: 0;
  z-index: 1;
}

.detail-product-info {
  display: grid;
  grid-template-columns: 3fr 4fr;
  gap: 32px;
  margin-bottom: 80px;
}

.detail-product-images .detail-product-huge-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 30px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  margin-bottom: 15px;
}

.detail-product-images .detail-product-images-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.detail-product-images {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.detail-product-image-slider {
  max-width: 100%;
}

.detail-product-image-slider .swiper-button-next, .detail-product-image-slider .swiper-button-prev {
  color: var(--primary);
}

.detail-product-image-slider .swiper-button-next:after, .detail-product-image-slider .swiper-button-prev:after {
	font-size: 1.25em;
}

.detail-product-image-slider .detail-product-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 12px;
  cursor: pointer;
  object-fit: cover;
  object-position: center;
}

.detail-product-content h1 {
  line-height: 110%;
  margin-bottom: 4px;
  font-weight: 800;
  color: var(--primary);
  padding-bottom: 0;
}

.detail-product-content h5{
  line-height: 125%;
  margin-bottom: 4px;
  font-weight: 500;
  color: var(--primary);
}

.detail-product-content p{
  margin-bottom: 10px;
}

.detail-product-price {
	margin-bottom: 30px;
}

.detail-product-price-discount {
  font-size: 16px;
  text-decoration: line-through;
  margin-bottom: 0;
  font-weight: 700;
  color: var(--white-darker);
}

.detail-product-price h5 {
	font-weight: 800;
	color: var(--black);
}

.detail-product-content .order-button{
  padding: 15px 20px;
  border-radius: 100px;
  background: var(--primary);
  color: var(--white);
  font-size: 20px;
  line-height: 125%;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: 300ms ease-in-out;
}

.detail-product-content .order-button:hover{
  background: var(--primary-darker);
  color: var(--white);
}

.detail-product-other {
  margin-bottom: 40px;
}

.detail-product-other h5 {
  line-height: 125%;
  margin-bottom: 20px;
  font-weight: 500;
}

.detail-product-other-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

@media (max-width: 1024px) {
  .detail-product-header-content {
    padding: 128px 0;
  }

  .detail-product-info {
    grid-template-columns: 1fr;
  }

  .detail-product-other-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .detail-product-price h5 {
	font-size: 24px;
  }
}

@media (max-width: 640px) {
  .detail-product-other-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* END DETAIL PRODUCT STYLE */

/* START RECIPE STYLE */
.recipe {
  width: 100%;
  background: var(--secondary);
  position: relative;
  height: fit-content;
  min-height: 100vh;
  overflow: hidden;
}

.recipe-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  position: relative;
  z-index: 1;
}


.recipe .recipe-pattern {
  position: absolute;
  z-index: 0;
}

.recipe .recipe-pattern.left {
  left: -300px;
  bottom: 0;
}

.recipe .recipe-pattern.right {
  right: -100px;
  top: 200px;
}

.recipe h1 {
  line-height: 125%;
  color: var(--primary);
  text-align: center;
  margin-bottom: 40px;
}

.recipe-header {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 40px;
}

.recipe-header .recipe-category-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.recipe-header .recipe-category-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
  color: var(--black);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.recipe-search {
  display: flex;
  align-items: center;
  gap: 16px;
}

.recipe-search input {
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid var(--black);
  width: 300px;
  background-color: transparent;
}

.recipe-search input:focus {
  outline: none;
}

.recipe-header .recipe-category-item.active, .recipe-header .recipe-category-item:hover {
  border-color: var(--primary);
}

.recipe-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}

.recipe-item {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: var(--white);
}

.recipe-item .recipe-item-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: transform 0.5s ease;
}

.recipe-item .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 121.11%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 30px;
}

.recipe-item .recipe-item-title {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.5s ease, opacity 0.5s ease;
  color: var(--white);
}
.recipe-item .recipe-item-title h5 {
	margin-bottom: 0;
}

.recipe-item .recipe-item-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0; /* Hidden initially */
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateY(100%);
  color: var(--white);
}

.recipe-item h5 {
  line-height: 125%;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  padding-bottom: 0;
}

.recipe-item .recipe-item-content p {
  width: 100%;
  font-size: 16px;
  line-height: 125%;
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.recipe-item:hover .recipe-item-title {
  opacity: 0; /* Hidden initially */
  transform: translateY(100%);
}

.recipe-item:hover .recipe-item-image {
  transform: scale(1.1);
}

.recipe-item:hover .overlay {
  background: var(--black);
  opacity: 0.6;
}

.recipe-item:hover .recipe-item-content {
  transform: translateY(0); /* Slide up */
  opacity: 1; /* Show text */
}

.recipe-pagination.post-pagination {
  color: var(--black);
}

.recipe-pagination .post-pagination-list .page-numbers {
  border-color: var(--black);
}

.recipe-pagination .post-pagination-list .page-numbers:hover, .recipe-pagination .post-pagination-list .page-numbers.current {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

@media (max-width: 1024px) {
  .recipe h1, .recipe-header, .recipe-list {
    margin-bottom: 30px;
  }

  .recipe-pattern {
    display: none;
  }

  .recipe-header {
    flex-direction: column;
    gap: 30px;
  }

  .recipe-header .recipe-category-list {
    justify-content: center;
    gap: 20px;
  }

  .recipe-search, .recipe-search input {
    width: 100%;
  }

  .recipe-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .recipe-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* END RECIPE STYLE */

/* START DETAIL RECIPE STYLE */
.detail-recipe {
  width: 100%;
  background: var(--secondary);
  position: relative;
  height: fit-content;
  overflow: hidden;

}

.detail-recipe-header {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--white);
  text-align: center;
  position: relative;
}

.detail-recipe-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 0;
}

.detail-recipe-header-content {
  position: relative;
  z-index: 1;
  padding: 256px 0;
}

.detail-recipe-header-content h1 {
  line-height: 125%;
}

.detail-recipe-header-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.detail-recipe-header .bottom-coverage {
  position: absolute;
  bottom: -0.25em;
  left: 0;
  right: 0;
  z-index: 1;
}

.detail-recipe-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 5fr 2fr;
  gap: 32px;
}

.detail-recipe-info .detail-recipe-content img {
	width: 100% !important;
	height: auto;
	border-radius: 20px;
}

.detail-recipe-info .detail-recipe-content .bt-video-container {
	border-radius: 20px;
}

.detail-recipe-footer {
  margin-top: 40px;
  display: flex; 
  align-items: center;
  justify-content: space-between;
}

.detail-recipe-tag {
  display: flex;
  align-items: center;
  gap: 20px;
}

.detail-recipe-tag p {
  display: flex;
  align-items: center;
  gap: 6px;
}

.detail-recipe-sidebar .recipe-search, .detail-recipe-sidebar h6 {
  margin-bottom: 30px;
}

.detail-recipe-sidebar h6 {
  font-size: 24px;
  font-weight: 800;
  line-height: 125%;
  color: var(--primary);
  padding-bottom: 0;
}

.detail-recipe-other-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

a.detail-recipe-other-item {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 3fr;
  color: var(--black);
  text-decoration: none;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--secondary-darker);
}

a.detail-recipe-other-item:hover {
  color: var(--primary);
}

.detail-recipe-other-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.detail-recipe-other-item-content .tag {
  display: flex;
  align-items: center;
  gap: 4px;
}

.detail-recipe-other-item-content span {
  font-size: 12px;
  line-height: 125%;
  margin-bottom: 5px;
}

.detail-recipe-other-item-content p {
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
}

@media (max-width: 640px) {
  .detail-recipe-container {
    grid-template-columns: 1fr;
  }

  .detail-recipe-footer {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
}
/* END DETAIL RECIPE STYLE */

/* START LINKTREE STYLE */
.linktree {
  background: var(--white);
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.linktree .cover {
  height: 386px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.linktree .cover .logo {
  padding: 30px;
  border-radius: 100%;
  background: var(--white);
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  max-width: 256px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(50%);
}

.linktree .cover .logo img {
  width: 100%;
  height: auto;
}

.linktree-container {
  position: relative;
  /* overflow: hidden; */
  padding-top: 150px;
  padding-bottom: 150px;
}

.linktree-list {
  max-width: 385px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.linktree-item {
  width: 100%;
  padding: 15px 20px;
  border-radius: 100px;
  border: 1px solid var(--primary);
  color: var(--primary);
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  line-height: 125%;
  text-transform: uppercase;
  cursor: pointer;
  transition: 300ms ease-in-out;
}

.linktree-item:hover {
  background: var(--primary);
  color: var(--white) !important;
}

.linktree-pattern {
  position: absolute;
  z-index: 0;
  transform: scale(0.9);
}

.linktree-pattern.left {
  left: -150px;
  top: 0;
}

.linktree-pattern.right {
  right: -75px;
  top: 25px;
}

@media (max-width: 1024px) {
  .linktree .cover {
    height: 253px;
  }

  .linktree .cover .logo {
    max-width: 140px;
  }

  .linktree-container {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  
  .linktree-list {
    max-width: 270px;
  }

  .linktree-pattern {
    transform: scale(0.5);
  }

  .linktree-pattern.right {
    right: -135px;
    top: -250px;
  }

  .linktree-pattern.left {
    left: -185px;
  }
}
/* END LINKTREE STYLE */

/* START ARTICLE STYLE */
.article {
  width: 100%;
  background: var(--secondary);
  position: relative;
  height: fit-content;
  overflow: hidden;
}

.article-header {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--white);
  text-align: center;
  position: relative;
}

.article-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 0;
}

.article-header-content {
  position: relative;
  z-index: 1;
  padding: 256px 0;
}

.article-header-content h1 {
  font-size: 68px;
  line-height: 125%;
}

.article-header-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.article-header .bottom-coverage {
  position: absolute;
  bottom: -0.25em;
  left: 0;
  right: 0;
  z-index: 1;
}

.article-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 5fr 2fr;
  gap: 32px;
}

.article-footer {
  margin-top: 40px;
  display: flex; 
  align-items: center;
  justify-content: flex-end;
}

.article-footer.article {
  justify-content: flex-end;
}

.article-tag {
  display: flex;
  align-items: center;
  gap: 20px;
}

.article-tag p {
  display: flex;
  align-items: center;
  gap: 6px;
}

.article-sidebar .recipe-search, .article-sidebar h6 {
  margin-bottom: 30px;
}

.article-sidebar h6 {
  font-size: 24px;
  font-weight: 800;
  line-height: 125%;
  color: var(--primary);
  padding-bottom: 0;
}

.article-other-title {
	color: var(--primary);
	margin-bottom: 30px;
}

.article-other-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

a.article-other-item {
  display: grid;
	grid-template-columns: 1fr 3fr;
  gap: 20px;
  color: var(--black);
  text-decoration: none;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--secondary-darker);
  color: var(--black);
}

.article-other-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.article-other-item-content .tag {
  display: flex;
  align-items: center;
  gap: 4px;
}

.article-other-item-content span {
  font-size: 12px;
  line-height: 125%;
  margin-bottom: 5px;
}

.article-other-item-content p {
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.article-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}

a.article-item {
  display: flex;
  grid-template-columns: 1fr 1fr;
  border-radius: 20px;
  overflow: hidden;
  background: var(--white);
  text-decoration: none;
  color: var(--black);
}

a.article-item:hover {
  box-shadow: 15px 15px 15px 0px rgba(0, 0, 0, 0.10);
}

.article-item-cover {
  width: 50%;
  height: auto;
  aspect-ratio: 5/3.5;
  overflow: hidden;
}

.article-item-cover img {
  width: 100%;
  min-height: 100%;
  aspect-ratio: 5/3.5;
  object-fit: cover;
  object-position: center;
}

.article-item-content {
  width: 50%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}

.article-item-content .date {
  color: var(--light-black);
  font-size: 14px;
}

.article-item-content h5 {
/* 	white-space: pre; */
  font-size: 30px;
  padding-bottom: 0;
  line-height: 125%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

a.article-item h5:hover {
  color: var(--primary);
}


.article-item-content p {
  line-height: 125%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.article-pagination.post-pagination, .article-pagination.post-pagination .prev-next, .recipe-pagination.post-pagination, .recipe-pagination.post-pagination .prev-next {
  color: var(--black);
}

.article-pagination.post-pagination .prev-next:hover, 
.recipe-pagination.post-pagination .prev-next:hover {
  color: var(--primary);
}

.article-pagination .post-pagination-list .page-numbers {
  border-color: var(--black);
}

.article-pagination .post-pagination-list .page-numbers:hover, .article-pagination .post-pagination-list .page-numbers.current {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

@media (max-width: 640px) {
  .article-container {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .article-footer {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }

  a.article-item {
/*     grid-template-columns: 1fr; */
	flex-direction: column;
  }
	
  .article-item-cover {
	width: 100%;
  }
	
  .article-item-content {
	width: 100%;
	padding: 30px;
  }

  .article-item-content h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  
  .article-item-content p {
    display: none;
  }
}
/* END ARTICLE STYLE */

/* START RECIPE SHORTCODE STYLE */
.recipe-shortcode-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

a.recipe-shortcode-item {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  color: var(--white);
  text-decoration: none;
  text-align: left;
}
a.recipe-shortcode-item:hover {	
  color: var(--white);
}

.recipe-shortcode-item .recipe-shortcode-item-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: transform 0.5s ease;
}

.recipe-shortcode-item:hover .recipe-shortcode-item-image {
  transform: scale(1.1);
}

.recipe-shortcode-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 121.11%);
  z-index: 1;
  transition: 0.5s ease;
}

.recipe-shortcode-item:hover .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
}


.recipe-shortcode-item-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  padding: 45px;
}

.recipe-shortcode-item-content .tag {
  display: flex;
  align-items: center;
  gap: 4px;
}

.recipe-shortcode-item-content .tag span {
  font-weight: 500;
  text-transform: uppercase;
}

.recipe-shortcode-item-content h3 {
  padding-bottom: 0 !important;
  line-height: 125%;
  font-weight: 800;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.recipe-shortcode-item-content p {
  line-height: 125%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

@media (max-width: 1024px) {
  .recipe-shortcode-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .recipe-shortcode-item-content {
    padding: 26px;
  }
}
/* END RECIPE SHORTCODE STYLE */

/* START OTHER ARTICLE SHORTCODE STYLE */
.article-other-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

a.article-other-item {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 3fr;
  color: var(--black);
  text-decoration: none;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--secondary-darker);
  color: var(--black);
}

.article-other-item-content {
	width: calc(75% - 10px);
	min-width: calc(75% - 10px);
	max-width: calc(75% - 10px);
}

.article-other-item-image {
	width: calc(25% - 10px);
	min-width: calc(25% - 10px);
	max-width: calc(25% - 10px);
}

.article-other-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.article-other-item-content .tag {
  display: flex;
  align-items: center;
  gap: 4px;
}

.article-other-item-content span {
  font-size: 12px;
  line-height: 125%;
  margin-bottom: 5px;
}

.article-other-item-content p {
  font-size: 20px;
  font-weight: 600;
  line-height: 125%;
}

.article-other-item-content p:hover {
  color: var(--primary);
}
/* END OTHER ARTICLE SHORTCODE STYLE */

/* END CUSTOM CONTENT STYLE */