/*
 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
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&display=swap');

:root {
	--padding-left: 120px;
	--padding-right: 120px;
	--font-testi: 'Raleway';
	--font-titoli: 'Stardos Stencil';
	--bs-font-sans-serif: var(--font-testi);
	--primaryColor: #315330;
	--colore-testi: #1a1a1a;
	--primaryLight: rgb(10 117 58 / 40%);
	--padding-sezione: 75px;
}

.container-fluid {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
}

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

a:hover {
	color: var(--primaryColor);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	font-family: var(--font-titoli);
	font-weight: 400;
}

h6, .h6 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

h1, .h1 {
	font-size: 68px;
}

h2, .h2 {
	font-size: 48px;
}

.colorPrimary {
	color: var(--primaryColor);
}

.bgChiaro {
	background-color: var(--primaryLight);
}

.bgScuro {
	background-color: var(--primaryColor);
}

.border-top {
	border-top: 1px solid var(--primaryColor) !important;
}

.border-bottom {
	border-bottom: 1px solid var(--primaryColor) !important;
}

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

hr.rioDivisore {
    border-top: 2px solid #ffed00;
    opacity: 1;
    width: 100px;
    margin: 30px 0;
}

body, p, .paragraph, .small, .widget small {
    font-family: Raleway;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.8;
    text-transform: none;
	font-size: 14px;
}

button.rioButton, input.wpcf7-submit {
    letter-spacing: 2px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    transition: all 0.2 scubic-bezier(0.785, 0.135, 0.15, 0.86);
    outline: none;
    box-shadow: none;
    border: 2px solid var(--primaryColor);
    padding: 18px 45px;
    background-color: transparent;
    font-size: 13px;
    color: var(--primaryColor);
}

button.rioButton:hover, input.wpcf7-submit:hover {
	background-color: var(--primaryColor);
	color: #fff;
}

img.logo {
    width: 150px;
	transition: 0.2s;
}

header#masthead {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0);
    will-change: box-shadow, background-color;
}

header#masthead.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.1);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

header#masthead.sticky img.logo {
	width: 100px;
}

.background-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    pointer-events: none; /* Per evitare che interferisca con gli elementi interattivi sotto */
}

.containerIntestazione {
	position: relative;
	z-index: 1;
}

.nav-link {
    padding: 1em !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 13px;
}

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

.nav-link:hover, .nav-link:focus {
    color: var(--primaryColor);
}

section.sezioneIntestazione {
    height: 100vh;
	background-size: cover;
    background-position: center;
	position: relative;
}

.sezionePagina {
	margin-top: 75px;
    margin-bottom: 75px;
}

.containerLight {
	padding: 75px;
    background-color: var(--primaryLight);
}

.swiper-button-next, .swiper-button-prev {
	color: #ffed00;
}

.swiper-pagination-bullet-active {
	background: #ffed00;
}

footer {
	background-color: var(--primaryLight);
}

input.wpcf7-form-control:not(.wpcf7-submit), textarea {
    border: 2px solid #315330;
    padding: 5px 15px;
	width: 100%;
}

.linkSocial a {
	font-size: 25px;
	margin: 0 10px;
}

.page-template-page-no-sidebar #content {
    padding-top: 150px !important;
}

.dettaglioPartner img {
	width: 200px;
}

.listaPartner {
	border: 2px solid var(--primaryColor);
    padding: 20px;
}


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

@media(max-width: 992px) {
	.buttonMenu {color: #fff; font-size: 25px;}
	img.logoMenuMobile {width: 75px;}
	.offcanvas.offcanvas-end {border: none;}
	.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {color: var(--colore-testi);}
}

@media(max-width: 768px) {
	:root {--padding-left: 13px;--padding-right: 13px;--padding-top: 0;}
	img.logo {width: 100px;}
}

@media(max-width: 576px) {
	:root {--padding-sezione: 25px;}
	h1, .h1 {font-size: 44px;}
	h2, .h2 {font-size: 34px;}
	.containerLight {padding: 20px;}
	.sezionePagina {margin-top: 50px;margin-bottom: 50px;}
	button.rioButton, input.wpcf7-submit {padding: 14px 38px;font-size: 12px;}
	section.sezioneIntestazione {height: 70vh;}
	.page-template-page-no-sidebar #content {padding-top: 100px !important;}
	.dettaglioPartner img {width: 150px;}
}