html, body { color: #333; font-family: 'Montserrat', sans-serif; font-weight: 600; font-style: normal; -webkit-font-smoothing: antialiased; scroll-behavior: smooth;background:white;}
html {
     scroll-behavior: smooth;
   }


/* Links */
a {
     text-decoration: none;
     color: unset;
}
a:hover {
     transition: .2s all;
}

a img:hover {opacity:0.8;}

a:hover,
a:focus { text-decoration: none; color:#333; }
.button { background-color: #c47; border-radius: 14px; border: 0; color: #fff; display: inline-block; letter-spacing: .05em; margin-top: 12px; padding: 4px 16px; transition: background-color .2s; }
.button:hover { background-color: #b16; color: #fff; }
.button:focus { color: #fff; }



.color-theme-1 {color: #0C233F;}
.color-theme-2 {color: #00569B;}

.bg-theme-1 {background-color: #0C233F;}
.bg-theme-2 {background-color: #00569B;}
.bg-theme-3 {background-color: #CCE1EA;}
.bg-theme-4 {background-color: #324B6A;}
.bg-theme-5 {background-color: #46859E;}
.bg-theme-6 {background-color: #EFEBE3;}


/* Headers */
h1 { font-size: 85px;  font-weight: 800; font-style: normal; color:#fff;}
h2 { font-size: 34px;color:#0C233F;font-weight: 800; font-style: normal;}
.h3, h3 { font-size: 28px; font-weight:bold; }
h4 { font-size: 1.6em; color: #0C233F;font-weight: 800;}
h5 { font-size: 21px; font-weight:bold;}
h6 { font-size: 1.3em;}

/* Paragraphs & Lists */


p { font-size: 16px; }
ul, ol { list-style-type:none;}
li {line-height: 1.6em;}

/* Forms */




/*********************************************/
/******   Custom CSS  ************************/
/*********************************************/

img {
     max-width: 100%;
}
.bg-hero {
     background-image: url("../images/hero-bg.png");
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;

}

.calendar-icon {
     max-width: 55px;
}
.location-icon {
     max-width: 22px;
     height: fit-content;
}
.arrow-icon {
     max-width: 22px;
}

.btn {
     width: fit-content;

}

.mw-520 {
     max-width: 520px;
}

.footer-links {
     max-width: 185px;
}

.footer-heading {
     max-width: 185px;

}

.ada-element { left: -9999px; position: absolute; }

.nav-item { font-weight: 400; }
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover { color: #fff !important; font-weight: 700; }
.navbar-dark .navbar-nav .nav-link[aria-current] { font-weight: 700; }

.bg-hero h1,
.bg-hero h2 { font-weight: 600; }
.bg-hero h2 span { display: block; }

.announcement {background-color: orange; padding: 25px 100px; }
p.large {font-size: 1.25rem;}

#mtp-study p { color: #fff; margin-top: 14px; text-align: left; }
#schedule p { margin-top: 14px; text-align: left; }

#events h3 span { display: block; font-size: .7em; }
#events a:hover { color: #00569B; text-decoration: underline; }
#events .btn-primary { border: 0; margin-bottom: 28px;}
#events .btn-primary:hover { background: #00569B; color: #fff; text-decoration: none; }

#resources { background: #EFEBE3 !important; }
#resources .row > div:first-of-type { padding: 0; }
#resources .row > div:first-of-type img { width: 100%; }
#resources .row > div:last-of-type { background: #fff; border-radius: 0 10px 10px 0; padding: 24px 2%; }
#resources a { padding: 0; }
#resources a:hover { color: #00569B; text-decoration: underline; }

#page-events .btn-primary { border: 0; margin-bottom: 14px;}
#past-events { background: #EFEBE3 !important; }

.accordion-item { background: #efebe3; }
.accordion-button { background: #efebe3; color: #0c233f; font-weight: 700; padding-left: 3px; }

#provide-input iframe { height: 720px; margin-top: 12px; width: 100%; }

#partners ul { display: flex; gap: 18px; justify-content: space-between; margin-bottom: 42px; }

#project-contacts { background: #efebe3 !important; }
#project-contacts ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; }
#project-contacts li { width: 50%; }
#project-contacts h3 { font-size: 1.2em; margin: 18px 0 0; }
#project-contacts a { display: block; margin-top: 8px; }
#project-contacts a:hover { text-decoration: underline; }
#project-contacts a img { margin-right: 6px; }

footer { font-weight: 400; }
footer a:focus,
footer a:hover { color: #fff !important; text-decoration: underline; }
footer .footer-links a:hover { font-weight: 700; text-decoration: none; }
footer .footer-links a[aria-current] { font-weight: 700; }

/* Lightbox */
.showing-hdr-lightbox { overflow: hidden; }
.hdr-lightbox img { width: 100%; }
.hdr-lightbox a { display: block;}
.hdr-lightbox > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; display: none; height: 0; left: -9999px; margin: 0; position: absolute; top: 0; transition: 0s; width: 100%; }
.hdr-lightbox button span { left: -9999px; position: absolute; }
.hdr-lightbox > div { top: 80px; }
.hdr-lightbox > div .hdr-close-lightbox { background: 0; border: 0; font-size: 3em; display: none; line-height: 1em; position: fixed; right: 14px; top: -4px; }
.hdr-lightbox.enhanced { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5555; }
.hdr-lightbox.enhanced > button { display: block; height: 100%; left: 0; transition: height .6s, left 0s; }
.hdr-lightbox.enhanced > div { background-color: #fff; border: 1px solid #333; box-shadow: 4px 13px 28px 0 #111; left: 6%; margin: 0; max-height: 80%; overflow: auto; position: absolute; top: 40px; transition: .8s; width: 86%; }
.hdr-lightbox.enhanced > div .hdr-close-lightbox { display: block; }

@media screen and (max-width: 992px) {
    .hdr-lightbox > div .hdr-close-lightbox { font-size: 2em; right: 8px; }
    .hdr-lightbox.enhanced img { max-width: 800%; width: 260%; }
}

/*********************************************/
/****** Media Queries ************************/
/*********************************************/
/* Add more queries as needed; 992px is the column breakpoint for "medium"  columns in Bootstrap */

@media (min-width: 992px) { 
     .footer-border-start {
          border-right: 1px white solid;
     }  

     .footer-border-end {
          border-left: 1px white solid;
     }
}

@media screen and (max-width: 992px) {
    #partners .row > div { margin-bottom: 48px; }

    #resources .row > div:last-of-type { border-radius: 0 0 10px 10px; padding: 20px 4% 14px; }

    #provide-input iframe { height: 520px; }

    #project-contacts li { width: 100%; }
    #project-contacts a { word-wrap: break-word; }

    #partners ul { display: block; margin-bottom: 0; text-align: center; }
    #partners li { display: inline-block; margin: 0 12px 14px; }
}

@media screen and (max-width: 576px) {
    h2 { font-size: 1.6em; }
    h3 { font-size: 1.4em; }
    h4 { font-size: 1.3em; }
    .row > * { padding: 0 6%;  }
    
    .bg-hero h2 { font-size: 1.8em; }

    #events .calendar-icon { display: none; width: auto; }

    footer a { word-wrap: break-word; }
}