/* INITIALIZE ENVIRONMENT */
:root{
    --mColor-FB100: #0E406A;  /* main color (freshwater blue) */
    --hColor-HO100: #D34727;  /* highlight colors (harvest orange) */
    --hColor-HO80: #A9391F;
    --borderColor: #D3D0C7;   /* standard border color (warm gray 2) */

    --pgPad:30px;                             /* page area padding */
    --pgPad-reverse:calc(-1 * var(--pgPad));  /* negative padding (used to reverse page area padding) */
    --gap:40px;                               /* standard gap for grids */
    --gap-reverse:calc(-0.5 * var(--gap));    /* negative gap (used to reverse grid gap -- note that it's only halved since the gap covers two columns) */
}

*, *::before, *::after { box-sizing:border-box; }  /* added for predictable sizing */

body { background-color: #E2DFDA; font-family:"open-sans",sans-serif; font-style:normal; font-weight:400; line-height:1.4; margin:0; }
h1 { font-size:1.8rem; font-weight:700; line-height:normal; }
h2 { font-size:1.3rem; font-weight:700; line-height:normal; margin-top:2rem; }
li { margin-bottom:0.25rem; }
a { color:#0000FF; overflow-wrap:break-word; }
a:hover, a:focus { text-decoration:none; }
.highlightText { color:var(--hColor-HO80); font-family:"futura-pt",sans-serif; font-size:1.2rem; font-weight:700; }
.double > li { margin-bottom:1rem; }
.double > li > ul { margin-top:6px; }
.clearAfter::after { clear:both; content:""; display:block; height:0; visibility:hidden; }


/* WEBSITE HEADER */
#pgWrapper { background-color: #FFFFFF; border:1px solid var(--borderColor); border-width:0 1px; margin:0 auto; max-width:1300px; min-height:100vh; padding:var(--pgPad); }
#pgWrapper > header { margin:var(--pgPad-reverse) var(--pgPad-reverse) 0; }
#pgWrapper > header > .wrapper { padding:var(--pgPad) 15px; }
#pgWrapper > header .logo img { max-width:370px; width:100%; }


/* MAIN WEBSITE NAVIGATION */
#mainNav { line-height:normal; margin:0 var(--pgPad-reverse); }
#mainNav > .wrapper { background-color:var(--hColor-HO100); }
#mainNav > .wrapper > ul { list-style:none; margin:0; padding:0 0 0 15px; }
#mainNav > .wrapper > ul > li { display:inline-block; margin:0; }
#mainNav > .wrapper a { color: #FFFFFF; display:inline-block; font-size:1.2rem; padding:8px 15px; text-decoration:none; }
#mainNav > .wrapper a:hover { background-color:var(--hColor-HO80); }


/* MAIN WEBSITE CONTENT */
main { min-height:210px; }


/* WEBSITE FOOTER */
footer { border-top:1px solid var(--borderColor); line-height:normal; margin-top:6rem; padding-top:2rem; text-align:center; }
footer ul.logos { display:grid; gap:20px; grid-template-columns:1fr 1fr; list-style:none; margin:0 auto; max-width:820px; padding:0; place-items:center; }
footer ul.logos li { display:inline-block; margin:0; max-width:400px; width:100%; }
footer ul.logos a { display:block; }
footer ul.logos li.ugptiLogo a { background-color:#004712; }
footer ul.logos img { height:100%; width:100%; object-fit:contain; }
footer ul.logos svg { fill:#FFFFFF; vertical-align:middle; }
footer ul.logos svg .ndsuLogo { fill:#FFC82E; }
@media (max-width:600px) {
    footer ul.logos { grid-template-columns:1fr; max-width:400px; }
}


/* STANDARD TWO-COLUMN LAYOUT */
.layout_split { clear:both; display:grid; gap:0 var(--gap); grid-template-columns:1fr 1fr; margin-top:1rem; overflow:auto; }
.layout_split > div > :first-child { margin-top:10px; }
.layout_split > div.photo img { display:block; height:auto; object-fit:cover; width:100%; }
.layout_split.bleed { margin:0 var(--pgPad-reverse); padding:var(--pgPad); }  /* allows images (or backgrounds) to bleed into the margins */
.layout_split.bleed > div > :first-child { margin-top:0; }
.layout_split.bleed > div:nth-child(1).photo { margin-top:var(--pgPad-reverse); margin-left:var(--pgPad-reverse); }
.layout_split.bleed > div:nth-child(2).photo { margin-top:var(--pgPad-reverse); margin-right:var(--pgPad-reverse); }
.layout_split.bleed.full { padding-bottom:0; }  /* for full bleed */
.layout_split.bleed.full > div:nth-child(1).photo { margin-right:var(--gap-reverse); }
.layout_split.bleed.full > div:nth-child(2).photo { margin-left:var(--gap-reverse); }
@media (max-width:700px) {
    .layout_split { grid-template-columns:1fr; }
    .layout_split > div             > :first-child { margin-top:2rem; }
    .layout_split > div:first-child > :first-child { margin-top:1rem; }
    .layout_split.bleed { margin:1rem 0; padding:0; }
    .layout_split.bleed > div > :first-child { margin-top:1rem; }
    .layout_split.bleed > div.photo { margin:0 !important; }
}


/* */
.headingCard { border:1px solid var(--borderColor); border-radius:2px; min-height:200px; }
.headingCard h2 { background-color:var(--mColor-FB100); color: #FFFFFF; margin:0; padding:4px 10px; }
.headingCard > div { padding:0 10px; }