/**
Theme Name: summerpluskids
Author: Serena Smeragliuolo
Author URI: http://wpastra.com/about/
Description: tema child summerpluskids
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: summerpluskids
Template: astra
*/
@import url(https://db.onlinewebfonts.com/c/ab596f21664c5582567537d241e2a53e?family=DIN+Next+Rounded+LT+W01+Regular); 

:root {
    --summer-main-color-petrol: #396D7C;
    --summer-main-color-yellow: #F9B233;
    --summer-grey-color-dark: #bfcfd6;
    --summer-grey-color-light: #f1f6f8;
    --inner-content-custom-width: min(100%, 1200px);
    --summer-main-font: 'Exo 2', sans-serif;
    --summer-rounded-font: 'DIN Next Rounded LT W01 Regular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
font-family: "DIN Next Rounded LT W01 Regular" !important;
	font-weight: 600 !important;
    word-wrap: break-word;
}

a {
    color: var(--summer-main-color-petrol) !important;
    text-decoration: none !important;
}

.wp-block-button a.wp-block-button__link {
    color: white !important;
    font-weight: 500 !important;
    letter-spacing: .8pt !important;
    border-radius: 99999px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.21);
    margin: 15px 0 !important;
}


.page-template-default #primary.content-area {
    margin-top: 0px !important;
    margin-bottom: 60px;
    background-color: #ffffff;
    background-image: linear-gradient(180deg, #f9f9f9 0%, #fff 5%, #fff 100%);
}
.page-template-default .entry-header {
    padding-top: 50px;
}
.page-template-default .entry-header.ast-no-title {
    padding-top: 0px !important;
}

body.card-template-default #primary.content-area
{
    padding-top: 0px !important;
}


.entry-header {
    max-width: var(--inner-content-custom-width);
    width: 100%;
    padding: 0 5px;
    flex-direction: row;
    align-items: left;
    justify-content: left;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    
.page-template-default .entry-title {
    color: var(--summer-main-color-petrol);
    border-bottom: 1px solid rgba(58, 110, 125, 0.17);
    display: block;
    width: 100%;
    padding-bottom: 9px;
}

.site-content .ast-container {
    padding: 0;
    margin: 0;
    max-width: none;
}

.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 0;
    padding: 0;
}

.feature-image {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.feature-image .bgktitle {
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 500px;
    z-index: 1;
}

.title_container {
    position: absolute;
    bottom: 25%; 
    left: 0;
    width: auto; 
    padding: 10px 0 10px 30px; 
    box-sizing: border-box; 
    display: flex; 
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.6); 
    color: white;
    border-radius: 0 5px 5px 0;
}

.title-and-meta-group {
    display: flex; 
    flex-direction: column;
}


.feature-image .title_container h1.entry-title  {
    color: rgba(255, 255, 255, 0.89);
    font-weight: 300 !important;
    padding: 0 0 10px 0px;
    font-size: 4.5rem;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.9);
    font-family: var(--summer-main-font);
    margin: 10px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    display: inline-block;
}

.feature-image .title_container .meta_container {
    color: #fff;
    font-weight: 400;
    align-self: stretch;
    font-size: 0.8rem;
    opacity: 0.9;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 5px 0 5px 0;
    margin-left: -15px;
    text-transform: uppercase;
    
}
.feature-image .title_container .meta_container a {
    color: #fff !important;
    font-weight: 500;
}
.feature-image .title_container .meta_container .bi {
    margin-right: 8px;
    margin-left: 18px;
}

/* @group HOME generale */


body.page-id-2 #primary.content-area, 
body.page-id-42 #primary.content-area {
    margin-bottom: 0px;
}
body.page-id-2 .site-footer-below-section-1{
    background-color: #ffffff;
    background-image: none;
}
body.page-id-2 .uagb-ifb-content{
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.98);
    font-weight: 700;
}

/* @group LIKE BUTTON */

button.card-like-button {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    padding: 10px;
    margin-left: 70px;
    color: white;
    border: none;
    background-color: var(--summer-main-color-petrol);
    border-radius: 5px 0 0 5px;
}
.card-like-button i.bi {
    color: white;
    margin: 0 !important;
}
.card-like-button.liked {
}
.card-like-button:hover{
    color: white;
    border: none;
    background-color: var(--summer-main-color-yellow) !important;
}
.card-like-button.liked .like-icon {
    color: white;
}
.card-like-button.loading {
    opacity: 0.7;
    cursor: wait;
}
.card-like-button.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* @group SCHEDE */


#schede-content {
    margin-top: -60px;
    z-index: 90 !important;
    position: relative !important;
}

#nav-tab {
    position: relative !important;
    justify-content: flex-end;
    padding-right: 3vw;
}

.nav-tabs {
    border: none;
}

.tab-pane
{
    margin-top: 50px;
}

.nav-item
{
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 5px 5px 0 0;
    border: #bd1f1f !important;
    font-family: var(--summer-main-font);
    font-weight: inherit;
    text-transform: uppercase;
}

.nav-item:hover
{
    background-color: rgba(255, 255, 255, 0.85);
}

.nav-item a
{
    border-top-color: rgba(255, 255, 255, 0.55) !important;
    color: #555;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
}

.nav-item a:focus {
    outline: none;
}

.nav-item a.active
{
    color: var(--summer-main-color-petrol);
}

.nav-item a:hover
{
    color: var(--summer-main-color-petrol);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.43);
}

.nav-item a.nav-link {
    font-size: 18px;
    padding: 15px 20px 17px 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

#tab1-tab {
    background-image: url(images/cuore.svg);
    background-size: 25px;
}

#tab2-tab {
    background-image: url(images/galleria.svg);
    background-size: 25px;
}

#tab3-tab {
    background-image: url(images/mappa.svg);
    background-size: 25px;
}

#tab4-tab {
    background-image: url(images/commenti.svg);
    background-size: 25px;
}

.site-footer {
    position: relative;
}

.site-footer:before {
    content: ' ';
    display: block;
    position: absolute;
    right: 30%;
    top: 0;
    width: 600px;
    height: 100%;
    opacity: 0.06;
    background-image: url(images/sole_w.png);
    background-repeat: no-repeat;
    background-position: 10% 30%;
    background-size: cover;
}

.site-footer a {
    color: var(--summer-main-color-petrol);
}

@media screen and (min-width: 1024px) {
    #valutazione .container-pie .pie {
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width: 1280px) {
    #valutazione {
        max-width: 1160px !important;
        margin: 0 auto 20px auto;
    }
}

#valutazione {
    margin: 0 auto 20px auto;
    max-width: 95%;
    position: relative;
    display: flex;
    position: relative;
    justify-content: space-between;
    padding-bottom: 30px;
}

#valutazione .valore {
    display: flex;
    position: relative;
    align-items: center;
    justify-items: center;
    box-sizing: border-box;
}

#valutazione .container-pie .pie {
    width: 100px;
    height: 100px;
    margin: 0;
}

#valutazione .container-pie .pie {
    width: 100px;
    height: 100px;
    display: inline-block;
    transform: rotate(-90deg);
    transform-origin: 50%;
    position: relative;
}

#valutazione .container-pie .pie::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: -10px;
    z-index: 2;
}

#valutazione .container-pie {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    position: relative;
}

#valutazione .container-pie .pie::before {
    width: 75%;
    height: 75%;
    background-color: #fff;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -50%);
}

#valutazione .container-pie .icon {
    width: 43%;
    height: 43%;
    background-color: #fff;
    position: absolute;
    background-size: contain;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    top: 49%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

#valutazione .container-pie .pie svg {
    width: 100%;
    border-radius: 50%;
}

#valutazione .testo {
    line-height: 1.22;
    margin-top: 0;
    margin-left: 12px;
    text-align: left;
    font-size: 15px;
}

#valutazione strong {
    font-weight: 700;
    font-size: 22px;
}

#valutazione .valore-bimbi strong, #valutazione .valore-bimbi .container-pie .pie circle
{
    color: var(--summer-main-color-yellow);
    stroke: var(--summer-main-color-yellow);
}

#valutazione .valore-genitore strong, #valutazione .valore-genitore .container-pie .pie circle {
    color: #1d8bd2;
    stroke: #1d8bd2;
}

#valutazione .valore-genitore .container-pie .icon {
    width: 38%;
    height: 38%;
}

#valutazione .valore-bellezza strong, #valutazione .valore-bellezza .container-pie .pie circle {
    color: #8fc047;
    stroke: #8fc047;
}

#valutazione .valore-difficile strong, #valutazione .valore-difficile .container-pie .pie circle {
    color: #bd559b;
    stroke: #bd559b;
}

#valutazione .valore-difficile .container-pie .icon {
    width: 40%;
    height: 39%;
}

#valutazione .container-pie .pie circle {
    width: 100%;
    height: 100%;
    fill: var(--summer-grey-color-light);
    stroke-width: 32;
}

@keyframes kf-0 {
    to {
        stroke-dasharray: 0 100
    }
}

.percentuale-0 .pie circle {
    animation: kf-0 1.5s .5s ease-out forwards
}

@keyframes kf-10 {
    to {
        stroke-dasharray: 10 100
    }
}

.percentuale-10 .pie circle {
    animation: kf-10 1.5s .5s ease-out forwards
}

@keyframes kf-20 {
    to {
        stroke-dasharray: 20 100
    }
}

.percentuale-20 .pie circle {
    animation: kf-20 1.5s .5s ease-out forwards
}

@keyframes kf-30 {
    to {
        stroke-dasharray: 30 100
    }
}

.percentuale-30 .pie circle {
    animation: kf-30 1.5s .5s ease-out forwards
}

@keyframes kf-40 {
    to {
        stroke-dasharray: 40 100
    }
}

.percentuale-40 .pie circle {
    animation: kf-40 1.5s .5s ease-out forwards
}

@keyframes kf-50 {
    to {
        stroke-dasharray: 50 100
    }
}

.percentuale-50 .pie circle {
    animation: kf-50 1.5s .5s ease-out forwards
}

@keyframes kf-60 {
    to {
        stroke-dasharray: 60 100
    }
}

.percentuale-60 .pie circle {
    animation: kf-60 1.5s .5s ease-out forwards
}

@keyframes kf-70 {
    to {
        stroke-dasharray: 70 100
    }
}

.percentuale-70 .pie circle {
    animation: kf-70 1.5s .5s ease-out forwards
}

@keyframes kf-80 {
    to {
        stroke-dasharray: 80 100
    }
}

.percentuale-80 .pie circle {
    animation: kf-80 1.5s .5s ease-out forwards
}

@keyframes kf-90 {
    to {
        stroke-dasharray: 90 100
    }
}

.percentuale-90 .pie circle {
    animation: kf-90 1.5s .5s ease-out forwards
}

@keyframes kf-100 {
    to {
        stroke-dasharray: 100 100
    }
}

.percentuale-100 .pie circle {
    animation: kf-100 1.5s .5s ease-out forwards
}

/* @group Lightbox */
#schede-content .row > * {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}

#schede-content .mt-5 .mb-4 {
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    #schede-content .mt-5 .col-lg-3 {
        flex: 0 0 auto;
        width: 33.3%;
    }
}

body .sl-wrapper .sl-image img {
    border: 20px solid #ffffff !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

body .sl-overlay {
    background: #fff !important;
    opacity: .97 !important;
}

/* @end */

/* @group tabella single category */

.info-section {
    margin-bottom: 30px;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.info-section h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.info-item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.info-item:last-child {
    border-bottom: none;
}

.info-label {
    flex: 0 0 400px;
    font-weight: 600;
    color: #555;
    display: flex;
    align-items: center;
}

.info-value {
    flex: 1;
    color: #333;
}

/* Icone specifiche (se presenti) */
.info-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-size: contain;
}

/* Layout responsive */
@media (max-width: 576px) {
    .info-item {
        flex-direction: column;
    }
    
    .info-label {
        margin-bottom: 5px;
    }
}




@media (min-width: 1024px) {
    table.info-table {
        float: left !important;
        margin-right: 2.5%;
    }

    table.info {
        width: 27%;
    }

    table.accessibile {
        width: 27%;
    }

    table.trovate {
        width: 41.7%;
        margin: 0 !important;
    }
}

@media (min-width: 1024px) and(max-width: 1280px) {
    body.schede-template-default .et_pb_row {
        width: 98% !important;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and(max-width: 1024px) {
    body.schede-template-default .et_pb_row {
        width: 95% !important;
        margin: 0 auto;
    }

    body.schede-template-default .voto {
        width: 170px !important;
    }

    body.schede-template-default #votazione .et_pb_column {
        max-width: 290px;
        margin: 0;
        width: 25%;
    }
}

@media (max-width: 767px) {
    body.schede-template-default .et_pb_row {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    #votazione {
        margin-bottom: 20px !important;
        padding-bottom: 5px !important;
    }

    body.schede-template-default .voto {
        width: 170px !important;
        margin-bottom: 30px;
    }

    body.schede-template-default #votazione .et_pb_column {
        max-width: 250px;
        margin: 0;
        width: 50%;
    }
}

#tabs-center ul li {
    padding: 10px;
    font-size: 15px;
    line-height: 33px;
    float: left;
}

#tabs-center ul li a {
    padding-left: 35px;
    padding-right: 1px;
    padding-top: 7px;
}

.bgktitle {
    padding-top: 100px !important;
    padding-bottom: 120px !important;
}

.et_pb_tab_content {
    padding: 0 15px;
}

/* @end */

/* @group Piaciuto Group */
#Piacenonpiace {
    background: url(images/bg-piacenonpiace.png) center -55px;
    background-size: cover;
    margin-top: 30px;
    padding: 30px 0 50px 0;
    border-top: 1px solid #dedede;
    overflow: auto;
}

#Piacenonpiace .container {
}

#Piacenonpiace .piace {
    width: 40%;
    margin: 0;
    float: left;
    text-align: left;
}

#Piacenonpiace .nonpiace {
    width: 40%;
    margin: 0;
    float: right;
    text-align: right;
}

#Piacenonpiace .nonpiace h4 {
    float: right;
}

#Piacenonpiace .piace h4 {
    float: left;
}

#Piacenonpiace div h4 {
    font-size: 1.7em;
    font-weight: bold;
    color: #585858;
    text-transform: uppercase;
    min-height: 60px;
    line-height: 60px;
    margin-top: 0px;
}

.elenco {
    clear: both;
    color: #444;
}

.elenco ul li {
    margin-bottom: 20px;
    list-style: none;
}

#Piacenonpiace .piace .elenco ul {
    padding-left: 0px;
    margin: 0;
}

#Piacenonpiace .piace .elenco ul li {
    border-left: 4px solid #a3b6be;
    padding-left: 12px;
}

#Piacenonpiace .nonpiace .elenco ul li {
    border-right: 4px solid #aabbc3;
    Padding-right: 12px;
}

/* @end */

/* @group consiglio Group */
#consiglio {
    background-color: #F7F7F7;
    margin-top: -30px;
    padding: 80px 0;
    transform: skewY(-2deg);
    border-top: 1px solid #dedede;
    /* filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.08)); */

}

#consiglio .container {
    transform: skewY(2deg);
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-content: stretch;
}

#consiglio h4 {
    align-self: center;
    font-size: 2em;
    font-weight: bold;
    text-align: left;
    color: #585858;
    text-transform: uppercase;
    background: url(images/consiglio.svg) right center no-repeat;
    background-size: contain;
    min-height: 60px;
    line-height: 60px;
    padding-left: 0px;
    width: 80%;
}

.ilconsiglio-testo {
    align-self: stretch;
    /* flex-grow: 0; */
    color: #333;
    font-size: 1.2em;
    line-height: 1.6;
    padding-left: 50px;
}

/* @end */
.tab-content {
    margin-bottom: 70px;
}

body.single-card .site-footer {
    z-index: 10;
}

#deep {
    clear: both;
    background-color: #FFF;
    padding-top: 50px;
    border-top: 1px solid #ddd;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.04);
    min-height: 300px;
    transform: skewY(5deg);
    filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.04));

}

#deep .container {
    transform: skewY(-5deg);
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: flex-start;

}

#racconto {
    margin-right: 3%;
}

#voto-articolo {
    display: none;
}

#scheda-autore {
    margin-top: -50px;
    position: relative;
    min-width: 300px;
}

#racconto h4 {
    font-size: 2em;
    font-weight: bold;
    text-align: left;
    color: #585858;
    text-transform: uppercase;
    background: url(images/racconto.svg) left top no-repeat;
    background-size: 60px;
    line-height: 2;
    padding-left: 70px;
    padding-bottom: 40px;
}

#racconto p {
    color: #333;
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 20px;
}

#racconto .racconto-testo p {
    color: #333;
    line-height: 1.7;
}

#scheda-autore {
    padding: 20px;
    border-radius: 5px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: 3px 0px 70px rgba(0, 0, 0, 0.08);
}

.autore-flag {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    text-align: center;
    background: #3a6d7b;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

#scheda-autore h4 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #585858;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

#scheda-autore img {
    border-radius: 100%;
    border: 1px solid #ccc;
    padding: 2px;
    width: 90px;
    background-color: #e2e2e2;
    margin: 0 auto 0 auto;
    text-align: center;
    display: block;
}

#scheda-autore p {
    border-top: 1px solid #ddd;
    color: #585858;
    text-align: center;
    font-size: .9em;
    padding: 15px 10px 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

span.ruolo {
    text-transform: capitalize;
}

.info-figli:before {
    width: 100%;
    content: "";
    border-top: solid 2px #ccc;
}

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

div.nomi {
    display: inline;
}

span.nome:after {
    content: "e\00A0";
}

span.nome:last-child:after {
    content: "";
}

/* @end */
@media (max-width: 992px) {
    #valutazione {
        margin: 20px auto;
        width: 75%;
        padding-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 35px;
    }

    #valutazione .space-container-pie {
        flex-basis: 50%;
    }

    #valutazione .container-pie {
        margin: 0;
    }

    #consiglio {
        margin-top: -40px;
    }

    #consiglio .container {
        flex-direction: column;
    }

    #consiglio h4 {
        align-self: start;
        text-align: left;
        background: url(images/consiglio.svg) left center no-repeat;
        background-size: contain;
        min-height: 60px;
        line-height: 60px;
        padding-left: 80px;
        width: 100%;
    }

    .ilconsiglio-testo {
        align-self: start;
        color: #333;
        font-size: 1.2em;
        line-height: 1.6;
        padding: 20px 0px;
    }

    #Piacenonpiace {
        background: url(images/bg-piacenonpiace.png) 49% -40px;
        background-repeat: no-repeat;
        background-size: 180%;
        margin: 0;
        padding: 10px 0 50px 0;
    }

    #Piacenonpiace ul {
        padding-left: 0;
        margin-left: 0;
    }

    #racconto h4 {
        align-self: start;
        text-align: left;
        background: url(images/racconto.svg) left top no-repeat;
        background-size: 60px;
        padding-left: 80px;
        width: 100%;
    }
}

@media (max-width: 769px) {
    #valutazione {
        width: 95%;
    }

    #valutazione .container-pie {
        margin: 0 0 0 20px;
    }

    #Piacenonpiace {
        background: none;
        margin: 0;
        padding: 10px 0 50px 0;
    }

    #Piacenonpiace ul {
        padding-left: 0;
        margin-left: 0;
    }

    #Piacenonpiace .piace {
        width: 100%;
        margin: 0;
        float: none;
        text-align: left;
        padding: 30px 0;
    }

    #Piacenonpiace .piace h4 {
        font-size: 2rem;
        padding-left: 65px;
        background: url(images/piace.svg) left center;
        background-repeat: no-repeat;
        background-size: 50px;
        margin-bottom: 20px;
    }

    #Piacenonpiace .nonpiace {
        width: 100%;
        margin: 0;
        float: none;
        text-align: right;
        padding: 0 0 30px 0;
    }

    #Piacenonpiace .nonpiace h4 {
        font-size: 2rem;
        padding-right: 65px;
        background: url(images/nonpiace.svg) right center;
        background-repeat: no-repeat;
        background-size: 50px;
        margin-bottom: 20px;
    }

    #deep .container {
        flex-direction: column;
    }

    #racconto {
        width: 100%;
        margin-right: 0;
    }

    #racconto p {
        font-size: 1.2em;
        line-height: 1.6;
    }

    #scheda-autore {
        position: relative;
        width: 80%;
        margin: 30px auto 0 auto !important;
    }
}

@media (max-width: 544px) {
    #valutazione {
        width: 98%;
    }

    #valutazione .space-container-pie {
        flex-basis: 100%;
    }

    #valutazione .container-pie {
        margin: 0 0 0 20px;
    }
}

.card-columns {
        margin: 0 0 20px 0;
}

.card-columns .card {
    display: inline-block;
    width: 100%;
    box-shadow: 0 -2px 25px 0 rgba(0, 0, 0, 0.15);
    transition: 0.3s;
    border: 1px solid #efefef;
    border-radius: 8px;

}
.box-blog-image {
	display: block;
	height: 200px !important;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.card-columns .card *{
    text-decoration: none;
    color: var(--summer-main-color-petrol);
}
.card-columns .card p{
    text-decoration: none;
    color: var(--summer-main-color-petrol);
    font-size: .9em
}
.card-columns .card .text-muted {
    font-size: .85em;
    text-transform: uppercase;
}
.card-columns .card .text-muted i {
    margin: 0 4px 0 10px;
}
.card-columns .card .text-muted i.bi-calendar-fill {
    margin-right: 5px;
}
.card-columns .card .text-muted i:first-child {
    margin-left: 0;
}

.home .articoli-filtrati {
    border-top: none;
    padding-top: 0px;
    margin-top: 60px;
}


.home h2.section-title  {
    margin-bottom: 40px !important;
    color: var(--summer-main-color-petrol);
}

.articoli-filtrati {
    border-top: 1px solid #efefef;
    padding-top: 40px;
    margin-top: 70px;
        margin-bottom: 50px;
}

.facetwp-facet-card_total_count {
    text-transform: uppercase;
    font-size: 0.90rem;
    color: var(--summer-main-color-petrol);
}

.facetwp-facet-card_sort_options select {
    text-transform: uppercase;
    font-size: 0.85rem;
    color: var(--summer-main-color-petrol);
    appearance: none;
    padding: 10px 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23396D7C' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border-radius: 4px;
    border: 1px solid rgba(255, 230, 218, 0.56);
}

#collapseFiltriCompleti {
    width: 100%;
    justify-content: space-around;
}

.box-filters .facetwp-facet .facetwp-dropdown {
    text-transform: uppercase;
    font-size: 0.85rem;
    color: var(--summer-main-color-petrol);
    appearance: none;
    background-color: white;
    padding: 10px 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23396D7C' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border-radius: 4px;
    border: 1px solid rgba(58, 110, 125, 0.32);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    width: 180px;
}

.box-filters .facetwp-facet .facetwp-checkbox {
    text-transform: uppercase;
    font-size: 0.8rem;
    color: var(--summer-main-color-petrol);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23396D7C' class='bi bi-square' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    background-position: center left 2px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
}

.box-filters .facetwp-facet .facetwp-checkbox.checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23396D7C' viewBox='0 0 16 16'%3e%3cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z'/%3e%3cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'/%3e%3c/svg%3e");
    background-position: center left 1px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-weight: 500 !important;
    text-shadow: -20px 0px 10px #00000057;
}

.box-filters .facetwp-facet .facetwp-counter {
    display: none;
}

/* @group COMMENTI Group */

.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
    padding: 0em;
}

.ast-separate-container .comments-title, .ast-narrow-container .comments-title {
    padding: 1.5em 0em;
}

.ast-comment-meta {
    justify-content: center;
    padding: 10px;
    text-transform: none;
    align-items: center;
    margin: 0;
}

.ast-comment-meta .ast-comment-cite-wrap {
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8125rem;
}

.ast-comment-time .timendate {
    margin-right: 0.5em;
    font-size: 12px;
}

.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area , .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title {
    background-color: transparent  !important;
    background-image: none;
}

.comment-respond {
    background-color: white  !important;
    background-image: none;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
    border: 1px solid rgb(241, 241, 241);
    border-radius: 5px;
}

input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    border-color: rgba(218, 218, 218, 0.56);
    border-radius: 3px;
    background: #f9f9f9;
}
.ast-comment-avatar-wrap{
align-items: start 
}
.ast-comment-avatar-wrap img{
    border-radius: 50%;
    border: 5px solid white;
    width: 70px;
}

   .ast-comment-info {
        display: flex;
        position: relative;
       align-items: center;
       align-content: center;
    }

.ast-comment-content {
    margin: 20px 0 0 80px;
}

.ast-comment-list{
    padding: 0;
    margin-bottom: 40px;
}

.comments-title {
    padding: 10px 0 30px 0 !important;

}


/* @group MEMBERS Group */


body.um-page .entry-content {
    max-width: var(--inner-content-custom-width);
    padding: 0 10px;
    flex-direction: row;
    align-items: left;
    justify-content: left;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    padding: 20px;
    margin: 0;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.um-page .um-directory .um-members-wrapper .um-members .um-member {
    border: none;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
    width: calc(100% - 30px);
    margin: 0 20px 0 0;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container {
    justify-content: center;
    align-items: center;
    margin: 0;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta {
    margin: 0;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
    width: 110px;
    margin: 0 20px 0 0;
    padding: 0;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {
    width: 110px;
    height: 110px;
    position: relative;
    top: 3px;
    margin: 0;
    margin-bottom: 0;
    border: 5px solid var(--summer-main-color-petrol);
    box-shadow: 0 0 50px rgba(94, 94, 94, 0.44) !important;
}
body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a {
    width: 110px;
    height: 110px;
    display: block;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500 !important;
}

body.um-page .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
    font-size: 15px;
    padding: 0;
    line-height: 20px;
}

body.um-page .um-member-metaline-description strong{
display: none;
}

body.um-page .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 50%;
    max-width: 400px;

}

body.um-page .um-directory .um-member-directory-header .um-member-directory-header-row .um-do-search {

    margin: 0 12px 0 0;
    padding: 0 20px !important;
    min-width: 40px;
    height: 40px;

}

body.um-page .um a.um-button:hover, 
body.um-page .um input[type="submit"].um-button:hover {
    background-color: var(--summer-main-color-petrol);
}

body.um-page .um a.um-button, 
body.um-page .um a.um-button.um-disabled:active, 
body.um-page .um a.um-button.um-disabled:focus, 
body.um-page .um a.um-button.um-disabled:hover, 
body.um-page .um input[type="submit"].um-button, 
body.um-page .um input[type="submit"].um-button:focus {
    background: var(--summer-main-color-petrol);
}


body.um-page-register .wp-block-columns{
    width: 100%;
}

body.um-page-register #accedi{
        padding: 5% 0 5% 5%;
}


body.um-page-register .um-left {
    width: 100% !important;
}

body.um-page-register .um-button {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    width: 250px !important;
    color: white;
    margin: 0 auto !important;
}

body.um-page-register #accedi .um-right{
       display: none;
}
body.um-page-register #registrati .um-right{
       display: none;
}
body.um-page-register #accedi{
   display: flex;
   justify-content: center;    
   align-items: center;           
   flex-direction: column;
}
body.um-page-register #registrati {
    box-shadow: 0px 0px 40px rgba(246, 246, 246, 0.96);
    border: 1px solid rgba(204, 204, 204, 0.37);
    padding: 20px 0;
    border-radius: 3px;

}
body.um-page-register #accedi input.um-form-field {
       background-color: rgb(255, 255, 255) !important;
    box-shadow: 0px 0px 50px rgba(246, 246, 246, 0.96) !important;

}

body.um-page-register.logged-in #accedi {
display: none;
}
body.um-page-register.logged-in #registrati {
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 0;
}

body.um-page-register.logged-in #registrati .wp-block-heading {
display: none;
}

body.um-page-register.logged-in .wp-block-columns {
    padding: 0 !important;
}


/* Profilo */

body .um-header.no-cover .um-profile-photo {
	float: left !important;
	margin: none !important;
	text-align: center !important;
    width: 20%;
}

.um-profile-meta {
	float: left !important;
	margin: 0 0 0 20px !important;
	text-align: left !important;
    width: 70%;
}

.um-profile-meta .um-meta-text{
	text-align: left !important;
    font-size: 18px;
}


body .um-profile {
	max-width: none !important;
}
body .um-126.um .um-profile-body {
	max-width: none !important;
}

/* Elenco articoli profilo */


.um-profile-body .um-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.um-profile-body .um-item-img {
    flex: 0 0 150px;
    margin: 0;
    order: 1; 
}

.um-profile-body .um-item-link {
    flex: 1;
    order: 2; 
}

.um-profile-body .um-item-meta {
    flex-basis: 100%;
    margin-top: 10px;
    order: 3; 
}

.um-item-meta .um-edit-link-span a {
    background-color: var(--summer-main-color-petrol);
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 2px;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 1em;
    transition: background-color 0.1s ease;
    font-style: normal;
}
.um-item-meta .um-edit-link-span a:hover {
    background-color: green;
}



.um-item-meta .status-badge.status-publish { background-color: #e6f7d4; color: #4b7d15; border-color: #c3e6a0; }
.um-item-meta .status-badge.status-draft   { background-color: #fffbe6; color: #b48c00; border-color: #ffe58f; }
.um-item-meta .status-badge.status-pending { background-color: #e6f7ff; color: #096dd9; border-color: #91d5ff; }

.um-item-meta .status-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.85em;
    font-weight: 500;
    margin-right: 5px;
    border: 1px solid;
}




/* Profilo end */




/* @group FRONTEND ACF Group */


/* frontend acf form step */


#post-549 .entry-header  {
	display: none;
}

h2#current-step-title {
    font-size: 30px !important;
    margin: 35px 0 25px 10px
}

.acf-form-container {
    padding: 20px 0;
    overflow: hidden;
}

/* --- PROGRESS BAR --- */

.acf-form-container .progress-bar {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between !important;
    margin-bottom: 30px;
    padding: 0 10px;
}

.progress-step {
    flex: 1;
    height: 8px;
    background-color: #e0e0e0;
    margin: 0 3px;
    border-radius: 4px;
    transition: background-color 0.4s ease-in-out;
}

.progress-step.completed {
    background-color: var(--summer-main-color-yellow);
}

.progress-step.active {
    background-color: var(--summer-main-color-yellow);
}

/* --- FORM STEP --- */

#acf-form-source-fields .acf-field {
    display: none;
}

.form-step {
    display: none;
    padding-top: 20px;
    border-top: 1px solid #eee;
    padding: 0 20px
}

.form-step.active {
    display: block;
}

.form-navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.acf-button {
    font-weight: bold;
}

.acf-tab-group {
    display: none !important;
}

/* --- FIELD design --- */
.form-step .acf-input-wrap {
    position: relative;
    overflow: visible;
}

.form-step .acf-field--post-title #acf-_post_title {
    font-size: 25px;
    font-weight: 500 !important;
}

.form-step .acf-input-wrap input {
    font-size: 25px;
    font-weight: 500 !important;
    color: var(--summer-main-color-petrol);
    background-color: rgb(250, 250, 250);
    margin: 0 !important;
    padding: 8px 10px !important;
    background-color: rgba(244, 244, 244, 0.23);
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    outline: none;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.form-step .acf-input-wrap input:focus {
    border-color: #57a7be;
    box-shadow: 0 0 15px rgba(93, 174, 213, 0.4);
    color: #377e93;
}

.acf-button{
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: white !important;
    background-color: var(--summer-main-color-petrol);
    margin: 0 !important;
    padding: 10px 20px !important;
    transition: background-color 0.2s ease;
    border-radius: 5px;
}
.acf-button:hover {
    background-color: #274d58; 
}

.acf-form-submit{
    margin: 0 !important;
    padding: 40px 0px !important;
    width: 100%;
}

.acf-button[type="submit"]{
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: white !important;
    background-color: var(--summer-main-color-petrol);
    padding: 10px 40px !important;
    transition: background-color 0.2s ease-in-out;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    margin: 0 auto !important;
    cursor: pointer;
    width: 80% !important;
    max-width: 300px;
}
.acf-button[type="submit"]:hover {
    background-color: #274d58; 
}
.acf-osm-above .leaflet-control-geocoder > .leaflet-control-geocoder-icon {
    background-color: var(--summer-main-color-petrol) !important;
    padding: 0 0 0 5px;
}

.acf-range-wrap input[type="range"] {
    -webkit-appearance: none; 
    width: 90%;              
    height: 50px !important;        
    background: #fff;         
    border-radius: 5px;       /* Angoli arrotondati della barra */
    outline: none; 
    padding: 0 0 0 5px !important;
    
}

.acf-range-wrap input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; 
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 45%;
    background-color: var(--summer-main-color-petrol) !important;
    cursor: pointer; 
    border: 2px solid #fff;
    margin-top: -7px !important;
    padding: 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}


.acf-range-wrap input[type="range"]::-webkit-slider-runnable-track {
    height: 10px;             
    border-radius: 5px;       
        background: #f2f2f2; 
    border: none !important;
    box-shadow: none;
}

.acf-fields.acf-form-fields {
    border: none !important;
    padding: 0;


}

.acf-fields{
    border: none !important;
    border-left: 1px solid rgba(230, 230, 230, 0.5) !important;
    padding-left: 20px;
    

}

.acf-field-group > .acf-label{
    margin-bottom: 20px !important;
    font-size: 20px !important;
    color: var(--summer-main-color-petrol) !important;  

}

.acf-field .acf-label{
    color: var(--summer-main-color-petrol) !important;  

}


.acf-field{
    padding: 0px 0 !important;
    margin: 20px 0 !important;
    
}

.acf-fields > .acf-field {
    border: none !important;
    padding: 0 !important;
}


.acf-field .acf-label label {
    display: block;
    font-weight: 500;
    font-size: 20px;
    margin: 40px 0 20px;
    padding:0
}

/* @group CHILDREN PAGE TEMPLATE Group */

.container-children {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
margin: 30px 0;
}

.child-page {
    width: calc(33.333% - 30px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.child-page:hover {
    transform: translateY(-5px);
}

.child-page a {
    text-decoration: none;
    color: inherit;
}

.child-page-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.child-page-title {
    padding: 10px;
    background-color: #fff;
    text-align: center;
}

.child-page-title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

/* @group Footer */

.footer-widget-area.ast-footer-html-1 img {
    max-width: 280px;
}

.footer-widget-area.ast-footer-html-1 img:hover {
    opacity: .8;
}

.site-footer-above-section-2 .footer-bar-navigation #footer-site-navigation a {
    color: #d5e6ec !important;
    text-transform: uppercase;
}

.site-footer-above-section-2 .footer-bar-navigation #footer-site-navigation a:hover {
    color: #fff !important;
    text-transform: uppercase;
}

.site-above-footer-inner-wrap {
    margin: 30px 0 30px 0;
    padding: 0;
}

.site-footer-above-section-2 .footer-bar-navigation #footer-site-navigation ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.site-footer-above-section-2 .footer-bar-navigation #footer-site-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer-above-section-2 .footer-bar-navigation #footer-site-navigation li a {
    margin: 0 !important;
    padding: 0 !important;
}

.ast-footer-html-2 p {
    color: white !important;
}

.ast-footer-html-2 div.tnp-subscription {
    display: block;
    margin: 0;
    max-width: 550px;
    width: 100%;
}

.ast-footer-html-2 div.tnp-subscription input.tnp-email {
    background: rgba(244, 244, 244, 0.87) !important;
    color: black;
}

.ast-footer-html-2 .tnp-field-button input.tnp-submit {
    background: #d5e6ec !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: var(--summer-main-color-petrol);
    margin: 0 auto !important;
    border-radius: 5px;
}

.ast-footer-html-2 .tnp-field-button input.tnp-submit:hover {
    background: #e6f6fb !important;
}

.ast-footer-html-2 label {
    display: none;
}

.ast-footer-copyright {
    margin-left: 5px !important;
}

.site-footer-below-section-2 {
    margin-right: 5px !important;
}

.site-below-footer-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 921px) {
    .site-footer-primary-section-3 {
        margin: 40px auto 0 auto;
    }
}

@media (min-width: 544px) and(max-width: 921px) {
    .ast-footer-copyright {
        margin-left: 20px !important;
        text-align: left;
    }
}

.site-footer-below-section-1 {
    padding: 20px 0 23px 0;
    text-align: center;
    background: #F9FAFB;
    background: linear-gradient(90deg, rgba(249, 250, 251, 1) 0%, rgba(237, 237, 237, 1) 50%, rgba(249, 250, 251, 1) 100%);
    border-top: 2px solid #F9FAFB;
}

.pnrr-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.pnrr-logo img {
    height: 75px;
    padding: 10px;
    width: auto;
    transition: opacity 0.3s ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #fff;
}

.pnrr-logo:hover img {
    opacity: 0.9;
}

@media (max-width: 600px) {
    ..pnrr-logos {
        flex-direction: column;
        gap: 12px;
    }
}

/* @group ESPLORA page */


.row-esplora-header {
    position: relative;
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
    z-index: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}

.row-esplora-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(https://www.summerpluskids.com/wp-content/uploads/2023/10/IMG_20200731_154712.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    filter: blur(3px) grayscale(40%) brightness(20%);
    animation: combinedKenBurns 30s infinite alternate ease-in-out;
}

@keyframes combinedKenBurns {
    0% {
        background-size: 100%; /* Inizio leggermente zoomato */
        background-position: 40% 40%; /* Inizio al centro */
        filter: blur(1px) grayscale(50%) brightness(40%);
    }
    100% {
        background-size: 120%; /* Zoom in finale */
        background-position: 20% 20%; /* Sposta leggermente l'immagine */
        filter: blur(2px) grayscale(90%) brightness(40%);
    }
}

.row-esplora-header:hover::before {
    filter: blur(0px) grayscale(0%);
}


 
.cont {
	max-width: 780px;
	margin: 0 auto;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.row-esplora-header h1 {
    color: #fff;
	font-size: 48px;
	line-height: 56px;
	margin: 0 auto;
	max-width: 580px;
	font-weight: 500;
    text-align: center;
    letter-spacing: -1px !important;
}
.row-esplora-header .nl-intro {
	color: white;
	max-width: 580px;
	margin: 0 auto;
    text-shadow: 0px 0px 10px #000;
    font-weight: 500;
    text-align: center;
}

.box-filters {
    margin: 0 0 30px 0 !important;
}

.box-filter-header {
max-width: 1000px !important;
    margin: 20px auto 0 auto !important;
}
.box-filter-header .cont {
  display: flex;
  justify-content: space-between;
  color: #000;
  align-items: flex-end;
  padding-bottom: 1px;
    
}
.box-filter-content {
max-width: 1024px !important;
    margin: 20px auto 0 auto !important;
    padding: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: -5px -5px 30px rgba(0, 0, 0, 0.1);
    border: 2px solid #ffff;
}
.box-filter-content .d-flex {
    width: 100%;
justify-content: space-around
}
.box-filter-title {
	font-size: 25px;
	line-height: 32px;
	font-family: var(--summer-rounded-font);
    color: var(--summer-main-color-petrol);
	font-weight: 500;
	margin: 0 !important;
}
.box-filter-title i {
    margin: 0 5px 0 0;
    font-size: 20px;
}
.box-filter-reset button {
	border: none;
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
    color: var(--summer-main-color-petrol);
	text-transform: uppercase;
	font-size: 15px;
	cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
}
.box-filter-reset button i {
    margin: 0 4px; 0 0;
    font-size: 16px;
}
.box-filter-content .d-flex .main-filters-column-group {
}
.box-filter-content .cards-filter-label{
    color: var(--summer-main-color-petrol);
    margin: 0 0 5px 0;
    font-size: 13px;
    text-transform: uppercase;
}
.box-filter-content .btn{
    background-color: var(--summer-main-color-petrol);
    color: white;
    margin: 0 0 5px 0;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    box-shadow: 1px 1px 100px rgba(0, 0, 0, 0.3);
    border: 1px solid white;
}
.box-filter-content .btn i{
    margin: 0 3px 0 0;
    font-size: 15px;
}


/* @group ESPLORA page */


.map-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    padding: 0 20px;
    }
    #map-filters {
        min-width: 230px;
        background: rgba(249, 249, 249, 0.83);
        padding: 20px;
        border-radius: 4px;
        border: 1px solid rgba(221, 221, 221, 0.65);
        height: fit-content;
    }
    #map-filters h3 {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 18px;
        border-bottom: 1px solid rgba(171, 171, 171, 0.44);
        padding-bottom: 10px;
    }
    .filter-item {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .filter-item label {
        margin-left: 12px;
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .filter-item .color-dot {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        margin-right: 8px;
        border: 2px solid rgba(0, 0, 0, 0.09);
    }
    #collective-map {
        flex: 5;
        min-width: 300px;
        height: 650px;
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ddd;
		z-index: 9 !important;
}


    .leaflet-popup-content-wrapper {
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}
    .leaflet-popup-content { 
        margin: 15px 20px; 
        line-height: 1.5; 
        font-size: 19px; 
}
    .leaflet-popup-content img {
        max-width: 100%;
        height: auto; 
        margin-bottom: 10px; 
        border-radius: 5px; 
}
    .leaflet-popup-content h4 { 
        margin: 0 0 8px 0; 
        padding: 0; 
        font-size: 16px;
}
    .leaflet-popup-content h4 a {
        text-decoration: none;
        color: #333;
        font-weight: bold;
}
    .leaflet-popup-content h4 a:hover {
        text-decoration: underline;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: white;
    color: #333;
    -webkit-box-shadow: 0 3px 14px rgba(4, 56, 7, 0.41) !important;
    box-shadow: 0 3px 14px rgba(4, 56, 7, 0.41) !important;
}