@import '../components/Componenti/product-grid-box.css';
@import '../components/faq.css';
@import '../Moduli/Stripe/news-stripe.css';

/* Intro Stripe
------------------------------------------------------------*/
	body.product-category-primary #intro-stripe .stripe-container:before {
	    content: '';
	    width: 100%;
	    display: block;
	    height: 2.6vw; /*50*/
	    background-color: var(--color-main);
	    border-bottom-left-radius: 1.56vw; /*30*/
	    border-bottom-right-radius: 1.56vw; /*30*/
	}
	#intro-stripe .stripe-title {
	    padding-top: 1.04vw; /*20*/
	}

/* Macro Cat
------------------------------------------------------------------------------------------------------------------------*/
	/* Stripes Image Text
	------------------------------------------------------------*/
		.text-image-stripe .col-text {
		    width: 36.89%;
		}
		.text-image-stripe .stripe-container-inner:not(.reverse) .col-text {
		    padding-right: 4.69vw; /*90*/
		}
		.text-image-stripe .stripe-container-inner.reverse .col-text {
		    padding-left: 4.69vw; /*90*/
		}
		.text-image-stripe .col-img {
		    width: 63.11%;
		}
		.text-image-stripe .col-img .col-container {
		    height: 52.5vw; /*1008*/
		}

		/* Floating Icon
		------------------------------------------------------------*/
			.text-image-stripe-1 .col-container-inner {
			    position: relative;
			}
			.text-image-stripe-1 .floating-icon {
			    position: absolute;
				bottom: 96%;
				width: 24.52vw; /*470*/
				height: 23.72vw; /*455*/
			    left: calc(91.615vw - 100vw - 8.386vw);
			    opacity: 0.1;
			}
			.text-image-stripe-1 .floating-icon img {
			    object-position: left 65%;
			}

/* Sub Cat
------------------------------------------------------------------------------------------------------------------------*/
	/* Macro Cat with sub cat layout
	------------------------------------------------------------*/
		section.tax-icon-logo {
		    margin-top: -5.99vw; /*115*/
		    pointer-events: none;
		}
		section.tax-icon-logo img {
		    width: 25.78vw; /*495*/
		    opacity: 0.1;
		}

@media screen and (max-width: 1920px) {
	/* Intro Stripe
	------------------------------------------------------------*/
		#intro-stripe .stripe-title {
		    padding-top: 20px;
		}
}

@media screen and (max-width: 1600px) {
	/* Intro Stripe
	------------------------------------------------------------*/
		#intro-stripe .stripe-title {
		    padding-top: 15px;
		}

	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/	
			.text-image-stripe-1 .floating-icon {
			    bottom: 96%;
			    width: 24.52vw;
			    height: 23.72vw;
			}
}

@media screen and (max-width: 1440px) {
	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/
		    .text-image-stripe .col.col-img {
		        width: 61.105%;
		    }
		    .text-image-stripe .col.col-text {
		        width: 38.895%;
		    }

		    .text-image-stripe-1.with-bg-logo > .bg-logo {
		        width: calc(100vw - 55.97vw);
		    }
		    .text-image-stripe-2.with-bg-logo > .bg-logo {
		        width: calc(100vw - 55.97vw);
		    }
}

@media screen and (max-width: 1280px) {
	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/
			.text-image-stripe-1 .floating-icon {
			    left: calc(91.615vw - 100vw - 6.386vw);
			}
}

@media screen and (max-width: 1150px) {
	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/
		    .text-image-stripe-1 .floating-icon {
		        left: calc(91.615vw - 100vw);
		    }	
			.col-text.apply-pad-l {
				padding-left: 0;
			}
			.col-text.apply-pad-r {
				padding-right: 0;
			}
}

@media screen and (max-width: 992px) {
	/* Intro Stripe
	------------------------------------------------------------*/
		#intro-stripe .stripe-title {
		    padding-top: 10px;
		}

	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/	
			.text-image-stripe .col.col-text {
			    width: 45.895%;
			}
			.text-image-stripe .col.col-img {
			    width: 54.105%;
			}
			.text-image-stripe .col-img .col-container {
			    height: 53.83vw;
			    min-height: 500px;
			}

			.text-image-stripe-1 .floating-icon {
			    left: calc(97.06vw - 100vw);
			}
			.text-image-stripe-1 .floating-icon {
			    bottom: 99%;
			}

}

@media screen and (max-width: 767px) {
	#intro-stripe .stripe-container {
	    padding-top: 90px;
	    padding-bottom: 20px;
	}
	#intro-stripe .stripe-description {
	    padding-left: 0;
	    padding-right: 0;
	}
	#intro-stripe h2 {
	    padding-bottom: 40px;
	}
	#intro-stripe .stripe-title {
	    padding: 0;    
	}
	
	/* Macro Cat
	------------------------------------------------------------------------------------------------------------------------*/
		/* Stripes Image Text
		------------------------------------------------------------*/
		body.product-category-primary #intro-stripe .stripe-container:before {
		    display: none;
		}
		#intro-stripe .stripe-container-inner {
		    padding-top: 0;
		    padding-bottom: 0;
		}
		#intro-stripe .stripe-container {
		    padding-bottom: 140px;
		}

		.col-text .floating-icon {
		    display: none;
		}
		.text-image-stripe-1 .stripe-container-inner > .floating-icon {
		    display: block !important;
		    width: 199px !important;
		    height: 199px !important;
		    position: absolute;
		    top: -199px;
		    left: 0;
		}
		.text-image-stripe-1 .stripe-container-inner > .floating-icon img {
		    object-position: bottom;
		}
		.text-image-stripe .stripe-container-inner > * {
		    width: 100% !important;
		}
		.text-image-stripe .col-text {
		    order: 2;
		    padding-top: 95px;
		}
		.text-image-stripe  h2 {
		    padding-bottom: 30px;
		}
		.text-image-stripe .btn {
		    margin-top: 30px;
		}
		.text-image-stripe .col-img {
		    order: 1;
		}
		.text-image-stripe .stripe-container.stf-c.md-sp {
		    padding-top: 105px;
		}
		.text-image-stripe .col-img .col-container {
		    height: unset;
		    min-height: unset;
		}
		.text-image-stripe .col-img .col-container img {
		    width: 100vw;
	        height: 129.53vw;
	        max-height: 648px;
		    position: relative;
		    left: 50%;
		    transform: translateX(-50%);
		}
		.text-image-stripe .col.col-text {
		    padding-left: 0 !important;
		    padding-right: 0 !important;
		}
		.bg-logo-stripe.closing-logo .stripe-container-inner {
		    width: 400px;
		    height: 165px;
		    left: -85px;
		    position: relative;
		}
		.bg-logo-stripe .stripe-container-full {
		    padding-bottom: 40px;
		    padding-top: 80px;
		}

		.text-image-stripe-1 .col-container-inner {
		    transform: unset !important;
		}

	/* Sub Cat
	------------------------------------------------------------------------------------------------------------------------*/
		#intro-stripe.sub-cat-layout .stripe-container {
		    padding-bottom: 0px;
		}
		#intro-stripe.sub-cat-layout.is-sub-cat .stripe-container {
		    padding-bottom: 60px;
		}
		section.tax-icon-logo img {
		    width: 199px;
		    height: 199px;
		}
		section.tax-icon-logo.no-select {
		    margin-top: -40px;
		}

}