@import url('https://fonts.googleapis.com/css2?family=Miriam+Libre:wght@400..700&family=Permanent+Marker&display=swap');
/* Custom color variables */
:root {
	--color-key: #fdc746;
	--color-gradient: #fdc746;
	--color-link: #368163;
	--color-menulink: #333333;
	--color-title: #333333;

	--metric-logo-photo-margin: 0px;
	--metric-logo-font-size: 36px;
	--metric-logo-line-height: 41px;
}

/* Custom CSS for site below this line */
body {
    font-family: 'Miriam Libre', sans-serif; font-size: 100%; 
}

a:link, a:visited, a:active {
  font-weight: bold;
}

blockquote, blockquote p {
    font-family: 'Permanent Marker', cursive; text-transform: uppercase; font-size: 100%; color: #F15156 !important;
}
h1, h2, h3, h4, h5, h6,
span, th, label {
    font-family: 'Miriam Libre', sans-serif; font-weight: 700 !important;
}

.site-twocolumn-search input { font-family: 'Miriam Libre'; }

@media (max-width: 767px)
{ 
    .site-update .date-box .day {
        font-weight: 700;
        font-size: 100%;
    }
    .iframe-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; 
        height: 0;
    }
    .iframe-container iframe
    {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}