#map-container{
    position: relative;
    height: 500px;
    width: 100%;
    text-decoration: none;
}

#map-container a{
    text-decoration: none;
}

#map {
    height: 600px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hideInfoBox{
    display: none;
}
.showInfoBox{
    display: block;
}

#map {
    position: absolute !important;
}

/* ----- infobox styling ----- */
#infobox{
    position: relative;
        background: #25B0B8;
        height: 400px;
        width: 300px;
        
        top: 100px;
        left: 150px;
        z-index: 1 !important;
        border-radius: 30px;
        overflow: hidden
    }
    
    #infobox .infobox-featured-img img{
        max-width:100%;
        max-height:100%;
    }
    
    #infobox .infobox-content{
        position: absolute;
        background-image: url("/wp-content/plugins/pced-infomap/assets/map-infobx-bg.jpg");
        background-repeat: no-repeat;
        background-size:contain;
        color: white;
        top: 50%;
        width:125%;
        height:100%;
        padding: 10px 0px 0px 10px;
        inline-size: 100%;
        overflow-wrap: break-word;
    }

    button {
        background-color:#EFB624;
        border-radius:28px;
        border:1px solid #18ab29;
        display:inline-block;
        cursor:pointer;
        color:#000000;
        font-size:17px;
        padding:16px 31px;
        text-decoration:none;
        }
        button:hover {
        background-color:#5cbf2a;
        }
        button:active {
        position:relative;
        top:1px;
        }
    /* ----- /infobox styling ----- */
/* assets/map-infobx-bg.jpg */