/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       Bricks
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/


:root {
	--grigio: #e1e1e1;
	--green-gsa: #79ba78;
	--antrax: #353839;
	--verde-gradient: #cae1c5;
	--low-green: #e1eede;
	--marble: #f2f8fc;
	--transition: all 0.7s cubic-bezier(0.5, 0, 0.15, 1);
}

body {
	overflow-x: hidden;
}

a,
a:visited,
a:hover,
a:active,
button,
button:visited,
button:hover,
button:active,
input,
input:visited,
input:hover,
input:active,
textarea,
textarea:visited,
textarea:hover,
textarea:active {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

*,
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.wp-block-list {
	padding-inline-start: 40px;
}

/*Aggiustamento bugs Gutemberg*/
.bodypage > .ct-span {width:100%}
figure {margin-bottom:0}
figure img {height:auto}
/*Align Full*/
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
	width: 100%;
	height: auto;
	margin:0 !important;

}
.wp-block-image {
	margin-left:0;
	margin-right:0;
}

.alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2);
	position: relative;
	width: 100vw !important;
}

.brxe-text p:not(:last-child) {margin-bottom:1.6rem}
/**
* @license
*
* Font Family: Poppins
* Designed by: Jonny Pinhorn, Indian Type Foundry
* URL: https://www.fontshare.com/fonts/poppins
* © 2024 Indian Type Foundry
*
* Poppins Thin 
* Poppins ThinItalic 
* Poppins ExtraLight 
* Poppins ExtraLightItalic 
* Poppins Light 
* Poppins LightItalic 
* Poppins Regular 
* Poppins Italic 
* Poppins Medium 
* Poppins MediumItalic 
* Poppins SemiBold 
* Poppins SemiBoldItalic 
* Poppins Bold 
* Poppins BoldItalic 
* Poppins ExtraBold 
* Poppins ExtraBoldItalic 
* Poppins Black 
* Poppins BlackItalic 
* Poppins Variable (Variable font)
* Poppins VariableItalic (Variable font)

*
*/
@font-face {
	font-family: 'Poppins-Thin';
	src: url('../fonts/Poppins-Thin.woff2') format('woff2'),
		url('../fonts/Poppins-Thin.woff') format('woff'),
		url('../fonts/Poppins-Thin.ttf') format('truetype');
	font-weight: 100;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-ThinItalic';
	src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
		url('../fonts/Poppins-ThinItalic.woff') format('woff'),
		url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-ExtraLight';
	src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
		url('../fonts/Poppins-ExtraLight.woff') format('woff'),
		url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-ExtraLightItalic';
	src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
		url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
		url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-Light';
	src: url('../fonts/Poppins-Light.woff2') format('woff2'),
		url('../fonts/Poppins-Light.woff') format('woff'),
		url('../fonts/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-LightItalic';
	src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
		url('../fonts/Poppins-LightItalic.woff') format('woff'),
		url('../fonts/Poppins-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-Regular';
	src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
		url('../fonts/Poppins-Regular.woff') format('woff'),
		url('../fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-Italic';
	src: url('../fonts/Poppins-Italic.woff2') format('woff2'),
		url('../fonts/Poppins-Italic.woff') format('woff'),
		url('../fonts/Poppins-Italic.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-Medium';
	src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
		url('../fonts/Poppins-Medium.woff') format('woff'),
		url('../fonts/Poppins-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-MediumItalic';
	src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
		url('../fonts/Poppins-MediumItalic.woff') format('woff'),
		url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-SemiBold';
	src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
		url('../fonts/Poppins-SemiBold.woff') format('woff'),
		url('../fonts/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-SemiBoldItalic';
	src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
		url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-Bold';
	src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
		url('../fonts/Poppins-Bold.woff') format('woff'),
		url('../fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-BoldItalic';
	src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
		url('../fonts/Poppins-BoldItalic.woff') format('woff'),
		url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-ExtraBold';
	src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
		url('../fonts/Poppins-ExtraBold.woff') format('woff'),
		url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-ExtraBoldItalic';
	src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
		url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
		url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'Poppins-Black';
	src: url('../fonts/Poppins-Black.woff2') format('woff2'),
		url('../fonts/Poppins-Black.woff') format('woff'),
		url('../fonts/Poppins-Black.ttf') format('truetype');
	font-weight: 900;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-BlackItalic';
	src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
		url('../fonts/Poppins-BlackItalic.woff') format('woff'),
		url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-display: swap;
	font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
	font-family: 'Poppins-Variable';
	src: url('../fonts/Poppins-Variable.woff2') format('woff2'),
		url('../fonts/Poppins-Variable.woff') format('woff'),
		url('../fonts/Poppins-Variable.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 100.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
	font-family: 'Poppins-VariableItalic';
	src: url('../fonts/Poppins-VariableItalic.woff2') format('woff2'),
		url('../fonts/Poppins-VariableItalic.woff') format('woff'),
		url('../fonts/Poppins-VariableItalic.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
	font-style: italic;
}




/* Switch lingua */
.language-switcher {
  position: relative;
  display: inline-block;
}

.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 10px;
}

.language-switcher:hover .dropdown {
  display: block;
}

.wpml-ls-legacy-list-vertical a {
	padding: 0 !important;
}








/* Stile Bottoni */
.btn-verde-gsa, .btn-low-green, svg path {
	transition: var(--transition);
	-webkit-transition: var(--transition);
}


.btn-verde-gsa:hover {
	background-color: var(--low-green) !important;
	color: var(--antrax) !important;

	svg path {
		fill: var(--antrax) !important;
	}
}

.btn-low-green:hover {
	background-color: var(--green-gsa) !important;
	color: #fff !important;

	svg path {
		fill: #fff !important;
	}
}

/* Stile HomePage */
.text-verde {
	color: var(--green-gsa);
}

.text-verde-grad {
	color: var(--verde-gradient);
}

.text-verde-news {
	color: var(--green-gsa);
}

.first-rectangle svg,
.second-rectangle svg,
.third-rectangle svg {
	width: 7rem;
}

.rectangle + .rectangle {
	margin-left: -20px;
}


@media screen and (max-width: 992px) {
	.first-rectangle, .second-rectangle, .third-rectangle {
		width: 7rem !important;
		height: 7rem !important;
	}
}



/* Stile newsletter */
.piotnetforms-button .piotnetforms-button-text {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 1.6rem;
}

.piotnetforms-button .piotnetforms-button-text::before {
	display: flex;
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="21" fill="none" viewBox="0 0 16 21"%3E%3Cpath fill="%23F2F8FC" d="M13.334 4.25h1.334v1.25v8.75v1.25H12V14.25V8.52L3.608 16.383 2.667 17.27.779 15.5l.942-.883L10.113 6.75H4h-1.333V4.25H4h9.334Z"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	width: 1.6rem;
	height: 2rem;
}

.btn-verde-gsa:hover .piotnetforms-button-text::before {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="21" fill="none" viewBox="0 0 16 21"%3E%3Cpath fill="%23353839" d="M13.334 4.25h1.334v1.25v8.75v1.25H12V14.25V8.52L3.608 16.383 2.667 17.27.779 15.5l.942-.883L10.113 6.75H4h-1.333V4.25H4h9.334Z"/%3E%3C/svg%3E') !important;
}

.piotnetforms-field-option label {
	color: var(--marble);
}



/* 
* 
* Stile pagina Azienda
* 
*  */
.card__timeline-azienda {
	position: relative;

	&::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 8rem;
		height: 8rem;
		background-image: url('data:image/svg+xml,%3Csvg width="123" height="123" viewBox="0 0 123 123" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M64.303 9.17157L61.4746 6.34315L58.6462 9.17157L9.14618 58.6716L6.31776 61.5L9.14618 64.3284L58.6462 113.828L61.4746 116.657L64.303 113.828L113.803 64.3284L116.631 61.5L113.803 58.6716L64.303 9.17157Z" fill="%2379BA78" stroke="%2379BA78" stroke-width="8"%3E%3C/path%3E%3C/svg%3E');
		background-size: cover;
	}

}

@media screen and (max-width: 768px) {
	.card__timeline-azienda {
		position: relative;

		&:not(:last-child)::before {
			left: 5%;
			top: 60%;
			transform: translate(0%, -50%);
		}

		&::after {
			left: -0.39%;
			top: 5%;
			transform: translate(0%, -50%);
		}

	}
}

@media screen and (max-width: 480px) {
	.card__timeline-azienda {
		position: relative;

		&:not(:last-child)::before {
			left: 5%;
			top: 60%;
			transform: translate(0%, -50%);
		}

		&::after {
			left: 0;
			top: 4%;
			transform: translate(0%, -50%);
			width: 4rem;
			height: 4rem;
			display:none
		}

	}
}


/*
* 
* Pagina Team
* 
* */
.team-info, .overlay {
	opacity: 0;
	transition: var(--transition);
}

.team-wrapper:hover :is(.team-info, .overlay) {
	opacity: 1;
}


/*
* 
* Stile Lavora con noi
* 
* */
.piotnetforms-field-type-upload {
	background: rgba(255, 255, 255, 1);
	padding: 1.6rem 2.4rem;
	border: none;
	border-radius: 0.8rem;
	gap: 2rem;
}

.piotnetforms-upload input {
	border: 0;    
}

.piotnetforms-upload input {
	padding: 0 !important;
}

#piotnetforms .p59448874 .piotnetforms-label-inline {
	width: auto !important;
}

@media screen and (min-width: 992px) {
	#piotnetforms .p59448874 .piotnetforms-field-inline {
		width: calc(100% - 30%) !important;
	}
}

@media screen and (max-width: 768px) {
	#piotnetforms .p59448874 .piotnetforms-label-inline {
		width: 100% !important;
	}

	#piotnetforms .p59448874 .piotnetforms-field-inline {
		width: calc(100% - 0%) !important;
	}
	.alignleft {float:none !important}
}


/*
 * 
 * Consulenza
 * 
 * */
.consulenza-card :is(.overlay-consulenza, img) {
	transition: var(--transition);
	-webkit-transition: var(--transition);
}

.consulenza-card:hover .overlay-consulenza {
	opacity: 1;
}

.consulenza-card:hover svg {
	animation: expand .7s cubic-bezier(.36,.07,.57,.99) infinite;
}


.consulenza-card:hover img {
	scale: 1.2;
}

@keyframes expand {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-2px, 2px);
	}
	50% {
		transform: translate(0, 0);
	}
	75% {
		transform: translate(2px, -2px);
	}
	100% {
		transform: translate(0, 0);
	}
}



/*
 * 
 * Formazione
 * 
 * */
.card-formazione:hover svg {
	animation: expand .7s cubic-bezier(.36,.07,.57,.99) infinite;
}





/*
 * 
 * Contatti
 * 
 * */
.card-contatti :is(i, a) {
	transition: var(--transition);
}

.card-contatti:hover :is(i, a) {
	color: var(--green-gsa);
}

/*Singolo rticoli*/
.singolo__articolo ul {padding-left:40px;margin-bottom:1.6rem}
.singolo__articolo p, .singolo__articolo h2, .singolo__articolo h3, .singolo__articolo h4 {margin-bottom:1.6rem}