/*
 Theme Name:   Mitrani Theme
 Theme URI:    http://www.boriswebactivity.altervista.org/
 Description:  Powered by <a href="http://boriswebactivity.altervista.org">BWA</a>.
 Author:       Boris
 Author URI:   http://boriswebactivity.altervista.org
 Template:     bwa-theme-v3
 Version:      1.0.0
*/
body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	--color-text: #4d4d4d;
	color: var(--color-text);
	--color-borders: #ededed;
	--mitrani-input-shadow: 0px 3px 6px rgba(0, 0, 0, 0.025);
	--mitrani-input-focus-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
	--color-borders-input: #cac9c9;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: bold;}
.font-alt > span{white-space: nowrap;}
.font-alt > span > sup,
.font-alt > sup{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: .75em;
	transform: rotate(180deg) translateY(.38em) translateX(.12em);
	display: inline-block;
}

.availability-esaurito:before,
.availability-disponibile:before{
	content: "";
	display: inline-block;
	height: .75em;
	width: .75em;
	border-radius: 50%;
	background-color: var(--color-success);
	margin-right: .5em;
}
.availability-esaurito:before{
	background-color: var(--color-danger);
}

.font-alt{font-weight: normal; line-height: .95;}
.font-heading{font-family: 'PP Gatwick';}
.wp-block-button__link.super-transparent{background-color: transparent !important; border: 2px solid var(--color-link);}
.wp-block-button__link.super-transparent:hover{
	color: white !important;
	background-color: var(--color-link) !important;
}

.button.inst-button,
.btn.btn-inst{
	color: #000 !important;
}
.button, .btn, .wp-block-button__link{
	font-family: 'PP Gatwick';
}

.more-link > a,
a.more-link{
	font-weight: bold;
	color: #000 !important;
	display: flex;
	align-items: center;
	gap: .5em;
	font-family: 'PP Gatwick';
	text-transform: uppercase;
}
.more-link > a:hover,
a.more-link:hover{text-decoration: none; color: var(--color-link);}
.more-link > a:after,
a.more-link:after{
	content: "";
	height: 16px;
	width: 32px;
	transition: all .5s var(--bwa-transition);
	background-image: url(images/icons/arrow-right.svg);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.more-link > a:hover:after,
a.more-link:hover:after{
	transform: translateX(.25em);
	/*background-image: url(images/icons/arrow-right-hover.svg);*/
}

.more-link.bottom-arrow > a:after,
a.more-link.bottom-arrow:after{
	transform: rotate(90deg);
}
.more-link.bottom-arrow:hover > a:after,
a.more-link.bottom-arrow:hover:after{
	transform: rotate(90deg) translateX(.25em);
}

.post.format-standard .more-link{
	margin-top: 2em;
}

.tabella-valori .wp-block-spacer{
	margin: 7.5px 0;
}
#colonne-dettagli .wp-block-columns{
	margin-bottom:0;
}
#colonne-dettagli .wp-block-columns:not(:last-child){
	border-bottom: 1px solid var(--color-borders);
}
#colonne-dettagli .wp-block-columns .wp-block-column{
	min-height: 100%;
}
#colonne-dettagli .wp-block-columns .wp-block-column:last-child{
	border-left: 1px solid var(--color-borders);
}
@media screen and (max-width: 781px){
	#colonne-dettagli .wp-block-columns .wp-block-column:last-child{
		border-left: none;
	}
	#colonne-dettagli .wp-block-columns .wp-block-column{
		border-bottom: 1px solid var(--color-borders);
	}
}

.qib-container .qib-button:not(#qib_id):not(#qib_id){
	border: none;
	background-color: transparent;
}
.qib-container .qib-button:not(#qib_id):not(#qib_id),
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id),
.qib-container div.quantity:not(#qib_id):not(#qib_id){
	height: 100% !important;
}
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
	border: none !important;
}
.qib-container .qib-button:not(#qib_id):not(#qib_id):last-child {
	border-radius: 0;
	border: none;
	border-left: none;
}
.qib-container .qib-button:not(#qib_id):not(#qib_id):first-child {
	border-radius: 0;
	border: none;
	border-right: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover{
	border-radius: 0px;
}
.qib-container{
	min-width: 108px;
	width: 108px;
	height: 54px;
	align-items: center;
	display: inline-flex !important;
	border: 1px solid var(--color-link);
}
form.cart button[type="submit"]:not(#qib_id):not(#qib_id):not(_):not(_) {
	height: 35px;
	text-align: center;
	min-height: 35px;
	padding-top: .2em !important;
	padding-bottom: .2em !important;
	display: flex;
	height: 54px !important;
	align-items: center;
	justify-content: center;
}
.woocommerce div.product form.cart div.quantity input{
	border: 1px solid var(--color-link);
}
@media screen and (max-width: 991px){
	.woocommerce div.product form.cart div.quantity{
		margin-bottom: 10px;
		margin-top: -20px;
	}	
}
.woocommerce div.product form.cart .variations select{
	height: 54px;
	line-height: 1.5;
	padding: .5rem 1.8rem;
	background-color: var(--color-custom);
	border-width: 2px !important;
	border-color: var(--color-link) !important;
}
form.cart button[type="submit"]:not(#qib_id):not(#qib_id):not(_):not(_).disabled{
	opacity: .5;
}
.bwa-add-to-cart{
	justify-content: flex-start;
}

/* Extra title */
.tax-name-header{font-size: 11px;}
.extra-title,
.section-title{
	font-size: 16vw;
}
.section-title,
.extra-title:not(.font-alt){font-size: 10vw;}
.the-arrow-ul > li a,
.extra-title.mini,
.section-title.mini{
	font-size: 7vw;
}
.extra-title.middle,
.section-title.middle{
	font-size: 10vw;
}

@media screen and (min-width: 782px){
	.extra-title,
	.section-title{
		font-size: 10vw;
	}
	.the-arrow-ul > li a,
	.extra-title.mini,
	.section-title.mini{
		font-size: 3.5vw;
	}
	.section-title,
	.extra-title.middle,
	.section-title.middle{
		font-size: 6.5vw;
	}
}
@media screen and (min-width: 992px){
	.skills-block{
		width: 100%;
	}
	.the-arrow-ul > li.enabled a:after{
		-webkit-transition-delay: 600ms;
		     -o-transition-delay: 600ms;
		        transition-delay: 600ms;
	}
	.extra-title,
	.section-title{
		font-size: 10vw;
	}
	.the-arrow-ul > li a,
	.extra-title.mini,
	.section-title.mini{
		font-size: 3.5vw;
	}
	.section-title,
	.extra-title.middle,
	.section-title.middle{
		font-size: 6.5vw;
	}
}
@media screen and (min-width: 1200px){
	.extra-title,
	.section-title{
		font-size: 10vw;
	}
	.the-arrow-ul > li a,
	.extra-title.mini,
	.section-title.mini{
		font-size: 3.5vw;
	}
	.section-title,
	.extra-title.middle,
	.section-title.middle{
		font-size: 6.5vw;
	}
}
@media screen and (min-width: 1440px){
	.extra-title,
	.section-title{
		font-size: 10vw;
	}
	.the-arrow-ul > li a,
	.extra-title.mini,
	.section-title.mini{
		font-size: 2.2vw;
	}
	.section-title,
	.extra-title.middle,
	.section-title.middle{
		font-size: 5vw;
	}
}

.cover-manifesto > div{
	position: sticky;
	top: 120px;
}
/* Input customization */
.form-group .checkbox,
.form-group .radio,
.form-group label {
	border: none;
	background-color: transparent !important;
}

.form-group .checkbox label,
.form-group .radio label {
	background-color: transparent !important;
}

.form-group .checkbox,
.form-group .radio,
.form-group .form-control {
	border-top: 2px solid var(--color-borders) !important;
	border-width: 2px;
	border-color: var(--color-borders);
	border-radius: 0;
	transition: all .5s var(--bwa-transition);
	background-color: white !important;
}

.form-group .checkbox,
.form-group .radio {
	border: 2px solid var(--color-borders) !important;
}

.form-group .checkbox svg,
.form-group .radio svg {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px 0 auto;
	color: var(--color-link);
}

.form-group textarea.form-control {
	line-height: 1.4;
}

.form-group .form-control:focus {
	box-shadow: var(--mitrani-input-focus-shadow);
}

.form-group .help-block {
	background-color: transparent;
}

.form-group .form-control {
	font-size: 16px;
}

.form-group .form-control {
	height: 54px;
	line-height: 54px;
	padding: 14px 20px;
}

.form-group textarea.form-control {
	height: auto;
}

.form-group .form-control:focus {
	background-color: rgba(255, 255, 255, 1) !important;
}

.form-group .checkbox,
.form-group .radio {
	padding: 10px;
	box-shadow: none;
}

.form-group>.radio {
	flex-direction: column;
	gap: 7.5px;
}

#form_footer .form-group .form-control{
	border-color: var(--color-link) !important;
	background-color: transparent !important;
	color: var(--color-link);
}
#form_footer .form-group .form-control::placeholder{
	color: var(--color-link);
}
#form_footer .contactform{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
#form_footer .contactform .field-accetta{
	grid-row-start: 2;
	grid-column-start: 1;
	grid-column-end: 3;
}
#form_footer .contactform .recaptcha-li{
	grid-row-start: 2;
	grid-column-start: 3;
	grid-column-end: 4;
}
#form_footer .form-group .checkbox{
	border: none !important;
	background-color: transparent !important;
	color: var(--color-link);
}
@media screen and (max-width: 781px){
	#form_footer .contactform{
		display: flex;
		flex-direction: column;
	}
}

.decorazione svg{
	margin: auto;
	display: block;
	max-width: 100%;
	height: auto;
}
.woocommerce-product-gallery,
.decorato{
	background-image: url(images/media/mitrani-icon-03.svg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 33%;
}
.woocommerce-product-gallery,
.decorato.centrale{
	background-position: top center;
	background-size: 66%;
}
.woocommerce-product-gallery__trigger{display: none;}
.woocommerce-product-gallery {
    pointer-events: none;
}
.woocommerce-product-gallery .flex-control-nav{
	pointer-events: auto;
}
@media screen and (max-width: 781px){
	.decorato{
		background-position: top center;
		background-size: 66%;
	}
}

body.woocommerce div.product div.images.woocommerce-product-gallery{
	position: relative;
	top: auto;
}

.move-up-block{
	margin-top: -90px;
}
.move-down-block{
	margin-bottom: -90px;
}
@media screen and (min-width: 1200px){
	.move-up-block{
		margin-top: -130px;
	}
	.move-down-block{
		margin-bottom: -130px;
	}
}

.nav-menu > ul > li > a,
ul.nav-menu > li > a{
	font-family: 'PP Gatwick';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

@media screen and (min-width: 1200px){
	.site-header:not(.scrolled){
		margin-top: 38px;
	}
	.site-header .header-container > .widget-area-top{
		min-width: 128px;
	}
	.site-header .header-container > #masthead,
	.site-header .header-container > #site-navigation{
		width: 100%;
	}
	.site-header .header-container > #site-navigation{
		width: calc(100% - 120px);
	}
	.site-header .header-container > #mobile-cart-link{
		min-width: 60px;
	}
}
.site-header.scrolled .header-container .widget-area-top{
	display: none !important;
}
.site-header.reduct-forced .logo{ height: 50px; }
.site-header.scrolled .logo,
.site-header:not(.centered) .logo{
	align-items: flex-start;
}
.site-header .logo .onscroll {
	left: 0px;
	transform: translateX(0);
}
#top_container:before{display: none;}

.woocommerce div.product .product_title{
	font-size: 22px;
	margin-bottom: 15px;
	color: var(--color-link);
}
.woocommerce div.product .woocommerce-product-details__short-description{
	margin-bottom: 15px;
	font-family: 'PP Gatwick';
	color: var(--color-link);
	font-size: .85em;
	font-weight: bold;
}
span.price > span,
p.price > span{
	display: flex;
	gap: 1em;
	justify-content: space-between;
	align-items: baseline;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	font-size: 18px;
	font-family: 'PP Gatwick';
}
.woocommerce div.woocommerce-error, .woocommerce div.woocommerce-info, .woocommerce div.woocommerce-message, .woocommerce ul.woocommerce-error, .woocommerce ul.woocommerce-info, .woocommerce ul.woocommerce-message{
	border-color: var(--color-link);
	background-color: #fff;
}

.woocommerce table.shop_attributes{
	border: none;
	font-size: 13px;
	color: var(--color-link);
}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th{
	border-right: none;
	border-color: var(--color-link);
	background-color: transparent !important;
}
.woocommerce table.shop_attributes th{
	font-family: 'PP Gatwick';
}

@media screen and (max-width: 991px) {
	.shop-intro {
		font-size: 11px;
	}
}
@media screen and (max-width: 479px) {
	.woocommerce ul.products:not(.columns-1) li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products:not(.columns-1) li.product .woocommerce-loop-product__title {
	  	font-size: 11px;
	}
}
@media screen and (min-width: 1200px){
	ul.nav-menu .divider-item{
		margin-right: 10px;
	}
	ul.nav-menu .trp-language-switcher > a{
		padding: 0 5px;
	}
	ul.nav-menu > li.divider-item::before {
		transform: translateY(.62em);
	}
}
.woocommerce-EditAccountForm, .woocommerce-ResetPassword, .woocommerce-account-fields, .woocommerce-additional-fields__field-wrapper, .woocommerce-address-fields, .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper,
.bwa-coupon-box,
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,
.woocommerce table.shop_table{
	background-color: white !important;
	border-color: var(--color-text);
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce ul.woocommerce-error > li, .woocommerce ul.woocommerce-info > li, .woocommerce ul.woocommerce-message > li{
	background-color: var(--color-custom-2);
}
.woocommerce-additional-fields > h3, .woocommerce-billing-fields > h3, .woocommerce-checkout > h3, .woocommerce-shipping-fields > h3{
	border-color: var(--color-text);
}

.archive-header .section-intro{
	color: var(--color-link);
}

@media screen and (min-width: 992px) {
	body.woocommerce-cart .cart-collaterals,
	body.woocommerce-cart .woocommerce-cart-form {
		width: 100%;
		padding-left: 0;
	}
}