@charset "UTF-8";
/* HTML5 Map CSS */
/* Author: Maxv */

/* Map Canvas */
    /* Media Queries will be map specific, to accommodate maps of potentially different aspect ratios */

#container__2020 .mapH5-wrapper {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:10px auto;
    min-height: 200px;
    overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#container__2020 .mapH5-wrapper::-webkit-scrollbar {
    display: none;
}
#container__2020 .mapH5 {
    width:100%;
    display: none; /* Default until loading is complete. */
    margin:auto;
}

#container__2020 .mapH5Loading {
    width: 64px;
    height: 64px;
    position: absolute;
}

@media screen and (max-width: 750px) {
	#container__2020 .mapH5 {
		width: 750px;
		cursor: move;
	}
}

@media screen and (min-width: 751px) {
	#container__2020 .mapH5 {
		width: 100%;
	}
}

/* Quick Links Section */

ul.quickLinks__2020 {
    display:grid;
    grid-gap:10px;
    list-style-type: none;
    width:90%;
    margin:10px auto;
    padding:0;
}

@media screen and (max-width: 480px) {
    ul.quickLinks__2020 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
    ul.quickLinks__2020 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 801px) /*and (max-width: 900px)*/ {
    ul.quickLinks__2020 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/*
@media screen and (min-width: 901px) {
    ul.quickLinks__2020 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
*/
ul.quickLinks__2020 a {
    text-decoration:none;
}

.quickLinks__2020 li {
    box-sizing:border-box;
    padding:10px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns:50px auto;
    grid-gap:10px;
    border-radius:5px;
    border:2px solid #A2A2A2;
}

.quickLinks__2020 .quickLinks-icon__2020 {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 50px;
    cursor:pointer;
}

.quickLinks__2020 h4 {
    color: #3b54b4;
    font-family: "Palanquin", 'Arial Bold', sans-serif;
    font-size: 12pt;
    line-height: 12pt;
    margin: 5px auto;
    text-align:left;
}

.quickLinks__2020 p {
    text-align:left;
    font-size: 10pt;
    font-family: "MuseoSansRounded500", 'Arial', sans-serif;
    width:100% !important;
}
div#container__2020.container.theme-bg ul li {
	cursor: pointer;
}