/*
 Theme Name:   Caffelab
 Theme URI:
 Description:  Custom Storefront Child Theme
 Author:       Lotrèk Digital Agency
 Author URI:   https://www.lotrek.it
 Template:     storefront
Version:      1.0.3
 License:
 License URI:
 Tags:
 Text Domain:  caffelab
*/

/******
* Discount span text managed in functions.php
*/

.text-danger ins {
	text-decoration: none !important;
}

span.price-discounted ins, .price-discounted ins span, .price-discounted ins span bdi, .price-discounted ins span bdi span {
	color: #c23948 !important;
	text-decoration: none !important;
}

/* blocchi in pagina coffee - categoria */
.term-coffee .category-grid {
	grid-template: "first second third" 1fr "fourth fifth sixth" 1fr/1fr 1fr 1fr !important;
	min-height: 50rem;
}


/* Move reCAPTCHA v3 badge up */
.grecaptcha-badge {
	bottom: 60px !important;
}

@media screen and (max-width: 780px) {
	.text-overflow-wrap {
		overflow-wrap: break-word !important;
		font-size: 1.24rem !important;

	}
}


.product-hover-box {
	background-color: rgba(255, 254, 249, 0);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: 0.25s ease-in-out all;

}

@media screen and (max-width: 780px) {
	#home-hero .vh-100 {
		height: 65vh !important;
	}

	.product-listed .img-fluid {
		max-width: 140% !important;
		height: auto;
	}



	.product-card .product-icons {
		display: none !important;
	}

	.pum-container #cf-mailchimp-privacy .wpcf7-list-item {
		margin-left: 1.5rem;
	}

	.pum-container #cf-mailchimp-privacy span {
		font-size: 0.95em !important;
	}
}



.pum-container #cf-mailchimp-email {
	background-color: rgba(60, 60, 59, 0.1) !important;
}


/*
  .cart-collaterals { float:none!important;
	width:100%!important;
	background-color: rgba(6, 52, 72, 0.7);
	color: white; padding:10px; margin-top:0em!important;
  }

  .page-template-template-carrello .cart-collaterals { margin-top:0em!important;
  }

.cart-collaterals .checkout-button
{ background-color: #a8831b!important,} *7
*/

@media screen and (min-width: 781px) {
	.swiper-buttons-container .swiper-button-prev span,
	.swiper-buttons-container .swiper-button-next span {
		display: none;
	}
}
@media screen and (max-width: 780px) {
	.swiper-buttons-container .swiper-button-prev,
	.swiper-buttons-container .swiper-button-next {
		position: static;
		display: flex;
		gap: 15px;
		width: auto;
	}
	.swiper-buttons-container .swiper-button-prev {
		margin-right: auto;
		flex-direction: row-reverse;
	}
	.swiper-buttons-container .swiper-button-next {
		margin-left: auto;
	}
	#customizer-step-3 .options-grid {
		grid-template:
			"first second" auto
			"third fourth" auto/1fr 1fr !important;
	}
}

@media screen and (max-width: 991px) {
	#customizer-step-1 .option-title,
	#customizer-step-2 .option-title,
	#customizer-step-3 .option-title,
	#customizer-step-4-name .option-title,
	#customizer-step-4-color .option-title,
	#customizer-step-5 .option-title {
		display: block !important;
		font-size: 14px;
		padding: 0 10px;
	}
}

#email-error-message {
	display: none;
}

.term-monorigine .filters-container .yith-wcan-filter[data-taxonomy="filter_specialty"],
.term-single-origins-specialty-coffees .filters-container .yith-wcan-filter[data-taxonomy="filter_specialty"],
.term-227 .filters-container .yith-wcan-filter[data-taxonomy="filter_specialty"] {
	display: none;
}

.product-card .product-offer {
	top: 110px !important;
	left: 40px !important;
	transform-origin: 0 100%;
	min-width: 150px !important;
}

.background-flat {
	background: #042838;
}

.category-hero-products .product-card .product-offer,
.megamenu-grid .product-card .product-offer {
	top: 126px !important;
	left: 24px !important;
}

body .category-hero-products .product-offer.sales_2.novita_s,
body .megamenu-grid .product-card .product-offer.sales_2.novita_s {
	left: 24px !important;
}

/* MENU */
body #header-wrapper, body #header-wrapper.header-scrolled {
	background: #063448 !important;
}

body #header-wrapper .customizer-button {
	background-color: #a8831b !important;
	border-color: #a8831b !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
}

a.nav-link {
	font-weight: 400;
	letter-spacing: 0;
}

.topmenu-right {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

body li.nav-item {
	padding: 0 5px;
	box-sizing: border-box;
	position: relative;
}

body nav#header-main {
	padding: 8px 0 !important;
	position: relative;
}

body #header-wrapper .logo img {
	max-height: 50px;
	margin: 0.5rem 0;
}

.searchForm {
	position: absolute;
	right: 0;
}

body .megamenu-grid {
	display: block;
}

body .megamenu-left {
	grid-area: left;
	background-color: #063448;
	font-weight: inherit;
	padding: 15px !important;
	box-sizing: border-box;
}

body .megamenu {
	width: 300px;
	margin: 0;
}

body .megamenu .nav-link {
	text-transform: uppercase;
	padding: 10px !important;
	box-sizing: border-box;
}

body .megamenu .nav-link:hover {
	background-color: #042838;
	color: #fff !important;
}

body .megamenu .nav-link:hover:before, body #header-wrapper .customizer-button:before {
	display: none !important;
}

body .navbar-dark .navbar-nav .nav-link:hover, body .navbar-dark .navbar-nav .nav-link:focus {
	color: #fff;
}

body a.nav-link {
	position: relative;
	outline: 0 none !important;
}

body #header-main a.nav-link:hover:before {
	position: absolute;
	content: "";
	width: calc(100% - 12px);
	bottom: 18px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #a8831b;
	height: 1px;
}

body #header-wrapper {
	z-index: 99999;
}

.header-announcement {
	max-width: 100%;
	overflow-x: hidden;
	overflow-x: clip;
	position: relative;
}

.klaviyo_form_trigger {
	padding: 10px !important;
	box-sizing: border-box;
}

.klaviyo_form_trigger > a {
	font-size: 14px;
}

.needsclick {
	z-index: 9999999 !important;
}

.needsclick.klaviyo-close-form {
	z-index: 99999999 !important;
}

a.logo.mx-5 {
	margin-left: 0 !important;
}

@media screen and (max-width: 1200px) {

	.klaviyo_form_trigger > a {
		font-size: 13px;
	}
	#header-mobile #mobile-menu {
		grid-area: menu;
		position: fixed;
		left: -100%;
		top: 0;
		background: #063448;
		width: 100%;
		height: 100vh;
		transition: all 0.3s;
	}

	#header-mobile #mobile-menu.show {
		left: 0;
		transition: all 0.3s;
		height: 100vh;
		overflow: scroll;
		padding-bottom: 100px;
	}

	#header-mobile #mobile-menu img.close-menu {
		position: absolute;
		right: 15px;
		top: 15px;
	}

	ul#menu-menu-mobile {
		text-align: left !important;
		margin: 6px;
		padding-top: 80px;
	}

	body li.nav-item a {
		font-size: 16px;
		line-height: 28px;
	}

	body li.nav-item a:hover::before {
		display: none !important;
	}

	body li.nav-item .dropdown-toggle::after {
		display: inline-block;
		border: 0 !important;
		right: 0;
		position: absolute;
		background: url(dist/img/icons/arrow-down-menu.svg) no-repeat scroll center center;
		content: "";
		width: 18px;
		height: 18px;
		background-size: 18px;
	}

	body #header-mobile .dropdown-menu {
		border: 0 !important;
		padding: 0.5rem 0;
		background: #042838;
	}

	body #header-mobile .dropdown-item {
		text-align: left;
		font-weight: 500 !important;
	}

	body li.nav-item.show {
		background: #042838;
	}

	body .dropdown-item {
		padding: 5px 0;
	}

	body li.nav-item {
		padding: 0 15px;
	}

	body .dropdown-menu li.nav-item {
		padding: 0;
	}

	body .customizer-button {
		margin: 0 15px 30px;
	}
}

@media screen and (max-width: 490px) {
	body li.nav-item a {
		font-size: 14px;
		line-height: 28px;
	}
}

/**/

.single-product .awdr_discount_bar.awdr_row_0 {
	display: none;
}


/*ARTICLE*/

/** header article */
.curstomArticle {
	overflow: hidden;
}
.headerArticle {
	width: 100%;
	min-height: 415px;
	position: relative;
	background-color: rgba(79, 56, 46, 0.7);
}
.headerArticle .headerArticleImg {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.headerArticle .headerArticleContainer {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 20px 15px;

}
.headerArticle .headerArticleDate {
	display: none;
}
.headerArticleText p,
.headerArticleText h1 {
	color: #fff;
}
.headerArticleText p {
	font-size: 14px;
	text-transform: uppercase;
}
.headerArticleText h1 {
	font-size: 34px;
	max-width: 600px;
	margin-bottom: 10px;
}
.headerArticleText hr {
	width: 100px;
	max-width: 100%;
	margin: 10px 0px 25px;
	border: 1px solid #fff;
}
/** content article */
.contentArticle {
	position: relative;
	background-color: #fffef9;

}
.contentArticleContainer {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 45px 15px;
	position: relative;
}
.contentArticleContainer p {
	line-height: 1.5;
}
.contentArticleContainer h1,
.contentArticleContainer h2 {
	font-size: 28px;
}
.contentArticleContainer h3,
.contentArticleContainer h4 {
	font-size: 26px;
}
.contentArticleContainer h5,
.contentArticleContainer h6 {
	font-size: 24px;
}
.contentArticleContainer > p:first-of-type:first-letter {
	float: left;
	font-size: 5rem;
	font-weight: 700;
	color: #a8831b;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 1rem;
	line-height: 75px;
}
.flowerPlants {
	object-fit: cover;
	position: absolute;
	width: 33%;
	top: -20rem;
	opacity: 15%;
	left: 0;
}
.contentArticleContainer ul {
	padding-left: 20px;
}
/**RESPOSIVE ARTICLE  */
@media screen and (max-width:991px) {
	.flowerPlants {
		width: 50%;
		top: -15rem;
	}
}
@media screen and (max-width:756px) {
	.flowerPlants {
		width: 75%;
		top: -10rem;
	}
	.headerArticle {
		height: auto;
		min-height: fit-content;
	}
}

/*CATEGORY*/
/** header cat  */
.customCategory {
	overflow: hidden;
}
.headerCategory {
	width: 100%;
	min-height: 415px;
	position: relative;
	background-color: rgba(6, 52, 72, 0.7);
	display: flex;
	align-items: center;
}
.headerCategory .headerCategoryImg {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.headerCategory .headerCategoryContainer {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 40px 15px;
}
.headerCategoryText p,
.headerCategoryText h1 {
	color: #fff;
}
.headerCategoryText .taxonomy-description {
	font-size: 14px;
	text-align: center;
}
.headerCategoryText h1 {
	font-size: 64px;
	max-width: 100%;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
.headerCategoryText hr {
	width: 100px;
	max-width: 100%;
	margin: 10px auto 25px;
	border: 1px solid #fff;
}
/** lastpost  */
.articleTop {
	background-color: #063448;
}
.articleTop .articleTopWrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1140px;
	position: relative;
	z-index: 1;
}
.articleTop .articleTopWrapper article {
	padding: 25px 15px;
}
.articleTop .articleTopWrapper article .articleTopContent {
	display: flex;
	flex-wrap: wrap;
}
.articleTop .articleTopWrapper article .articleTopContent > div {
	width: 50%;
}
.articleTopImage {
	overflow: hidden;
	background-color: #a8831b;
	border-radius: 0 1.5rem 0 1.5rem;
	height: 335px;
}
.articleTopImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articleTopTextContent {
	padding-left: 30px;
	display: flex;
	flex-direction: column;
}
.articleTopTextContent .articleTopCat {
	color: #fff;
	text-transform: uppercase;
}
.articleTopTextContent .articleTopTitle {
	font-size: 24px;
}
.articleTopTextContent hr {
	border: 1px solid #dee2e6;
	margin: 10px 0px;
	width: 100px;
}
.articleTopTextContent a {
	color: #fff;
	transition: all 0.4s;
}
.articleTopTextContent a:hover {
	color: #a8831b;
}
.articleTopTextContent a.articleTopArrrow img {
	transition: 0.35s ease all;
}
.articleTopTextContent a.articleTopArrrow:hover img {
	transform: translateX(10px);
}
.articleTopImageContent > a .articleTopImage img {
	transition: 0.35s ease all;
}
.articleTopImageContent > a:hover .articleTopImage img {
	opacity: 0.7;
}
.articleTopArrrow {
	margin-left: auto;
	margin-top: auto;
}
/** list post  */
.listPost {
	position: relative;
	background-color: #fffef9;
}
.listPostWrapper {
	width: 100%;
	max-width: 1140px;
	padding: 30px 15px;
	margin: 0 auto;
	position: relative;
}
.listPostContent {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;

	border-top: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
}
.listPostContent article {
	width: 33.3%;
	border-bottom: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	padding: 25px;
}
.articleCardImgContent {
	overflow: hidden;
	background-color: #a8831b;
	border-radius: 0 1.5rem 0 1.5rem;
	height: 280px;
}
.listPostContent article img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.articleCardCategory {
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 0px 10px;
	margin-bottom: 0px;
}
.articleCardCategory a {
	color: #3c3c3b;
}
.articleCardTitle {
	font-weight: 700;
	line-height: 1.2;
	font-size: 1.5rem;
	color: #3c3c3b;
}
.articleCardTitle a {
	color: #3c3c3b;
}
.contentArticleCard hr {
	border: 1px solid #3c3c3b;
	margin: 10px 0px;
	width: 50px;
}
.ArticleCardArrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-top: auto;
	margin-left: auto;
}
.contentArticleCard {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 100%;
}
.listPostContent article .ArticleCardArrow img {
	max-width: 20px;
	height: auto;
	object-fit: contain;
	transition: 0.35s ease all;
}
.listPostContent article .ArticleCardArrow:hover img {
	transform: translateX(10px);
}
.articleCardImgContent img {
	transition: all 0.4s;
}
.articleCardImgContent:hover img {
	opacity: 0.7;
}
.listPostContent article a {
	transition: all 0.4s;
}
.listPostContent article a:hover {
	color: #a8831b;
}
.paginationRow {
	width: 100%;
	padding: 30px 0px;
	display: flex;
	justify-content: center;
}
.paginationRow a:hover:before {
	display: none;
}
.flowerPlants {
	object-fit: cover;
	position: absolute;
	width: 33%;
	top: -20rem;
	opacity: 15%;
	left: 0;
}
.newsletterTitle {
	font-size: 3.5rem;
	font-weight: bold;
}

.containerCatList {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 25px 15px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
.containerCatList > div {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
}
.containerCatList > div a {
	color: #a8831b;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
}
.notPost {
	width: 100%;
	text-align: center;
}

/**RESPOSIVE CATEGORY  */
@media screen and (max-width:991px) {
	.flowerPlants {
		width: 50%;
		top: -15rem;
	}
	.listPostContent article {
		width: 50%;
	}
	.containerCatList > div {
		width: 33.3%;
	}
}
@media screen and (max-width:756px) {
	.flowerPlants {
		width: 75%;
		top: -10rem;
	}
	.headerArticle {
		min-height: 375px;
	}
	.headerCategoryText h1 {
		font-size: 42px;
	}
	.articleTop .articleTopWrapper article .articleTopContent > div {
		width: 100%;
	}
	.articleTopImage {
		height: auto;
		max-height: 290px;
	}
	.articleTopTextContent {
		width: 100%;
		padding-left: 0px;
		padding-top: 20px;
	}
	.listPostContent article {
		width: 100%;
	}
	.newsletterTitle {
		line-height: 51px;
		font-size: 48px;
	}
	.containerCatList > div {
		width: 50%;
	}
}
@media screen and (max-width:480px) {
	.articleCardImgContent {
		width: 100%;
		height: auto;
	}
	.containerCatList > div {
		width: 100%;
	}
}

/*change btn*/
.cart-collaterals .checkout-button,
.single_add_to_cart_button {
	background-color: #a8831b !important;
	border-color: #a8831b !important;
	color: #fff !important;
}
.woocommerce-checkout-payment #ppcp-hosted-fields {
	width: 100%;
}
.woocommerce-checkout-payment #ppcp-hosted-fields .button.alt.ppcp-dcc-order-button {
	width: 100%;
	max-width: 100%;
	background-color: #a8831b;
	border-color: #a8831b;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 14px;
	letter-spacing: 0.16em;
	box-shadow: none;
	border: 0px;
}
.woocommerce-checkout-payment .form-row.place-order #place_order {
	background-color: #a8831b !important;
	border-color: #a8831b !important;
}
/*end change btn*/

/*btn out of stock*/
.outOfStokBtn {
	border: 1px solid #94341C;
	background-color: #dedede;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color: #94341C;
	padding: 8px;
}
/*containerLarge for product*/
.container.containerPrLarge,
.containerPrLarge {
	max-width: 1400px;
}
.containerPrLarge :not(.product-type-gift-card) .product-info-2 {
	flex: 0 0 38%;
	max-width: 38%;
}

.containerPrLarge :not(.product-type-gift-card) .product-info-3 {
	flex: 0 0 28%;
	max-width: 28%;
}

@media screen and (max-width:1200px) {
	.containerPrLarge :not(.product-type-gift-card) .product-info-2 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.containerPrLarge :not(.product-type-gift-card) .product-info-3 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}
}

@media screen and (max-width:768px) {
	.containerPrLarge :not(.product-type-gift-card) .product-info-2 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.containerPrLarge :not(.product-type-gift-card) .product-info-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/*titleHomepage*/
#home-hero .homeHerotitle {
	letter-spacing: 0.03em;
	font-size: 40px;
}

/* Brand title used by the English homepage hero. */
#home-hero .home-hero-brand {
	margin: 0;
	font-size: 90px;
	line-height: 1.1;
}

#home-hero .textSubHp {
	letter-spacing: 0px;
	font-size: 1.6rem;
	text-transform: none;
	font-family: 'Work Sans';
	padding: 0px 0px 30px 0px;
}

#home-hero .h4 a {
	position: relative;
	display: inline-block;
	color: #fff !important;
	text-decoration: none;
	text-underline-offset: 0.18em;
	transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

#home-hero .h4 a:hover,
#home-hero .h4 a:focus {
	color: #a8831b !important;
	text-decoration: underline;
	text-decoration-color: #a8831b;
}

@media screen and (max-width:768px) {
	#home-hero .textSubHp {
		font-size: 1rem;
		/* line-height: 34px; */
	}
	#home-hero .homeHerotitle {
		margin-top: 8rem;
		font-size: 2rem;
	}
	#home-hero .home-hero-brand {
		font-size: clamp(2.75rem, 15vw, 4.5rem);
	}
}

.infoPostAddToCart {
	margin-top: 1.5em;
}
.mktk_product_shipping {
	color: #444444;
	text-align: center;
	padding: 12px;
	border-radius: 8px;
	margin: 16px 0;
	font-weight: 700
}

.mktk_product_notes {
	background-color: #ffefa3a1;
	padding: 8px 12px;
	border-radius: 8px;
	margin-left: 12px;
	font-size: 14px;
	color: #374151;
	margin: 10px 0px 10px 0px;
}

/**/
.woocommerce-cart ul#shipping_method,
.woocommerce-checkout ul#shipping_method {
	padding-left: 0px;
}
.woocommerce-cart ul#shipping_method > li,
.woocommerce-checkout ul#shipping_method > li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 6px 0px;
}
.woocommerce-cart ul#shipping_method > li > input[type="radio"],
.woocommerce-checkout ul#shipping_method > li > input[type="radio"] {
	width: 25px;
	height: 25px;
	accent-color: #a8821c;
	margin-right: 0px !important;
}
.woocommerce-cart ul#shipping_method > li > label,
.woocommerce-checkout ul#shipping_method > li > label {
	width: calc(100% - 38px);
	margin-bottom: 0px;
	padding-left: 10px;
	font-size: 14px;
}
.woocommerce-cart ul#shipping_method > li > .updatePudo,
.woocommerce-checkout ul#shipping_method > li > .updatePudo {
	width: 15px;
	height: 15px;
	margin-left: 5px !important;
	margin-top: 10px;
}
.woocommerce-cart ul#shipping_method > li > div,
.woocommerce-checkout ul#shipping_method > li > div {
	padding-left: 13px;
	font-size: 14px;
	margin-top: 10px;
}
/*article shortcode TCC-2875*/
.contentArticleContainer .woocommerce.columns-1 .products.columns-1,
.contentArticleContainer .woocommerce.columns-2 .products.columns-2,
.contentArticleContainer .woocommerce.columns-3 .products.columns-3 {
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}

.contentArticleContainer .woocommerce.columns-1 .products.columns-1 article {
	flex: 0 0 100%;
	max-width: 100%;
}

.contentArticleContainer .woocommerce.columns-2 .products.columns-2 article {
	flex: 0 0 50%;
	max-width: 50%;
}

.contentArticleContainer .woocommerce.columns-3 .products.columns-3 article {
	flex: 0 0 33.3%;
	max-width: 33.3%;
}

@media screen and (max-width: 480px) {
	.contentArticleContainer .woocommerce.columns-1 .products.columns-1 article,
	.contentArticleContainer .woocommerce.columns-2 .products.columns-2 article,
	.contentArticleContainer .woocommerce.columns-3 .products.columns-3 article {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* Classe per nascondere contenuti */
.nascosto { display: none \!important; }

.menu-azzurro > a,
a.menu-azzurro {
	color: #9CD4ED !important;
	font-weight: 600 !important;
}