@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;1,400;1,600&family=Permanent+Marker&display=swap');
/* Custom color variables */
:root {
	--color-key: #dc8633;
	--color-gradient: #dc8633;
	--color-link: #227c9d;
	--color-menulink: #ffffff;
	--color-title: #dc8633;

	--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: 'Barlow', sans-serif; font-size: 100%; 
}
blockquote, blockquote p {
font-family: 'Permanent Marker', cursive; text-transform: uppercase; font-size: 100%; color: #23995d !important;
}
h1 {
font-family: 'Barlow', sans-serif; text-transform: uppercase; text-decoration: underline; font-weight: 600; border-bottom: 0 !important;
}
span, th {
font-family: 'Barlow', sans-serif; text-transform: uppercase; font-weight: 600; border-bottom: 0 !important;
 }
h2 {
font-family: 'Barlow', sans-serif; text-transform: uppercase; font-weight: 600; color: #DC8633; border-bottom: 0 !important;
}
h3, h4, h5, h6 {
font-family: 'Barlow', sans-serif; text-transform: uppercase; font-weight: 600; border-bottom: 0 !important;
}
label {
font-family: 'Barlow', sans-serif; text-transform: uppercase; font-weight: 600;
}
@media (max-width: 767px)
{ .site-update .date-box .day {
font-weight: 600;
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%;
}