/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
.col-100 {
    width: 100%;
}
.col-50 {
    width: 50%;
}


/*mappa-scuole*/
div#mappa-scuole.map__container {
    margin: 0 auto;
    width: 100%;
}

div#mappa-scuole .map-region__shape {
    fill: #cccccc;
}

div#mappa-scuole .map-region__link .map-region__shape {
    fill: #99CCCC;
    cursor: pointer;
    transition: fill 0.3s ease-out;
}

div#mappa-scuole .map-region__link:hover .map-region__shape, 
div#mappa-scuole .map-region__link:hover .region__badge circle, 
div#mappa-scuole .map-region__link:focus .map-region__shape, 
div#mappa-scuole .map-region__link:focus .region__badge circle {
    fill: #257B78;
}

div#mappa-scuole .map-region__link:hover .region__badge, 
div#mappa-scuole .map-region__link:focus .region__badge {
    opacity: 1;
}

div#mappa-scuole .map-region__link.active .map-region__shape, 
div#mappa-scuole .map-region__link.active .region__badge circle {
    fill: #DC4444;
}

div#mappa-scuole map-region__link.active .region__badge {
    opacity: 1;
}

div#mappa-scuole .map-region__link.disabled .map-region__shape, 
div#mappa-scuole .map-region__link.disabled:hover .map-region__shape, 
div#mappa-scuole .map-region__link.disabled:focus .map-region__shape {
    fill: #cccccc;
}

div#mappa-scuole .map-region__link.disabled .map-region__shape, 
div#mappa-scuole .map-region__link.disabled circle, 
div#mappa-scuole .map-region__link.disabled text, 
div#mappa-scuole .map-region__link.disabled:hover .map-region__shape, 
div#mappa-scuole .map-region__link.disabled:hover circle, 
div#mappa-scuole .map-region__link.disabled:hover text, 
div#mappa-scuole .map-region__link.disabled:focus .map-region__shape, 
div#mappa-scuole .map-region__link.disabled:focus circle, 
div#mappa-scuole .map-region__link.disabled:focus text {
    cursor: default;
}

div#mappa-scuole .map-region__link.disabled .region__badge,
div#mappa-scuole .map-region__link.disabled:hover .region__badge, 
div#mappa-scuole .map-region__link.disabled:focus .region__badge {
    opacity: 0;
}

div#mappa-scuole .region__badge {
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

div#mappa-scuole .region__badge circle {
    r: 15;
    fill: #ccc;
    stroke: #fff;
    stroke-width: 4;
}

div#mappa-scuole .region__badge text {
    fill: #000;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-anchor: middle;
}

div#mappa-scuole a.map-region__link.disabled {
    pointer-events: none;
}
div#mappa-scuole .map-region__link:hover .region__badge text {
    fill: #fff;
    transition: 0.3s ease-out;
}







div#intro-struttura .meta-struttura i {
    color: var(--awb-color5);
    font-weight:100;
}


div#galleria_struttura ul.galleria {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
div#galleria_struttura ul.galleria > li:nth-child(1) { grid-area: 1 / 1 / 3 / 3;}
div#galleria_struttura ul.galleria > li:nth-child(2) { grid-area: 1 / 3 / 2 / 4;}
div#galleria_struttura ul.galleria > li:nth-child(3) { grid-area: 1 / 4 / 2 / 5;}
div#galleria_struttura ul.galleria > li:nth-child(4) { grid-area: 2 / 3 / 3 / 4;}
div#galleria_struttura ul.galleria > li:nth-child(5) { grid-area: 2 / 4 / 3 / 5;}
div#galleria_struttura ul.galleria > li{
    border-radius:10px;
}
div#galleria_struttura ul.galleria > li,
div#galleria_struttura ul.galleria > li > a,
div#galleria_struttura ul.galleria > li > a > figure{
    padding:0;
    margin:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
div#galleria_struttura ul.galleria > li > a > figure{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position:relative;
}
div#galleria_struttura ul.galleria > li > a > figure > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
div#galleria_struttura ul.galleria > li:nth-child(1n + 2) > a > figure > img {
    aspect-ratio: 4 / 3;
}
div#galleria_struttura ul.galleria > li > a > figure > img,
div#galleria_struttura ul.galleria > li > a:hover > figure > img {
    transition: all cubic-bezier(.68,-.55,.27,1.55) 1s;
    transform:scale(1.05);
}
div#galleria_struttura ul.galleria > li > a:hover > figure > img {
    transform:scale(1.15);
}


div#galleria_struttura ul.galleria > li:nth-child(5) > a > figure:before {
    content:"Vedi tutte";
    position:absolute;
    margin:0 auto;
    text-align:center;
    z-index: 10;
    pointer-events: none;
    background: #63636338;
    color: #fff;
    backdrop-filter: blur(8px);
    padding: 12px 30px;
    border-radius:30px;
    font-family: var(--awb-typography1-font-family);
    font-weight:500;
    font-size:18px
}


.contenuto-struttura .sidebar-struttura .fusion-column-wrapper{
    border: 1px solid rgb(221, 221, 221)!important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px!important;
}
.contenuto-struttura .sidebar-struttura .fusion-separator .fusion-separator-border{
    border-color:#66666636!important;
}
.contenuto-struttura .sidebar-struttura .fusion-button {
    margin-top:15px
}
.contenuto-struttura .sidebar-struttura .box-contatore p {
    display: flex;
    justify-content: space-between;
    margin:10px 0;
    padding:0;
}
.contenuto-struttura .sidebar-struttura .box-contatore p span.col-sx {
    width: 65%;
}
.contenuto-struttura .sidebar-struttura .box-contatore p span.col-sx i {
    text-align: center;
    width: 1.45em;
    color: var(--awb-color5);
    font-weight:100;
}
.contenuto-struttura .sidebar-struttura .box-contatore p span.col-dx {
    width: 35%;
    text-align: center;
}



.contenuto-struttura .mappa_struttura iframe {
    width: 100%;
    height:40vh;
    min-height:350px;
    border:0;
    border-radius: 10px;
}


.contenuto-struttura .lista-convenzioni,
.contenuto-struttura .lista-servizi {
    column-count: 3;
    column-gap: 20px;
}
.contenuto-struttura .lista-convenzioni .singola-convenzione,
.contenuto-struttura .lista-servizi .singola-convenzione {
    margin-bottom:1em;
    font-size:16px
}
.contenuto-struttura .lista-convenzioni .singola-convenzione i,
.contenuto-struttura .lista-servizi .singola-convenzione i {
    text-align: center;
    width: 2.2em;
    font-size:1.35em;
    font-weight:100!important;
    color: var(--awb-color5);
}

.contenuto-struttura .area-titolo-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.contenuto-struttura .lista-articoli {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
}
.contenuto-struttura .lista-articoli article.singolo-articolo {
    display: flex;
    flex-direction: column;
}
.contenuto-struttura .lista-articoli article.singolo-articolo .immagine img {
    border-radius:5px;
    aspect-ratio: 16 / 9;
    object-fit:cover;
}
.contenuto-struttura .lista-articoli article.singolo-articolo .contenuto h4 {
    margin: 10px 0 0 0;
}
.contenuto-struttura .lista-articoli article.singolo-articolo .contenuto p.data {
    margin: 0;
}