/*
Theme Name: Barchi_DTB
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: frost
Text Domain: barchi_dtb
Tags: 
*/

/* BODY */

body,
* {
	scroll-behavior: smooth;
}

/* UTILITÀ */

.hero {
	margin-top: -116px !important;

	&.plus {
		margin-top: -186px !important;
	}
}

.clr-wht {
	color: #fff;
}

/* TITOLI */

h1,
h2,
h3,
h4,
.has-text-align-center {
	text-wrap: balance;
}

/* HEADER */

.site-header {
	max-height: 116px;
	height: 116px;
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #0c0c0cb3;

	& div.wp-block-group,
	.logo-header,
	.bandiera-header {
		max-height: 116px;

		& img {
			max-height: 116px;
		}
	}

	& .logo-header {
		& img {
			width: auto;
		}
	}

	& nav.wp-block-navigation {
		height: 116px;

		& div,
		ul,
		li {
			height: 100%;
		}

		& ul {
			gap: 0;

			& li {
				padding: 1.25rem;
				display: flex;
				height: 100%;
				align-items: center;
				justify-content: center;

				&:hover,
				&:focus,
				&.current-menu-item {
					box-shadow: inset 0 -5px 0 0 red;
				}

				& a {
					font-size: 0.75rem;
					text-transform: uppercase;
					font-weight: 700;
					color: #fff !important;
				}
			}
		}
	}
}

/* PRE-TITLE */

.pre-title {
	font-size: 3.375rem;
	font-weight: 700;
	line-height: 3.375rem;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0;
}

/* TITOLI */

.home .wp-block-kadence-icon + h2.wp-block-heading {
	color: #fff;
}

/* BUTTONS */

.button-riquadrato {
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1rem;
	letter-spacing: 2.9px;
	padding: 0;
	border: solid 3px #fff;
	border-radius: 0px;
	transition: all 0.3s ease-in-out;

	&:hover,
	&:focus {
		transform: scale(0.9);
	}

	& a {
		background-color: transparent;
		padding: 1.5625rem 3.125rem;
		font-weight: 700;
	}

	&.dark {
		color: #000;
		border-color: #000;

		& a {
			color: #000;
		}
	}
}

/* BLOCCO ATTIVITÀ */

.blocco-singola-attivita {
	position: relative;
	height: 100%;

	& .sfondo-filtro {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		filter: blur(0px) saturate(0.9);
		transition: filter 0.6s cubic-bezier(0.17, 0.67, 0.35, 0.95);
		will-change: filter;
	}

	& .container-interno {
		position: relative;
		z-index: 2;
		color: #fff;

		& h3 {
			text-shadow: 1px 2px 5px black;
		}

		& p {
			opacity: 0.9;
			transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95);
			will-change: opacity;
			text-shadow: 1px 2px 5px #000;
		}
	}
}

.blocco-singola-attivita:hover {
	& .sfondo-filtro {
		filter: blur(1px) brightness(0.5) saturate(0.5);
	}

	& .container-interno {
		& p {
			opacity: 1;
		}
	}
}

/* TESTIMONIAL HOME */

.kt-testimonial-meta-wrap {
	color: #fff;
}

/* RISTRUTTURAZIONE */

.kt-accordion-header-wrap:hover {
	cursor: pointer;
}

.timeline {
	& .wp-block-kadence-column:nth-of-type(odd) {
		border-right: 2px solid #333;
	}
	& .wp-block-kadence-column:nth-of-type(even) {
		border-left: 2px solid #333;
	}
}

/* FORM PAGINA CONTATTI */

#nf-form-1-cont input,
#nf-form-1-cont textarea {
	border: 1px solid rgb(84, 89, 95);
}

.nf-form-fields-required {
	font-size: 1rem;
	display: block;
	margin-bottom: 2rem;
}

.label-above .nf-field-label {
	margin-bottom: 0;

	& label {
		text-transform: uppercase;
	}
}

.nf-field-element input {
	max-height: 2.5rem;
}

.nf-field-element textarea {
	max-height: 7.5rem;
}

.checkbox-container {
	margin-bottom: 0;

	& .nf-field-label label {
		font-weight: 400;
		font-size: 0.875rem;
		text-transform: none;
	}
}

/* FOOTER */

.site-footer a,
.site-footer
	.wp-block-navigation
	.wp-block-navigation-item__content.wp-block-navigation-item__content,
.site-footer
	.wp-block-social-links
	.wp-block-social-link.wp-social-link
	.wp-block-social-link-anchor {
	color: #fff;

	&:hover {
		color: #cccccc;
	}
}

.site-footer .transform-1-1 a:hover {
	transform: scale(1.1) !important;
}

.wp-block-social-links a svg {
	color: #ff0000 !important;
}

/* RESPONSIVENESS */

@media screen AND (max-width: 767px) {
	h2 {
		font-size: 2rem !important;
		text-wrap: balance;
	}
	.pre-title {
		line-height: 1.5;
		margin-top: 6rem;
	}

	/* header */

	.site-header {
		max-height: 100px;
		& div.wp-block-group,
		& .bandiera-header,
		& .logo-header,
		& nav {
			max-height: 100px;

			& img {
				max-height: 100px;
			}
		}
		& nav.wp-block-navigation {
			position: absolute;
			left: calc(50vw - 1rem);
		}
		& .logo-header img {
			max-height: 90px;
		}
	}
	.wp-block-navigation__responsive-container-close,
	.wp-block-navigation__responsive-container-open {
		border: 2px solid #fff;
	}
	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		fill: #fff;
		height: 2rem;
		width: 2rem;
	}
	.wp-block-navigation__container {
		flex-direction: column;
	}
	.wp-block-navigation__responsive-container
		.wp-block-navigation__responsive-container-content {
		background-color: rgba(0, 0, 0, 0.95);
	}
	.site-header {
		& nav.wp-block-navigation {
			& ul {
				& li {
					margin-left: 1.25rem;
					padding-bottom: 0.25rem;
					height: auto;

					& a {
						font-size: 1.75rem;
					}
				}
			}
		}
	}

	.wp-block-navigation:not(.has-background)
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		) {
		background: transparent !important;
	}

	#jarallax-container-0 > div {
		background-position: 50% 50% !important;
		background-size: cover !important;
	}

	/* contenuto */

	.kt-inside-inner-col {
		padding: 0.75rem;
	}

	/* footer */

	footer .wp-container-core-columns-is-layout-c7ebd8d6 {
		flex-direction: column;
		text-align: center;

		& h4 {
			font-size: 2rem !important;
		}

		.wp-container-core-columns-is-layout-678a43f7 {
			gap: 10px;
		}

		.wp-container-core-navigation-is-layout-8e9f4bbd,
		.wp-container-core-social-links-is-layout-8a67aca1 {
			align-items: center;
		}

		.wp-block-navigation.is-vertical {
			--navigation-layout-align: center;
		}
	}
}