/*
Theme Name: Aachen Child
Theme URI: https://aachen.qodeinteractive.com
Description: A child theme of Aachen
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: aachen
Template: aachen
*/

:root {
	--accent:#009AC9;
}
.grecaptcha-badge { display:none !important; }

#qodef-page-header .qodef-header-logo-link {
	/* height: 30px; */
	width: 205px;
}
.qodef-fullscreen-menu > ul > li > a {
	font-family: "Manrope",serif;
	line-height: 1.2;
	font-size: 60px;
	font-weight: 300;
	letter-spacing:0;
}

.home .swiper-slide {
	h1 {
		font-size:86px !important;
		text-transform:none !important;
	}
	.qodef-m-info-description {
		margin-top:2rem;
	}
}
.swiper-pagination-bullet span {
	color: var(--accent) !important;
}
.qodef-animated-text-image-slider .qodef-bottom-info .swiper-pagination-bullet .qodef-swiper-line-below::before {
	background-color: var(--accent) !important;
}

.qodef-side-area-opener,
.qodef-info--date,
.qodef-info--category {
	display:none !important;
}

.qodef-interactive-banners .qodef-m-image {
	background-color:black;
}
.prod-boxes .qodef-interactive-banners .qodef-m-image img {
	opacity: 0.3;
}
.qodef-interactive-banners .qodef-ib-item-title {
	font-size:30px;
}

.lower-slider .qodef-animated-text-image-slider .qodef-bottom-info {
	bottom: -48px;
}

/* PRODOTTO */
.prodotto-template-default, .tax-prod_category {
	#qodef-page-header {
		position: absolute;
		width:100%;
		background-color:transparent !important;
	}
}
.header-prodotto {
	width:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	aspect-ratio: 1920 / 445;
	display:flex;
	align-content:center;
	justify-content: center;

	.header-container {
		width:min(1400px, 100%);
		display:flex;
		flex-direction:column;
		justify-content:center;
	}

	h4 {
		color: var(--accent);
		margin: 0;
		font-size: 1rem;
		font-weight: bold;
	}
	h1 {
		color:white;
		margin:0;
	}
}
.product-container {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4rem;
	padding-block:6rem;

	h2 {
		font-size:60px;
		font-weight:bold;
		margin-top: 0;
		color: var(--accent);
	}
}

.specifiche-prodotto {
	margin-top:2rem;
	width: min(580px, 100%);
}
#specifiche-header {
	color: var(--accent);
	padding-block:0.5rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0.5rem;
	cursor:pointer;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;

	i {
		margin-right:10px;
	}
	.fa-minus, &.opened .fa-plus {
		display:none;
	}
	&.opened .fa-minus {
		display:block;
	}
}
.specifica {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	border-bottom:2px solid #c2c2c2;
	padding-block:1rem 0.25rem;
}

/* slider */
.bk-slider {
    position: relative;
    overflow: hidden;
    width: 100%;

    .bk-slider-track {
        position: relative;
        width: 100%;

        /* tiene l'altezza: la prima slide occupa spazio nel flusso */
        .bk-slide:first-child {
            position: relative;
        }

        .bk-slide {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    opacity: 0;
		    z-index: 1;
		    transition: opacity 0.4s ease;

		    &.active {
		        opacity: 1;
		        z-index: 2;
		    }
		}

        .bk-slide.active {
            opacity: 1;
            z-index: 2;
        }
    }
}

.bk-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
	font-size: 24px;

	&.bk-arrow-left {
		left: 5px;
	}

	&.bk-arrow-right {
		right: 5px;
	}
}

/* CAT */
.category-excerpt-row {
	background-color:#E8ECED;
	padding-block:2rem;

	.category-excerpt {
		display:grid;
		grid-template-columns:2fr 1fr;
		gap:4rem;

		h3 {
			margin-top: 0;
		}
	}
	.category-img {
		max-height:195px;
		text-align:right;
		display:flex;
		justify-content:end;
		align-items:center;

		img {
			height:75%;
			width:auto;
		}
	}
}

.category-prodlist {
	padding-block:4rem;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:3rem;

	.prod-item {
		display:flex;
		flex-direction:column;

		h3 {
			font-size:60px;
			font-weight:bold;
			margin: 0;
			color:var(--accent);
		}

		a {
			transition:all 0.3s ease;

			&:hover {
				color:var(--accent);
			}
		}
	}
}

/**/

.network-container {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));
	gap:2rem;
	padding-bottom:3rem;

	.network-item {
		padding:2rem 2.5rem;
		transition:all 0.3s ease-out;
		display:flex;
		flex-direction:column;
		border:1px solid white;

		&:hover {
			background-color:#2c2c2c;
		}

		i {
			margin-right:1rem;
		}
	}

	.network-vendita {
		.network-resp i {
			color: var(--accent);
		}
		.network-resp {
			padding-block:2rem;
			font-weight:bold;
		}
	}

	.network-distributori {
		.network-comp, .network-lct {
			color: var(--accent);

			i {
				color: white;
			}
		}

		gap:2rem;
	}
	
}

#qodef-page-footer-top-area-inner {
	border:0 none !important;

	#custom_html-4 .textwidget a {
		transition:all 0.3s ease-out;

		&:hover {
			color:var(--accent);
		}
	}
}
#qodef-page-footer-bottom-area-inner #custom_html-2 {
	text-align:right;
}
#qodef-page-footer {
	border-top:1px solid #777;
}
#menu-footer-menu-1 li a {
	text-transform: uppercase;

	span {
		color:var(--accent) !important;
	}
}

.mc-logo-dark, .buko-logo-dark {
	display:none !important;
}
.prodotto-template-default .mc-logo-light,
.tax-prod_category .mc-logo-light,
.prodotto-template-default .buko-logo-light,
.tax-prod_category .buko-logo-light,
.privacy-policy .mc-logo-light,
.privacy-policy .buko-logo-light,
.single-portfolio-item .mc-logo-light,
.single-portfolio-item .buko-logo-light,
.page-id-1542 .mc-logo-light,
.page-id-1542 .buko-logo-light {
	display:none !important;
}
.prodotto-template-default .mc-logo-dark,
.tax-prod_category .mc-logo-dark,
.prodotto-template-default .buko-logo-dark,
.tax-prod_category .buko-logo-dark,
.privacy-policy .mc-logo-dark,
.privacy-policy .buko-logo-dark,
.single-portfolio-item .mc-logo-dark,
.single-portfolio-item .buko-logo-dark,
.page-id-1542 .mc-logo-dark,
.page-id-1542 .buko-logo-dark {
	display:inline-block !important;
}

.wpcf7-form input {
	font-weight:normal !important;
	text-transform:none !important;
	color:black;
	font-size:1rem;
	padding-block: 0.25rem;
	border-bottom:1px solid var(--accent);
}
button[type="submit"], input[type="submit"] {
	font-family: "Manrope",serif;
	font-size:1rem;
	line-height: 2em;
	font-weight:400;
	letter-spacing:0;
	padding: 12px 51px;
	color:var(--accent);
	background-color: transparent;
	border: 1px solid var(--accent);
}
input[type="checkbox"] {
	appearance: auto !important;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin-left:0 !important;

	label {
		color: #000;
		margin-bottom:1rem;
		cursor:pointer;
	}
}

#qodef-page-mobile-header-inner {
	border-bottom:0 none !important;
}
.wpcf7-response-output {
	color:#000 !important;
}

@media (max-width:1480px) {
	.header-prodotto {
		padding-inline: 4vw;
	}
	.category-prodlist {
		grid-template-columns: repeat(3, 1fr);
		gap:2rem;
	}
	.category-prodlist {
	  & .prod-item {
	    & h3 {
	      font-size:40px;
	    }
	  }
	}
}
@media (max-width:768px) {
	.network-container {
		gap:1rem;
		grid-template-columns:1fr;

		.network-item {
			padding:1rem 1.5rem;
		}
	}
	.category-prodlist {
		grid-template-columns: repeat(2, 1fr);
		gap:2rem;
	}

	.home .swiper-slide {
	  & h1 {
	    font-size: 40px !important;
	    text-transform: none !important;
	  }
	}
	.header-prodotto {
	  & h1 {
	   font-size: 40px !important;
	  }
	}
	.product-container {
		grid-template-columns: 1fr;
		gap: 4rem;
		padding-block: 4rem;
	}

	.qodef-fullscreen-menu > ul > li > a,
	.tax-prod_category h1,
	.product-container h2 {
		font-size:40px;
	}

	.header-prodotto {
		aspect-ratio:16/9;
	}

	.category-excerpt-row {
	  	& .category-excerpt {
	    	grid-template-columns: 1fr;
	    	gap: 1rem;
	  	}
	  	& .category-img {
		    max-height: 195px;
		    text-align: center;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}
	}
}

@media (max-width: 480px) {
	.category-prodlist {
		grid-template-columns:1fr;
		gap:2rem;
	}
}