/* 
    Created on : 02/12/2025
    Author     : Goalnet Srl
*/

/*
## COLORS ##
Blu - #143e6b
Azzurro - #58a7d0
Celeste - #ddeaf4
Arancione - #f15e40
Chiaro - #f4f7fb
Scuro - #0d0f14
*/

:root {
	--colore-primario: #143e6b;
	--colore-secondario: #58a7d0;
	--colore-terziario: #ddeaf4;
	--colore-accento: #f15e40;
	--colore-sfondo: #f4f7fb;
	--colore-corpo: #0d0f14;
	--colore-titolo: #143e6b;

	--sfondo-gradient: linear-gradient(to right, #143e6b, #58a7d0);

	--corpo-font: 'Montserrat', sans-serif;
	--corpo-peso: 300;
	--corpo-dimensione: 16px;
	--corpo-interlinea: 1.20;
}

html {
	font-size: var(--corpo-dimensione);
	font-weight: var(--corpo-peso);
	line-height: var(--interlinea);
}

body {
	font-weight: var(--corpo-peso);
	font-size: var(--corpo-dimensione);
	line-height: var(--interlinea);
	color: var(--colore-corpo);
	font-family: var(--corpo-font);
	background-color: var(--colore-sfondo);
}

/* componenti visual composer */
.wpb_text_column,
.vc_column-inner,
.wpb_single_image,
.wpb_content_element,
.vc_btn3-container {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.home .main {
	padding-bottom: 0 !important;
}

a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none !important;
	color: var(--colore-accento);
}

.titolo-news:hover {
	color: var(--colore-accento) !important;
}

.active a {
	color: var(--colore-accento) !important;
}

/* FORMATTAZIONE */
/*h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #c5c5c5;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
}*/

/*h1 {
	font-size: 1.1rem;
}

h2{
	font-size: 1rem;
}

h5{
	font-size: 0.9rem;
}*/

p {
	color: var(--colore-corpo);
	font-size: var(--corpo-dimensione);
	font-weight: var(--corpo-dimensione);
	line-height: var(--corpo-interlinea);
}

strong {
	font-weight: 600;
}

img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block !important;
}

ul {
	/*margin-bottom: 0px;*/
	padding: 0;
}

li {
	list-style: none;
}

.bg-breadcrumbs {
	background: var(--sfondo-gradient);
}

.termsCond,
.termsCond p {
	font-size: 0.61rem !important;
	line-height: 0.61rem !important;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
}

.termsCond .wpcf7-list-item {
	margin-left: 0;
}

.ucfirst {
	text-transform: capitalize;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	transition: all 0.3s ease;
}

.grayscale:hover {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

/* HOME PAGE */
#evidenza {
	background-color: var(--colore-accento);
	color: #fff;
}

#evidenza h4 {
	text-transform: uppercase;
	font-size: 1.66rem;
	font-weight: 700;
	position: relative;
	margin-bottom: 1.66rem;
}

#evidenza h4::after {
	content: "";
	border-bottom: 1px solid #fff;
	display: block;
	width: 85%;
	position: absolute;
	bottom: 8px;
	right: 0;
}

.titolo-news-evidenza {
	font-weight: 900;
	font-size: 1.39rem;
	text-align: center;
}

.btn-news-hp {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 300;
	display: block;
	text-align: right;
}

#box-hp {
	background-color: #575756;
	border-top: 1px solid var(--colore-accento);
	border-bottom: 1px solid var(--colore-accento);
	text-align: center;
}

#box-hp .col-md-4 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.border-col {
	border-left: 1px solid var(--colore-accento);
	border-right: 1px solid var(--colore-accento);
}

#box-hp p {
	margin-bottom: 0;
}

#box-hp p,
#box-hp p a {
	font-size: 1.11rem;
	line-height: 20px;
	color: #C6C6C6;
}

#box-hp p a:hover {
	color: #fff !important;
}

#box-hp h4 {
	color: #fff;
	font-weight: 900;
	font-size: 1.95rem;
	text-transform: uppercase;
}

#news-hp {
	background-color: var(--colore-accento);
	color: #fff;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 50px;
}

#news-hp h3 {
	font-weight: 900;
	font-size: 1.66rem;
	margin-top: 11%;
	margin-bottom: 11%;
}

#news-hp h2 {
	font-size: 1.11rem;
	font-weight: 700;
	line-height: 24px;
}

#news-hp .news {
	background-color: rgba(255, 255, 255, .2);
	padding: 15px;
	min-height: 150px;
}

.news {
	position: relative;
}

.news .btn-news-hp {
	position: absolute !important;
	right: 15px;
	bottom: 15px;
}


/* ARCHIVE */

.titolo-tax {}

#taxonomy-child {}

.btn-tax {}

.box-tax {}

.btn-tax:hover {}

.btn-tax a,
.btn-tax a:link,
.btn-tax a:active,
.btn-tax a:visited,
.box-tax a,
.box-tax a:link,
.box-tax a:active,
.box-tax a:visited {}

.btn-tax a:focus,
.box-tax a:focus {}

.btn-tax:hover>a,
.box-tax:hover>a {}

#correlati .btn-tax:hover>a,
#correlati .box-tax:hover>a {}

.box-tax figure {}

.box-tax img {}

.box-tax figure>img {}

/* PAGE */
#titolo-pagina {
	overflow: hidden;
	position: relative;
	margin-top: 5.5rem;
	margin-bottom: 2.7rem;
}

#titolo-pagina .container {
	/*	position: absolute;
	top: 0;*/
	width: 100%;
	color: #3C3C3B;
	/*height: 100%;*/
}

#titolo-pagina h1 {
	text-transform: uppercase;
	font-size: 2rem;
	text-align: left;
	color: #3C3C3B;

}

/* BREADCRUMBS */
.breadcrumbs {
	font-family: 'Montserrat', sans-serif;
	text-align: right;
	color: #fff;
	font-weight: 200;
	font-size: 0.8rem;
}

.breadcrumbs a {
	color: #fff;
}


/* NEWS */
.news-elenco {
	background-color: #EDEDED;
	padding: 2.77rem;
	margin-bottom: 5.55rem;
}

.news-elenco h3 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.66rem;
}

.news-elenco .data,
.data {
	color: var(--colore-accento);
	font-size: 0.93rem;
	margin-bottom: 0.98rem;
}

.btn-news {
	color: var(--colore-accento);
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 300;
	display: block;
	text-align: right;
}

/* PROGETTI SOLUZIONI*/
.blocco-progetti{
	margin-bottom: 50px;
}

.blocco-progetti .vc_column-inner{
	background-color: var(--colore-terziario);
	padding-left: 0 !important;
    padding-right: 0 !important;
	margin-left: 15px;
    margin-right: 15px;
}

.blocco-progetti-txt{
	padding: 5% !important;
}

.blocco-progetti-txt h2{
	padding: 0 !important;
	margin: 0 !important;
}

/* HOME PAGE */
#hpIntro {
	display: flex;
	align-items: center;
	background: var(--sfondo-gradient);
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 8%;
	padding-right: 8%;
}

#hpIntro .wpb_content_element {
	margin-bottom: 0;
}

#hpIntro p {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 2rem;
}

/* metodo */
#hpMetodo {
	margin-bottom: 150px;
	margin-top: 150px;
}

/* .box-metodo {
	padding-top: 100px;
	padding-bottom: 100px;
} */

.box-metodo div.wpb_wrapper{
	background: var(--colore-terziario);
	padding-top: 10%;
	padding-bottom: 10%;
}

.box-metodo h4 {
	font-size: var(--corpo-dimensione);
	font-weight: 600;
}


/* team */
.box-team .vc_separator{
	margin-top: 3% !important;
	margin-bottom: 3% !important;
}

/* CTA BOTTOM */
#hpCTA {
	padding-top: 70px;
	padding-bottom: 70px;
	/* display: flex;
	align-items: center; */
	background: url('https://www.goalnet.it/wp-content/uploads/2025/12/goalnet_bg1.jpg');
	background-size: cover;
	background-position: center;
}

/* #hpCTA .vc_column-inner,
#hpCTA .wpb_single_image,
#hpCTA .wpb_content_element,
#hpCTA .vc_btn3-container {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
} */


#hpCTA h3 {
	margin-bottom: 0;
	font-size: 2.5rem;
	font-weight: 700;
	color: #fff;
}

.btnCTA {
	border: 1px solid var(--colore-accento);
	border-radius: 2em;
	color: var(--colore-accento);
	font-weight: 600;
	text-transform: uppercase;
	background-color: #fff;
	transition: all 0.4s ease-in-out;
	width: 50%;
	margin: auto;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 25px;
	padding-right: 25px;
}

.btnCTA:hover {
	border: 1px solid #fff;
	color: #fff !important;
	background: var(--colore-accento);
}

#hpPartnership {
	background: #fff;
}

#hpPartnership img {
	/* width: 100%; */
	/* max-width: 150px; */
	/* height: 100%; */
	max-height: 70px;
}

/*SINGLE*/
.content {
	margin-bottom: 100px;
}


.btn {
	padding: .375rem 3.75rem;
}





footer {
	background-color: var(--colore-terziario);
	color: #fff !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	overflow: hidden;
}

footer p {
	margin-bottom: 0;
}

#logoFooter {
	margin-bottom: -2px
}

.p-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

footer a {
	color: var(--colore-corpo);
}

footer a:hover,
footer a:active,
footer a:focus {
	color: var(--colore-accento) !important;
}

footer p {
	color: var(--colore-corpo);
}

footer h5 {
	color: var(--colore-corpo);
	font-weight: 700;
	text-transform: uppercase;
}

#footer-bottom {
	background-color: #1D1D1B;
	color: #878787;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #575756;
	text-align: center;
}

#footer-bottom a {
	color: #999;
}

.align-center {
	text-align: center;
}



/* metodo */
#hpMetodo2 {
	position: relative;
	height: 400vh;
	/* 4 fasi */
}

.metodo-viewport {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.metodo-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.metodo-fase {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.5rem;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	background: url('https://www.goalnet.it/wp-content/uploads/2025/11/ezgif-6233cdc6ca1cede2.gif');
	background-size: cover;
}

.metodo-fase h2 {
	font-size: 10rem;
	text-transform: uppercase;
	font-weight: 900;
}

.metodo-fase:nth-child(odd) h2 {
	background: linear-gradient(to right, #fff, #4991b7, #fff);
	-webkit-background-clip: text;
	/* fa sì che il gradient si applichi al testo */
	-webkit-text-fill-color: transparent;
	/* rende il testo trasparente così si vede il gradient */
	background-size: 600% 600%;
	/* necessario per creare movimento */
	animation: gradientMove 10s ease-in-out infinite;
}


.metodo-fase:nth-child(even) h2 {
	background: linear-gradient(to left, #fff, #4991b7, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	background-size: 600% 600%;
	/* necessario per creare movimento */
	animation: gradientMove 10s ease-in-out infinite;
}

/* animazione del gradiente */
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.metodo-fase.active {
	opacity: 1;
}

.metodo-progress {
  position: fixed;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  width: 50%;
  height: 6px;
  background: rgba(0,0,0,0.15);
  border-radius: 10px;
  z-index: 9999;
  pointer-events: none;

  opacity: 0;
  transition: opacity 0.3s ease;
}

.metodo-progress.is-visible {
  opacity: 1;
}

.metodo-progress-bar {
  width: 0%;
  height: 100%;
  background: var(--colore-accento);
  border-radius: 10px;
  transition: width 0.15s linear;
}

/* azienda */
#box-metodo1,
#box-metodo4{
	background-color: #f2f8ff;
}

#box-metodo2,
#box-metodo3{
	background-color: #eff4ff;
}

#azienda-valori .vc_column-inner{
	background-color: #58a7d0;
}

#azienda-valori .vc_column-inner h2 {
	padding: 15%;
}