@charset "UTF-8";
/*
+-+-+-+-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+ +-+-+-+-+-+-+ |E|d|u|c|a|t|i|o|n| |M|a|r|k|e|t|i|n|g| |I|t|a|l|i|a| +-+-+-+-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+ +-+-+-+-+-+-+
Author: Phil @ Education Marketing Italia
URL: https://educationmarketing.it
/* FONT */
@font-face { font-family: 'LEMON MILK'; src: url("../fonts/LEMONMILK-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins-v24-latin-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins-v24-latin-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins-v24-latin-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins-v24-latin-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url("../fonts/poppins-v24-latin-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
/* Nascondi temporaneamente fino al caricamento completo */
.vc_row[data-vc-full-width="true"]:not([data-vc-full-width-init="true"]) { visibility: hidden; }
.vc_row[data-vc-full-width="true"][data-vc-full-width-init="true"] { visibility: visible; }
/* Variabili colore */
:root { --colore-principale: #38f4b5; --colore-testo: #333; --colore-accento: #196E51; --colore-06: #58abff; --colore-611: #00bfe5; --colore-1113: #004e64; --sfondo-footer: #333; --colore-footer: #fff; --sfondo-pulsante-footer: #38f4b5; --sfondo-pulsante-footer-hover: #fff; --blu-sfondo: #e6f9fc; --giallo-principale: #ffff66; --giallo-sfondo: #ffffda; --rosso-sfondo: #feedf2; --verde-sfondo: #ebfef8; }
/* Da rimuovere */
.otgs-development-site-front-end { display: none; }
/* BASE */
html { width: 100%; height: 100%; }
html.with-fancybox { overflow: hidden; }
html, body { font-size: 17px; line-height: 27px; font-weight: 400; color: var(--colore-testo); font-family: "Poppins"; font-optical-sizing: auto; font-style: normal; overflow-x: hidden; /*.hidden-xl{
display:block;
@media (min-width:768px){
display:none;
}
}
.space-mobile{
@media (min-width:768px){
height:50px;
}
}*/ /* Sfondi sezioni */ /* Border radius per sezioni colorate */ }
html p, body p { margin-bottom: 15px; font-weight: 400; margin-top: 0; }
@media (max-width: 480px) { html p, body p { font-size: 16px; line-height: 26px; } }
html .post, html .page, body .post, body .page { margin: 0; }
html .page-content, html .entry-content, body .page-content, body .entry-content { margin: 0; }
html a, body a { text-decoration: underline; color: var(--colore-accento); transition: all 0.3s 0s linear; }
html a:hover, html a:visited, html a:focus, body a:hover, body a:visited, body a:focus { /*color: var(--colore-accento);
transition: all 0.3s linear;*/ }
html .text-center, body .text-center { text-align: center; }
html .p-privacy, body .p-privacy { margin: 15px 0; display: inline-block; }
html .vc_col-has-fill > .vc_column-inner, html .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, html .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, html .vc_row-has-fill > .vc_column_container > .vc_column-inner, body .vc_col-has-fill > .vc_column-inner, body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; }
html h1, body h1 { font-size: clamp(1.882rem, 7vw, 3.235rem); /* 32px, 7vw, 55px */ line-height: clamp(2.353rem, 8.5vw, 3.529rem); /* 40px, 8.5vw, 60px */ color: var(--colore-testo); font-family: 'LEMON MILK'; font-weight: bold; margin: 0 0 25px 0; overflow-wrap: break-word; word-break: break-word; }
html h2, body h2 { font-size: clamp(1.529rem, 5.5vw, 2.353rem); /* 26px, 5.5vw, 40px */ line-height: clamp(2rem, 7vw, 2.941rem); /* 34px, 7vw, 50px */ font-family: 'LEMON MILK'; font-weight: bold; margin: 0 0 25px 0 !important; color: var(--colore-testo); position: relative; z-index: 10; overflow-wrap: break-word; word-break: break-word; }
html h3, body h3 { font-size: clamp(1.235rem, 4vw, 1.765rem); /* 21px, 4vw, 30px */ line-height: clamp(1.706rem, 5.5vw, 2.353rem); /* 29px, 5.5vw, 40px */ font-weight: 600; margin: 0 0 25px 0; color: var(--colore-testo); font-family: 'LEMON MILK'; overflow-wrap: break-word; word-break: break-word; }
html h4, body h4 { font-size: 23px; line-height: 33px; font-weight: 600; margin: 0 0 25px 0; color: var(--colore-testo); }
html button, html input, html select, html optgroup, html textarea, body button, body input, body select, body optgroup, body textarea { font-family: "Poppins", sans-serif; }
html .overflow-hidden, body .overflow-hidden { overflow: hidden; }
html .no-margin-bottom, body .no-margin-bottom { margin-bottom: 0; }
html .border-radius-40, body .border-radius-40 { border-radius: 40px; }
html .border-radius-40 .vc_column-inner, body .border-radius-40 .vc_column-inner { border-radius: 40px; }
html .border-radius-40--img img, body .border-radius-40--img img { border-radius: 40px; }
html .padding-50, body .padding-50 { padding: 50px; }
@media (max-width: 480px) { html .padding-50, body .padding-50 { padding: 25px 35px; } }
html .margin-75, body .margin-75 { margin: 75px 0; }
html ul, html ol, body ul, body ol { margin: 15px 0; padding-inline-start: 25px; }
html ul li, html ol li, body ul li, body ol li { line-height: 28px; font-size: 17px; }
html .site-wrapper, body .site-wrapper { width: 100%; max-width: 1250px; padding: 0 25px; margin: 0 auto; }
html img, body img { position: relative; }
html .comment-navigation .nav-links, html .posts-navigation .nav-links, html .post-navigation .nav-links, body .comment-navigation .nav-links, body .posts-navigation .nav-links, body .post-navigation .nav-links { display: none; }
html .img-mobile, body .img-mobile { min-height: 400px; }
html .img-mobile--verticale-2-3, body .img-mobile--verticale-2-3 { aspect-ratio: 2/3; }
html .img-mobile--fix .vc_column-inner, body .img-mobile--fix .vc_column-inner { width: calc(100% - 30px); margin: 0 auto; }
html .text-white h1, html .text-white h2, html .text-white h3, html .text-white h4, html .text-white h5, html .text-white h6, html .text-white p, html .text-white span, html .text-white li, body .text-white h1, body .text-white h2, body .text-white h3, body .text-white h4, body .text-white h5, body .text-white h6, body .text-white p, body .text-white span, body .text-white li { color: #fff !important; }
html .background-pattern, body .background-pattern { position: relative; overflow: visible !important; }
html .background-pattern:before, body .background-pattern:before { content: ''; position: absolute; top: -150px; left: 0; right: 0; height: calc(100% + 300px); background-image: url(../images/pattern.svg); background-position: center; background-repeat: no-repeat; background-size: 90%; z-index: 2; pointer-events: none; width: 100%; }
@media (max-width: 480px) { html .background-pattern:before, body .background-pattern:before { display: none; } }
html .background-pattern .wpb_column, body .background-pattern .wpb_column { z-index: 10; }
html .background-pattern--pink:before, body .background-pattern--pink:before { background-image: url(../images/pattern-pink.svg); }
html .background-munari, body .background-munari { position: relative; overflow: visible !important; }
html .background-munari:before, body .background-munari:before { content: ''; position: absolute; top: 50px; right: -50px; height: 100%; background-image: url(../images/albero-munari-background.svg); background-position: left; background-repeat: no-repeat; background-size: contain; z-index: 0; pointer-events: none; width: 100%; opacity: 0.35; transform: scale(-1, 1); }
@media (max-width: 768px) { html .background-munari:before, body .background-munari:before { display: none; } }
html .btn, body .btn { color: #fff; background-color: var(--colore-testo); text-transform: uppercase; font-weight: 700; transition: all 0.3s 0s linear; padding: 10px 20px; display: inline-block; cursor: pointer; text-align: center; font-size: 14px; line-height: 24px; position: relative; border-radius: 25px; z-index: 30; text-decoration: none; display: flex; width: max-content; align-items: center; gap: 0; border: 1px solid var(--colore-testo); }
html .btn:before, body .btn:before { content: '' !important; font-family: inherit !important; display: inline-block; width: 20px; height: 20px; margin-right: 10px; transition: margin-right 0.3s linear; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center/20px no-repeat; mask: url('data:image/svg+xml;utf8,') center/20px no-repeat; }
html .btn:hover, body .btn:hover { transition: all 0.3s linear; background-color: #fff; color: var(--colore-testo); }
html .btn:hover:before, body .btn:hover:before { margin-right: 15px; transition: margin-right 0.3s linear; }
html .btn--center, body .btn--center { margin: 0 auto; }
html .btn--verde, body .btn--verde { color: var(--colore-testo); background-color: var(--colore-principale); }
html .btn--verde:hover, body .btn--verde:hover { background-color: var(--colore-testo); color: var(--colore-principale); }
html .btn--giallo, body .btn--giallo { background-color: #FFFF66; border: nonE; color: var(--colore-testo); }
html .btn--giallo:hover, body .btn--giallo:hover { background-color: var(--colore-testo); color: #FFFF66; }
html .btn--verde-semplice, body .btn--verde-semplice { color: var(--colore-testo); background-color: var(--colore-principale); border: none; padding: 5px 20px; margin: 25px 0; }
html .btn--verde-semplice:before, body .btn--verde-semplice:before { display: none; }
html .btn--verde-semplice:hover, body .btn--verde-semplice:hover { background-color: var(--colore-testo); color: #fff; }
html .btn--prefooter:before, body .btn--prefooter:before { display: none; }
html .preschool-blue--sfondo, body .preschool-blue--sfondo { background-color: var(--colore-06); }
html .primary-blue--sfondo, body .primary-blue--sfondo { background-color: var(--colore-611); }
html .middle-blue--sfondo, body .middle-blue--sfondo { background-color: var(--colore-1113); }
html .primary-pink--sfondo, body .primary-pink--sfondo { background-color: #FFA6E6; }
html .blu-sfondo, body .blu-sfondo { background-color: var(--blu-sfondo) !important; }
html .blu-sfondo-pieno, body .blu-sfondo-pieno { background-color: #5FD7EF; }
html .verde-sfondo, body .verde-sfondo { background-color: var(--verde-sfondo); }
html .verde-sfondo-pieno, body .verde-sfondo-pieno { background-color: var(--colore-principale); }
html .giallo-sfondo, body .giallo-sfondo { background-color: var(--giallo-sfondo); }
html .giallo-sfondo-pieno, body .giallo-sfondo-pieno { background-color: #FFFF66 !important; }
html .rosso-sfondo, body .rosso-sfondo { background-color: var(--rosso-sfondo); }
html .grigio-sfondo, body .grigio-sfondo { background-color: #EFEFEF; }
html .titolo-sezione-scuola, body .titolo-sezione-scuola { width: max-content; padding: 10px 30px; border-radius: 25px; }
html .titolo-sezione-scuola h2, body .titolo-sezione-scuola h2 { margin-bottom: 0 !important; }
html .titolo-sezione-scuola--preschool, body .titolo-sezione-scuola--preschool { background-color: var(--colore-06); }
html .titolo-sezione-scuola--primary, body .titolo-sezione-scuola--primary { background-color: var(--colore-611); }
html .titolo-sezione-scuola--middle, body .titolo-sezione-scuola--middle { background-color: var(--colore-1113); }
html .border-radius-sezione-top, body .border-radius-sezione-top { border-top-left-radius: 40px; border-top-right-radius: 40px; }
html .border-radius-sezione-bottom, body .border-radius-sezione-bottom { border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
html .b-becoming-education, body .b-becoming-education { width: 80px; margin-top: 25px; }
html .attention-smile, body .attention-smile { position: absolute; top: -50%; left: -35px; }
html .elenco-puntato ul, body .elenco-puntato ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
html .elenco-puntato ul li, body .elenco-puntato ul li { list-style: none; color: var(--colore-testo); margin-bottom: 0; min-height: 60px; width: max-content; display: flex; border-radius: 30px; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; padding: 15px 25px 15px 85px; transform-origin: left center; transition: transform 0.3s ease; }
html .elenco-puntato ul li > :first-child, body .elenco-puntato ul li > :first-child { display: block; font-family: 'LEMON MILK'; }
html .elenco-puntato ul li:nth-child(odd), body .elenco-puntato ul li:nth-child(odd) { background-color: #E6F9FC; }
html .elenco-puntato ul li:nth-child(even), body .elenco-puntato ul li:nth-child(even) { background-color: #FFFFDA; }
html .elenco-puntato ul li:hover, body .elenco-puntato ul li:hover { transform: translateY(-5px); transition: transform 0.3s ease; }
html .elenco-puntato ul li:before, body .elenco-puntato ul li:before { background-image: url("../images/elenco-puntato-marker-blu.svg"); content: ''; width: 39px; background-repeat: no-repeat; display: inline-block; height: 54px; background-size: 39px; content: ''; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); }
@media (max-width: 768px) { html .elenco-puntato ul li, body .elenco-puntato ul li { width: 100%; } }
html .elenco-puntato--sfondo-bianco ul li, body .elenco-puntato--sfondo-bianco ul li { background-color: #fff !important; }
html .elenco-puntato--blu ul li:before, body .elenco-puntato--blu ul li:before { background-image: url("../images/elenco-puntato-marker-blu.svg"); }
html .elenco-puntato--verde ul li:before, body .elenco-puntato--verde ul li:before { background-image: url("../images/elenco-puntato-marker-verde.svg"); }
html .elenco-puntato--giallo ul li:before, body .elenco-puntato--giallo ul li:before { background-image: url("../images/elenco-puntato-marker-giallo.svg"); }
html .elenco-puntato--viola ul li:before, body .elenco-puntato--viola ul li:before { background-image: url("../images/elenco-puntato-marker-viola.svg"); }
html .elenco-puntato--rosso ul li:before, body .elenco-puntato--rosso ul li:before { background-image: url("../images/elenco-puntato-marker-rosso.svg"); }
html .background-100 .vc_column-inner, body .background-100 .vc_column-inner { background-position: 100% !important; }
html .background-center-top .vc_column-inner, body .background-center-top .vc_column-inner { background-position: center top !important; }
html hr, body hr { margin: 30px 0 25px 0; background-color: var(--colore-testo); }
/* Anagrafica Frontend */
.titolo { margin: 50px 0; }
.wrapper { background-color: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 50px 35px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); margin-bottom: 75px; }
.wrapper .divisore { height: 1px; background-color: #ccc; width: 100%; margin-bottom: 50px; }
.wrapper .riga { display: flex; flex-wrap: wrap; margin-bottom: 25px; justify-content: space-between; align-items: center; }
.wrapper .riga--no-margin-bottom { margin-bottom: 0; }
.wrapper .riga .container-social { display: flex; }
.wrapper .riga .container-social .social { width: 25px; margin-right: 15px; }
.wrapper .riga .col { border-left: 1px solid #ccc; padding-left: 10px; }
@media (max-width: 992px) { .wrapper .riga .col { width: 100%; margin-bottom: 25px; } }
.wrapper .riga .col p { margin-bottom: 2.5px; }
.wrapper .riga .col h3 { margin: 25px 0 15px 0; }
.wrapper .riga .col--no-border { border: 0; padding: 0; }
.wrapper .riga .col .custom-logo-link img { width: 300px; }
.sedi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 50px; }
@media (max-width: 1000px) { .sedi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .sedi-grid { grid-template-columns: 1fr; } }
.sedi-grid .sede { border: 1px solid #ccc; border-radius: 10px; }
.sedi-grid .sede img { border-top-left-radius: 10px; border-top-right-radius: 10px; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.sedi-grid .sede .desc { padding: 25px; }
.sedi-grid .sede .desc .sede__info p { margin-bottom: 10px; }
.sedi-grid .sede .desc .tipologia-sede { background-color: #33ff99; color: #000; border-radius: 35px; margin-right: 10px; padding: 5px 15px; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 22px; display: block; width: max-content; margin-bottom: 15px; }
.sedi-grid .sede .desc .link { margin-top: 25px; }
/* ANIMAZIONI */
/* Fade elemento dx waypoint */
.fade { opacity: 0; transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Fade elemento sx waypoint */ }
.fade.animate { opacity: 1; }
.fade--sx { transform: translateX(-50px); }
.fade--sx.animate { transform: translateX(0); }
@media (max-width: 768px) { .fade--sx { transform: translateX(0) translateY(-50px); }
.fade--sx.animate { transform: translateY(0); } }
.fade--dx { transform: translateX(50px); }
.fade--dx.animate { transform: translateX(0); }
@media (max-width: 768px) { .fade--dx { transform: translateX(0) translateY(50px); }
.fade--dx.animate { transform: translateY(0); } }
.fade__alt--sx { transform: translateX(50px); }
.fade__alt--sx.animate { transform: translateX(0); }
@media (max-width: 768px) { .fade__alt--sx { transform: translateX(0) translateY(-25px) !important; }
.fade__alt--sx.animate { transform: translateX(0) translateY(0) !important; } }
.fade__alt--dx { transform: translateX(50px); }
.fade__alt--dx.animate { transform: translateX(0); }
@media (max-width: 768px) { .fade__alt--dx { transform: translateX(0) translateY(50px); }
.fade__alt--dx.animate { transform: translateY(0); } }
.albero-munari { margin: 0 0 0 -80px; padding: 25px 0 0 0; }
.albero-munari .svg-container { width: 100%; display: flex; align-items: center; justify-content: center; }
.albero-munari .svg-container svg { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.ramo-divisore { width: 200px; margin: 15px auto; }
@media (max-width: 480px) { .ramo-divisore { width: 150px; margin: 0 auto; } }
.ramo-divisore .svg-container { width: 100%; display: flex; align-items: center; justify-content: center; }
.ramo-divisore .svg-container svg { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.container-smile-absolute { height: 0; width: 100%; position: absolute; right: 0; }
.container-smile-absolute .smile-animation-container { width: max-content; top: -99px; position: relative; z-index: 60; }
@media (max-width: 768px) { .container-smile-absolute .smile-animation-container { top: -50px; } }
@media (max-width: 768px) { .container-smile-absolute .smile-animation-container svg { height: 85px; } }
.container-smile-absolute .smile-animation-container.forma_nuvola #smile-svg { width: 200px; }
.container-smile-absolute .smile-animation-container.forma_nuvola #smile-svg #faccia { transform: translate(40px, -20px) scale(1.2); }
.container-smile-absolute .smile-animation-container.forma_goccia #smile-svg #faccia { transform: translate(-15px, -15px); }
.container-smile-absolute .smile-animation-container.forma_bed #smile-svg #faccia { transform: translate(30px, 15px) scale(1.5); }
.container-smile-absolute .smile-animation-container.forma--mappa { top: 30px; left: 190px; width: 100px; }
@media (max-width: 768px) { .container-smile-absolute .smile-animation-container.forma--mappa { top: 50px; left: calc(50% - 65px); } }
@media (max-width: 768px) { .container-smile-absolute .smile-animation-container.forma--mappa #smile-svg { height: auto; } }
@media (max-width: 480px) { .container-smile-absolute .smile-animation-container.forma--mappa #smile-svg { height: 140px; } }
.container-smile-absolute .smile-animation-container.forma--mappa #smile-svg #faccia { transform: translate(-30px, -25px); }
.container-smile-absolute .smile-animation-container.forma--sx { right: 25px; position: absolute; transform: scale(-1, 1); }
@media (max-width: 768px) { .container-smile-absolute .smile-animation-container.forma--sx { transform: scale(1, 1); left: -35px; right: auto; } }
.container-smile-absolute .smile-animation-container.forma--verde path:not(#mouth) { fill: #38F4B5; }
.container-smile-absolute .smile-animation-container.forma--grigio path:not(#mouth) { fill: #CCCCCC; }
.container-smile-absolute .smile-animation-container.forma--rosso path:not(#mouth) { fill: #FF5050; }
.container-smile-absolute .smile-animation-container.forma--06 path:not(#mouth) { fill: var(--colore-06); }
.container-smile-absolute .smile-animation-container.forma--611 path:not(#mouth) { fill: var(--colore-611); }
.container-smile-absolute .smile-animation-container.forma--1113 path:not(#mouth) { fill: var(--colore-1113); }
/* COMPONENTI */
#primary { position: relative; /* Divider */ /* Border radius */ /* Tabella attività giornalieria */ /* Override riga Scuola Infanzia */ /* Social */ }
#primary .site-wrapper { width: 100%; max-width: 1250px; padding: 0 25px; margin: 0 auto; background-color: transparent; position: relative; }
#primary input[type="text"], #primary input[type="email"], #primary input[type="url"], #primary input[type="password"], #primary input[type="search"], #primary input[type="number"], #primary input[type="tel"], #primary input[type="range"], #primary input[type="date"], #primary input[type="month"], #primary input[type="week"], #primary input[type="time"], #primary input[type="datetime"], #primary input[type="datetime-local"], #primary input[type="color"], #primary textarea, #primary select { color: #666; border: 1px solid #ccc; border-radius: 15px; padding: 3px; background-color: #FEFEFE; margin: 5px 0; width: 100%; padding: 10px 15px; font-size: 12px; cursor: pointer; }
#primary input[type="button"], #primary input[type="reset"], #primary input[type="submit"] { color: #fff; background-color: var(--colore-testo); text-transform: uppercase; font-weight: 700; transition: all 0.3s 0s linear; padding: 10px 20px; display: inline-block; cursor: pointer; text-align: center; font-size: 14px; line-height: 24px; position: relative; border-radius: 25px; z-index: 30; text-decoration: none; display: flex; width: max-content; align-items: center; gap: 0; border: 1px solid var(--colore-testo); }
#primary input[type="button"]:hover, #primary input[type="reset"]:hover, #primary input[type="submit"]:hover { transition: all 0.3s linear; background-color: #fff; color: var(--colore-testo); }
#primary .form label { font-weight: bold; }
#primary .form .privacy { font-weight: 400; font-size: 15px; line-height: 25px; }
#primary .form .privacy a { color: #333; }
#primary .form .wpcf7-list-item { margin: 0; }
#primary .form .wpcf7-list-item .wpcf7-list-item-label { margin-left: 5px; font-weight: 400; }
#primary .form .wpcf7-list-item.first { margin-right: 25px; }
#primary .form .rosso { color: #000; }
#primary .search-submit { margin: 0 auto; margin-top: 25px; }
#primary .divider { height: 100px; width: 1px; background-color: #C5CBD8; margin: 50px auto; transform: translateY(-30px); opacity: 0; transition: all 2s ease-out; }
#primary .divider.animate { transform: translateY(0); opacity: 1; }
#primary .border-radius-40 { border-radius: 40px; }
#primary .routine { border-collapse: collapse; }
#primary .routine tr { vertical-align: top; }
#primary .routine .time { width: 120px; }
#primary .row-override-3 .vc_col-sm-2:nth-child(1) { width: 12.5%; }
#primary .social-grid { display: flex; flex-wrap: wrap; }
#primary .social-grid .social { width: 30px; margin-right: 15px; }
/* PAGINE */
#header-home { background-color: var(--colore-principale); margin-top: -165px; padding-top: 145px; background-color: var(--colore-principale); margin-bottom: 50px; padding-bottom: 50px; }
@media (max-width: 992px) { #header-home { margin-top: -70px; padding-top: 70px; } }
@media (max-width: 768px) { #header-home { background-color: transparent; padding-bottom: 0; } }
#header-home .png-mask-header-container { position: relative; width: 100%; overflow: hidden; height: 550px; }
@media (max-width: 1250px) { #header-home .png-mask-header-container { height: auto; aspect-ratio: 16/8; } }
@media (max-width: 767px) { #header-home .png-mask-header-container { aspect-ratio: unset; height: auto; min-height: 420px; background-color: transparent !important; width: calc(100% + 50px); transform: translateX(-25px); } }
@media (max-width: 480px) { #header-home .png-mask-header-container { min-height: 300px; } }
#header-home .png-mask-parallax-container { position: absolute; inset: 0; z-index: 1; overflow: hidden; border: 5px solid var(--colore-principale); }
@media (max-width: 767px) { #header-home .png-mask-parallax-container { border: none; position: relative; width: 100%; height: 100%; min-height: inherit; } }
#header-home .png-mask-parallax-container .png-mask-parallax-image { width: 100%; height: 120%; object-fit: cover; will-change: transform; content-visibility: auto; }
@media (max-width: 767px) { #header-home .png-mask-parallax-container .png-mask-parallax-image { height: 120%; position: absolute; inset: 0; } }
#header-home .png-mask-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
#header-home .png-mask-overlay svg { display: block; }
@media (max-width: 767px) { #header-home .png-mask-desktop-only { display: none; } }
#header-home .png-mask-mobile-only { display: none; }
@media (max-width: 767px) { #header-home .png-mask-mobile-only { display: block; position: absolute; top: 0; left: 0; z-index: 3; pointer-events: none; height: 100%; display: flex; align-items: center; width: 100%; justify-content: center; } }
#header-home .png-mask-mobile-logo-img { width: var(--logo-mobile-size, 85%); max-width: 340px; height: auto; display: block; }
#header { margin-top: -185px; padding-top: 245px; min-height: 700px; padding-bottom: 50px; }
#header h1 { margin-bottom: 50px; }
#header h2 { font-size: 35px; line-height: 50px; font-family: 'Poppins'; font-weight: 600; }
#header-interno { background-color: var(--colore-principale); margin-top: -175px; padding-top: 150px; min-height: 450px; display: flex; align-items: center; width: 100%; position: relative; }
#header-interno:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-image: url(../images/pattern-bianco-singolo.svg); background-position: center right; background-size: 25%; background-repeat: repeat; z-index: 0; pointer-events: none; width: 100%; opacity: 0.3; }
@media (max-width: 768px) { #header-interno:before { background-size: 60%; } }
@media (max-width: 992px) { #header-interno { margin-top: -20px; padding-top: 30px; padding-bottom: 30px; text-align: center; min-height: 300px; } }
@media (max-width: 480px) { #header-interno { margin-top: -40px; padding-top: 80px; padding-bottom: 50px; } }
#header-interno .header-pagine-interne .wpb_wrapper { display: flex; align-items: center; }
#header-interno .header-pagine-interne .wpb_wrapper .smile-animation-container.forma_bed #faccia { transform: translate(20px, 0px) scale(1.8); }
#header-interno .header-pagine-interne .wpb_wrapper .smile-animation-container.forma_nuvola #faccia { transform: translate(31px, -25px) scale(1.2); }
#header-interno .header-pagine-interne .wpb_wrapper .smile-animation-container.forma_generale #faccia { transform: translate(-10px, -35px) rotate(5deg) scale(1); }
#header-interno .header-pagine-interne .wpb_wrapper .smile-animation-container.forma_c #faccia { transform: translate(-13px, 10px); }
#header-interno .header-pagine-interne .wpb_wrapper .smile-animation-container.forma--grigio path:not(#mouth) { fill: #CCCCCC; }
#header-interno .header-pagine-interne .wpb_wrapper #smile-svg { /*width:190px;*/ margin-right: 50px; height: auto; }
@media (max-width: 768px) { #header-interno .header-pagine-interne .wpb_wrapper #smile-svg { margin: 0; } }
@media (max-width: 992px) { #header-interno .header-pagine-interne .wpb_wrapper { flex-direction: column; } }
#header-didattica { margin-top: -165px; padding-top: 105px; padding-bottom: 50px; }
#header-didattica.visita-yies:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-image: url(../images/pattern-bianco-singolo.svg); background-position: center right; background-size: 25%; background-repeat: repeat; z-index: 0; pointer-events: none; width: 100%; opacity: 0.3; display: block; }
@media (max-width: 768px) { #header-didattica.visita-yies:before { background-size: 60%; } }
@media (max-width: 768px) { #header-didattica.visita-yies { padding: 25px !important; } }
@media (max-width: 768px) { #header-didattica { padding: 0; margin: 0; } }
#header-didattica h1 { margin-bottom: 25px; }
@media (max-width: 768px) { #header-didattica h1 { font-size: 40px; } }
#header-didattica h2 { font-size: 32px; line-height: 45px; font-family: 'Poppins'; font-weight: 500; }
@media (max-width: 768px) { #header-didattica h2 { font-size: 25px; line-height: 32.5px; } }
#header-didattica .wrapper-header { position: relative; height: 100%; min-height: 700px; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; }
@media (max-width: 768px) { #header-didattica .wrapper-header { flex-direction: column-reverse; min-height: auto; padding: 25px 0; } }
#header-didattica .wrapper-header .col.sx { position: relative; top: 0px; width: 50%; height: 100%; text-align: center; padding: 0 40px; }
@media (max-width: 768px) { #header-didattica .wrapper-header .col.sx { width: 100%; } }
#header-didattica .wrapper-header .col.sx img { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
#header-didattica .wrapper-header .col.dx { width: 50%; padding: 0 50px 0 25px; }
@media (max-width: 768px) { #header-didattica .wrapper-header .col.dx { width: 100%; padding: 0 20px; margin-bottom: 25px; } }
/* Info card */
.info-card { border-radius: 25px; background-color: #EFEFEF; }
.info-card a { color: var(--colore-testo); text-decoration: none; }
.info-card a .immagine { border-top-left-radius: 25px; border-top-right-radius: 25px; overflow: hidden; position: relative; }
.info-card a .immagine img { border-top-left-radius: 25px; border-top-right-radius: 25px; transition: all 0.3s 0s linear; display: block; }
.info-card a .meta { padding: 15px 25px; }
.info-card a .meta .gen { background-color: var(--colore-principale); }
.info-card a .meta .s06 { background-color: var(--colore-06); }
.info-card a .meta .s611 { background-color: var(--colore-611); }
.info-card a .meta .s1113 { background-color: var(--colore-1113); color: #fff !important; }
.info-card a .meta .tag { display: flex; gap: 10px; width: max-content; width: max-content; color: var(--colore-testo); font-weight: 600; border-radius: 15px; padding: 2.5px 10px; text-transform: uppercase; font-size: 15px; line-height: 25px; }
.info-card a .meta .titolo { margin: 0; }
.info-card a .meta .titolo h3 { margin: 25px 0 15px 0; }
.info-card a .meta .desc { margin-bottom: 25px; }
.info-card a .meta .pulsante { overflow: hidden; }
.info-card a .meta .pulsante .freccia { display: flex; flex-direction: row; border: 2px solid var(--colore-testo); width: 50px; border-radius: 50px; height: 50px; align-items: center; justify-content: flex-start; white-space: nowrap; transition: all 0.3s 0s linear; overflow: hidden; margin-bottom: 15px; }
.info-card a .meta .pulsante .freccia:before { content: '' !important; font-family: inherit !important; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center/30px no-repeat; mask: url('data:image/svg+xml;utf8,') center/30px no-repeat; left: 9px; color: var(--colore-testo); position: relative; transform: rotate(-35deg); transition: all 0.3s 0s linear; }
.info-card a .meta .pulsante .freccia span { color: var(--colore-testo); opacity: 1; width: 0; font-size: 14px; line-height: 24px; font-weight: 700; transition: all 0.3s 0s linear; position: relative; text-transform: uppercase; transform: translateX(25px); }
.info-card a .meta .pulsante .freccia .arrow { transition: all 0.3s 0s linear; transform: translateX(12.5px); }
@media (max-width: 768px) { .info-card a .meta .pulsante .freccia { display: flex; flex-direction: row; align-items: center; border: 2px solid var(--colore-testo); background-color: var(--colore-testo); width: 190px; transition: all 0.3s 0s linear; }
.info-card a .meta .pulsante .freccia:before, .info-card a .meta .pulsante .freccia span { color: #fff; }
.info-card a .meta .pulsante .freccia:before { transform: rotate(0deg); } }
.info-card a:hover .immagine { overflow: hidden; }
.info-card a:hover .immagine img { transform: scale(1.05); object-fit: cover; transition: all 0.3s 0s linear; border-top-left-radius: 25px; border-top-right-radius: 25px; }
.info-card a:hover .pulsante .freccia { display: flex; flex-direction: row; align-items: center; border: 2px solid var(--colore-testo); background-color: var(--colore-testo); border-radius: 50px; height: 50px; width: 190px; transition: all 0.3s 0s linear; }
.info-card a:hover .pulsante .freccia span { color: #fff; }
.info-card a:hover .pulsante .freccia:before { transform: rotate(0deg); transition: all 0.3s 0s linear; color: #fff; }
/* Box descrittivo */
.box-descrittivo { padding: 35px; background-color: #fff; margin-bottom: 50px !important; }
.box-descrittivo h3 { font-size: 25px; line-height: 30px; }
@media (max-width: 768px) { .box-descrittivo { padding: 25px; } }
/* Box descrittivo - Stessa altezza */
.vc_row.stessa-altezza .wpb_column { display: flex; flex-direction: column; }
.vc_row.stessa-altezza .vc_column-inner, .vc_row.stessa-altezza .wpb_wrapper { display: flex; flex-direction: column; flex: 1; }
.vc_row.stessa-altezza .box-descrittivo { flex: 1; display: flex; flex-direction: column; }
.vc_row.stessa-altezza .box-descrittivo .wpb_wrapper { flex: 1; }
/* Box bilinguismo */
.bilinguismo-box { display: flex; gap: 40px; justify-content: center; margin: 50px 0; }
@media (max-width: 768px) { .bilinguismo-box { flex-direction: column; align-items: center; } }
.bilinguismo-box span { font-family: 'LEMON MILK'; font-size: 35px; line-height: 45px; }
.bilinguismo-box .col { align-items: center; display: flex; gap: 40px; }
@media (max-width: 768px) { .bilinguismo-box .col.sx { flex-direction: column; } }
@media (max-width: 768px) { .bilinguismo-box .col.dx { flex-direction: column-reverse; } }
@media (max-width: 768px) { .bilinguismo-box .col img { width: 140px; } }
.lista-smile ul { list-style: none; margin-left: 0; padding-left: 0; }
.lista-smile ul li { display: flex; align-items: center; font-weight: 600; }
@media (max-width: 768px) { .lista-smile ul li { flex-direction: column; text-align: center; gap: 0; margin-bottom: 25px; } }
.lista-smile ul li:before { content: url("../images/smile-lista-puntata.svg"); margin-right: 15px; }
/* SHORTOCODE */
/* Alert box */
#alert-box { padding: 25px 0; background-color: var(--colore-principale); border-radius: 20px; margin-top: 75px; }
#alert-box .cta { margin: 25px auto 0 auto; text-align: center; }
/* Box affiancati */
.box-affiancati .wpb_wrapper { position: relative; display: flex; align-items: stretch; gap: 0; }
.box-affiancati .wpb_wrapper .testo { background-color: #fff; z-index: 10; width: 50%; padding: 45px; border-top-left-radius: 0; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 40px; display: flex; flex-direction: column; justify-content: center; }
.box-affiancati .wpb_wrapper .testo--giallo { background-color: #FFFF66; }
.box-affiancati .wpb_wrapper .testo .wpb_wrapper { display: block; }
.box-affiancati .wpb_wrapper .testo .btn { margin-top: 25px; }
.box-affiancati .wpb_wrapper .testo h3 { color: var(--colore-testo); }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper .testo { width: 100%; box-shadow: none; padding: 25px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } }
.box-affiancati .wpb_wrapper .immagine { width: 50%; display: flex; border-top-left-radius: 40px; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 0; }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper .immagine { width: 100%; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
.box-affiancati .wpb_wrapper .immagine .wpb_wrapper, .box-affiancati .wpb_wrapper .immagine .vc_figure, .box-affiancati .wpb_wrapper .immagine .vc_single_image-wrapper { display: flex; width: 100%; }
.box-affiancati .wpb_wrapper .immagine img { border-top-left-radius: 40px; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper .immagine img { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: auto; object-fit: initial; } }
.box-affiancati .wpb_wrapper .immagine.logo img { object-fit: contain; }
.box-affiancati .wpb_wrapper .mappa { width: 50%; display: flex; }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper .mappa { width: 100%; } }
.box-affiancati .wpb_wrapper .mappa iframe { border-top-left-radius: 40px; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 0; }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper .mappa iframe { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: auto; object-fit: initial; } }
@media (max-width: 768px) { .box-affiancati .wpb_wrapper { flex-direction: column; } }
.box-affiancati--alt .wpb_wrapper .immagine { border-top-left-radius: 0; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 40px; }
@media (max-width: 768px) { .box-affiancati--alt .wpb_wrapper .immagine { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } }
.box-affiancati--alt .wpb_wrapper .immagine img { border-top-left-radius: 0; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 40px; }
@media (max-width: 768px) { .box-affiancati--alt .wpb_wrapper .immagine img { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } }
.box-affiancati--alt .wpb_wrapper .testo { border-top-left-radius: 40px; border-top-right-radius: 0; border-bottom-left-radius: 40px; border-bottom-right-radius: 0; }
@media (max-width: 768px) { .box-affiancati--alt .wpb_wrapper .testo { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
/* Box accordion info */
.box-info-accordion { display: flex; min-height: 450px; height: auto; overflow: visible; margin: 50px 0; border-radius: 45px; /* SIDEBAR */ /* Fine sidebar */ /* Contenuto Desktop */ /* Accordion Mobile */ }
.box-info-accordion .accordion-sidebar { flex: 0 0 30%; background: var(--colore-principale); padding: 40px; display: flex; flex-direction: column; border-top-left-radius: 45px; border-bottom-left-radius: 45px; }
.box-info-accordion .accordion-sidebar .accordion-title { color: var(--colore-testo); font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.box-info-accordion .accordion-sidebar .accordion-nav { list-style: none; padding: 0; margin: 0; flex: 1; }
.box-info-accordion .accordion-sidebar .accordion-nav-item { border-bottom: 1px solid var(--colore-testo); transition: all 0.3s ease; }
.box-info-accordion .accordion-sidebar .accordion-nav-item:last-child { border-bottom: none; }
.box-info-accordion .accordion-sidebar .accordion-nav-item .accordion-nav-button { background: none; border: none; width: 100%; padding: 20px 10px; display: flex; justify-content: space-between; align-items: center; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--colore-testo); cursor: pointer; transition: all 0.3s ease; text-align: left; }
.box-info-accordion .accordion-sidebar .accordion-nav-item .accordion-nav-button:hover { color: #000; }
.box-info-accordion .accordion-sidebar .accordion-nav-item .accordion-nav-button .nav-title { flex: 1; }
.box-info-accordion .accordion-sidebar .accordion-nav-item .accordion-nav-button .nav-arrow { font-size: 25px; font-weight: 300; margin-left: 7.5px; transition: transform 0.3s ease; transform: rotate(0); color: var(--colore-testo); }
.box-info-accordion .accordion-sidebar .accordion-nav-item.active { font-weight: bold; }
.box-info-accordion .accordion-sidebar .accordion-nav-item.active .accordion-nav-button .nav-arrow { transform: rotate(45deg); color: #000; position: relative; }
.box-info-accordion .accordion-content { flex: 1; position: relative; border-top-right-radius: 45px; border-bottom-right-radius: 45px; background-color: #F8F8FA; }
.box-info-accordion .accordion-content-item { position: absolute; inset: 0; min-height: 100%; opacity: 0; visibility: hidden; transform: translateX(20px); transition: all 0.5s ease; border-top-right-radius: 45px; border-bottom-right-radius: 45px; background-image: url(../images/pattern-grigio-sfondo.svg); background-size: cover; background-position: center top; }
.box-info-accordion .accordion-content-item.active { opacity: 1; visibility: visible; transform: translateX(0); padding: 0 25px; }
.box-info-accordion .accordion-content-item .outline { position: absolute; right: 20px; bottom: 20px; width: 200px; opacity: 0.2; z-index: -1; }
.box-info-accordion .accordion-content-item .content-description { font-size: 17px; line-height: 27px; margin: 32px 0; }
.box-info-accordion .accordion-content-item .content-description h4 { font-family: 'LEMON MILK'; }
.box-info-accordion .accordion-content-item .content-description img { max-width: 60px; margin-bottom: 15px; }
.box-info-accordion .accordion-mobile { display: none; width: 100%; }
.box-info-accordion .accordion-mobile-item { background: #F4F6FA; border-radius: 15px; margin-bottom: 15px; overflow: hidden; }
.box-info-accordion .accordion-mobile-item.active .nav-title { color: #000; }
.box-info-accordion .accordion-mobile-item.active .nav-arrow { transform: rotate(45deg); color: #000; }
.box-info-accordion .accordion-mobile-button { background: none; border: none; width: 100%; padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 500; color: var(--colore-testo); cursor: pointer; text-align: left; }
.box-info-accordion .accordion-mobile-button:hover { color: #000; }
.box-info-accordion .accordion-mobile-button .nav-arrow { font-size: 25px; transition: transform 0.3s ease; }
.box-info-accordion .accordion-mobile-content { margin: 0; border-radius: 15px; }
.box-info-accordion .accordion-mobile-content .content-background { padding: 25px; }
/* MEDIA QUERIES */
@media (max-width: 768px) { .box-info-accordion { flex-direction: column; min-height: auto; box-shadow: none; }
.box-info-accordion .accordion-sidebar, .box-info-accordion .accordion-content { display: none; }
.box-info-accordion .accordion-mobile { display: block; } }
@media (max-width: 1024px) and (min-width: 769px) { .box-info-accordion .accordion-sidebar { flex: 0 0 40%; padding: 30px; }
.box-info-accordion .content-background { padding: 20px 30px; } }
/* BOX INFO ACCORDION CON PULSANTI */
.box-info-accordion-con-pulsanti { margin: 50px 0; overflow: visible; /* SIDEBAR */ /* CONTENT DESKTOP */ /* MOBILE ACCORDION */ }
.box-info-accordion-con-pulsanti-title { margin: 50px 0; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-contenuto { display: flex; gap: 25px; align-items: flex-start; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-title { margin: 50px 0 50px 0 !important; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-desc { margin-bottom: 50px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar { flex: 0 0 20%; display: flex; flex-direction: column; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-title { margin-bottom: 20px; color: var(--colore-testo); font-size: 25px; line-height: 35px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav { list-style: none; padding: 0; margin: 0; flex: 1; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item { margin-bottom: 0; transition: all 0.3s ease; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item .accordion-con-pulsanti-nav-button { background-color: #fff; border-radius: 20px; border: none; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 20px; font-weight: 600; color: var(--colore-testo); cursor: pointer; transition: all 0.3s ease; width: max-content; margin-bottom: 25px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item .accordion-con-pulsanti-nav-button:hover { background-color: #FFFF66; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item .accordion-con-pulsanti-nav-button:hover .nav-arrow { left: 5px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item .accordion-con-pulsanti-nav-button .nav-title { flex: 1; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item .accordion-con-pulsanti-nav-button .nav-arrow { font-size: 25px; font-weight: 300; color: var(--colore-testo); margin-left: 7.5px; position: relative; left: 0; transform: rotate(0); transition: all 0.3s linear; display: flex; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item.active { font-weight: bold; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item.active .accordion-con-pulsanti-nav-button { transform: rotate(-7deg); background-color: #FFFF66; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar .accordion-con-pulsanti-nav-item.active .accordion-con-pulsanti-nav-button .nav-arrow { left: 5px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content { flex: 1; border-radius: 45px; background-color: #FFFF66; position: relative; min-height: 200px; transition: height 0.5s ease; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item { position: absolute; top: 0; left: 0; right: 0; padding: 40px; opacity: 0; visibility: hidden; transform: translateX(20px); transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item.active { position: relative; opacity: 1; visibility: visible; transform: translateX(0); }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description { font-size: 15px; line-height: 24px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description li { font-size: 15px; line-height: 24px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description p:first-child { margin: 0; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description .link { padding: 15px 0; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description .link a { background-color: #333; text-decoration: none; color: #fff; padding: 7.5px 20px; border-radius: 25px; display: flex; width: max-content; align-items: center; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description .link a .material-symbols-outlined { transform: rotate(0deg); margin-left: 5px; transition: all 0.3s linear; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description .link a:hover .material-symbols-outlined { margin-left: 15px; transition: all 0.3s linear; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description img.icona { max-width: 60px; margin-bottom: 15px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content-item .content-description h4 { margin-bottom: 15px; font-size: 1.5em; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile { display: none; width: 100%; flex-flow: wrap; gap: 0 15px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item { width: max-content; border-radius: 30px; margin-bottom: 15px; overflow: hidden; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item .link a { background-color: #000; text-decoration: none; color: #fff; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item.active { background-color: #FFFF66; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item.active .nav-title { color: var(--colore-testo); }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item.active .nav-arrow { transform: rotate(45deg); }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item .accordion-con-pulsanti-mobile-button { background-color: #fff; border-radius: 30px; border: none; padding: 7.5px 15px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--colore-testo); cursor: pointer; transition: all 0.3s ease; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item .accordion-con-pulsanti-mobile-button .nav-title { flex: 1; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item .accordion-con-pulsanti-mobile-button .nav-arrow { margin-left: 7.5px; transition: transform 0.3s ease; display: flex; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-item .accordion-con-pulsanti-mobile-button .nav-arrow .material-symbols-outlined { font-size: 18px; font-weight: 500; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content { width: 100%; margin-bottom: 15px; border-radius: 15px; background-color: #FFFF66; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content .content-description { font-size: 15px; line-height: 24px; padding: 25px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content .content-description .link { padding: 15px 0; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content .content-description .link a { background-color: #000; text-decoration: none; color: #fff; padding: 7.5px 20px; border-radius: 25px; display: flex; width: max-content; align-items: center; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content .content-description .link a .material-symbols-outlined { transform: rotate(0deg); margin-left: 5px; transition: all 0.3s linear; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile-content .content-description .link a:hover .material-symbols-outlined { margin-left: 15px; transition: all 0.3s linear; }
@media (max-width: 968px) { .box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar { display: none; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content { display: none; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile { display: flex; } }
/* MEDIA QUERIES */
@media (max-width: 768px) { .box-info-accordion-con-pulsanti { flex-direction: column; min-height: auto; box-shadow: none; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar, .box-info-accordion-con-pulsanti .accordion-con-pulsanti-content { display: none; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-mobile { display: flex; } }
@media (max-width: 1024px) and (min-width: 769px) { .box-info-accordion-con-pulsanti .accordion-con-pulsanti-sidebar { flex: 0 0 40%; padding: 30px; }
.box-info-accordion-con-pulsanti .accordion-con-pulsanti-content .content-background { padding: 20px 30px; } }
/* Slider foto automatico */
.slider-foto-container { margin: 40px 0; padding: 0; /*.slider-foto-button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: #FFFF66;
color: var(--colore-testo);
text-decoration: none;
border-radius: 30px;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
&:hover {
background: #FFFF66;
transform: translateX(5px);
color: var(--colore-testo);
.button-arrow {
transform: translateX(5px);
}
}
@media (max-width: 768px) {
font-size: 14px;
padding: 12px 24px;
}
}*/ }
.slider-foto-container .slider-foto-content { display: flex; align-items: center; gap: 40px; align-items: stretch; }
@media (max-width: 768px) { .slider-foto-container .slider-foto-content { flex-direction: column; gap: 30px; } }
.slider-foto-container .slider-foto-left { flex: 0 0 70%; position: relative; overflow: hidden; }
@media (max-width: 768px) { .slider-foto-container .slider-foto-left { flex: 0 0 100%; width: 100%; } }
.slider-foto-container .slider-foto-right { flex: 0 0 calc(30% - 40px); display: flex; flex-direction: column; align-items: flex-start; gap: 30px; position: relative; justify-content: space-between; }
@media (max-width: 768px) { .slider-foto-container .slider-foto-right { flex: 0 0 100%; width: 100%; align-items: center; text-align: center; } }
.slider-foto-container .slider-foto-title { margin: 0; font-size: 42px; font-weight: bold; color: var(--colore-testo); line-height: 1.2; background-color: var(--colore-principale); padding: 25px; border-radius: 25px; left: -100px; top: 25px; position: relative; word-break: normal; }
@media (max-width: 768px) { .slider-foto-container .slider-foto-title { left: 0; top: 0; font-size: 28px; } }
.slider-foto-container .button-arrow { font-size: 20px; transition: transform 0.3s ease; }
.slider-foto-container .slider-foto-wrapper { position: relative; overflow: hidden; width: 100%; }
.slider-foto-container .slider-foto-wrapper .slider-foto-track { display: flex; gap: 20px; will-change: transform; }
.slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item { flex: 0 0 auto; width: 35%; border-radius: 20px; overflow: hidden; }
@media (max-width: 768px) { .slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item { width: 250px; aspect-ratio: 9/16; } }
.slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item .slider-foto-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; pointer-events: none; aspect-ratio: 9/16; }
.slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item:hover .slider-foto-image { transform: scale(1.05); }
.slider-foto-container.titolo-piccolo .slider-foto-title { font-size: 30px; line-height: 40px; }
/* Card attività */
.container-card-attivita { position: relative; display: flex; flex-direction: column; gap: 50px; padding: 40px 150px; align-items: center; }
@media (max-width: 1200px) { .container-card-attivita { padding: 40px 120px; } }
@media (max-width: 992px) { .container-card-attivita { padding: 40px 0; } }
@media (max-width: 768px) { .container-card-attivita { gap: 30px; flex-direction: row; flex-wrap: wrap; justify-content: center; } }
@media (max-width: 480px) { .container-card-attivita { gap: 5px; padding: 0; } }
.container-card-attivita .card-row { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; }
@media (max-width: 768px) { .container-card-attivita .card-row { display: contents; } }
.container-card-attivita .card { background: var(--colore-principale); border-radius: 15px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease; width: 250px; text-align: center; }
.container-card-attivita .card:hover { transform: translateY(-5px) !important; }
@media (max-width: 768px) { .container-card-attivita .card { width: calc(50% - 15px); max-width: 100%; margin: 15px; }
.container-card-attivita .card:nth-of-type(1) { order: 1; }
.container-card-attivita .card:nth-of-type(2) { order: 2; }
.container-card-attivita .card:nth-of-type(3) { order: 3; }
.container-card-attivita .card:nth-of-type(4) { order: 4; }
.container-card-attivita .card:nth-of-type(5) { order: 7; width: 50%; flex-basis: 100%; }
.container-card-attivita .card:nth-of-type(6) { order: 5; }
.container-card-attivita .card:nth-of-type(7) { order: 6; } }
@media (max-width: 480px) { .container-card-attivita .card { padding: 10px 5px; margin: 2.5px; }
.container-card-attivita .card:nth-of-type(5) { width: 50%; } }
.container-card-attivita .card-icon { font-size: 48px; margin-bottom: 15px; }
.container-card-attivita .card-title { font-size: 20px; font-weight: bold; color: var(--colore-testo); margin-bottom: 10px; text-transform: uppercase; }
@media (max-width: 480px) { .container-card-attivita .card-title { font-size: 16px; line-height: 26px; word-break: break-word; } }
.container-card-attivita .card-content { font-size: 14px; color: #666; line-height: 1.5; }
.container-card-attivita .card-footer { font-size: 12px; color: #999; margin-top: 15px; }
.container-card-attivita--alt { padding: 0; }
@media (max-width: 768px) { .page-curriculum-arricchito .container-card-attivita .card { width: calc(100% - 15px); } }
/* Atelier */
.container-atelier { max-width: 1200px; margin: 0 auto; background-color: #FFFF66; border-radius: 40px; padding: 50px; }
.container-atelier .intro { font-size: 20px; line-height: 30px; margin-bottom: 50px; }
.container-atelier .content-wrapper { display: flex; gap: 40px; align-items: flex-start; margin-bottom: 25px; }
@media (max-width: 768px) { .container-atelier .content-wrapper { gap: 0; } }
.container-atelier .immagine { flex: 0 0 45%; }
.container-atelier .immagine img { width: 100%; height: auto; border-radius: 20px; }
.container-atelier .steps-section { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.container-atelier .step { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid var(--colore-testo); }
.container-atelier .step:last-child { border-bottom: none; }
.container-atelier .step.highlight { padding: 20px 20px 30px 20px; background-color: #fff; border-radius: 20px; border: none; }
@media (max-width: 768px) { .container-atelier .step.highlight { flex-direction: column; } }
.container-atelier .step.highlight .step-number { color: var(--colore-testo); font-size: 50px; margin: 15px; }
.container-atelier .step-number { flex-shrink: 0; font-family: 'LEMON MILK'; font-size: 30px; color: var(--colore-testo); display: flex; align-items: center; justify-content: center; }
.container-atelier .step-content { flex: 1; padding: 10px 0; }
.container-atelier .step-content p { margin: 0; }
@media (max-width: 968px) { .container-atelier { padding: 30px; }
.container-atelier .content-wrapper { flex-direction: column; }
.container-atelier .image-section { flex: 1 1 100%; } }
@media (max-width: 640px) { .container-atelier { padding: 20px; }
.container-atelier .step-number { width: 40px; height: 40px; } }
/* Tabella orari */
.table-container { background-color: #fff; border-radius: 20px; padding: 25px; }
table.orari { width: 100%; border-collapse: collapse; border-spacing: 0; }
table.orari thead tr { background-color: transparent; border-bottom: 1px solid #ddd; }
table.orari thead tr th { color: #333; font-weight: 700; text-align: left; padding: 15px 20px; font-size: 19px; }
table.orari tbody tr { border-bottom: 1px solid #ddd; }
table.orari tbody tr:last-child { border-bottom: none; }
table.orari tbody tr td { padding: 10px 20px; font-size: 15px; line-height: 25px; color: var(--colore-testo); vertical-align: top; background-color: transparent; }
table.orari tbody tr td:first-child { font-weight: 500; background-color: #fff; }
table.orari tbody tr td strong { margin-bottom: 5px; color: var(--colore-testo); }
table.orari tbody tr td strong:last-child { margin-bottom: 0; }
@media (max-width: 640px) { table.orari thead th { padding: 12px 15px; font-size: 1rem; }
table.orari tbody td { padding: 15px; font-size: 0.9rem; } }
/* Team educativo */
/*#team-educativo{
.immagine{
img{
aspect-ratio:3/4;
object-fit:cover;
border-radius:20px;
}
@media (max-width:768px){
margin-bottom:35px;
}
}
.testo{
.wpb_wrapper{
&:first-child{
height:100%;
background-color:var(--colore-principale);
border-radius:20px;
}
}
@media (max-width:768px){
margin-bottom:35px;
}
}
}*/
/* SLIDER GENERALE (Post, corsi, news, eventi)*/
.posts-slider-wrapper .slider-posts .slider-nav { filter: none; }
.posts-slider-wrapper .slider-posts li { background-color: #f7f7f7; border-radius: 15px; padding: 25px; }
.posts-slider-wrapper .slider-posts li a { text-decoration: none; color: #333; position: relative; display: block; }
.posts-slider-wrapper .slider-posts li a .content .categoria { display: flex; gap: 10px; }
.posts-slider-wrapper .slider-posts li a .content .categoria span { background-color: var(--colore-principale); width: max-content; padding: 1px 7.5px; border-radius: 15px; font-weight: 500; font-size: 13px; line-height: 23px; text-transform: uppercase; }
.posts-slider-wrapper .slider-posts li a .content .titolo { margin: 15px 0; font-size: 20px; line-height: 30px; }
.posts-slider-wrapper .slider-posts li a .content .excerpt p { font-size: 14px; line-height: 24px; }
.posts-slider-wrapper .slider-posts li a .content .data { font-size: 15px; line-height: 25px; }
.posts-slider-wrapper .slider-posts li a .content .btn { margin-top: 15px; padding: 5px 15px 5px 10px; font-weight: 500; }
.posts-slider-wrapper .slider-posts[data-post-type="corso"] li.indoor { background-color: var(--giallo-sfondo); }
.posts-slider-wrapper .slider-posts[data-post-type="corso"] li.outdoor { background-color: var(--verde-sfondo); }
.posts-slider-wrapper .slider-posts[data-post-type="corso"] li a .thumb { padding: 25px 0 0 25px; }
.posts-slider-wrapper .slider-posts[data-post-type="post"] li { padding: 0; background-color: #f7f7f7; }
.posts-slider-wrapper .slider-posts[data-post-type="post"] li a .thumb img { aspect-ratio: 16 / 9; object-fit: cover; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.posts-slider-wrapper .slider-posts[data-post-type="post"] li a .content { padding: 25px; }
/* GRIGLIA POST GENERALE */
.posts-grid-wrapper { margin: 50px 0; /* Filtri griglia desktop */ /* Filtri mobile: select */ /* Loading spinner */ }
.posts-grid-wrapper .posts-grid.grid-cols-2 .griglia-post__container .post { width: calc((100% - 20px) / 2); }
.posts-grid-wrapper .posts-grid.grid-cols-3 .griglia-post__container .post { width: calc((100% - 40px) / 3); }
.posts-grid-wrapper .posts-grid.grid-cols-4 .griglia-post__container .post { width: calc((100% - 60px) / 4); }
.posts-grid-wrapper .posts-grid.grid-cols-5 .griglia-post__container .post { width: calc((100% - 80px) / 5); }
.posts-grid-wrapper .posts-grid.grid-cols-6 .griglia-post__container .post { width: calc((100% - 100px) / 6); }
.posts-grid-wrapper .posts-grid .griglia-post__container { display: flex; flex-wrap: wrap; gap: 20px; }
@media (max-width: 768px) { .posts-grid-wrapper .posts-grid .griglia-post__container .post { width: calc(100% - 20px) !important; } }
.posts-grid-wrapper .posts-grid .griglia-post__container .post { background-color: #EFEFEF; border-radius: 15px; box-sizing: border-box; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post a { text-decoration: none; color: var(--colore-testo); }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content { padding: 25px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .categoria { display: flex; gap: 10px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .categoria span { background-color: var(--colore-principale); width: max-content; padding: 1px 7.5px; border-radius: 15px; font-weight: 500; font-size: 13px; line-height: 23px; text-transform: uppercase; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .titolo { margin: 15px 0; font-size: 20px; line-height: 30px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .excerpt p { font-size: 14px; line-height: 24px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .data { font-size: 14px; line-height: 24px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post .content .btn { padding: 5px 15px 5px 10px; font-weight: 500; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post-item .thumb img { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.posts-grid-wrapper .posts-grid .griglia-post__container .post.corso-item.indoor { background-color: var(--giallo-sfondo); }
.posts-grid-wrapper .posts-grid .griglia-post__container .post.corso-item.outdoor { background-color: var(--verde-sfondo); }
.posts-grid-wrapper .posts-grid .griglia-post__container .post.corso-item .thumb { padding: 25px 0 0 25px; }
.posts-grid-wrapper .grid-pagination ul { list-style: none; display: flex; justify-content: center; column-gap: 15px; }
.posts-grid-wrapper .grid-pagination ul li { color: #fff; background-color: var(--colore-testo); text-transform: uppercase; font-weight: 700; transition: all 0.3s 0s linear; display: inline-block; cursor: pointer; text-align: center; font-size: 14px; line-height: 24px; position: relative; border-radius: 10px; width: 35px; height: 35px; z-index: 30; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 0; }
.posts-grid-wrapper .grid-pagination ul li a, .posts-grid-wrapper .grid-pagination ul li span { text-decoration: none; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.posts-grid-wrapper .grid-pagination ul li a.current, .posts-grid-wrapper .grid-pagination ul li span.current { color: var(--colore-testo); }
.posts-grid-wrapper .grid-pagination ul li a:hover, .posts-grid-wrapper .grid-pagination ul li span:hover { color: #333; }
.posts-grid-wrapper .grid-pagination ul li:hover { transition: all 0.3s linear; background-color: var(--colore-principale); color: var(--colore-testo); }
.posts-grid-wrapper .grid-pagination ul li:hover a { color: var(--colore-testo); }
.posts-grid-wrapper .grid-pagination ul li:has(> span.current) { background-color: var(--colore-principale); color: var(--colore-testo) !important; }
.posts-grid-wrapper .grid-pagination ul li:has(> span.current) a { color: var(--colore-testo); }
.posts-grid-wrapper .grid-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
@media (max-width: 768px) { .posts-grid-wrapper .grid-filters { display: none; } }
.posts-grid-wrapper .grid-filters .btn:before { display: none; }
.posts-grid-wrapper .grid-filters .btn:hover { background: #fff; border: 1px solid #333; }
.posts-grid-wrapper .grid-filters .btn.active { background: var(--colore-principale); color: #333; border: none; }
.posts-grid-wrapper .grid-filters-mobile { display: none; margin-bottom: 30px; }
@media (max-width: 768px) { .posts-grid-wrapper .grid-filters-mobile { display: block; } }
.posts-grid-wrapper .grid-filters-mobile .filter-select { width: 100%; padding: 10px 15px; border-radius: 10px; border: 1px solid var(--colore-testo); background-color: #fff; color: var(--colore-testo); font-size: 15px; font-weight: 500; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; cursor: pointer; box-sizing: border-box; }
.posts-grid-wrapper .grid-filters-mobile .filter-select:focus { outline: none; border-color: var(--colore-principale); }
.posts-grid-wrapper .grid-loading { text-align: center; padding: 40px 20px; font-size: 16px; }
.posts-grid-wrapper .grid-loading .spinner { display: inline-block; width: 20px; height: 20px; border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top-color: #333; animation: spin 1s ease-in-out infinite; margin-right: 10px; }
@keyframes spin { to { transform: rotate(360deg); } }
.posts-grid-wrapper .no-results { text-align: center; padding: 40px 20px; font-size: 18px; color: #666; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole { overflow: hidden; display: flex; gap: 30px; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola { border-radius: 20px; background-color: #f7f7f7; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati { padding: 25px 20px; text-decoration: none; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati h3 { margin-bottom: 5px; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati .info-box { margin-bottom: 25px; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati .info-box p { font-size: 15px; line-height: 25px; margin: 0; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati .info-box a { text-decoration: none; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati .info-box .tag-grid { margin: 15px 0 25px 0; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .dati .info-box .tag-grid span { background-color: var(--colore-principale); padding: 2.5px 10px; border-radius: 15px; font-size: 15px; line-height: 25px; }
.posts-grid-wrapper[data-post-type="scuola"] .griglia-scuole .scuola .immagine img { aspect-ratio: 16/9; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius: 20px; }
/* Slider fotografico */
.slider-bed { margin: 50px 0; }
.slider-bed .slide-bed img { aspect-ratio: 1 / 1; object-fit: cover; }
/* Galleria fotografica */
.gallery-bed { margin: 50px 0; display: flex; flex-wrap: wrap; gap: 10px; }
.gallery-bed .gallery-item { flex: 0 0 calc(25% - 10px); }
@media (max-width: 768px) { .gallery-bed .gallery-item { flex: 0 0 calc(50% - 10px); } }
.gallery-bed .gallery-item img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 20px; }
/* Supporto per colonne dinamiche */
.gallery-bed[data-columns="2"] .gallery-item { flex: 0 0 calc(50% - 10px); }
.gallery-bed[data-columns="3"] .gallery-item { flex: 0 0 calc(33.333% - 10px); }
.gallery-bed[data-columns="4"] .gallery-item { flex: 0 0 calc(25% - 10px); }
.gallery-bed[data-columns="5"] .gallery-item { flex: 0 0 calc(20% - 10px); }
.gallery-bed[data-columns="6"] .gallery-item { flex: 0 0 calc(16.666% - 10px); }
/* Responsive per mobile (sempre 2 colonne) */
@media (max-width: 768px) { .gallery-bed[data-columns] .gallery-item { flex: 0 0 calc(50% - 10px) !important; } }
body.page-i-nostri-spazi .gallery-bed { margin: 0 0 50px 0; }
/* Gallery Masonry */
.gallery-masonry { margin: 50px 0; column-gap: 10px; }
.gallery-masonry[data-columns="2"] { column-count: 2; }
.gallery-masonry[data-columns="3"] { column-count: 3; }
.gallery-masonry[data-columns="4"] { column-count: 4; }
.gallery-masonry[data-columns="5"] { column-count: 5; }
@media (max-width: 768px) { .gallery-masonry { column-count: 2 !important; } }
@media (max-width: 480px) { .gallery-masonry { column-count: 1 !important; } }
.gallery-masonry .gallery-masonry-item { break-inside: avoid; display: block; margin: 0 0 35px; }
.gallery-masonry .gallery-masonry-item img { width: 100%; height: auto; display: block; border-radius: 25px; }
.gallery-masonry .gallery-masonry-item a { display: block; overflow: hidden; text-decoration: none; border-radius: 25px; }
.gallery-masonry .gallery-masonry-item a img { transition: transform 0.4s ease; }
.gallery-masonry .gallery-masonry-item a:hover img { transform: scale(1.03); }
.gallery-masonry .gallery-masonry-item figcaption { font-size: 14px; color: #333; line-height: 24px; padding: 15px 0 0; }
/* Accordion FAQ */
.accordion-faq { margin: 50px 0; }
.accordion-faq .accordion-faq-item { border-bottom: 1px solid #e0e0e0; }
.accordion-faq .accordion-faq-item:first-child { border-top: 1px solid #e0e0e0; }
.accordion-faq .accordion-faq-item .accordion-faq-trigger { display: flex; align-items: center; width: 100%; background: none; border: none; padding: 25px 0; cursor: pointer; text-align: left; gap: 20px; }
.accordion-faq .accordion-faq-item .accordion-faq-trigger .accordion-faq-number { font-size: 14px; font-weight: 700; color: var(--colore-testo); min-width: 28px; flex-shrink: 0; background-color: #38f4b5; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.accordion-faq .accordion-faq-item .accordion-faq-trigger .accordion-faq-domanda { flex: 1; font-size: 18px; font-weight: 500; color: var(--colore-testo); line-height: 1.4; }
.accordion-faq .accordion-faq-item .accordion-faq-trigger .accordion-faq-toggle { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 300; transition: transform 0.3s ease; flex-shrink: 0; line-height: 1; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner { padding: 0 15px 25px 48px; font-size: 16px; line-height: 1.75; color: var(--colore-testo); }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner li { font-size: 16px; line-height: 1.75; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner p { margin: 0 0 10px; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner p .btn:first-child { margin-top: 25px; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner p:last-child { margin-bottom: 0; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner strong, .accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner b { font-weight: 700; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner em, .accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner i { font-style: italic; }
.accordion-faq .accordion-faq-item .accordion-faq-risposta .accordion-faq-risposta-inner a:not(.btn) { text-decoration: underline; }
.accordion-faq .accordion-faq-item.is-open .accordion-faq-toggle { transform: rotate(45deg); }
/* News */
.single-post .entry-header, .single-corso .entry-header { background-color: var(--colore-testo); padding: 50px 0; }
.single-post .entry-header .categorie .categoria, .single-corso .entry-header .categorie .categoria { background-color: var(--colore-testo); width: max-content; padding: 2.5px 10px; border-radius: 15px; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; }
.single-post .entry-header .data-pubblicazione, .single-corso .entry-header .data-pubblicazione { color: #fff; }
.single-post .entry-header .data-pubblicazione span, .single-corso .entry-header .data-pubblicazione span { font-weight: 600; }
.single-post .entry-content, .single-corso .entry-content { margin: 50px 0; }
.single-post .post-thumbnail, .single-corso .post-thumbnail { margin-top: 50px; }
.single-post .post-thumbnail img, .single-corso .post-thumbnail img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; border-radius: 12px; }
.single-post .indietro-archivio, .single-corso .indietro-archivio { text-align: center; margin-bottom: 50px; }
/* SEARCH */
.search .page-header { margin-top: 50px; }
/* SEARCH */
.search .search-field, .error404 .search-field { background-color: #f7f7f7 !important; }
.search .page-header, .error404 .page-header { background-color: transparent; padding: 0 0; margin: 50px 0; }
@media (max-width: 768px) { .search .page-header, .error404 .page-header { padding-bottom: 25px; } }
.search .page-header h2, .error404 .page-header h2 { color: #333; }
.search .page-header h2 span, .error404 .page-header h2 span { font-style: italic; }
.search .page-header .title-wrapper, .error404 .page-header .title-wrapper { display: flex; align-items: center; }
@media (max-width: 768px) { .search .page-header .title-wrapper, .error404 .page-header .title-wrapper { flex-direction: column; } }
.search .page-header .title-wrapper .elemento-decorativo, .error404 .page-header .title-wrapper .elemento-decorativo { margin: 0 50px 0 0; }
@media (max-width: 768px) { .search .page-header .title-wrapper .elemento-decorativo, .error404 .page-header .title-wrapper .elemento-decorativo { margin: 0 auto; } }
.search .page-header .title-wrapper h2, .search .page-header .title-wrapper h1, .error404 .page-header .title-wrapper h2, .error404 .page-header .title-wrapper h1 { margin-bottom: 0 !important; color: #fff; }
@media (max-width: 768px) { .search .page-header .title-wrapper h2, .search .page-header .title-wrapper h1, .error404 .page-header .title-wrapper h2, .error404 .page-header .title-wrapper h1 { text-align: center; } }
.search .page-header .title-wrapper h2 span, .search .page-header .title-wrapper h1 span, .error404 .page-header .title-wrapper h2 span, .error404 .page-header .title-wrapper h1 span { font-style: italic; }
.no-results { position: relative; z-index: 2; padding-bottom: 50px; }
.search-no-results .page-content, .error404 .page-content { margin-top: 50px; }
.search-results .risultati { margin: 50px 0; display: flex; flex-wrap: wrap; gap: 45px; }
.search-results .risultati .risultato { width: calc(33.333% - 30px); }
@media (max-width: 992px) { .search-results .risultati .risultato { width: calc(50% - 30px); } }
@media (max-width: 768px) { .search-results .risultati .risultato { width: 100%; } }
.search-results .risultati .risultato .post-thumbnail img { aspect-ratio: 16/9; object-fit: cover; }
.search-results .risultati .risultato .entry-title { margin: 15px 0; font-size: 25px; line-height: 35px; }
.search-results .risultati .risultato .entry-summary { margin: 0 0 15px 0; font-size: 15px; line-height: 25px; }
.search-results .risultati .risultato .meta { position: relative; }
.search-results .risultati .risultato .meta img { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.search-results .risultati .risultato .meta .tipo-post { text-transform: uppercase; background-color: #fff; border-radius: 20px; width: max-content; padding: 2.5px 7.5px; color: #333; font-weight: 600; right: 8px; top: 8px; font-size: 12px; line-height: 20px; position: absolute; z-index: 60; }
.search-results .risultati article { background-color: #f0f0f0; border-radius: 20px; }
.search-results .risultati article .desc { padding: 0 25px 15px 25px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.search-results .risultati article .desc .btn { padding: 5px 20px; }
.search-results .risultati article .desc h3 a { color: #333; text-decoration: none; }
.search-results .risultati article .desc h3:visited, .search-results .risultati article .desc h3:hover, .search-results .risultati article .desc h3:focus { color: #333; }
/* FORM */
#form { margin-right: 0px !important; margin-left: 0px !important; background-color: #00BFE5 !important; padding-bottom: 0; }
@media (max-width: 768px) { #form { padding: 35px 0 0 0; } }
/* FOOTER */
#colophon { min-height: 70px; display: flex; justify-content: center; flex-direction: column; font-size: 14px; line-height: 26px; margin-top: 100px; background-color: var(--sfondo-footer); width: 100%; }
#colophon .site-wrapper { padding: 0 35px 25px 35px; max-width: 1250px; }
#colophon #pre-footer { padding: 50px 0 0 0; text-align: center; }
#colophon #pre-footer h3 { color: var(--colore-footer); margin-bottom: 35px; }
#colophon #pre-footer .cta-container { display: flex; gap: 25px; justify-content: center; padding-bottom: 50px; border-bottom: 1px solid var(--colore-principale); }
@media (max-width: 768px) { #colophon #pre-footer .cta-container { flex-direction: column; align-items: center; } }
#colophon #pre-footer .cta-container .cta .btn--prefooter { background-color: var(--sfondo-pulsante-footer); border: 0; color: var(--colore-testo); }
#colophon #pre-footer .cta-container .cta .btn--prefooter:hover { background-color: var(--sfondo-pulsante-footer-hover); }
#colophon #post-footer { padding: 25px 0 15px 0; border-top: 1px solid var(--colore-principale); color: var(--colore-footer); }
#colophon #post-footer .container-bed { display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; }
#colophon #post-footer .container-bed img { max-width: 350px; width: 100%; }
#colophon #post-footer .link-container { display: flex; }
#colophon #post-footer .link-container .link:not(:last-child):after { content: " | "; padding: 0 10px; }
#colophon #post-footer .link-container .link a { font-size: 13px; line-height: 28px; }
#colophon #footer-widget { width: 100%; min-height: 100px; padding: 25px 0 25px 0; display: flex; align-items: center; }
@media (max-width: 768px) { #colophon #footer-widget { flex-direction: column; } }
#colophon #footer-widget .site-wrapper { padding: 0 10px; }
#colophon #footer-widget .footer-widget__col { float: left; padding: 0 15px; }
#colophon #footer-widget .footer-widget__col a { color: var(--colore-footer); font-weight: 400; text-decoration: underline; }
#colophon #footer-widget .footer-widget__col p { color: var(--colore-footer); margin: 0; }
#colophon #footer-widget .footer-widget__col li { font-size: 14px; line-height: 24px; color: var(--colore-footer); }
#colophon #footer-widget .footer-widget__col .widget-title { letter-spacing: 0; font-size: 20px; line-height: 25px; margin: 0 0 5px 0 !important; color: var(--colore-footer); }
#colophon #footer-widget .footer-widget__col .logo-footer { width: 100%; max-width: 250px; }
#colophon #footer-widget .footer-widget__col .social-footer-grid { display: flex; flex-wrap: wrap; gap: 7.5px; }
#colophon #footer-widget .footer-widget__col .social-footer-grid .social-footer { width: 20px; }
#colophon #footer-widget .footer-widget__col#footer-1 { width: 30%; }
#colophon #footer-widget .footer-widget__col#footer-1 p { margin-bottom: 5px; }
#colophon #footer-widget .footer-widget__col#footer-2 { width: 30%; }
#colophon #footer-widget .footer-widget__col#footer-3 { width: 40%; }
@media (max-width: 768px) { #colophon #footer-widget .footer-widget__col { width: 100% !important; float: none; margin-bottom: 25px; } }
/* SUB FOOTER */
.subfooter { min-height: 70px; display: flex; align-items: center; background-color: #fff; color: var(--colore-testo); position: relative; z-index: 30; padding: 15px 0; }
.subfooter p { font-size: 13px; line-height: 23px; }
.subfooter .site-wrapper { max-width: 1300px; }
.subfooter a { color: var(--colore-testo) !important; }
@media (max-width: 768px) { .subfooter { text-align: center; padding: 10px 0; } }
.subfooter__desc { float: left; }
@media (max-width: 768px) { .subfooter__desc { float: none; } }
.subfooter__desc p { margin: 0; }
.subfooter__credits { float: right; }
.subfooter__credits img { height: 25px; margin-left: 15px; }
@media (max-width: 768px) { .subfooter__credits { float: none; } }
/* MISC */
.clearfix:after { content: ""; display: table; clear: both; }
/* Back to top */
#back-to-top { width: 40px; height: 40px; background-color: var(--colore-principale); position: fixed; bottom: 25px; right: 25px; border-radius: 40px; display: flex; opacity: 0; visibility: hidden; transition: all 0.3s 0s linear; align-items: center; justify-content: center; color: var(--colore-testo); z-index: 70; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); text-decoration: none; }
#back-to-top span { font-size: 20px; font-weight: bold; }
#back-to-top.attivo { opacity: 1; visibility: visible; transition: all 0.3s 0s linear; }
@media (max-width: 480px) { #back-to-top { width: 35px; height: 35px; bottom: 15px; right: 15px; }
#back-to-top span { font-size: 20px; } }
/* 404*/
.error-404 { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
/* Pagina ricerca scuole */
.page-template-page-ricerca-scuole #griglia-scuole { overflow: hidden; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati { display: flex; gap: 30px; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola { width: calc(33.333% - 30px); border-radius: 20px; background-color: #f7f7f7; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati { padding: 25px 20px; text-decoration: none; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati h3 { margin-bottom: 5px; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati .info-box { margin-bottom: 25px; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati .info-box p { font-size: 15px; line-height: 25px; margin: 0; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati .info-box a { text-decoration: none; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati .info-box .tag-grid { margin: 15px 0 25px 0; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .dati .info-box .tag-grid span { background-color: var(--colore-principale); padding: 2.5px 10px; border-radius: 15px; font-size: 15px; line-height: 25px; }
.page-template-page-ricerca-scuole #griglia-scuole .griglia-scuole-risultati .scuola .immagine img { aspect-ratio: 16/9; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.page-template-page-ricerca-scuole #griglia-filtri { display: grid; gap: 20px; grid-template-columns: auto auto auto; }
.page-template-page-ricerca-scuole .griglia-filtri-reset { border-bottom: 1px solid #ccc; margin-bottom: 50px; }
/* Grid post - tipo scuola */
.posts-grid-wrapper.grid-scuola .griglia-scuole { overflow: hidden; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .griglia-post__container { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola { border-radius: 20px; background-color: #EFEFEF; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .immagine { overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .immagine img { aspect-ratio: 16/9; object-fit: cover; width: 100%; display: block; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: transform 0.3s ease; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box { padding: 15px 25px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .titolo { margin: 0; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .titolo h3 { margin: 15px 0 10px 0; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .titolo p { font-size: 15px; line-height: 25px; margin-bottom: 10px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .tag-grid { margin: 15px 0; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .tag-grid .info-tipologia { display: flex; flex-wrap: wrap; gap: 8px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .tag-grid .info-tipologia span { display: inline-block; background-color: var(--colore-principale); color: var(--colore-testo); font-weight: 400; border-radius: 15px; padding: 2.5px 10px; text-transform: none; font-size: 15px; line-height: 25px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box p { font-size: 15px; line-height: 25px; margin: 0; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box a { text-decoration: none; }
.posts-grid-wrapper.grid-scuola .griglia-scuole .scuola .info-box .btn { margin-top: 25px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola a { display: block; color: var(--colore-testo); text-decoration: none; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola a:hover .immagine img { transform: scale(1.05); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola a:hover .pulsante .freccia { background-color: var(--colore-testo); border-color: var(--colore-testo); width: 190px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola a:hover .pulsante .freccia span { color: #fff; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola a:hover .pulsante .freccia:before { transform: rotate(0deg); color: #fff; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola .pulsante { overflow: hidden; margin-top: 25px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola .pulsante .freccia { display: flex; flex-direction: row; border: 2px solid var(--colore-testo); width: 50px; border-radius: 50px; height: 50px; align-items: center; justify-content: flex-start; white-space: nowrap; transition: all 0.3s ease; overflow: hidden; margin-bottom: 15px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola .pulsante .freccia:before { content: '' !important; font-family: inherit !important; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center/30px no-repeat; mask: url('data:image/svg+xml;utf8,') center/30px no-repeat; left: 9px; color: var(--colore-testo); position: relative; transform: rotate(-35deg); transition: all 0.3s ease; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-card .scuola .pulsante .freccia span { color: var(--colore-testo); width: 0; font-size: 14px; line-height: 24px; font-weight: 700; transition: all 0.3s ease; position: relative; text-transform: uppercase; transform: translateX(25px); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-completo .scuola .link-scuola { display: block; text-decoration: none; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-completo .scuola .link-scuola:hover .immagine img { transform: scale(1.05); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-completo .scuola .info-box { padding: 25px; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.stile-completo .scuola .info-box .info-indirizzo { margin-bottom: 5px !important; }
.posts-grid-wrapper.grid-scuola .griglia-scuole.grid-cols-2 .griglia-post__container .scuola { width: calc(50% - 30px); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.grid-cols-3 .griglia-post__container .scuola { width: calc(33.333% - 30px); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.grid-cols-4 .griglia-post__container .scuola { width: calc(25% - 30px); }
.posts-grid-wrapper.grid-scuola .griglia-scuole.grid-cols-5 .griglia-post__container .scuola { width: calc(20% - 30px); }
@media (max-width: 992px) { .posts-grid-wrapper.grid-scuola .griglia-scuole .griglia-post__container .scuola { width: calc(50% - 30px) !important; } }
@media (max-width: 600px) { .posts-grid-wrapper.grid-scuola .griglia-scuole .griglia-post__container .scuola { width: 100% !important; } }
.d-none { display: none !important; }
.space { height: 50px; }
/*# sourceMappingURL=custom.css.map */