@import url('//fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('//fonts.googleapis.com/css2?family=Fjalla+One&family=Nunito:wght@200;300;400;600;700;800;900&display=swap');

h2, .h2, .PanelTitle {
    font-size: 200%;
    font-family: Arial;
    font-weight: 700;
    color: #002f70 !important;
    line-height: 1.45em;
}

.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish {
    color: #3E87D3;
}

h3, .SectionTitle {
    font-size: 130%;
    font-family: Arial !important;
    font-weight: 700;
    color: #002F70;
}

h4, .h4, .SectionLabel {
    color: #002F70  !important;
                font-family: Arial !important;
                font-weight: normal !important;
                font-size: 20px;
}

.Spotlight .SectionLabel:after, .Spotlight h4:after {
    content: '';
    display: block;
    bottom: 0;
    width: 30%;
    margin: 5px auto 0 auto;
    border-bottom: 2px solid #fff;
}

h5, .h5 {
color: #3e87d3 !important;
font-family: Arial !important;
}

h6, .h6 {
font-size: 85%;
color: #3E87D3 !important;
}

#hd {
    background-color: #fff !important;
}

.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
    background-color: #98BFE7;
    border-color: transparent;
}

a {
    color: #002F70;
    text-decoration: underline;
}

a, .Link {
    color: #002F70;
    text-decoration: underline;
}

html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs, html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton, html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput {
    background: none !important; 
    background-size: 100% 100% !important;
    color: #fff !important;
    background-color: #002F70 !important;
}

html:not(.t-safari) .TextButton {
                background: none !important;
    padding: 10px 30px !important;
    background: none !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    background-color: #002F70 !important;
	font-family: Arial !important;
}

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
    background-size: 100% 100% !important;
    padding: 10px 30px !important;
    background: none !important;
    background-size: 100% 100% !important;
    color: #fff !important;
}

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
  background-color: #002F70 !important;
}

.footer-content {
     background-color: #002F70 !important;
    color: #fff !important;
    text-align: left;
                padding-top: 50px;
                font-size: 12px !important;; 
}

.footer-nav-copyright {
    background-color: #002F70;
    color: #fff;
                
}
.footer-content h2 {
    margin-top: 0;
    color: #fff !important;
    border-bottom: none;
	font-family: Arial !important;
}

.footer-content h4 {
    margin-top: 0;
    border-bottom: none;
	text-align: left;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.footer-promo-container .promo .TextButton {
    background: #3E87D3 !important;
    color: #002F70;
}

.footer-content a {
color: #fff !important;
text-decoration: none !important;
font-weight: 500;
}

.footer-content a:hover {
    color: #999;
    text-decoration: none !important;
    font-weight: 500;
}

.footer-nav-copyright .footer-copyright {
    display: inline-block;
    margin: 0 1.5em .65em 0;
    color: #999;
                padding-top: 25px;
}

@media (min-width: 768px){
.footer-content h1 {
    color: #999;
    font-family: Arial !important;
    font-weight: normal !important;
    font-size: 14px;
}

.footer-content h1:after {
    content: '';
    display: block;
    bottom: 0;
    width: 45%;
    margin: 5px auto 0 auto;
    border-bottom: 3px solid #fff;
}

@media (min-width: 768px)
.jumbotron.interior .jumbotron-text span {
background-color: rgba(255, 255, 255, 0.55);
}

@media (min-width: 768px)
.jumbotron.interior p {
font-size: 200%;
font-family: Arial;
color: #002f70 !important;
text-shadow: none;
font-weight: 600;
}

.bg-img-poplar-trees {
    background-color: #002f70;
    background-image: url(../../images/Workforce/dreamstimemaximum_35798287.jpg);
    background-position: top center !important;
}


.carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 {
    color: #002f70;
}

.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    text-align: center;
}

button.navbar-toggle.collapsed.menu-toggle {
color: #002f70;
}

.icon-bar {
background-color: #002f70 !important;
  }

.header-container {
background: white; !important;
}

.InternalHeaderArea .carousel-inner::before {
    background-color: #002f70;
}

.InternalHeaderArea .carousel {
    height: 13.3em;
    background-color: #002f70;
}

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
margin-bottom: 10px; !important;
color: #fff !important;
background-color: #002f70 !important;
}

html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs,
html:not(.t-safari) .UsePrimaryButton .TextButton,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage,
html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton,
html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput {
color: #fff !important;
}

/* Button styles for Safari only */
html.t-safari .PrimaryButton, html.t-safari .SaveAndClose, html.t-safari .SaveAs,
html.t-safari .UsePrimaryButton .TextButton,
html.t-safari .UsePrimaryButton .TextButtonWithImage,
html.t-safari #masterHeaderActionArea a, html.t-safari .RadGrid input.PrimaryButton,
html.t-safari .Spotlight .TextButton, html.t-safari .BigButtonPanelArea2 .btn,
html.t-safari .RadUpload .ruButton, html.t-safari .ruButton, html.t-safari .ruFileInput {
  background-color: #002f70 !important;
  color: #fff !important;
}

.carousel-inner.bg-img > .item {
    background-color: #002f70 !important;
}


.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup li.rmItem.rmLast .rmLink {
    color: #fff !important;
    background-color: #df3252 !important;
}