/*
 Theme Name:   BTecno Child Theme
 Description:  BTecno Child Theme
 Author:       BTecno Srl
 Template:     btecno-main
 Text Domain:  btecno
*/

/* 
All style editing is done via scss/_btecno_custom.scss
*/

@font-face {
	font-family: 'Lato Regular';
	src: url('/wp-content/themes/btecno-child-main/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Optima';
	src: url('/wp-content/themes/btecno-child-main/fonts/Optima.ttc') format('truetype');
}

:root {
	--saitta-colore: #164c9c;
	--blu-scuro: #0c2c66;
	--font-testi: 'Lato Regular';
	--font-titoli: 'Optima';
	--bs-font-sans-serif: 'Lato Regular';
	--bs-body-font-size: 18px;
	--padding-sezione: 50px;
	--bs-border-color: #000;
}

.fontTesti {
	font-family: var(--font-testi);
}

.fontTitoli {
	font-family: var(--font-titoli);
}

.backgroundSfumato {
	background: linear-gradient(to right, var(--blu-scuro), var(--saitta-colore));
    color: #fff;
}

.sizeTitoli {
	font-size: 50px;
}

.paddingSezione {
	padding: var(--padding-sezione);
}

a {
	text-decoration: none;
	color: var(--saitta-colore);
}

button.closeMenu {
    background: transparent;
    border: none;
}

button.saittaBottone, .saittaBottone, input.wpcf7-submit {
    padding: 10px 18px;
    border: none;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--saitta-colore);
    transition: all 0.4s ease;
    border-radius: 25px;
	font-family: var(--font-titoli);
}

button.saittaBottone:hover, input.wpcf7-submit:hover {
    background-color: var(--blu-scuro);
}

img.logo {
	width: 200px;
	transition: all 0.4s ease;
}

.offcanvas.offcanvas-top {
	height: 100%;
	background: linear-gradient(to right, var(--blu-scuro), var(--saitta-colore));
	border-bottom: none;
}

.nav-link {
	color: #fff;
	text-transform: uppercase;
	font-family: var(--font-titoli);
	font-size: 40px;
}

.nav-link:hover {
	color: #fff;
}

.nav-link::before {
	content: '— ';
	opacity: 0;
	transition: 0.5s;
	margin-right: -50px;
}

#menu-navbar-catalogo .nav-link:not(.active)::before {
	margin-right: -30px;
}

.menuCatalogo .nav-link {
    font-family: var(--font-testi);
    font-size: 30px;
    text-transform: capitalize;
}

.linkCatalogo .nav-link {
	text-transform: uppercase;
}

.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {
    color: #fff;
}

.nav-link:hover::before, .navbar-nav .nav-link.active::before {
  	content: '— ';
	opacity: 1;
  	margin-right: 5px;
	transition: 0.5s;
	color: #fff;
}

#menu-navbar-catalogo .nav-link:hover::before {
	margin-right: 5px;
}

#nav-main {
	transition: all 0.4s ease;
}

#nav-main.sticky {
	background: linear-gradient(to right, var(--blu-scuro), var(--saitta-colore));
	padding: 0px;
	transition: all 0.4s ease;
}

#nav-main.sticky img.logo {
    width: 150px;
	transition: all 0.4s ease;
}

#menu-navbar-catalogo {
	border-left: 1px solid #fff;
}

#menu-navbar, #menu-navbar-catalogo {
	padding-left: 75px;
	padding-top: 75px;
}

.btecno-info p {
	margin: 0;
}

.btecno-info a, .btecno-footer a {
	color: #fff;
}

.btecno-footer img {
	width: 175px;
}

.btecno-info {
	font-size: 14px;
}

.listaSocial img {
	width: 30px;
}

.home section.sezioneIntestazione {
	height: 85vh;
}

section.sezioneIntestazione {
    height: 60vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: end;
    justify-content: center;
    text-align: center;
	position: relative;
}

.layerBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

section.sezioneIntestazione h1 {
	font-size: 60px;
}

section.sezioneChiSiamo img {
	position: relative;
    right: -75px;
    bottom: -100px;
}

section.sezionePersonalizzazione img {
    margin-top: -50px;
	width: 50%;
}

section.sezioneMicrofibra {
    height: 95vh;
    margin-bottom: 100px;
}

section.sezioneMicrofibra .container-fluid {
	z-index: 10;
	height: 500px;
	position: relative;
}

section.sezioneMicrofibra .backgroundImage {
	background-size: cover;
	background-position: center;
	height: 450px;
	width: 49%;
	position: absolute;
	bottom: -50px;
}

.backgroundImage.first {
    left: 0;
}

.backgroundImage.last {
    right: 0;
}

.footer_widget.mb-4 {
	margin-bottom: 0 !important;
}

.sezioneDescrittiva img, .sezioneDescrittiva2 img {
	position: relative;
    max-height: 550px;
    z-index: 1;
	margin-top: -75px;
}

.sezioneDescrittiva img {
    left: -50px;
	bottom: -100px;
}

.sezioneDescrittiva2 img {
    right: -100px;
	bottom: -100px;
}

.dettaglioPersonalizzazione {
    height: 550px;
    background-size: cover;
    background-position: center;
}

.dettaglioSlideCatalogo {
    height: 650px;
	width: 500px;
    background-size: cover;
    background-position: center;
}

.dettaglioPersonalizzazione .containerPersonalizzazione, .dettaglioPersonalizzazione h3 {
	z-index: 1;
}

.containerPersonalizzazioni {
	margin-top: -75px;
	padding-bottom: 15px;
}

button.navigationButtons {
    border: none;
    background-color: transparent;
}

button.navigationButtons img {
	width: 50px;
}

.page-template-page-personalizzazione .sezionePersonalizzazione .dettaglioPersonalizzazione h2, .sezioneCatalogo .dettaglioPersonalizzazione h1 {
	font-size: 40px;
	z-index: 10;
}

.privacy-policy #nav-main, .page-id-112 #nav-main {
	background: linear-gradient(to right, var(--blu-scuro), var(--saitta-colore));
}

.privacy-policy #content, .page-id-112 #content {
	padding-top: 150px !important;
}

.sezioneCatalogo a {
	color: #fff;
	transition: 0.5s;
}

.sezioneCatalogo a:hover {
	transform: scale(1.03);
	transition: 0.4s;
}

.sezioneProdotto.bg-black button.navigationButtons img {
	filter: invert(1);
}

.elencoCategorie a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0;
}

.elencoCategorie a:hover {
	opacity: 1;
}

.sezioneCatalogo .swiper-slide:nth-child(even) {
	transform: rotate(5deg);
}

.sezioneCatalogo .swiper-slide:nth-child(odd) {
	transform: rotate(-5deg);
}

.sezioneCatalogo .swiper-slide:nth-child(even) h3 {
	transform: rotate(-5deg);
}

.sezioneCatalogo .swiper-slide:nth-child(odd) h3 {
	transform: rotate(5deg);
}

.formContatto input.wpcf7-form-control.wpcf7-text, .formContatto textarea, .formContatto .wpcf7-form-control.wpcf7-select {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
}

.wpcf7 .wpcf7-submit {
    margin: auto;
}

.wpcf7-spinner {
    display: block;
	margin: 15px auto !important;
}

.swiper-slide.dettaglioFotoCatalogo {
    height: 550px;
    background-size: cover;
    background-position: center;
}

/* MEDIA QUERY */

@media(max-width: 1200px) {}

@media(max-width: 992px) {
	.containerPersonalizzazioni {margin-top: -45px;}
	.dettaglioPersonalizzazione {height: 350px;margin-bottom: 10px;}
	.dettaglioSlideCatalogo {height: 550px;width: 400px;}
	.swiper-slide.dettaglioFotoCatalogo {height: 400px;}
}

@media(max-width: 768px) {
	:root{ --padding-sezione: 40px;}
	img.logo {width: 165px;}
	section.sezioneIntestazione h1 {font-size: 48px;}
	section.sezionePersonalizzazione img {width: 90%;margin-top: -30px;}
	section.sezioneMicrofibra .backgroundImage {height: 350px;}
	section.sezioneMicrofibra {height: 75vh;}
	.nav-link::before {margin-right: -30px;}
	#menu-navbar-catalogo {border-left: none;border-top: 1px solid #fff;}
	#menu-navbar-catalogo .nav-link:not(.active)::before {margin-right: -15px;}
}

@media(max-width: 576px) {
	:root{ --padding-sezione: 20px;--bs-body-font-size: 14px}
	img.logo {width: 140px;}
	.sizeTitoli {font-size: 28px;}
	#nav-main.sticky img.logo {width: 120px;}
	.home section.sezioneIntestazione {height: 75vh;}
	section.sezioneIntestazione {height: 45vh;}
	section.sezioneIntestazione h1 {font-size: 35px;}
	section.sezioneMicrofibra {height: 62vh;}
	section.sezioneMicrofibra .backgroundImage {height: 200px;}
	#menu-navbar, #menu-navbar-catalogo {padding-left: 10px;padding-top: 0;}
	#menu-navbar {padding-bottom: 30px;}
	#menu-navbar-catalogo {padding-top: 30px;}
	.nav-link {font-size: 25px;}
	.menuCatalogo .nav-link {font-size: 18px;}
	.sezioneDescrittiva img {left: -20px;bottom: -50px;margin-top: -50px;}
	.sezioneDescrittiva2 img {right: -40px;bottom: -50px;margin-top: -50px;}
	.page-template-page-personalizzazione .dettaglioPersonalizzazione h3, .sezioneCatalogo .dettaglioPersonalizzazione h3 {font-size: 30px;}
	.privacy-policy #content, .page-id-112 #content {padding-top: 70px !important;}
	button.navigationButtons img {width: 35px;}
	.elencoCategorie a {opacity: 1;}
	.dettaglioSlideCatalogo {height: 400px;width: 250px;}
	.sezioneCatalogo .swiper-slide:nth-child(even) {transform: rotate(3deg);}
	.sezioneCatalogo .swiper-slide:nth-child(odd) {transform: rotate(-3deg);}
	section.sezioneMicrofibra .container-fluid {height: 250px;}
	section.sezioneChiSiamo img {right: -45px;bottom: -75px;}
	.swiper-slide.dettaglioFotoCatalogo {height: 275px;}
}