/* CSS HEX
    --gray-web: #818083;
    --dark-cornflower-blue: #293a6e;
    --cyan-process: #00bcf5;
    --cultured: #f8f8f8;
    --medium-aquamarine: #3ae4ae;

     CSS HSL
    --gray-web: hsla(260, 1%, 51%, 1);
    --dark-cornflower-blue: hsla(225, 46%, 30%, 1);
    --cyan-process: hsla(194, 100%, 48%, 1);
    --cultured: hsla(0, 0%, 97%, 1);
    --medium-aquamarine: hsla(161, 76%, 56%, 1);

     SCSS HEX
    $gray-web: #818083ff;
    $dark-cornflower-blue: #293a6eff;
    $cyan-process: #00bcf5ff;
    $cultured: #f8f8f8;
    $medium-aquamarine: #3ae4aeff;


     SCSS RGB
    $gray-web: rgba(129, 128, 131, 1);
    $dark-cornflower-blue: rgba(41, 58, 110, 1);
    $cyan-process: rgba(0, 188, 245, 1);
    $cultured: rgba(248, 248, 248, 1);
    $medium-aquamarine: rgba(58, 228, 174, 1);
    */

    .contatti {
        min-height: 100vh;
        padding-top: 5rem;
        padding-bottom:5rem;
        /* padding-top: 9rem;
        padding-bottom:5rem; */
        background-image: url(../../img/background/background_contatti.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contatti .contatti_row {
        position:relative;
        margin-top: 1rem;

    }
    .contatti .contatti_row .mask_map {
        position: absolute;
        width: 60%;
        right: 0;
        height: inherit;
        height: -webkit-fill-available;
        /* background: rgb(129,128,131);
        background: -moz-linear-gradient(90deg, rgba(129,128,131,0) 0%, rgba(129,128,131,0) 5%, rgba(129,128,131,0.7049194677871149) 10%, rgba(129,128,131,0.9066001400560224) 15%, rgba(129,128,131,1) 18%, rgba(129,128,131,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(129,128,131,0) 0%, rgba(129,128,131,0) 5%, rgba(129,128,131,0.7049194677871149) 10%, rgba(129,128,131,0.9066001400560224) 15%, rgba(129,128,131,1) 18%, rgba(129,128,131,1) 100%);
        background: linear-gradient(90deg, rgba(129,128,131,0) 0%, rgba(129,128,131,0) 5%, rgba(129,128,131,0.7049194677871149) 10%, rgba(129,128,131,0.9066001400560224) 15%, rgba(129,128,131,1) 18%, rgba(129,128,131,1) 100%); */
    }

    .contatti .contatti_row .info_side  {
        text-align: center;
        position: relative;
        margin-top: 8%;
    }
    .contatti .contatti_row .info_side svg {
        max-width: 5rem;
        margin: 1rem auto;
    }
    .contatti .contatti_row .info_side a {
        min-height: inherit;
    }
    .contatti .contatti_row .info_side .indirizzo {
        margin: 2rem auto;
    }
    .contatti .contatti_row .info_side .indirizzo h6 {
        text-transform: uppercase;
        margin-bottom: 1rem;
        font-size: 18px;
    }
    .contatti .contatti_row .info_side .indirizzo p {
        margin-bottom: 1rem;
    }
    .contatti .leaflet-top{
        top:1rem;
    }
    .contatti .leaflet-left {
        left: 1rem;
    }
    .contatti .map {
    }
    .contatti .map .mapBox {
        min-height: 65vh;
        width: -moz-available;
        width: -webkit-fill-available ;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    }
    .contatti .marker {
        background-image: url('../../img/mapbox-icon.png');
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
    }
    .contatti .mapboxgl-popup {
        max-width: 200px;
    }
    .contatti .mapboxgl-popup-content {
        text-align: center;
    }
    .contatti .map h6 {
        color: #f8f8f8;
    }
    .contatti .leaflet-bar a:first-child{
        border-bottom:none;
    }
    .modal-backdrop {
        display: none;
    }
    .contatti .modal {
        background-color: rgba(0, 0, 0, 0.7);
    }
    .contatti .map .leaflet-popup-content h6 {
        color: #293a6e;
        text-align: center;
    }
    .contatti .map .leaflet-popup-content p {
        color: #293a6e;
        display: none;
    }
    /* .contatti .st0 , .contatti .st2 {
        fill:#293a6e;
    } */