/* @group Map Container
------------------------------------ */
.map-container h2 {
    padding-top: 5rem;
    color: var(--nav-green);
}
.map-container p.description {
    color: var(--nav-green);
    margin: 1rem 0;
}
.map-container__figure {
    position: relative;
    z-index: 1;
    width: 100%;
}
.map-container__figure img {
    width: 100%;
    height: auto;
}

@media only screen
and (min-width : 961px) {
    .map-container h2 {
        padding-top: 3rem;
    }
    .map-container__pines-mobile {
        display: none;
    }
    .map-container__splide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .map-container__splide .splide__track,
    .map-container__splide .splide__list {
        height: 100%;
    }
    .map-container__splide .splide__slide.pin {
        position: absolute;
        opacity: 0;
        width: 7.5rem;
        height: 7.5rem;
        z-index: 2;
    }
    .map-container__splide .splide__slide.pin i {
        width: 7.5rem;
        height: 7.5rem;
        display: inline-block;
        background-position: center;
        background-size: contain;
    }
    .map-container__pin-description {
        width: 34.5rem;
        padding: 1.6rem 2.2rem;
        position: absolute;
        top: 90%;
        left: 90%;
        background-color: var(--light-green);
        border-radius: 15px;
        overflow: hidden;
        -webkit-box-shadow: 0px 11px 7.6px 0.4px rgba(0, 0, 0, 0.56);
                box-shadow: 0px 11px 7.6px 0.4px rgba(0, 0, 0, 0.56);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .7s;
        -o-transition: opacity .7s;
        transition: opacity .7s;
        cursor: default;
    }
    .top-direction .map-container__pin-description {
        top: auto;
        bottom: 100%;
    }
    .left-direction .map-container__pin-description {
        left: auto;
        right: 100%;
    }
    .map-container__pin-description p {
        color: #fff;
        font-size: 2.4rem;
    }
    .map-container__pin-description a {
        display: none;
    }
    .cursor {
        position: absolute;
        background-image: url('../../imgs/layout/map/cursor.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 4rem;
        height: 4rem;
        z-index: 999;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        pointer-events: none;
    }
    .map-container .splide__arrow {
        display: none;
    }
    @media (hover: hover) {
        .map-container__splide .splide__slide:hover {
            z-index: 999;
        } 
        .map-container:hover {
            cursor: none;
        } 
        .map-container__splide .splide__slide:hover .map-container__pin-description {
            opacity: 1;
            pointer-events: all;
        }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .map-cursor {
        padding-bottom: 7.5rem;
    }
    .map-container h2 {
        font-size: 3.2em;
        line-height: 1em;
        margin-bottom: 1rem;
    }
    .map-container .full-width .col-36-36 {
        padding: 0;
    }
    .map-container__figure {
        margin-bottom: 1.2rem;
    }
    .map-container__splide .splide__slide {
        position: static;
    }
    .map-container__splide .splide__slide i {
        width: 7.5rem;
        height: 7.5rem;
        display: block;
        background-position: center;
        background-size: contain;
        margin: 0 auto 1rem;
    }
    .map-container .splide {
        width: 100%;
    }
    .map-container__pin-description {
        text-align: center;
    }
    .map-container .splide p {
        font-size: 2em;
        line-height: normal;
        max-width: 25rem;
        margin: 0 auto 4.5rem;
    }
    .map-container .splide .bttn {
        font-size: 1.8em;
    }

    .map-container .splide__arrow {
        transform: translateY(-70%);
    }
    .map-container .splide__arrow--prev {
        left: 1rem;
    }
    .map-container .splide__arrow--next {
        right: 1rem;
    }
    .map-container p.description {
        display: none;
    }
    .map-container__pines-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .map-container__pines-mobile .pin {
        position: absolute;
        opacity: 0;
        width: 4rem;
        height: 4rem;
        z-index: 2;
    }
    .map-container__pines-mobile .pin.show {
        opacity: 1;
    }
    .map-container__pines-mobile i {
        width: 4rem;
        height: 4rem;
        display: block;
        background-position: center;
        background-size: contain;
    }


    .cursor {
        display: none;
    }
}

/* @end */