/* Global defs */
/*
:root {
    --primaryDark: #214821;
    --primaryLight: #32ad40;
    --highlight: #8a3895;
    --dark: #212121;
    --light: #FFF;
}
*/
:root {
    --primaryDark: #003c6c;
    --primaryLight: #0081c6;
    --highlight: #c33539;
    --dark: #000b;
    --light: #FFFD;
    --bodyFont: "Roboto", Helvetica, Arial, sans-serif;
}
/*@font-face { font-family: "headings1"; src: url("/wp-content/themes/osc/common/fonts/crimson-text/CrimsonText-Regular.ttf"); }*/
@font-face { font-family: "headings1"; src: url("/wp-content/themes/osc/common/fonts/work-sans/WorkSans-VariableFont_wght.ttf"); }
@font-face { font-family: "body1"; src: url("/wp-content/themes/osc/common/fonts/work-sans/WorkSans-VariableFont_wght.ttf"); }

/* HTML Elements */
body { background-color: var(--light); font-family: "body1"; font-size: 12pt; width: 100vw; overflow-x: hidden; }
* { box-sizing: border-box; }
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: var(--bodyFont);; font-size: 14pt; color: inherit; font-weight: bold; margin-top: 0px; margin-bottom: 5px; }
p { max-width: 900px; }

/* Structure */
.nav-item { z-index: 10; }
nav.topmenu { font-family: var(--bodyFont);; text-align: right; background-color: var(--light); }
nav.topmenu>button, nav.topmenu>a, nav.topmenu>.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.topmenu>button:hover, nav.topmenu>a:hover, nav.topmenu>.dropdown>a:hover { background: #0001; }
nav.topmenu>.dropdown { display: inline-block; vertical-align: top; }
.topMenuIcon { font-size: 9pt; }
nav.topmenu .dropdown-item { font-size: 11pt; color: var(--dark); font-variant: all-small-caps; }
nav.topmenu.mobile { display: none; }
.site-title, .site-title>a { font-family: headings1; font-size: 11pt; padding: 8px; font-variant: all-small-caps; font-weight: bold; text-decoration: none; }


footer.site-footer { background: #444; color: var(--light); padding: 75px; min-height: 100vh; font-size: 16px; }
footer, footer .fa,
footer a, footer a:visited, footer a:active { color: var(--light); 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: var(--bodyFont);; }
.footerButton { display: block; padding: 10px; margin: 6px auto; width: 100%; max-width: 300px; font-family: var(--bodyFont);; text-align: left; }

/********************************/
.container { max-width: 900px; }
main.crsp {
    border-top: 1px solid #CCC;
    /*background-image: linear-gradient(#CCC 0px, #DDD 5px, var(--light) 25px);*/
    /*background-color: var(--light);*/ color: var(--dark);

    /*background: fixed center top -140px / cover url(../images/juliane-liebermann-Pw7i-YVg5uM-unsplash.jpg);*/
    background:
        linear-gradient(#0004, #0004),
        no-repeat fixed right top / cover url(../images/slides.jpg);
    min-height: 300px;
}
a, a:visited { color: var(--dark); text-decoration: underline; }
a:hover { color: var(--dark); text-decoration: none; }

.btn { font-weight: bold; }
.btn-main { padding: 10px 50px; }
.btn-primary, .btn-primary:visited { backdrop-filter: blur(10px); background-color: var(--primaryLight); color: var(--light); border-color: var(--primaryLight); }
.btn-primary:hover, .btn-primary:active { background-color: var(--primaryLight); color: var(--light); border-color: var(--primaryLight); opacity: 0.85; }
.btn-secondary, .btn-secondary:visited { background-color: var(--primaryDark); color: var(--light); border-color: var(--primaryDark); }
.btn-secondary:hover, .btn-secondary:active { background-color: var(--primaryDark); color: var(--light); border-color: var(--primaryDark); opacity: 0.85; }
.btn-info, .btn-info:visited { background-color: var(--highlight); color: var(--light); border-color: var(--highlight); }
.btn-info:hover, .btn-info:active { background-color: var(--highlight); color: var(--light); border-color: var(--highlight); opacity: 0.85; }
.btn-light, .btn-light:visited { background-color: var(--light); color: var(--dark); border-color: var(--light); }
.btn-light:hover, .btn-light:active { background-color: var(--light); color: var(--dark); border-color: var(--light); opacity: 0.85; }
.btn-dark, .btn-dark:visited { background-color: var(--dark); color: var(--light); border-color: var(--dark); }
.btn-dark:hover, .btn-dark:active { background-color: #323232; color: var(--light); border-color: var(--dark); }

.crspNotHome>div {  }
.crspNotHome>div { min-height: 40vh; padding: 20px 0px; text-shadow: 1px 1px 1px #000A; backdrop-filter: blur(3px); background: #0004; }
.crspNotHome>.title-container { min-height: 0vh; padding: 0px; }
.crspNotHome>.title-container>h1 { color: var(--light); text-shadow: 1px 1px 1px #000A; font-family: "headings1"; padding: 100px 0px 10px 0px; margin: 0px auto; font-size: 36pt; }
.crspNotHome>div:nth-child(4n+2) { background-color: var(--light); color: var(--dark); text-shadow: none; backdrop-filter: none; }
.crspNotHome>div:nth-child(4n+4) { background-color: #003c6cf0; color: var(--light); text-shadow: none; backdrop-filter: blur(2px); }
/*
.crsp-hightlight-block:nth-child(5n+0) { backdrop-filter: blur(1px); background-color: #003c6c80; }
.crsp-hightlight-block-content { padding: 25px; }
.crsp-hightlight-block { padding: 50px 0px; color: var(--light); }
.crsp-hightlight-block:nth-child(5n+0) { padding-top: 200px; color: var(--light); }
.crsp-hightlight-block:nth-child(5n+0) .crsp-hightlight-block-content { border-radius: 10px; background: #FFF4; backdrop-filter: blur(5px); filter: drop-shadow(4px 4px 4px #0006); text-shadow: 1px 1px 2px #0007; }
.crsp-hightlight-block:nth-child(5n+1) { background-color: var(--light); color: var(--dark); }
.crsp-hightlight-block:nth-child(5n+2) { background-color: #003c6cf0; color: var(--light); backdrop-filter: blur(2px); }
.crsp-hightlight-block:nth-child(5n+3) { text-shadow: 1px 1px 1px #000A; backdrop-filter: blur(3px); background: #0004; }
.crsp-hightlight-block:nth-child(5n-1) { background-color: #003c6cf0; color: var(--light); backdrop-filter: blur(2px); }
*/

.crsphome .crsp-hightlight-block:nth-child(5n+1) { backdrop-filter: blur(1px); background-color: #003c6c80; }
.crsphome .crsp-hightlight-block-content { padding: 25px; }
.crsphome .crsp-hightlight-block { padding: 50px 0px; color: var(--light); }
.crsphome .crsp-hightlight-block:nth-child(5n+1) { padding-top: 200px; color: var(--light); }
.crsphome .crsp-hightlight-block:nth-child(5n+1) .crsp-hightlight-block-content { border-radius: 10px; background: #FFF4; backdrop-filter: blur(5px); filter: drop-shadow(4px 4px 4px #0006); text-shadow: 1px 1px 2px #0007; }
.crsphome .crsp-hightlight-block:nth-child(5n+2) { background-color: var(--light); color: var(--dark); }
.crsphome .crsp-hightlight-block:nth-child(5n+3) { background-color: #003c6cf0; color: var(--light); backdrop-filter: blur(2px); }
.crsphome .crsp-hightlight-block:nth-child(5n+4) { text-shadow: 1px 1px 1px #000A; backdrop-filter: blur(3px); background: #0004; }
.crsphome .crsp-hightlight-block:nth-child(5n) { background-color: #003c6cf0; color: var(--light); backdrop-filter: blur(2px); }


.newsItems .card { background-color: transparent; border:none; }
.newsItems .card-body>a, .newsItems .card-body>p { display: none; }
.newsItems .card-body>p:nth-child(2) { display: block; }
.newsItems .card-body>h5, .newsItems .card-body>h5>a { text-decoration: none !important; color: white !important; font-size: 12pt; font-family: var(--bodyFont);}


.crspStatRow {  }
.crspStat {  }
.crspStat>a { color: white; text-decoration: none; }
.crspStat .statIcon>.material-symbols-outlined { display: block; font-size: 75px; }
.crspStat .wholeNumber { display: block; font-size: 55px; font-family: var(--bodyFont);; }
.crspStat .numsNoun { display: block; font-size: 30px; font-family: "headings1"; }
.crspStat .numsDate { display: block; font-size: 14px; font-family: var(--bodyFont);; opacity: 0.5; }


.crspMeetings { width: 100%; border-radius: 5px; }
.crspMeetings tr:nth-child(2n+1) td { background-color: #EEEC; }
.crspMeetings tr:nth-child(2n) td { background-color: #FFFC; }
.crspMeetings td , .crspMeetings th { padding: 8px 16px; text-align: center; }
.crspNotHome a:not(.btn), .crspNotHome a:not(.btn):visited { color: #0081c6; font-weight: normal; text-decoration: none; }
.crspNotHome a:hover, .crspNotHome a:active { text-decoration: underline; }


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