/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

:root {
	--magenta: #BA0066;
	--magenta-chiaro: #F7E6F0;
	--viola: #954A89;
	--viola-chiaro: #F1EAFF;
	--azzurro: #00A8B0;
	--azzurro-chiaro: #E4F3F3;
	--verde: #94A405;
	--verde-chiaro: #EFF7DD;
	--arancione: #FFB264;
	--arancione-chiaro: #FFE1BE;
	--bianco: #F8F8F8;
	--nero: #313131;
	--nero-chiaro: #454545;
	--grigio: #F5F5F5;
	--grigio-scuro: #F2F2F2;
	--beige: #F4EEE5;
	
	--bordo-verde-chiaro: #E8EFD8;
	
	--filtro-magenta: invert(12%) sepia(87%) saturate(3393%) hue-rotate(313deg) brightness(111%) contrast(113%);
	--filtro-azzurro: invert(43%) sepia(66%) saturate(2080%) hue-rotate(151deg) brightness(95%) contrast(101%);
	--filtro-viola: invert(39%) sepia(10%) saturate(2828%) hue-rotate(258deg) brightness(90%) contrast(92%);
	--filtro-verde: invert(53%) sepia(94%) saturate(1095%) hue-rotate(31deg) brightness(93%) contrast(96%);
	--filtro-arancione: invert(79%) sepia(40%) saturate(820%) hue-rotate(323deg) brightness(101%) contrast(102%);
}

::selection {
	background: var(--azzurro);
	color: var(--bianco);
}

/* CSS STYLE2 E DISEGNI SVG AFTER E BEFORE IN >assets >css */

/* GENERALI */

.pb-20 {
	padding-bottom: 20px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-100 {
	padding-bottom: 100px;
}
.titolo-h1 h1 {
	font-size: 80px;
}
.titolo-h2 h2 {
	font-size: 60px;
	padding-bottom: 20px;
}
.titolo-h3 h3,
h3.titolo-h3 {
	font-size: 32px;
}
.titolo-h4 h4 {
	font-size: 24px;
	padding-bottom: 20px;
}
.titolo-h5 h5 {
	font-size: 20px;
	text-transform: uppercase;
	color: var(--azzurro);
	padding-bottom: 10px;
}
.citazione-h6 h6 {
	font-size: 20px;
	font-style: italic;
	color: var(--nero);
	padding-bottom: 50px;
}
.citazione-h6 h6 > strong {
	font-weight: 400;
	color: var(--azzurro);
}
.paragrafo p {
	font-size: 16px;
}
.testo-centrato {
	text-align: center;
}
.testo-bianco :is(h1,h2,h3,h4,h5,h6,p,span) {
	color: var(--bianco);
}
.testo-nero :is(h1,h2,h3,h4,h5) {
	color: var(--nero);
}
a.pulsante-freccia,
a.pulsante-freccia-alt {
	position: relative;
	margin-top: 30px;
	padding: 10px 20px 10px 0;
}
a.pulsante-freccia::after {
	content: '';
	background-image: url(img/SVG/asilomoroni-freccia-pulsante.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 94px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -94px;
}
a.pulsante-freccia-alt::after {
	content: '';
	background-image: url(img/SVG/asilomoroni-freccia-pulsante-alt.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 94px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -94px;
}
a.pulsante-freccia.testo-centrato,
a.pulsante-freccia-alt.testo-centrato {
	margin-left: -57px;
}
.sezione-nuvole::before,
.sezione-nuvole-top::before {
	content: '';
	background-image: url(img/SVG/asilomoroni-sezione-nuvola-top.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 75px;
	display: block;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.sezione-nuvole::after,
.sezione-nuvole-bottom::after {
	content: '';
	background-image: url(img/SVG/asilomoroni-sezione-nuvola-bottom.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
	height: 75px;
	display: block;
	position: absolute;
	bottom: -75px;
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
}
.sezione-onde-top::before {
	content: '';
	mask: url(img/SVG/asilomoroni-sezione-onde-top.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 65px;
	display: block;
	position: absolute;
	top: -64px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.sezione-onde-bottom::after {
	content: '';
	mask: url(img/SVG/asilomoroni-sezione-onde-bottom.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 65px;
	display: block;
	position: absolute;
	bottom: -64px;
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
}
.onde-magenta.sezione-onde-top::before,
.onde-magenta.sezione-onde-bottom::after {
	background-color: var(--magenta);
}
.onde-magenta-chiaro.sezione-onde-top::before,
.onde-magenta-chiaro.sezione-onde-bottom::after {
	background-color: var(--magenta-chiaro);
}
.onde-azzurro.sezione-onde-top::before,
.onde-azzurro.sezione-onde-bottom::after {
	background-color: var(--azzurro);
}
.onde-azzurro-chiaro.sezione-onde-top::before,
.onde-azzurro-chiaro.sezione-onde-bottom::after {
	background-color: var(--azzurro-chiaro);
}
.onde-verde.sezione-onde-top::before,
.onde-verde.sezione-onde-bottom::after {
	background-color: var(--verde);
}
.onde-viola.sezione-onde-top::before,
.onde-viola.sezione-onde-bottom::after {
	background-color: var(--viola);
}
.onde-viola-chiaro.sezione-onde-top::before,
.onde-viola-chiaro.sezione-onde-bottom::after {
	background-color: var(--viola-chiaro);
}


/* PAGINA HOME SLIDER */
#home-slider {
	padding: 0;
}
#home-slider h1 {
	color: var(--magenta) !important;
}
#home-slider h5 {
	color: var(--azzurro) !important;
}
#home-slider sr7-img#nuvola {
	filter: var(--filtro-verde);
}
#home-slider sr7-img#fiori {
	filter: var(--filtro-viola);
}
#home-slider sr7-img#caramella {
	filter: var(--filtro-arancione);
}
#home-slider sr7-img#barca {
	filter: var(--filtro-azzurro);
}
#home-slider sr7-img#arcobaleno {
	filter: var(--filtro-magenta);
}
#home-slider sr7-img#aquilone {
	filter: var(--filtro-azzurro);
}

/* PAGINA HOME ASILO */
#home-asilo {
	padding-top: 7rem;
	padding-bottom: 7rem;
	background-image: url(img/SVG/asilomoroni-forma-sfondo.svg);
	background-position: 0 50%;
	background-size: 40%;
	background-repeat: no-repeat;
}

/* PAGINA HOME ATTIVITA */

#home-attivita {
	padding-top: 12rem;
    padding-bottom: 8rem;
	background-color: var(--grigio);
}
#home-attivita .forma-icona > .w-iconbox-link {
	position: relative;
}
#home-attivita .forma-icona > .w-iconbox-link::before {
	content: '';
	mask: url(img/SVG/asilomoroni-forma-icona.svg);
	mask-repeat: no-repeat;
	background-color: var(--azzurro-chiaro);
	background-repeat: no-repeat;
	background-position: center;
	width: 140px;
	height: 140px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#home-attivita .forma-icona .w-iconbox-icon {
	font-size: 6rem;
	padding-bottom: 30px;
	padding-top: 20px;
	z-index: 1;
	position: relative;
}
#home-attivita .forma-icona h3,
#home-attivita .forma-icona .w-iconbox-icon {
	transition: all 300ms;
}
#home-attivita .forma-icona:hover h3 {
	color: var(--azzurro);
}
#home-attivita .forma-icona.icona-dx:hover .w-iconbox-icon {
	transform: rotate(10deg) scale(1.1);
}
#home-attivita .forma-icona.icona-sx:hover .w-iconbox-icon {
	transform: rotate(-10deg) scale(1.1);
}

/* PAGINA HOME ISCRIZIONE */

#home-iscrizione {
	padding-top: 10rem;
	padding-bottom: 10rem;
	background-image: url(img/SVG/asilomoroni-forma-sfondo-2.svg);
	background-position: 100% 50%;
	background-size: 40%;
	background-repeat: no-repeat;
}

/* PAGINA HOME NEWS */

#home-news {
	background-color: var(--grigio);
	padding-top: 12rem;
    padding-bottom: 10rem;
}

/* PAGINA HOME CONTATTI */

#home-contatti {
	padding-top: 6rem;
	padding-bottom: 6rem;
	background-color: var(--azzurro-chiaro);
	background-image: url(img/SVG/asilomoroni-sfondo-mani.svg);
	background-position: 15% 100%;
	background-size: 33%;
	background-repeat: no-repeat;
}

/* PAGINA ASILO */

.sezione-mappa::before {
	content: '';
	background-image: url(SVG/giornata-tipo/SVG/Mappa/asilomoroni-mappa-top.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 463px;
	display: block;
	position: absolute;
	top: -5.2%;
	left: 50%;
	transform: translateX(-50%);
}
.sezione-mappa::after {
	content: '';
	background-image: url(SVG/giornata-tipo/SVG/Mappa/asilomoroni-mappa-bottom.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 463px;
	display: block;
	position: absolute;
	bottom: -5%;
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
}
.sezione-mappa-body::before {
	content: '';
	background-image: url(SVG/giornata-tipo/SVG/Mappa/asilomoroni-mappa-body.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 5236px;
	display: block;
	position: absolute;
	bottom: 4%;
	right: 50%;
	transform: translateX(50%);
}
#giornata {
	left: 0;
	background: #FCE9BF;
	padding-top: 150px;
	margin-bottom: 150px;
	margin-top: 150px;
}
#giornata .l-section-h {
	z-index: 2;
}

/* PAGINA ATTIVITA */

#attivita-intro,
.child-attivita-intro {
	background-color: var(--verde);
}
section.sez-pag-attivita.l-section {
	padding-top: 0;
	padding-bottom: 100px;
}
#sez-progetto-attivita {
	padding-top: 10rem;
	padding-bottom: 9rem;
	background-color: var(--grigio);
}
#sez-soggetti-attivita {
	padding-top: 7rem;
}
#sez-scopo-attivita {
	padding-bottom: 7rem;
}
#sez-proposta-attivita {
	padding-top: 9rem;
	background-color: var(--grigio);
}
#sez-metodo-attivita {
	background-color: var(--grigio);
}
#sez-meta-attivita {
	background-color: var(--grigio);
	padding-bottom: 9rem;
}
#sez-menu-attivita {
	padding-top: 7rem;
}
.sez-pag-attivita .titolo-h2 h2,
.sezione-attivita .titolo-h2 h2,
.sez-pag-attivita .titolo-h3 h3,
.sez-pag-attivita .titolo-h4 h4 {
	color: var(--verde);
}
.sez-pag-attivita i.fa-solid {
	font-size: 10px;
	color: var(--azzurro);
}
.sez-pag-attivita i.fa-solid.start {
	padding-right: 10px;
}
.sez-pag-attivita i.fa-solid.end {
	padding-left: 10px;
}
.sez-pag-attivita .icone-edu {
	margin: 0 200px;
}
.sez-pag-attivita .icone-edu p {
	font-size: 18px;
	font-weight: 600;
}
.sez-pag-attivita .icona-prop-edu .w-iconbox-icon {
	font-size: 5rem;
	padding-bottom: 15px;
	transition: transform 300ms;
}
.sez-pag-attivita .icona-prop-edu.icona-dx:hover .w-iconbox-icon {
	transform: rotate(10deg) scale(1.1);
}
.sez-pag-attivita .icona-prop-edu.icona-sx:hover .w-iconbox-icon {
	transform: rotate(-10deg) scale(1.1);
}
#sez-menu-attivita .g-cols.via_grid {
	justify-items: center;
}
#sez-traguardi::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 305px;
	mask: url(img/SVG/asilomoroni-sfondo-tratteggio-aereo.svg);
	mask-repeat: no-repeat;
	background-color: var(--verde);
	left: 50%;
	transform: translateX(-50%);
	top: 5%;
}
.col-traguardi .vc_column-inner {
	background-color: var(--grigio);
    border: 6px solid var(--grigio-scuro);
    padding: 40px 25px;
    border-radius: 30px;
	z-index: 1;
}
div.col-traguardi:nth-of-type(2) {
	padding-top: 90px;
}
div.col-traguardi:nth-of-type(3) {
	padding-top: 180px;
}

/* PAGINE CHILD ATTIVITA */

.child-attivita-intro {
	background-color: var(--verde);
}
section.sezione-attivita.l-section {
	padding-top: 10rem;
	padding-bottom: 4rem;
}
.sezione-attivita i.fa-solid {
	padding-left: 12px;
	padding-right: 10px;
	font-size: 10px;
	color: var(--azzurro);
}
.sezione-attivita p em {
	text-decoration: underline;
	font-size: 17px;
}

/* PAGINA ATTIVITA MENU */

.sezione-attivita .g-cols.via_grid {
	justify-items: end;
}
#sez-menu-attivita .menu-attivita .vc_column-inner,
.sezione-attivita .menu-attivita .vc_column-inner {
	padding: 40px;
	background-color: var(--verde-chiaro);
	border: 6px solid var(--bordo-verde-chiaro);
	border-radius: 30px;
}
.sezione-attivita .titolo-h4 h4 {
	color: var(--verde);
	text-transform: uppercase;
	padding-bottom: 30px;
}
.menu-attivita article {
	margin-left: 10px;
}
#sez-menu-attivita article:hover .post_title a,
.sezione-attivita article:hover .post_title a {
	color: var(--verde);
}
.menu-attivita article .post_title a::before {
	content: '\f054';
	font-family: "fontawesome";
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
}

/* SEZIONE ATTIVITA IMG */

section.l-section.img-attivita {
	padding-bottom: 6rem;
}
.img-attivita .g-cols.vc_row.via_grid {
	padding: 0 270px;
}
.img-attivita .img-riga-1 {
	height: 320px;
}
.img-attivita .img-riga-2 {
	height: 280px;
}
.img-attivita .img-riga-3 {
	height: 260px;
}
.img-attivita .img-riga-4 {
	height: 340px;
}
#musicale-img .img-riga-1,
#musicale-img .img-riga-2 {
	height: 400px;
}
#narrazione-img .img-riga-3 {
	height: 600px;
}
#religione-img .img-riga-1 {
	height: 600px;
}

/* ANTEPRIMA NEWS */

.sezione-anteprima-news {
    padding: 0 6rem;
}
.layout_223 .w-grid-item-h {
    background-color: var(--azzurro-chiaro);
    border-radius: 2rem;
}
.container-news {
	padding: 25px;
}
.img-news {
	border-radius: 2rem;
}
.img-news img {
	transition: transform 600ms;
}
.w-grid-item-h:hover .img-news img {
	transform: scale(1.08);
}
.titolo-news {
	font-size: 22px;
	margin-top: 20px;
	color: var(--nero);
}
.titolo-news a:hover {
	color: var(--magenta);
}
.divisore-news {
    display: block;
    border-bottom: 2px dashed var(--magenta);
	margin: 20px 0 10px 0;
}
.data-news {
	font-style: italic;
}
.pulsante-news {
	text-align: start;
}
.pulsante-news span {
    line-height: 30px;
}
.pulsante-news i {
    margin-left: 12px !important;
    background-color: var(--bianco);
    border-radius: 100%;
    width: 30px;
    height: 30px;
	text-align: center;
}
.pulsante-news i:before {
    content: "\f178";
    line-height: 30px;
}

/* PAGINA NEWS */

#news-intro {
	background-color: var(--azzurro);
}
#sezione-news {
	padding-top: 10rem;
}
#sezione-news .titolo-h2 h2 {
	color: var(--azzurro);
}

#sezione-news .titolo-h5 h5 {
	color: var(--magenta);
}

/* ARTICOLI NEWS */

#art-sez-news {
	padding-top: 100px;
	padding-bottom: 100px;
}
.breadcrumb-news {
	padding-bottom: 80px;
}
.breadcrumb-news a {
	color: var(--nero);
	font-size: 18px;
}
.breadcrumb-news a:hover {
	color: var(--magenta) !important;
}
.breadcrumb-news div:nth-of-type(5) a {
	color: var(--azzurro);
	pointer-events: none;
}
.breadcrumb-news .g-breadcrumbs-separator {
	line-height: 25px;
}
h2.art-titolo-news {
	font-size: 60px;
	padding-bottom: 5px;
	margin-bottom: 0;
	color: var(--azzurro);
}
.art-contenuto-news h2 {
	color: var(--nero);
	font-size: 30px;
	font-family: Lato, sans-serif;
	padding: 0;
}
.art-contenuto-news a {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	margin-top: 50px;
	margin-left: 35px;
	position: relative;
}
.art-contenuto-news a::before {
	content: '\f56d';
	font-family: "fontawesome";
	font-weight: 900;
	font-size: 23px;
	text-align: center;
	line-height: 23px;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -35px;
}
.art-data-news {
	font-style: italic;
	padding-bottom: 50px;
	color: var(--magenta);
}
.art-img-news {
	padding-top: 50px;
	width: 70%;
	margin-right: auto;
}

/* PAGINA GALLERY FOTO */

#pag-foto img {
	border-radius: 30px;
}

/* PAGINA CONTATTI*/

#contatti-intro {
	background-color: var(--magenta);
}
#contatti-sez {
	padding-top: 10rem;
	padding-bottom: 8rem;
}
#contatti-form form {
	width: 60%;
	margin: auto;
}
#contatti-form .campo_form_affiancato {
	display: flex;
	justify-content: space-between;
}
#contatti-form .campo_form_affiancato label {
	width: 49%;
}
#contatti-form .wpcf7-form-control-wrap {
	margin-top: 0;
}
#contatti-form span.wpcf7-list-item>label {
	padding: 0;
}
#contatti-form .check-policy-text {
	padding-left: 10px;
}
#contatti-form .check-policy-text a {
	color: var(--magenta)
}
#contatti-form .check-policy-text a:hover {
	color: var(--azzurro)
}
#contatti-form .btn-invio {
	margin-bottom: 0;
}
#contatti-form .btn-invio input {
	padding: 10px 20px 10px 0;
}
#contatti-form .btn-invio label {
	position: relative;
}
#contatti-form .btn-invio label::after {
	content: '';
	background-image: url(img/SVG/asilomoroni-freccia-pulsante.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 94px;
	height: 40px;
	display: block;
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
	right: -17px;
}
::placeholder {
	color: var(--magenta);
	opacity: 0.5;
}
#contatti-recapiti {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
#contatti-recapiti .g-cols.via_grid {
	justify-items: center;
}
#contatti-recapiti .forma-icona {
	width: fit-content;
}
#sez-int-contatti .wpb_column.vc_column_container {
	z-index: 1;
}
#contatti-recapiti .forma-icona .w-iconbox-icon svg {
	font-size: 5rem;
	padding-bottom: 30px;
	padding-top: 20px;
	transition: all 300ms;
	z-index: 2;
}
#contatti-recapiti .forma-icona.icona-dx:hover .w-iconbox-icon svg {
	transform: rotate(10deg) scale(1.1);
}
#contatti-recapiti .forma-icona.icona-sx:hover .w-iconbox-icon svg {
	transform: rotate(-10deg) scale(1.1);
}
#contatti-recapiti .forma-icona .w-iconbox-icon {
	position: relative;
}
#contatti-recapiti .forma-icona .w-iconbox-icon::before {
	content: '';
	mask: url(img/SVG/asilomoroni-forma-icona.svg);
	mask-repeat: no-repeat;
	background-color: var(--azzurro-chiaro);
	background-repeat: no-repeat;
	background-position: center;
	width: 130px;
	height: 130px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
#contatti-recapiti .forma-icona h3 {
	color: var(--azzurro);
	font-size: 32px;
}
#contatti-recapiti .forma-icona a {
	color: var(--nero);
}
#contatti-recapiti .forma-icona a:hover {
	color: var(--magenta);
}
#sez-int-recapiti::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 167px;
	mask: url(img/SVG/asilomoroni-sfondo-tratteggio-aereo-contatti.svg);
	mask-repeat: no-repeat;
	background-color: var(--magenta);
	left: 50%;
	top: 6%;
	transform: translateX(-50%);
}
#contatti-mappa {
	padding-top: 47px;
	padding-bottom: 0;
	background-color: #F1F3F4;
}

/* FOOTER */

section.l-section.footer-top {
	padding: 50px 0 80px 0;
}
section.l-section.footer-bottom {
	padding: 20px 0;
}
.footer-top-inner {
    background-color: var(--bianco);
    padding: 80px 50px;
    border-radius: 30px;
}
.footer-top img {
	height: 125px;
}
.footer-top a.link-footer {
	color: var(--nero);
}
.footer-top a.link-footer:hover,
.footer-top .w-iconbox-icon:hover {
	color: var(--magenta);
}
.footer-top i.fa-solid {
	font-size: 22px;
	padding-right: 12px;
}
.footer-top .w-iconbox-icon {
	padding-top: 20px;
}

/* FOOTER VARIANTI COLORE */

/* AZZURRO */

.footer-azzurro {
	background-color: var(--azzurro);
}
.footer-bottom.footer-azzurro a.link-footer {
	color: var(--bianco);
}
.footer-bottom.footer-azzurro a.link-footer:hover {
	color: var(--azzurro-chiaro);
}

/* AZZURRO CHIARO */

.footer-azzurro-chiaro {
	background-color: var(--azzurro-chiaro);
}
.footer-bottom.footer-azzurro-chiaro a.link-footer {
	color: var(--nero);
}
.footer-bottom.footer-azzurro-chiaro a.link-footer:hover {
	color: var(--azzurro);
}

/* MAGENTA */

.footer-magenta {
	background-color: var(--magenta);
}
.footer-bottom.footer-magenta a.link-footer {
	color: var(--bianco);
}
.footer-bottom.footer-magenta a.link-footer:hover {
	color: var(--magenta-chiaro);
}

/* MAGENTA CHIARO */

.footer-magenta-chiaro {
	background-color: var(--magenta-chiaro);
}
.footer-bottom.footer-magenta-chiaro a.link-footer {
	color: var(--nero);
}
.footer-bottom.footer-magenta-chiaro a.link-footer:hover {
	color: var(--magenta);
}

/* VIOLA */

.footer-viola {
	background-color: var(--viola);
}
.footer-bottom.footer-viola a.link-footer {
	color: var(--bianco);
}
.footer-bottom.footer-viola a.link-footer:hover {
	color: var(--viola-chiaro);
}

/* VIOLA CHIARO */

.footer-viola-chiaro {
	background-color: var(--viola-chiaro);
}
.footer-bottom.footer-viola-chiaro a.link-footer {
	color: var(--nero);
}
.footer-bottom.footer-viola-chiaro a.link-footer:hover {
	color: var(--viola);
}

/* VERDE */

.footer-verde {
	background-color: var(--verde);
}
.footer-bottom.footer-verde a.link-footer {
	color: var(--bianco);
}
.footer-bottom.footer-verde a.link-footer:hover {
	color: var(--verde-chiaro);
}

/* VERDE CHIARO */

.footer-verde-chiaro {
	background-color: var(--verde-chiaro);
}
.footer-bottom.footer-verde-chiaro a.link-footer {
	color: var(--nero);
}
.footer-bottom.footer-verde-chiaro a.link-footer:hover {
	color: var(--verde);
}

/* ARANCIONE */

.footer-arancione {
	background-color: var(--arancione);
}
.footer-bottom.footer-arancione a.link-footer {
	color: var(--bianco);
}
.footer-bottom.footer-arancione a.link-footer:hover {
	color: var(--arancione-chiaro);
}

/* ARANCIONE CHIARO */

.footer-arancione-chiaro {
	background-color: var(--arancione-chiaro);
}
.footer-bottom.footer-arancione-chiaro a.link-footer {
	color: var(--nero);
}
.footer-bottom.footer-arancione-chiaro a.link-footer:hover {
	color: var(--arancione);
}


@media screen and (max-width: 767.98px) {
	:root {
        --header-height: 90px!important;
    }
	.sezione-onde-top::before {
		height: 18px;
		top: -13px;
	}
	section.l-section.footer-top {
		padding: 50px 0 0px 0;
	}
	.sezione-anteprima-news {
		padding: 0 0rem;
	}
	#home-contatti {
		background-position: 90% 100%;
    	background-size: 44%;
	}
	#spazi-asilo #attivita.col-spazi, #spazi-asilo #natura.col-spazi {
		top: 0%;
	}
	#spazi-asilo .col-spazi {
		margin: 0% 0;
	}
	.sezione-mappa::before,
	.sezione-mappa::after {
		width: 100%;
		height: 136px;
		
	}
	.sezione-mappa::before {
		top: -1.5%;
	}
	.sezione-mappa::after {
		bottom: -2%;
	}
	#giornata {
		margin-top: -61px;
	}
	#giornata .sez-mappa-tratteggi::before {
		display: none;
	}
	.col-icone-insegn {
	    height: auto;
		padding: 7%;
	}
	#gennaio.col-valutazione {
		top: 4%;
	}
	#termine.col-valutazione {
		top: 5%;
	}
	.w-hwrapper.align_center>* {
		margin-right: 1rem;
		margin-left: 2rem;
	}
	*:not(.w-hwrapper)>.w-btn-wrapper.align_none {
		margin-right: 7.6rem;
	}
	.pulsante-delibere {
		width: 13rem;
	}
	.titolo-h2 h2 {
		font-size: 45px;
	}
	.sez-pag-attivita .icone-edu {
		margin: 0 0px;
	}
	div.col-traguardi:nth-of-type(2) {
		padding-top: 30px;
	}
	div.col-traguardi:nth-of-type(3) {
		padding-top: 40px;
	}
	#sez-traguardi-attivita .disegno-animato::after,
	#inglese-img.disegno-animato::after,
	#orto-img.disegno-animato::after,
	#contatti-form.disegno-animato::before,
	#contatti-form.disegno-animato::after {
		display: none;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 0px;
	}
	#iscrizione .inv-icone {
		padding: 5% 2% 11%;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 80px;
		padding-top: 53%;
	}
	#contatti-form form {
		width: 100%;
	}
	h2.art-titolo-news {
		font-size: 50px;
		padding-bottom: 5px!important;
	}
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		display: none;
	}
	.sezione-onde-bottom::after {
		height: 15px;
		bottom: -14px;
	}
	#sez-int-recapiti::before {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.sezione-nuvole::before, .sezione-nuvole-top::before,
	.sezione-nuvole::before, .sezione-nuvole-top::before,
	.sezione-nuvole::after, .sezione-nuvole-bottom::after,
	.sezione-onde-top::before {
		width: 100%;
	}
	#home-asilo .disegno-animato::after {
		right: 0%;
		bottom: -20%;
	}
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		bottom: -50px;
	}
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		top: -50px;
	}
	.sezione-anteprima-news {
		padding: 0 0rem;
	}
	.sezione-onde-top::before {
		top: -22px;
	}
	.flex {
		display: flex!important;
		flex-wrap: wrap;
	}
	#home-contatti {
		background-position: 86% 100%;
		background-size: 38%;
	}
	.footer-top img {
		height: 75px;
	}
	.footer-top i.fa-solid {
		font-size: 20px;
		padding-right: 7px;
	}
	#spazi-asilo .col-spazi {
		margin: 3% 0;
	}
	#spazi-asilo #attivita.col-spazi, #spazi-asilo #natura.col-spazi {
		top: 0%;
	}
	.sezione-mappa::before {
		content: '';
		background-image: url(SVG/giornata-tipo/SVG/Mappa/asilomoroni-mappa-top.svg);
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: 186px;
	}
	#giornata {
		margin-top: 27px;
	}
	.sezione-mappa::before {
		top: -3.2%;
	}
	#giornata .sez-mappa-tratteggi::before,
	.sezione-onde-bottom::after,
	#sez-traguardi-attivita .disegno-animato::after {
		display: none;
	}
	.col-icone-insegn {
		padding: 7%;
		height: auto;
	}
	#gennaio.col-valutazione,
	#termine.col-valutazione {
		top: 0%;
	}
	#membri-consiglio .titolo-h2 h2 {
		font-size: 31px;
	}
	#membri-consiglio .paragrafo p, #membri-consiglio .titolo-h3 h3 {
		font-size: 29px;
	}
	.pulsante-delibere {
		width: 27rem;
	}
	.sez-pag-attivita .icone-edu {
		margin: 0 0px;
	}
	div.col-traguardi:nth-of-type(2) {
		padding-top: 25px;
	}
	div.col-traguardi:nth-of-type(3) {
		padding-top: 40px;
	}
	.flex .col-traguardi {
		width: 100%!important;
	}
	.titolo-h2 h2 {
		font-size: 50px;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 0px;
	}
	#iscrizione .inv-icone {
		padding: 5% 2% 2%;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 53px;
		padding-top: 74%;
	}
	section.l-section.footer-top {
		padding: 50px 0 25px 0;
	}
}

@media (min-width: 992px) and (max-width: 1023.98px) {
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		top: -57px;
	}
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		bottom: -56px;
	}
	.sezione-onde-top::before {
		top: -34px;
	}
	#spazi-asilo #attivita.col-spazi, #spazi-asilo #natura.col-spazi {
		top: 0%;
	}
	#giornata {
		margin-top: 0px;
	}
	#giornata .sez-mappa-tratteggi::before {
		display: none;
	}
	.col-icone-insegn {
		height: auto;
	}
	#gennaio.col-valutazione,
	#termine.col-valutazione {
		top: 0%;
	}
	#membri-consiglio .titolo-h2 h2 {
		font-size: 35px;
	}
	#membri-consiglio .paragrafo p, #membri-consiglio .titolo-h3 h3 {
		font-size: 30px;
	}
	.sezione-onde-bottom::after {
		bottom: -29px;
	}
	.sez-pag-attivita .icone-edu {
		margin: 0 0px;
	}
	.sez-pag-attivita i.fa-solid {
		font-size: 18px;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 0px;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 57px;
		padding-top: 51%;
	}
	#sez-int-recapiti::before {
		height: 106px;
	}
}

@media (min-width: 1024px) and (max-width: 1139.98px) {
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		top: -56px;
	}
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		bottom: -58px;
	}
	.sezione-onde-top::before {
		top: -33px;
	}
	.footer-top img {
		height: 100px;
	}
	#spazi-asilo #attivita.col-spazi, #spazi-asilo #natura.col-spazi {
		top: 0%;
	}
	#giornata .sez-mappa-tratteggi::before {
		display: none;
	}
	.col-icone-insegn {
		height: auto;
	}
	#gennaio.col-valutazione,
	#termine.col-valutazione {
		top: 0%;
	}
	#membri-consiglio .titolo-h2 h2 {
		font-size: 35px;
	}
	#membri-consiglio .paragrafo p, #membri-consiglio .titolo-h3 h3 {
		font-size: 30px;
	}
	.sezione-onde-bottom::after {
		bottom: -31px;
	}
	.sez-pag-attivita .icone-edu {
		margin: 0 0px;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 0px;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 69px;
		padding-top: 48%;
	}
	#sez-int-recapiti::before {
		height: 106px;
	}
}

@media (min-width: 1140px) and (max-width: 1279.98px) {
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		top: -59px;
	}
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		bottom: -60px;
	}
	.sezione-onde-top::before {
		top: -40px;
	}
	#giornata .sez-mappa-tratteggi::before {
		display: none;
	}
	.col-icone-insegn {
		height: auto;
	}
	#membri-consiglio .titolo-h2 h2 {
		font-size: 40px;
	}
	#membri-consiglio .paragrafo p, #membri-consiglio .titolo-h3 h3 {
		font-size: 35px;
	}
	.sezione-onde-bottom::after {
		bottom: -23px;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 70px;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 69px;
		padding-top: 46%;
	}
	#sez-int-recapiti::before {
		height: 165px;
	}
}

@media (min-width: 1280px) and (max-width: 1339.98px) {
	.sezione-nuvole::before, .sezione-nuvole-top::before {
		top: -59px;
	}
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		bottom: -62px;
	}
	.sezione-onde-top::before {
		top: -42px;
	}
	#giornata .sez-mappa-tratteggi::before {
		width: 75%;
		height: 3776px;
	}
	.col-icone-insegn {
		height: auto;
	}
	#membri-consiglio .titolo-h2 h2 {
		font-size: 45px;
	}
	#membri-consiglio .paragrafo p, #membri-consiglio .titolo-h3 h3 {
		font-size: 35px;
	}
	.sezione-onde-bottom::after {
		bottom: -21px;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 200px;
	}
	#galleria .titolo-h3 h3, #pag-tour .titolo-h3 h3, #pag-foto .titolo-h3 h3 {
		font-size: 80px;
		padding-top: 42%;
	}
	#sez-int-recapiti::before {
		height: 166px;
	}
}

@media (min-width: 1925px) {
	.sezione-mappa::before,
	.sezione-mappa::after {
		height: 11%;
	}
	.sezione-nuvole::before, .sezione-nuvole-top::before,
	.sezione-nuvole::after, .sezione-nuvole-bottom::after {
		height: 100px;
	}
	#home-contatti {
		background-size: 25%;
	}
	.img-attivita .g-cols.vc_row.via_grid {
		padding: 0 0px;
	}
	.sezione-onde-bottom::after {
		height: 85px;
		bottom: -84px;
	}
	#sez-int-recapiti::before {
		height: 167px;
	}
}