input::placeholder { color: #495057; }
.form-floating>label { color: #495057; }

@font-face { font-family: 'EB Garamond'; }

@font-face { font-family: siteTitle; src: url('/wp-content/themes/osc/common/fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf'); }



.site-title-lg, .site-title-md, .site-title-sm { display: none;}
@media only screen and (max-width: 1199px) {
    .topMenuIcon { display: none; }
    .site-title-sm { display: block; font-family: "ED Garamond"; font-size: 1rem; text-shadow: #000000AA 1px 1px 4px; }
    .bioPhoto { margin-top: 15px !important; }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .site-title-md { display: block; font-family: "ED Garamond"; font-size: 1.55rem; text-shadow: #000000AA 1px 1px 4px; }
}
@media only screen and (min-width: 1400px) {
    .site-title-lg { display: block; font-family: "ED Garamond"; font-size: 1.35rem; text-shadow: #000000AA 1px 1px 4px; }
}
    
@media only screen and (max-width: 990px) {
    #navigation.collapse { background: #FFFFFF33; }
    #navigation.collapse .nav-link { color: white !important; }
    #submenuBox { position: relative; box-shadow: 1px 1px 8px #00000055 !important; z-index: 5; }
    
    nav.navbar {
    }
    
    .nav-item.dropdown .dropdown-menu.show {
        position: relative;
        margin-top: 0px !important;
        height: 0px;
        padding: 5px !important;
        transform: none !important;
        background: none;
        opacity: 1.0;
    }
}
#home .navbar-toggler { display: none; }
.dropdown-menu { overflow: visible !important; }

#header-seal-container { position: relative; z-index: 3; }

.bg-gradient-primary, .text-gradient.text-info, .btn.bg-gradient-info {
    background-image: linear-gradient(195deg, #0077CCFF 0%, #005795ff 100%);
}
.text-info {
    color: #0071C2 !important;
}
.btn.btn-primary { background-color: #000; }
.btn.btn-primary:hover, .btn.btn-primary:active { background-color: #000 !important; }
.btn.btn-primary:hover { box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.4), 0 4px 23px 0 rgba(20, 20, 20, 0.15), 0 8px 10px -5px rgba(20, 20, 20, 0.2); }
.btn-outline-primary, .btn-outline-primary:hover,  .btn-outline-primary:active { border-color: #000; color: #000 !important; background: none; }
.btn-outline-info { border-color: #0071C2; color: #0071C2; }

.btn.btn-secondary { background-color: #ddd; color: #555; }
.btn.btn-warning { background-color: #fff3b2; color: #867e4f; }
.btn.btn-info { background-color: #3367aa; }
.btn.btn-dark { background-color: #344767; }
.btn.btn-link { color: #1e98e9; }

.btn.btn-outline-secondary { border-color: #ddd; color: #555; }
.btn.btn-outline-warning { border-color: #fff3b2; color: #867e4f; border-width: 2px; }
.btn.btn-outline-info { border-color: #3367aa; color: #3367aa; }
.btn.btn-outline-dark { border-color: #344767; color: #344767; }
.btn.btn-outline-light { color: #3a416f; border-width: 2px; }

.btn.btn-outline-warning:hover { color: #c7bb76; }
.btn.btn-outline-light:hover { color: #535c99; }

.alert.alert-primary { background: transparent; background-image: linear-gradient(195deg, #0077CCFF 0%, #005795ff 100%); color: #FFF; }
.alert.alert-primary>a { color: #FFFb; }
.alert.alert-secondary { background: #FFF; color: #000; box-shadow: 5px 5px 5px #0001; }
.alert.alert-success { background: #8a8; color: #030; }
.alert.alert-danger { background: #fcc; color: #400; }
.alert.alert-warning { background: #fff3b2; color: #68613e; }
.alert.alert-info { background: #B3C8D6; color: #45525E; }
.alert.alert-light { background: #F3F3F3; color: #555; }
.alert.alert-dark { background: #333; color: #ddd; }
.alert.alert-dark>a { color: #FFFb; }

article.archive>h1 { font-size: 2.2rem; }
.alert-archive {
    color: #975400;
    background-color: #fee8cc;
    border-color: #feddb3;
    margin-top: 10px;
}


.text-dark { color: #00477A !important; }
a, a:hover { color: #0071C2; }
main p>a, main li>a, main label>a { text-decoration: underline; } /*ADA requires link distinguished without color in text boxes*/
.link-list { list-style-type: square; }
.title-icon { margin: 0px; margin-right: 5px; top: 5px; vertical-align: middle; }

.footer-social-icons { list-style-type: none; display: block; text-align: center; padding: 0px; }
.footer-social-icon-container { display: inline-block; padding: 5px; }
.footer-social-icon { color: #999; }

#search-textbox { width: 100%; border: none; border-bottom: 1px solid #eee; }
.submenu-detail-container {
    display:block;
    white-space: normal;
    width: 600px; max-width: 100%;
}

.featured-program-icon { display: inline-block; vertical-align: middle; padding-right: 0.3rem; }
.featured-program-body { padding-left: 2.55rem; }

.abbreviatedItem .verbose { display: none; }

.contact.card { margin: 5px; min-height: 200px; }

h1 { margin: 40px 0px 20px 0px; }

@media all and (min-width: 770px) {
.bioCard { text-align:center; padding: 30px 15px; background: #FCFCFD; margin-top: 3px; }
.bioCardIcons { font-size: 2.5rem; }
.bioCardImage { height: 250px; width: 250px; }
.bioCardButton { width:100%; max-width: 250px; }
}
@media all and (max-width: 769px) {
    .bioCard { float: none !important; }
    .bioCard { background: #F3F3F3; box-shadow: 5px 5px 5px #EaEaEa; border-radius: 5px;  }
    .bioCard { padding: 10px; font-size: 9pt; display: grid; grid-template-columns: 100px 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; }
    .bioCardText { padding: 15px; }
    .bioCardImage { display: block; height: 100px; width: 100px; }
    .bioCardIcons { margin-top: 5px; text-align: center; font-size: 16pt; }
    .bioCardButton { width: 100%; margin: 5px 0px; }
}
@media all and (max-width: 540px) {
    .bioCard { float: none !important; }
    .bioCard { grid-template-columns: 100px 1fr; grid-template-rows: 1fr 1fr; }
    .bioCardImageContainer { grid-column: 1; grid-row: 1; }
    .bioCardText { grid-column: 2; grid-row: 1; }
    .bioCardButtons { grid-column: 1 / span 2; grid-row: 2; }
}



#iemessagebox { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 10; background: #ffecbb; color: #bd8a08; border-top: 1px solid #bd8a08; opacity: 0.9; }
.iemessage { max-width: 800px; width: 100%; margin: auto; padding: 10px; }
.iedismiss { display: block; margin: 5px auto; min-width: 200px; border: 2px solid #bd8a08; background: #d1b56c; color: #ffecbb; }





.yearHeader { padding-top: 15px; font-size: 1.5rem; background: none !important; }



#articleContent>p { max-width: 800px; }





.navbar-brand { display: none; }
.siteTitle { color: white; font-family: 'siteTitle'; font-size: 1.35rem; text-shadow: #000000AA 1px 1px 4px; }
.numsRow { background: #005999; }
.numsRow .card-body>a { text-decoration: none; }
.numsTitle { color: #BCCFDC; }
.numsNum { color: #FFF; display: block; font-size: 3rem; margin-top: 0px; margin-bottom: 40px; }
.numsNoun { display: block; font-size: 2rem; }
.numsIcon { color: white; font-size: 4rem; }
.numsDate { color: #BCCFDC; margin-bottom: 0px; }
.numsLinks { color: #BCCFDC; text-align: right; padding-bottom: 25px; }
  .numsLinks>a { color: #BCCFDC; }


.archiveBox { margin: 10px 0px; padding: 25px; background-color: #F6F1B7; color: #6E6A3F; }
.publicationNote { margin: 10px 0px; padding: 25px; background-color: #B5D0F2; color: #385786; }
.memoNoteSingle { margin: 10px 0px; padding: 10px; background-color: #B5D0F2; color: #385786; }




.bannerAlert { border-radius: 5px; padding: 20px; margin: 30px 0px; background: #D72638; color: white; position: relative; top: -15px; }
.bannerAlert p:last-child { padding-bottom: 0px; margin-bottom: 0px; }

.compprofile.img-fluid {
    position: relative; top: 40px; margin-bottom: 30px;
}


.memosResult { background-color: #0000000A; display: grid; grid-template-columns: 90px 150px 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
.memosResult:nth-child(2n) { background-color: #00000005; }
.memosResultNum { padding: 10px; }
.memosResultDate { padding: 10px; }
.memosResultName { padding: 10px; }
.memoNote { padding: 10px 5px; background-color: #FFF; border-radius: 5px; }
@media all and (max-width: 600px) {
    .memosResult { grid-template-columns: 90px 1fr; grid-template-rows: auto auto; }
    .memosResultNum {  }
    .memosResultDate {  }
    .memosResultName { grid-column: 2; grid-row: 2; }
}



.simpleExecPage_Container { margin: 0px auto; padding: 0px 25px 125px 25px; min-height: 300px; max-width: 750px; border-left: 3px solid #EEE; border-right: 3px solid #EEE; border-radius: 5px; }
.simpleExecPage_MidContainer { margin: 0px auto; padding: 0px 25px 125px 25px; min-height: 300px; max-width: 1250px; border-left: 3px solid #EEE; border-right: 3px solid #EEE; border-radius: 5px; }
.simpleExecPage_Title, .simpleExecPage_Container h1 { text-align: center; font-size: 28pt; margin-top: 10px; }
.simpleExecPage_Container h2 { font-size: 25pt; }
.simpleExecPage_Container h3 { font-size: 22pt; }
.simpleExecPage_Container h4 { font-size: 19pt; }
.simpleExecPage_Container h5 { font-size: 16pt; }
.simpleExecPage_Container h6 { font-size: 14pt; }

.execIconBoxContainer { text-align: center; }
.execIconBox { display: inline-block; vertical-align: top; width: 150px; padding: 20px; margin: 15px; border-radius: 10px; background: #F6F6F6; border: 1px solid #F6F6F6; box-shadow: 3px 3px 3px #E7E7E7; }

.execIcon { font-size: 30pt; color: black; }
.execIconText { color: black; }

.execIconBox:hover, .execIconBox:active { background: #F0F0F0; }


ul.tileLinkList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0px;
}
.tileLinkList>li { display: block; margin: 0px; }
.tileLinkList>li>a { display: block; text-align: center; margin: 6px; padding: 12px; border-radius: 5px; background-image: linear-gradient(to bottom, #f6f6f6, #fcfcfd); }



@media only print {
    header, .navbar-nav, footer { display: none; }

    body#home { background: #FFF !important; }

    #header-seal-container { margin-top: -100px !important; }
    .siteTitle { color: #CCC; text-shadow: none; font-size: 12pt; }
    #header-seal-container>.avatar { height: 50px !important; width: 50px !important; opacity: 0.75; }

    main.card { box-shadow: none !important; width: 100% !important; margin-top: 0px !important; }
    .bioCard .bioCardImage { width: 100px; height: 100px; }
    .bioCard .bioIcons { display: none; }
    .bioCard a { display: none; }
}

.topMenuIcon { color: white !important; }























/*p.formnote { margin-top: -10px; opacity: 0.75; }*/
#form-app {  }
.formSearchContainer { text-align: center; margin: auto; }
.formSearchLabel {
    display: inline-block; border-radius: 5px 0px 0px 5px; padding: 10px 10px 10px 30px; margin: 5px 0px;
    border: 1px solid #DDD; border-right: none;
    text-align: right; background-color: #DDD; color: #333; font-size: 10pt;
    width: 90px;
}
.formSearch {
    display: inline-block; border-radius: 0px 5px 5px 0px; padding: 10px; margin: 5px 0px;
    border: 1px solid #CCC; border-left: none;
    text-align: left; background-color: #FFF; font-size: 10pt;
    width: 45%; max-width: 400px;
}
.tag-select {
    display: block; margin: auto; padding: 10px; width: 100%; max-width: 300px;
    background: #FAFAFA; border: 1px solid #CCC; border-radius: 5px;
}
.tag-buttons { text-align: center; }
.tag-button { display: inline-block; padding: 5px; margin: 5px; background-color: #DDD; border-radius: 5px; border: none; }
.tag-button.active { background-color: #344767; color: white; }
.form-list { margin-top: 15px; }
.formListHeader { text-align: left; background-color: transparent; color: #344767; font-family: headings1; font-size: 16pt; padding: 5px; margin-top: 25px; }
.form { padding: 10px; border-top: 1px solid #CCC; cursor: pointer; }
.form-title {  }
.form-code { display: inline-block; vertical-align: top; font-weight: normal; /*font-family: "courier";*/ width: 175px; }
.form-revised { font-size: 9pt; }
.form-name { display: inline-block; vertical-align: top; font-weight: bold; }
.form-description { color: blue; margin-left: 180px; }

.form-title { display: grid; grid-template-columns: 150px 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
.form-code { display: block; width: 100%; }
.form-name { display: block; }
@media all and (max-width: 500px) {
    .form-title { grid-template-columns: 1fr; grid-template-rows: auto auto; }
    .form-name { padding-left: 25px; padding-top: 10px; }
    .formSearchLabel {
        background: none; border: none; padding: 0px;
        margin: 5px auto; display: block; width: 100%; max-width: 100%; text-align: center;
    }
    .formSearch {
        border: 1px solid #CCC; border-radius: 5px;
        margin: 5px auto; display: block; width: 100%; max-width: 100%; text-align: center;
    }
}
.form-note { background: transparent !important; padding: 0px; font-size: 10pt; }
.form-note>p { margin: 0px; margin-top: 10px; padding: 0px; font-size: 10pt; }
.form-note>p:first-child { margin-top: 0px; }
.form-permalink { float:right; position: relative; top: -20px; text-align: right; opacity: 0.8; font-size: 10pt; padding: 5px; }
@media all and (max-width: 500px) { .form-permalink { float:none; top: 0px; display: block; } }

.onlyForEditor { display: none; }
.showEditorInterface .onlyForEditor { display: block; color: crimson; font-variant: all-small-caps; text-align: right; font-size: 10pt; }
.showEditorInterface .onlyForEditor.darkBack { text-shadow: 2px 2px 2px #0007; }
.showEditorInterface .onlyForEditor.inline { display: inline; }

.single-memo img { width: 100%; height: auto; }



.oscexec-testimonyTable th:nth-child(1) { width: 140px; text-align: center; }
.oscexec-testimonyTable th:nth-child(2) { width: 160px;  }
.oscexec-testimonyTable td:nth-child(1) { text-align: center; }

.oscexec-table>table { width: 100%; overflow-x: auto; }
.oscexec-table thead { border-bottom: 3px solid #AAA; }
.oscexec-table th, .oscexec-table td { padding: 7px; text-align: left; vertical-align: top; border: none; }
.oscexec-table th {}
.oscexec-table td {}
.oscexec-table tr:nth-child(2n+1)>td { background-color: #fcfcfd; }
.oscexec-table tr:nth-child(2n)>td { background-color: #F3F3F3;}


body.archived {}
.archived .archiveMessage { max-width: 1000px; margin: 15px auto; padding: 15px; background-color: #fff5ba; color: #0008; }
.archived .archiveBody { max-width: 1000px; margin: 15px auto; padding: 15px; border: 1px solid #555; }

.wp-block-columns.ratio2to1 { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
@media (max-width: 900px) { .wp-block-columns.ratio2to1 { display: block; } }
.fullWidthBlock { display: block; width: 100%; }