/* Global defs */
:root {
    --oscexectemplate-light: #F7F7F7;
    --oscexectemplate-accent: #003a65;
    --oscexectemplate-dark: #000;
}

@font-face { font-family: "oscexechead"; src: url("/wp-content/themes/osc/common/fonts/crimson-text/CrimsonText-Regular.ttf"); }
@font-face { font-family: "oscexecbody"; src: url("/wp-content/themes/osc/common/fonts/work-sans/WorkSans-VariableFont_wght.ttf"); }

/* Structure */
.nav-item { z-index: 10; }
nav.osc-main { font-family: "oscexecbody"; text-align: right; }
nav.osc-main>button, nav.osc-main>a, nav.osc-main>.dropdown>a { font-size: 11pt; display: inline-block; vertical-align: top; padding: 8px 16px; color: var(--oscexectemplate-dark); text-decoration: none; font-variant: all-small-caps; border: none; background: transparent; }
nav.osc-main>button:hover, nav.osc-main>a:hover, nav.osc-main>.dropdown>a:hover { background: #0001; }
nav.osc-main>.dropdown { display: inline-block; vertical-align: top; }
.topMenuIcon { font-size: 9pt; }
nav.osc-main .dropdown-item { font-size: 11pt; color: var(--oscexectemplate-dark); font-variant: all-small-caps; }
nav.osc-main.mobile { display: none; }
.mobileText { display: none; }
@media all and (max-width: 770px) {
    .topMenuIcon { display: none; }
    nav.osc-main.mobile .topMenuIcon { display: inline-block; }
    nav.osc-main>a, nav.osc-main>.dropdown>a { padding: 6px 8px; }
}
@keyframes expandMenuHeight {
  from { max-height: 0px; }
  to { max-height: 1000px; }
  100% { overflow: visible; }
}
@media all and (max-width: 519px) {
    .mobileText { display: inline; }
    nav.osc-main.mobile { display: block; text-align: right; }
    .topMenuIcon { display: inline-block; }
    nav.osc-main.full { max-height: 0px; overflow: hidden; }
    nav.osc-main.full.expand { max-height: 10000px; animation-name: expandMenuHeight; animation-duration: 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
    nav.osc-main.mobile .topMenuIcon { display: inline-block; }
    nav.osc-main>a, nav.osc-main>.dropdown>a { display: block; text-align: left; width: 100%; }
    nav.osc-main>.dropdown { display: block; text-align: left; width: 100%; }
    nav.osc-main .dropdown-menu { width: 100%; text-align: left; }
}

.commonHeader { padding: 15px 30px; background-image: linear-gradient(#CCC 0px, #DDD 5px, var(--light) 25px); display: grid; grid-template-columns: 75px 1fr; grid-template-rows: 1fr; grid-column-gap: 15px; grid-row-gap: 0px; }
.site-title-1 { display: block; font-family: "oscexechead"; font-size: 24pt; height: 24pt; margin: 5px 0px; text-decoration: none; color: var(--oscexectemplate-accent); }
.site-title-2 { display: block; font-family: "oscexechead"; font-size: 14pt; height: 14pt; text-decoration: none; color: var(--oscexectemplate-accent); }
a.site-title-1:hover, a.site-title-2:hover { text-decoration: none; opacity: 0.75; color: var(--oscexectemplate-accent); }
.header-seal { display: block; width: 100%; height: auto; }
@media all and (max-width: 550px) {
    .commonHeader { padding: 10px 20px; grid-template-columns: 50px 1fr; }
    .site-title-1 { font-size: 16pt; height: 19pt; margin-top: 0px; }
    .site-title-2 { font-size: 8pt; height: 9pt; }
}
.osc-main.mobile .mobileHeadText {
    font-size: 9pt; float: left; width: auto; font-variant: normal; font-family: "oscexechead"; color: var(--oscexectemplate-dark); margin-top: 3px;
}
@media all and (max-width: 519px) {
    .commonHeader { display: none; }
}

.bannerAlert { border-radius: 0px !important; }
.bannerAlert p:last-child { padding-bottom: 0px; margin-bottom: 0px; }

.headerBanner>h1.headerBannerTitle {
    position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px;
    background-color: #f1f1f1cc; padding: 10px;
}

.alert-primary { background-color: #ffd573; color: var(--oscexectemplate-dark); border-color: transparent; border-radius: 3px; }

footer.site-footer { background: var(--oscexectemplate-light); color: var(--oscexectemplate-dark); padding: 75px; min-height: 60vh; }
footer.site-footer { background-image: linear-gradient(#CCC 0px, #DDD 5px, var(--light) 25px); font-size: 16px; }
footer.site-footer h3 { font-size: 20px; font-weight: bold; font-family: "oscexechead"; }
.footerLink { display: block; text-decoration: none; padding: 3px 0px; margin: 1px 0px; font-family: "oscexecbody"; color: var(--oscexectemplate-dark); }

/***** Print *******/
@media only print {
    header>:not(.headerBanner), .navbar-nav, .main2, footer { display: none; }
    .headerBanner { background: none !important; height: auto; border-bottom: 1px solid #AAA; }
    .breadcrumb, .headerBannerTitle { position: relative !important; background: none !important; }
    body, main { background: #FFF !important; }

    .accordion-collapse.collapse { display: block; }
}