a[href=""] { text-decoration: red wavy underline !important; }
input::placeholder { color: #495057; }

/* Global defs */
:root {
    --darker: hsl(222, 50%, 25%);
    --dark: hsl(228, 34%, 36%);
    --highlight: hsl(51, 89%, 51%);
    --light: hsl(0, 0%, 95%);

    --darklight: hsl(0, 0%, 85%);
    --darkerlight: hsl(0, 0%, 60%);
    
    --transdark: hsl(228, 34%, 45%);
    --transmed: hsl(228, 34%, 60%); 
    --translight: hsl(228, 34%, 75%);

    --pastel1: #DDF;
    --pastel2: #DFD;
    --pastel3: #DFF;
    --pastel4: #FDD;
    --pastel5: #FDF;
    --pastel6: #FFD;

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

/* HTML Elements */
* { box-sizing: border-box; }
a, a:visited { color: var(--dark); text-decoration: underline; }
a:hover { color: var(--dark); text-decoration: none; }
body { color: var(--darker); background-color: var(--dark); font-family: "body1"; font-size: 14pt; }
h1 { font-family: "headings1"; font-size: 24pt; color: inherit; font-weight: normal; }
h2 { font-family: "headings1"; font-size: 24pt; color: inherit; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
h3 { font-family: "headings1"; font-size: 22pt; color: inherit; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
h4 { font-family: "headings1"; font-size: 18pt; color: inherit; font-weight: normal; margin-top: 5px; margin-bottom: 10px; }
h5 { font-family: "headings1"; font-size: 16pt; color: inherit; font-weight: normal; margin-top: 0px; margin-bottom: 5px;  text-decoration: underline; }
h6 { font-family: "body1"; font-size: 14pt; color: inherit; font-weight: bold; margin-top: 0px; margin-bottom: 5px; }
p { max-width: 900px; }
p.formnote { margin-top: -10px; opacity: 0.75; }
blockquote { margin: 25px 50px; padding: 25px; border-radius: 5px; background-color: var(--light);}

.btn-primary, .btn-primary:visited { background-color: var(--highlight); color: var(--dark); border-color: var(--highlight); font-weight: bold; }
.btn-primary:hover, .btn-primary:active { background-color: var(--highlight); color: var(--dark); border-color: var(--highlight); }
.btn-secondary, .btn-secondary:visited { background-color: var(--darkerlight); color: var(--light); border-color: var(--darkerlight); font-weight: normal; }
.btn-secondary:hover, .btn-secondary:active { background-color: var(--darkerlight); color: var(--light); border-color: var(--darkerlight); }
.btn-info, .btn-info:visited { background-color: var(--transdark); color: var(--light); border-color: var(--transdark); font-weight: normal; }
.btn-info:hover, .btn-info:active { background-color: var(--transmed); color: var(--light); border-color: var(--transdark); }
.btn-light, .btn-light:visited { background-color: white; color: black; border-color: #0002; font-weight: normal; box-shadow: 3px 3px 2px #0001; }
.btn-light:hover, .btn-light:active { background-color: #EEE; color: black; border-color: #0001; }
.btn-warning, .btn-warning:visited { background-color: var(--highlight); color: var(--dark); border-color: var(--dark); font-weight: normal; }
.btn-warning:hover, .btn-warning:active { background-color: var(--highlight); color: var(--dark); border-color: var(--dark); text-decoration: underline; }


/* Structure */
.nav-item { z-index: 10; }
nav.osc-main { font-family: "body1"; 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(--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(--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: "headings1"; font-size: 24pt; height: 24pt; margin: 5px 0px; text-decoration: none; }
.site-title-2 { display: block; font-family: "headings1"; font-size: 14pt; height: 14pt; text-decoration: none; }
.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: "headings1"; color: #000A; margin-top: 3px;
}
@media all and (max-width: 519px) {
    .commonHeader { display: none; }
}


.breadcrumb {
    position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px;
    background-color: #f1f1f1cc; padding: 5px; }
.breadcrumb>a { margin: 0px 5px; }
@media all and (max-width: 770px) {
    .breadcrumb { font-size: 11pt; }
}

.headerBanner, .pageIsExec .headerBanner { background: url('/wp-content/themes/osc/exec/images/osc-building.jpg'); background-position: left 0px top -150px; background-size: cover; position: relative; height: 375px; padding: 10px; }
/*.pageIsRSD .headerBanner { background: url('images/scott-graham-5fNmWej4tAA-unsplash.jpg'); background-position: left 0px top -350px; background-size: cover; }*/
.pageIsRSDMERS .headerBanner { background: url('/wp-content/themes/osc/rsd/images/ngh20230921_080020.jpg'); background-position: left 0px top 0px; background-size: cover; min-height: 500px; }
    @media all and (max-width: 991px) { .pageIsRSDMERS .headerBanner { background-position: left -300px top 0px; min-height: 500px; } }
    @media all and (max-width: 550px) { .pageIsRSDMERS .headerBanner { background-position: left -460px top 0px; min-height: 500px; } }
.pageIsRSDHigherEd .headerBanner { background: url('/wp-content/themes/osc/rsd/images/2011-09-10_14-36-09_459_nhanna.jpg'); background-position: left 0px top 0px; background-size: cover; max-height: 330px; }
.pageIsRSD .headerBanner,
.pageIsRSDProbate .headerBanner,
.pageIsRSDSERS .headerBanner { background: url('/wp-content/themes/osc/rsd/images/photo(4)-2.jpg'); background-position: left 0px top 0px; background-size: cover; height: 350px; }


.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;
}
.nav2 { font-size: 14pt; background-color: var(--darker) !important; height: 49px; padding: 0px; margin: 0px; border-bottom: 1px solid var(--transdark); }
.nav2 a.nav-link { color: var(--light) !important; padding: 7px; padding-top: 9px; margin: 0px; }
.nav2 li.nav-item { margin: 0px 0px; padding: 0px 0px; border-right: 3px solid var(--dark); background-color: var(--darker); }
.nav2 li.nav-item:nth-child(0) { margin-left: 0px; }

/*
.nav2 .nav-item:nth-child(2n) a.nav-link { background-color: var(--light) !important; color: var(--darker) !important; }
.nav2 .nav-item:nth-child(2n+1) a.nav-link { background-color: var(--darker) !important; color: var(--light) !important; }
*/
.nav2 a.nav-link { border-bottom: 4px solid var(--darker); }
.nav2 a.nav-link.active { border-bottom: 4px solid var(--light); }
.nav2 a.nav-link:hover { background-color: var(--dark) !important; text-decoration: none; border-bottom: 4px solid var(--light); }

.nav2 li.nav-item:nth-child(2) a.nav-link.active, .nav2 .nav-item:nth-child(2) a.nav-link:hover { border-bottom: 4px solid #FDD; }
.nav2 li.nav-item:nth-child(3) a.nav-link.active, .nav2 .nav-item:nth-child(3) a.nav-link:hover { border-bottom: 4px solid #DDF; }
.nav2 li.nav-item:nth-child(4) a.nav-link.active, .nav2 .nav-item:nth-child(4) a.nav-link:hover { border-bottom: 4px solid #DFD; }
/*
.nav2 li.nav-item:nth-child(4) a.nav-link.active, .nav2 .nav-item:nth-child(4) a.nav-link:hover { border-bottom: 4px solid #FDF !important; }
.nav2 li.nav-item:nth-child(5) a.nav-link.active, .nav2 .nav-item:nth-child(5) a.nav-link:hover { border-bottom: 4px solid #DFF !important; }
*/

main { background-image: linear-gradient(#CCC 0px, #DDD 5px, var(--light) 25px); }
.main1 { background-color: var(--light); }
.main2 { background-color: var(--darker); }
.missionStatement { padding: 10px; padding-bottom: 0px; }

.newsItem {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 2px 2px 3px 1px var(--transmed);
    border: 1px solid var(--transmed);
}
.newsTitle>a {
    color: var(--dark);
    font-weight: bold;
    text-decoration: none;
}
.newsDate {
    color: var(--transdark);
}

.rightColCont { background-color: var(--light); }
.rightCol { margin: 5px; padding: 5px; }

.eventCard {
    padding: 10px;
}
.eventTitle {
    color: var(--dark);
    font-weight: bold;
}
.eventDate {
    color: var(--transdark);
}

.contactContainer {
    line-height: 1.75;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 2px 2px 3px 1px var(--light);
    border: 1px solid var(--transdark);
    border-radius: 3px;
}

.alert-primary { background-color: var(--highlight); color: var(--darker); border-color: transparent; border-radius: 3px; }



.innerFooterContainer { background-color: #203360; padding: 30px 15px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 15px; grid-row-gap: 15px; }
.tile { display: block; background-color: var(--dark); color: white; padding: 20px; text-align: center; }
.tile:hover { cursor: pointer; background: #505d94; }
.tile>a { color: white; text-decoration: none; }
.tile>a>.fas { display: block; font-size: 56pt; padding: 20px 5px; }
@media all and (max-width: 770px) {
    .tile { text-align: left; }
    .tile>a>.fas { display: inline; font-size: 16pt; margin: 0px; padding: 0px; margin-right: 5px; }
    .tile>a>h3 { display: inline; font-size: 16pt; margin: 0px; padding: 0px; }
    .innerFooterContainer { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; }
}

footer.site-footer { background: var(--light); color: var(--darker); 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: "headings1"; }
.footerLink { display: block; text-decoration: none; padding: 3px 0px; margin: 1px 0px; font-family: "body1"; }
a.footerSocialIcon { display: inline-block; font-size: 25px; }
i.footerSocialIcon { display: inline-block; font-size: 25px; padding: 0px 7px; }



/* MOCKS */
nav.mock1 .navtile {
    padding: 10px; min-height: 200px;
    border-top: 1px solid var(--transdark);
    border-bottom: 1px solid var(--transdark);
}
nav.mock1>.col:nth-child(2n+0)>.navtile { background-color: var(--darker); color: var(--light); }
    nav.mock1>.col:nth-child(2n+0) .submenu a { background-color: var(--dark); color: var(--translight); }
nav.mock1>.col:nth-child(2n+1)>.navtile { background-color: var(--translight); color: var(--dark); }
    nav.mock1>.col:nth-child(2n+1) .submenu a { background-color: var(--dark); color: var(--translight); }
/*
nav.mock1>.col:nth-child(3n+0)>.navtile { background-color: var(--darker); color: var(--light); }
    nav.mock1>.col:nth-child(3n+0) .submenu a { background-color: var(--dark); color: var(--translight); }
nav.mock1>.col:nth-child(3n+1)>.navtile { background-color: var(--transdark); color: var(--light); }
    nav.mock1>.col:nth-child(3n+1) .submenu a { background-color: var(--dark); color: var(--translight); }
nav.mock1>.col:nth-child(3n+2)>.navtile { background-color: var(--light); color: var(--darker); }
    nav.mock1>.col:nth-child(3n+2) .submenu a { background-color: var(--translight); color: var(--darker); }
*/
.mock1 .subtitle { opacity: 0.5; }
.mock1 .submenu { display: block; list-style-type: none; padding: 0px; margin: 0px; line-height: 1.25; }
.mock1 .submenu a { display: block; text-decoration: none; padding: 3px 10px; margin: 3px 0px;  }

.mock1welcometext { background-color: var(--light); padding: 30px; }

.nav2.mock2.top {  }
.nav2.mock2.top .nav-item {  }
.nav2.mock2.top a.nav-link.active { background-color: var(--transdark) !important; color: var(--light) !important; border-bottom-color: transparent !important; }
.mock2.left { display: block; margin-bottom: 10px; padding: 10px; background-color: var(--dark); color: var(--light); }
.mock2.left>h3 { border-left: 4px solid var(--pastel2); padding-left: 10px; }
.mock2link { display: block; padding: 3px 10px; color: var(--light); text-decoration: none; border-bottom: 1px solid var(--darker); }
.mock2link:visited { color: var(--light); background-color: var(--transdark); }
.mock2link:hover { color: var(--light); background-color: var(--transdark); }


#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 var(--darkerlight); border-right: none;
    text-align: right; background-color: var(--darklight); 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 var(--darkerlight); border-left: none;
    text-align: left; background-color: #FFF; font-size: 10pt;
    width: 45%; max-width: 400px;
}
.tag-buttons { text-align: center; }
.tag-button { display: inline-block; padding: 5px; margin: 5px; background-color: var(--darklight); border-radius: 5px; border: none; }
.tag-button.active { background-color: var(--dark); color: var(--light); }
.form-list { margin-top: 15px; }
.formListHeader { text-align: left; background-color: var(--dark); color: var(--light); font-family: headings1; font-size: 16pt; padding: 5px; margin-top: 25px; }
.form { padding: 10px; border-top: 1px solid var(--transdark); cursor: pointer; }
.form.popular { background-color: var(--translight); }
.form-title {  }
.form-code { display: inline-block; vertical-align: top; font-weight: normal; /*font-family: "courier";*/ width: 175px; }
.form-revised { font-size: 11pt; }
.form-name { display: inline-block; vertical-align: top; font-weight: bold; }
.form-popular { color: var(--highlight); float: right; }
.form-description { color: var(--transdark); 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 var(--darkerlight); border-radius: 5px;
        margin: 5px auto; display: block; width: 100%; max-width: 100%; text-align: center;
    }
}
.form-note { padding: 10px; font-weight: normal; border-radius: 5px; background: #fffc; font-size: 11pt; }
.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: 760px) { .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; }

.glossaryTable th, .glossaryTable td { vertical-align: top; padding: 10px; min-width: 200px; }
.linkListItem { display: block; margin: 12px; padding: 12px; border-radius: 5px; background-color: #FAFAFA; box-shadow: 5px 5px #F0F0F0; text-decoration: none; }


.counselingVid {
    display: block; text-align: left; width: 100%;
    padding: 10px;
    background-color: var(--darklight);
    text-decoration: none;
    border-radius: 5px;
}
.counselingVid:hover, .counselingVid:active { box-shadow: var(--darkerlight) 2px 2px 4px; }



main.fullwidth { padding: 20px; }
.archiveBox { margin: 10px 0px; padding: 25px; background-color: #f3eea7; color: #8d8951; }
.publicationNote { margin: 10px 0px; padding: 25px; background-color: #abc9f0; color: #385786; }


.homeContainer .calTable { table-layout: fixed; }
.calTable { width: 100%; }
#primary .calTable { border: 1px solid #3d497b60; border-radius: 5px; }
#primary .calTable tr:nth-child(2n) td { background-color: #FFF1; }
#primary .calTable tr:nth-child(2n+1) td { background-color: #0001; }
.homeContainer .calTable td>a { color: white; }
.calTable .calTime { opacity: 0.75; font-size: 11pt; }
.homeContainer .calTable tr { border-bottom: 2px solid var(--dark); }
.homeContainer .calTable tr:last-child { border-bottom: none; }
.homeContainer .calTable td { vertical-align: top; padding: 3px; }
#primary .calTable td { vertical-align: top; padding: 10px; }
.homeContainer .calTable td:nth-child(1) { width: 57px; }
#primary .calTable td:nth-child(1) { width: 175px; }
/*.calTable td:nth-child(2) { width: auto; }*/


/***** Wordpress stuff *******/
.is-style-stripes>table {}
.is-style-stripes>table tr:nth-child(2n+1)>td { background-color: #00000002;}
.is-style-stripes>table tr:nth-child(2n)>td { background-color: #0000000C;}



.meetingFeedTags { font-size: 10pt; font-style: italic; text-align: right; position: relative; top: -10px; }



@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; }
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}