/*!
Theme Name: arborea
Author: Mrm
Description: Tema per il sito Arborea
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: arborea
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
-------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}





/* ---------------------------- */
body.single-ricetta{overflow-x: clip;}
.site{position: relative;}
.single-ricetta .product__header-image{height: 7%; object-position: 50% 50%;}
.recipe-details{background: url(assets/img/general/det-ricetta.png) no-repeat top center; background-size: 100%; margin-top: 26.125rem; color: #003977; z-index: 1; position: relative;}
.single-ricetta .ombra{background: url(assets/img/general/ombra-det-ricetta.png) repeat-x top center; position: absolute; width: 100%; pointer-events: none; height: 100%; z-index: 0; top: 0;}
.recipe-details .title-big{margin-bottom: 3.125rem;}
.recipe-details hr{background-color: #D9E4EA; margin: 3.75rem 0; height: 0.06rem;}
.recipe-details h2{font-size: 2.5rem;}
.recipe-details h3{font-size: 2.06rem; font-family: Populaire;}
.recipe-details .txt{font-size: 1.125rem; line-height: 1.5625rem; margin-top: 1rem;}
.recipe-details .txt h6{display: none;}
.recipe-details .prodotto-evidenza{font-size: 1rem; color: #647384; text-align: center; max-width: 18.75rem; margin: auto;}
.recipe-details .prodotto-evidenza h2{color: #003977; margin-top: 0.70rem; line-height: 2.68rem;}
.recipe-details .prodotto-evidenza img{max-width: 18.75rem;}
.recipe-details .cat{margin-bottom: 1.875rem;}
.recipe-details .cat a{background-color: #EAF3F8; font-size: 1rem; padding: 0 0.625rem; border-radius: 2.125rem; color: #647384; padding: 0.5rem 1.625rem; margin-left: 0.625rem; font-weight: 500;}
.recipe-details .cat a:first-child{margin-left: 0;}
.recipe-details .meta{font-size: 1.125rem; line-height: 1.375rem; overflow: hidden; margin-top: 0.625rem; font-weight: 500;}
.recipe-details .meta span{float:right; max-width: 44%;}
.recipe-details .meta span:first-child{float:left; max-width: none;}
.recipe-details .meta .difficulty{background: url(assets/img/general/ico-difficulty.png) no-repeat; padding-left: 2.5rem;}
.recipe-details .meta .prepazione{background: url(assets/img/general/ico-time.png) no-repeat; padding-left: 2.5rem;}
.recipe-details .recipe__content {margin: 0 auto; max-width: 53rem; padding-top: 8.25rem;}
.recipe-details .preparazione{background-color: #F7F7F7;}
.recipe-details .preparazione h2{text-align: center;}
.preparazione-items{
	position: relative;
}
.popup__box{
	position: relative; width: 200%;  margin-left: -2rem;
}
.popup {
position: absolute;
top: 2.875rem; right: 0;
transition: visibility .8s ease 0s;
visibility: hidden;
pointer-events: none
}
.popup_show {
z-index: 150;
overflow: auto;
pointer-events: auto
}
.popup_show .popup__content {
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top left;
transform-origin: top left
}
.popup__wrapper {
display: flex;
flex-direction: column;
align-items: center;
min-height: 100%;
flex: 1 1 auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
.popup__content {
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
transition: -webkit-transform .6s ease 0s;
transition: transform .6s ease 0s;
transition: transform .6s ease 0s,-webkit-transform .6s ease 0s;
background-color: #003977;
padding: 1.5625rem 1.875rem;
width: 100%;
max-width: 20.25rem;
border-radius: 20px;
color: #fff
}
.lock .popup__content {
visibility: visible
}
.popup__header {
display: table;
padding-bottom: .9375rem;
font-size: 2.1875rem; width: 100%;
}
.popup__title {
font-family: Populaire; display: table-cell; /*padding-left: 2.5rem;*/
}
.popup__text {
font-weight: 500;
font-size: 1rem;
line-height: 1.31
}
.popup__close {
display: table-cell;
}
.popup__close:focus{outline-offset: -2px; outline:0;}
.recipe-details .preparazione .consiglio{position: absolute; right: 0; color: #647384; font-weight: 500; font-size: 1.125rem; font-family: "Red Hat Text";}
.recipe-details .preparazione .consiglio img{vertical-align: middle; padding-left: 10px;}
.recipe-details h2{padding-bottom: 2.375rem; font-family: Populaire; color: #003977;}
.recipe-details .preparazione__content{margin: 0 auto; max-width: 53rem; padding-bottom: 3.25rem; padding-top: 3.25rem; position: relative;}
.recipe-details .preparazione-item{background-color: #FFFFFF; padding: 1.8rem; margin-bottom: 3.475rem; border-radius: 1.25rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); font-size: 1.125rem;}
.recipe-details .preparazione-item span{line-height: 1.5625rem; display: block;}
.recipe-details .preparazione-item .step-number{background: url('assets/img/general/bg-number.png') center no-repeat; background-size: contain; width: 71px; height: 66px; color: #FFFFFF; text-align: center; vertical-align: middle; font-size: 1.56rem; margin-top: -64px; line-height: 3.86rem;}
.recipe-details .preparazione-item .step-text{vertical-align: middle; padding: 1.25rem 0;}
.recipe-details .preparazione-item span img{max-width: 11.562rem; border-radius: 1.25rem;}
.recipe-details .ingredienti{overflow: auto; text-align: center;}
.recipe-details .ingredienti h5{font-family: Populaire; font-size: 1.56rem; text-align: left;}
.recipe-details .ingredienti h5:first-child{margin-top: 2.5rem;}
.recipe-details .ingredienti .cont{overflow: hidden;}
.recipe-details .ingredienti__content {margin: 0 auto; max-width: 53rem; padding-bottom: 3.25rem;}
.recipe-details .ingredienti .ingredient-item{background-color: #E9EFF2; border-radius: 1.5rem; font-size: 1.125rem; padding: 0.62rem 1.25rem; margin-top: 0.62rem; line-height: 1.375rem; overflow: hidden; font-weight: 500;}
.ingredient-name{float: left; width: 70%; text-align: left;}
.dx{float: right; text-align: right; width: 30%;}
.recipe-details .varianti{background: url(assets/img/general/bg-varianti-top.png) no-repeat top center #FFEA4D; background-size: contain;}
.recipe-details .varianti__container{background: url(assets/img/general/bg-varianti-bot.png) no-repeat bottom center; background-size: contain; padding: 0; max-width: none;}
.recipe-details .varianti__content{margin: 0 auto; max-width: 53rem; padding: 9.25rem .9375rem 0; font-size: 1.25rem; line-height: 1.56rem; font-weight: 500;}
.recipe-details .varianti__content div{padding-bottom: 4.25rem;}
.recipe-details .varianti__content a, .recipe-details .curiosita__content a{text-decoration: underline;}
.recipe-details .curiosita{font-size: 1.125rem; line-height: 1.375rem; color: #647384; padding-bottom: 25rem;}
.recipe-details .curiosita h3{margin-bottom: 1.25rem; text-align: center; color: #003977;}
.recipe-details .curiosita__content{background-color: #FFFFFF; max-width: 53rem; margin: 0 auto; padding: 1.8rem; border-radius: 1.25rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); font-size: 1.125rem; font-weight: normal;}
.recipe-details .bg-grey{background-color: #F7F7F7;}
.recipe-details .bg-grey .pad{margin: 0 auto var(--spacing-xs-d) auto; padding-left: 10%;}
.recipe-details .bg-grey .grid{padding-right: 10%;}
.recipe-details .condividi{text-align: center; margin-top: 6.25rem;}
.recipe-details .prodotto-evidenza .scopri{color: #003977;}
.recipe-details .about h2{font-size: 1.375rem; font-weight: 500; color: #647384; line-height: 1.45; padding-bottom: 0; font-family: "Red Hat Text"; text-transform: inherit;}
.recipe-details .about h3{font-size: clamp(3.125rem ,2.8413120567rem + 1.4184397163vw ,4.375rem); margin-bottom: 0}

.portata{margin-top: 20.125rem;}
.portata h1{margin-bottom: 3.125rem;}
.portata .portata__content {margin: 0 auto; max-width: 53rem; padding-bottom: 3.25rem;}

.store .intro{background: url("assets/img/general/bg-store.png") no-repeat top center; background-size: cover; margin-top: 21.125rem; text-align: center; padding: 7rem 0.6rem;}
.store .intro h1{margin-bottom: 1.25rem;}
.store .store__content {margin: 0 auto; max-width: 53rem; padding-bottom: 3.25rem;}
.store .store__container{padding: 0;}
.store .short{padding: 0 3.75rem;}
#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li span{text-transform: capitalize !important;}
#asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .btn-group button.adropdown-toggle .multiselect-selected-text{text-transform: inherit !important;}


.quantity .quantity__button_minus{background: url('assets/img/general/bt-meno.svg') center no-repeat; background-size: contain; height: 3.625rem; width: 3.875rem;}
.quantity .quantity__button_plus{background: url('assets/img/general/bt-piu.svg') center no-repeat; background-size: contain; height: 3.625rem; width: 3.875rem;}
.quantity .quantity__input{vertical-align: middle;}
.quantity input{text-align: center; width: 80px; font-size: 2rem; vertical-align: top;}
.quantity input:focus-visible{outline:initial;}
.quantity img{vertical-align: middle;}
.quantity div{margin-bottom: 1.875rem; font-size: 1rem; line-height: 1.31rem; font-weight: 500; color: #647384;}
.quantity .coperti{font-size: 1.375rem;}
.quantity br{display: none;}
#share .fa::before{color: #003977;}

.recipe-details .about__text{font-weight: 500; color: #003977 !important; font-size: 1.125rem !important; line-height: 1.375rem;}
.recipe-details .about__content .button{text-transform: uppercase; font-weight: 500;}
.recipe-details .about__content{padding-top: 0;}

.landing-block-steps-description-section{display: flex; flex-wrap: wrap; gap: 1rem; padding-bottom: 8rem;}
.landing-step-block{display: flex; gap: 1.625rem; flex-direction: column; padding: 3.75rem 10.75rem; width: 43.75rem; background: url('assets/img/general/icon-goccia.png') center no-repeat; background-size: contain;}
.landing-step-block img{width: inherit !important; height: inherit !important; margin-bottom: 1.625rem;}
.landing-page .magazine-steps__content{padding: 2rem 20px;}
.landing-page .intro__container{padding-bottom: 2.25rem;}
.landing-page .block-steps-description-left-section, .landing-page .block-steps-description-right-section{margin: 0 auto;}

@media (min-width:108.125em) {
	
}

@media (min-width:20em) {
	.single-ricetta .product__header-image{height: 7%;}
}

/* tablet */
@media (min-width: 48em) {
	/*.recipe-details{background-size: cover;}*/
	.single-ricetta .product__header-image{height: 11%;}
	.recipe-details h2{font-size: 3.125rem; line-height: 3.68rem; }
	.recipe-details h3{font-size: 2.18rem;}
	.single-ricetta .recipe-details .recipe__content {padding-top: 12.95rem;}
	.recipe-details .ingredienti{text-align: left;}
	.recipe-details .ingredienti__content {padding-bottom: 6.25rem; padding-top: 3.25rem;}
	.recipe-details .ingredienti .cont{padding-top: 3.25rem;}
	.recipe-details .ingredienti__content .cell:last-child{float: right;}
	.recipe-details .ingredienti__content .cell{float: left; width: 50%;}
	.recipe-details .ingredienti h5{font-size: 2rem;}
	.recipe-details .ingredienti h5:first-child{margin-top: 0;}
	.quantity br{display: block;}
	.recipe-details .preparazione__content{padding-bottom: 6.25rem; padding-top: 6.25rem;}
	.recipe-details .preparazione-item{padding: 2.375rem; margin-bottom: 1.875rem;}
	.recipe-details .preparazione-item span{padding: 0 1.875rem; display: table-cell;}
	.recipe-details .preparazione-item span:last-child{padding: 0 0 0 1.875rem;}
	.recipe-details .preparazione-item .step-number{font-size: 2rem; width: 89px; height: 84px; margin-top: inherit; line-height: inherit;}
	.recipe-details .preparazione-item .step-text{padding: 0 1.875rem;}
	.recipe-details .curiosita__content{padding: 2.375rem;}
	.store .intro{background: url("assets/img/general/bg-store.png") no-repeat top center; background-size: contain; padding: 9rem 5.6rem;}	
	.store .store__container{padding: 0 0.9375rem;}
}

/* desktop */
@media (min-width: 62em) {
	.single-ricetta .product__header-image{object-position: center;}
	.recipe-details{margin-top: 24.125rem;}
	.recipe-details .varianti__container, .recipe-details .curiosita .curiosita__container{padding: 0 .9375rem;}
	.recipe-details .varianti__content{font-size: 1.375rem; line-height: 2rem; padding: 14.25rem .9375rem 0;}
	.landing-step-block{max-width: 43.75rem;}
	.popup {top: 5.875rem;}
}

/* desktop xl */
@media (min-width: 75em) {
	.recipe-details{margin-top: 19.125rem;}
}

@media (min-width: 80em) {
	.recipe-details{margin-top: 21.125rem;}
	.single-ricetta .product__header-image{height: auto; width: 100% !important;}
}
@media (min-width: 90em) {
	.landing-block-steps-description-section .block-steps-description-right-section{margin-top: 159px;}
	.single-ricetta .recipe-details .prodotto-evidenza{right: 2%; position: absolute; top: 2%;}
}
@media (min-width: 100em) {
	.recipe-details{margin-top: 28.125rem;}
	.recipe-details .about{padding-bottom: 6.0625rem;}
	
}

@media (min-width:20em)and (max-width:108.125em) {
	
	
}