/* Custom color variables */
:root {
	--color-key: #ffffff;
	--color-gradient: #ffffff;
	--color-link: #d58400;
	--color-menulink: #000000;
	--color-title: #ffffff;

	--metric-logo-photo-margin: 0px;
	--metric-logo-font-size: 14px;
	--metric-logo-line-height: 19px;
}

/* Custom CSS for site below this line */
.site-menu-item > h1 {
font-weight: bold;
}

.my-box {
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
background-color: #f6f5f3;
}

a:hover, a:focus {
color: #9b6000;
}

.map-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 75%; /* Default height for larger screens */
}

/* Taller map for mobile devices */
@media (max-width: 768px) {
    .map-container {
        padding-top: 150%; /* Increase height for mobile */
    }
}

.map-container iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}