/*
 Theme Name:     Molecule Child Theme
 Theme URI:      https://nerdbrandagency.com
 Description:    Child theme of nerdbrandagency.com
 Author:         Jason Davis
 Author URI:     https://nerdbrandagency.com
 Template:       molecule
 Version:        3.0
*/

@font-face {
    font-family: 'Satoshi Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Regular'), url('font/Satoshi-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Italic'), url('font/Satoshi-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Light';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Light'), url('font/Satoshi-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Light Italic'), url('font/Satoshi-LightItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Medium'), url('font/Satoshi-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Medium Italic'), url('font/Satoshi-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Bold'), url('font/Satoshi-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Bold Italic'), url('font/Satoshi-BoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Black';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Black'), url('font/Satoshi-Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Black Italic'), url('font/Satoshi-BlackItalic.woff') format('woff');
    }

/**
 * BASE STYLES
 **/

:root {
    font-size: 16px;
}

body,
html {
    margin: 0;
    padding: 0;
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1600 - 360)));
    line-height: 1.6;
    color: #02324F;
    word-break: normal;
    overflow-wrap: normal;
}


/* COLOR PALETTE */

.white {
    color: #ffffff;
}

.black {
    color: #000000;
}

.red {
    color: #990000;
}

.darkblue {
    color: #02324F;
}

.lightblue {
    color: #0B486D;
}

.skyblue {
    color: #8BB0C6;
}

.darkgrey {
    color: #3b3b3b;
}

.medgrey {
    color: #B7B7B7;
}

.lightgrey {
    color: #E8E8E8;
}

.red-bg {
    background-color: rgb(153, 0, 0);
}

.darkblue-bg {
    background-color: rgb(2, 50, 79);
}

.lightblue-bg {
    background-color: rgb(11, 72, 109);
}

.skyblue-bg {
    background-color: rgb(139, 176, 198);
}

.darkgrey-bg {
    background-color: rgb(59, 59, 59);
}

.medgrey-bg {
    background-color: rgb(183, 183, 183);
}

.lightgrey-bg {
    background-color: rgb(232, 232, 232);
}

.black-bg {
    background-color: rgb(0, 0, 0);
}


/**
 * WIDGETIZED HEADER
 * **/

#molecule-topbar {
    background: #000;
    width: 100%;
}
/*#molecule-topbar .c6:nth-child(1) { width: 95%; }*/
/*#molecule-topbar .c6:nth-child(2) { display: none; } */

.topbar-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.topbar-left .widget {
    background: #fff;
    padding: 0.5em 2em;
    margin: 0.2em;
    text-align: center;
    border-radius: 2em;
}
.topbar-left .widget h2,
.topbar-left .widget h3,
.topbar-left .widget h4,
.topbar-left .widget h5,
.topbar-left .widget h6 { 
        font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    margin: 0; 
    font-size: 1.2em;
    line-height: 1.2;
}
.topbar-left .widget a { 
    color: #000;
    padding: 0em;
    font-size: 1.2em;
}
.topbar-left .widget a:hover { 
    color: #990000;
    font-weight: 700;
}


/**
 * HEADER
 * **/

/*.header-top {
    background: none;
    position: absolute;
    top: 50px;
}
*/
.header-top .grid .row:nth-child(1),
.header-top-dark .grid .row:nth-child(1) {
    align-items: center;
    display: flex;
}

.header-top .logo {
    padding: 10px 0;
}

.header-top img.custom-logo {
    max-width: 240px;
}

.header-top-dark .logo {
    padding: 12px 0;
}

.header-top-dark img.custom-logo {
    max-width: 240px;
}


/**
 * SCROLLED HEADER
 * **/

.header-top-dark {
    background: #990000;
}


/**
 * INTERIOR PAGE HEADERS
 * **/

.page-title,
span.entry-title {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: 1.75em;
}


/* 
 * BLANK PAGE, SEARCH RESULTS, & CATEGORY TEMPLATES 
 * */


/* PAGES WITH NON-TRANSPARENT HEADERS */

.page-template-single-lander #molecule-topbar {
     background: #000;
}
.page-template-single-lander .header-top,
.search #molecule-topbar,
.search .header-top,
.single-post #molecule-topbar,
.single-post .header-top,
.category #molecule-topbar,
.category .header-top,
.tag #molecule-topbar,
.tag .header-top {
/*    position: static;*/
    background: #990000;
}


/* SINGLE LANDERS */

.page-template-single-lander .page-content,
.page-template-single-lander .page-content .row:first-child {
    padding: 0;
    margin-bottom: 0;
}

.page-template-single-lander .pre-footer-nav {
    margin-top: 0;
}


/* 
 * SEARCH & 404 ERROR PAGES
 * */

.error404 .page-content form.searchbar,
.search .page-content form.searchbar {
    display: block;
    width: 100%;
    margin: 2em 0;
}

.error404 .page-content #prependedInput,
.search .page-content #prependedInput,
.search.search-no-results form#searchform.searchbar select {
    background: #efefef;
    border: 1px solid #e8e8e8;
    border-radius: 1em;
    color: #3b3b3b;
    padding: 1em;
    height: 60px;
    width: 100%;
    font-size: 0.8em;
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
}

.search.search-no-results form#searchform.searchbar select {
    background: #efefef url(assets/img/arrow.png) 97% 59% no-repeat;
    color: #3b3b3b;
    padding: 0 1em;
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.search.search-no-results i.fa {
    display: none;
}

.search.search-no-results form#searchform.searchbar p {
    margin-top: 0 !important;
}

.error404 .page-content #prependedInput::placeholder,
.search .page-content #prependedInput::placeholder {
    color: #222222;
}

.reply.homepage-btn {
    display: block;
    margin: 2em 0;
}

.error404 #secondary>.c3 {
    width: 100%;
}

.search-results .c9 {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}

.search article {
    align-content: center;
    width: 47%;
    margin: 10px;
    border-left: 2px solid #e8e8e8;
    border-radius: 1em;
}

.search-results article header h2.entry-title a,
.search-results article header h2.entry-title {
    font-size: 1.85rem;
    line-height: 1.1em;
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    margin: 0;
    color: #0B486D !important;
}

.search-results article header {
    margin: 1em;
    align-self: center;
}

.search .grid.alignfull.wfull {
    display: none;
}

.search-no-results p {
    font-size: 1.65em;
}

nav.navigation.pagination {
    margin: 2em !important;
    display: block !important;
    width: 100% !important;
}

.search-results article .post-thumbnail img,
.search-results article a.post-thumbnail,
.search-results article .meta-details {
    display: none;
}


/* PRIMARY INTERIOR PAGES */

span.entry-title {
    color: #ffffff;
    font-size: min(max(1.5rem, 3vw), 42px);
}


/* SINGLE POST PAGES */

.single-post .page-title {
    color: #02324F;
    /*     margin: 1em 0 1em 2em; */
    width: 100%;
    text-align: center;
}

.single-post span.entry-title {
    color: #02324F;
}


/* CATEGORY & TAG PAGES */

.category .c6,
.tag .c6 {
    width: 100%;
}

.category .custom-headings,
.tag .custom-headings {
    display: none;
}

.category span.entry-title,
.tag span.entry-title {
    margin: 0;
}

.category span.entry-title a,
.tag span.entry-title a {
    color: #02324F;
    display: block;
    text-align: center;
}


/* FULL WIDTH TEMPLATE */

.page-template-full-width .header-pattern {
    background: rgba(153, 0, 0, .7);
}

.page-template-full-width .custom-headings {
    top: 50%;
}


/* DEFAULT PAGE TEMPLATE PAGE HEADER */

/*.page-template-default .header-top,
.error404 .header-top {
    position: relative;
    background: #990000;
    top: 0;
}*/

.page-template-default h1.page-title,
.page-template-default h1.page-title span.entry-title {
    color: #990000;
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:normal;
    font-size: min(max(1.5rem, 4vw), 48px);
    text-align: center;
    margin: 0;
    padding: 0;
}

.page-template-default .header-global.alignfull {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}


/* BLUE BOX CONTAINING NAV ITEMS UNDER HERO */

.subhero-nav {
    background: #02324F;
    margin-top: -40px;
    margin-bottom: 80px;
    padding: 2em 0 1em !important;
    color: #ffffff;
    text-align: center;
}

.page-template-default .wp-block-columns.subhero-nav:first-of-type h2,
.page-template-default .wp-block-columns.subhero-nav:first-of-type h3,
.page-template-default .wp-block-columns.subhero-nav:first-of-type h4,
.page-template-default .wp-block-columns.subhero-nav:first-of-type h5,
.page-template-default .wp-block-columns.subhero-nav:first-of-type h6,
.page-template-default .wp-block-columns.subhero-nav:first-of-type p {
    color: #ffffff;
    word-break: normal;
    overflow-wrap: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -epub-hyphens: auto;
    hyphens: auto;
}

.subhero-nav h3.subhero {
    color: #ffffff;
    font-size: 0.65em;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0.25em;
    border-bottom: 1px solid rgba(139, 176, 198, .2);
}

.subhero-nav h3.subhero a {
    color: #ffffff;
    font-size: 0.95em;
    border-bottom: none;
}

.subhero-nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.subhero-nav li {
    list-style: none;
    padding: 1em;
    width: 20%;
}

.subhero-nav li a,
.subhero-nav li a:visited {
    color: #ffffff;
    text-align: center;
    border: none;
    background: none;
    word-break: normal;
    overflow-wrap: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.subhero-nav li a:hover,
.subhero-nav li a:focus {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}


/** 
 * COURSE SECTION JSON STYLES 
 **/

.course-info-head,
.course-info {
    display: flex;
    align-content: stretch;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex: 0 1 auto;
    width: calc(100% - 1em);
    padding: .5em 1em;
    margin: 0 1.5rem;
    border-bottom: 1px solid #efefef;
}

.course-info-head {
    background: #efefef;
    font-weight: 500;
    text-align: left;
    border-bottom: none;
}

.course-number-head,
.course-credits-head,
.course-id,
.course-code,
.course-number {
    flex: 1;
    text-align: left;
}

.course-name-head,
.course-desc-head,
.course-name,
.course-fullname {
    flex: 2;
    text-align: left;
}


/**
 * Joe's added staff member treatment
 *  **/

.personnel_photo_wrapper.trustee {
    float: right;
}

.personnel_listing {
    width: 33%;
    float: left;
    height: auto;
    min-height: 190px;
}

.personnel_listing {
    width: 30%;
    float: left;
    height: 290px;
    min-height: 190px;
    margin-right: 20px;
}

.personnel_listing ul li {
    list-style: none;
    font-size: 17px;
    line-height: 28px;
}

.personnel_listing ul li:first-child {
    font-weight: 600;
}


/** 
 * STAFF MEMBER SECTION OF DEFAULT TEMPLATE 
 **/

.staff-section {
    background: #e8e8e8;
    padding: 3em 0;
    margin-bottom: 3em;
}


/* JSON FEED STYLES & TRUSTEE EMERITUS AUTOFLOW LISTS **/
.autoflow li,
.staff-member {
    display: inline-flex;
    align-content: stretch;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex: 0 1 auto;
    width: calc(33% - 1em);
    padding: 1em;
    margin: 0.5em;
    border: 1px solid #b7b7b7;
    border-radius: 1em;
    background: #ffffff;
}

.staff-photo {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}

.staff-name {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1.05em;
    margin: 0.5em 0;
    padding-bottom: 8px;
    width: 100%;
    border-bottom: 1px solid #b7b7b7;
}

.staff-title {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #990000;
    font-size: .75em;
    min-height: 3.5em;
}


/* JCI PRO ADDS AN EMPTY P TAG AFTER EVERY ITERATION. ANNOYING!!! */

.staff-directory>p {
    display: none;
}


/* non-JSON FEED STAFF reusable block */

.board-member {
    padding: 0.5em;
    margin: 0 0 .5em;
    border: 1px solid #b7b7b7;
    border-radius: 1em;
    background: #ffffff;
}

.board-member figure.board-photo img {
    display: block;
    width: 100%;
    margin: 0 0 1em 0;
    border-radius: 1em 1em 0 0;
}

.board-name {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1.05em;
    margin: 0.5em 0;
    padding-bottom: 8px;
    width: 100%;
    border-bottom: 1px solid #b7b7b7;
}

.board-title {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    line-height: 1.4;
    color: #990000;
    font-size: .75em;
}

.board-location {
    line-height: 1.4;
    margin: 0.5em 0;
    font-size: .75em;
}


/**
 * TYPOGRAPHY
 * **/

h1,
.entry-content h1 {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 600;
    font-style: inherit;
    text-transform: none;
}

h2,
.entry-content h2 {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: 2.75rem;
    line-height: 1.2;
    font-style: inherit;
    text-transform: none;
    color: #02324F;
}

h3,
.entry-content h3 {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: 2.15rem;
    line-height: 1.2;
    font-style: inherit;
    text-transform: none;
    color: #02324F;
}

h4,
.entry-content h4 {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1.2rem;
    line-height: 1.4;
    font-style: inherit;
    color: #990000;
    text-transform: uppercase;
}

h5,
.entry-content h5 {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1.2rem;
    line-height: 1.4;
    font-style: inherit;
    color: #0B486D;
    text-transform: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #b7b7b7;
}

h6,
.entry-content h6 {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1.2rem;
    line-height: 1.4;
    font-style: inherit;
    color: #990000;
    text-transform: none;
}

p {
    color: #000000;
}

strong {
    font-weight: 700;
}

address {
    font-style: normal;
}

.page-subtitle {
    display: none;
}


/*
 * BLOCKQUOTES 
 * */

blockquote.wp-block-quote p {
    font-family:'Satoshi Italic', sans-serif;
    font-weight:normal;
    font-size: 0.9em;
    color: #3b3b3b;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0;
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote__citation a,
.wp-block-quote cite a,
.wp-block-quote footer a {
    color: #0B486D;
    font-size: .75em;
    margin-top: 1em;
    position: relative;
    font-style: normal;
    font-weight: 300;
}

blockquote cite:before,
blockquote small:before {
    content: "\f501";
    color: #8BB0C6;
    font-size: .75em;
    font-family: Genericons;
    padding-right: 12px;
}

blockquote.wp-block-quote {
    margin: 2em 0 !important;
    background: #ffffff;
    padding: 2em 1em !important;
    border-radius: 1em;
    border-color: #8BB0C6 !important;
}

blockquote.wp-block-quote.has-text-align-center {
    border-left: 4px solid #8BB0C6;
    border-right: 4px solid #8BB0C6;
}

blockquote.wp-block-quote.has-text-align-left {
    border-left: 4px solid #8BB0C6 !important;
}

blockquote.wp-block-quote.has-text-align-right {
    border-right: 4px solid #8BB0C6 !important;
}

.entry-content h3.gsection_title {
    font-size: 1.5rem;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e8e8e8;
}

.inline {
    display: inline-block;
}


/* COLORED BLOCK COPY COLORS */

.red-bg h2,
.red-bg h3,
.red-bg p,
.darkblue-bg h2,
.darkblue-bg h3,
.darkblue-bg p,
.lightblue-bg h2,
.lightblue-bg h3,
.lightblue-bg p,
.black-bg h2,
.black-bg h3,
.black-bg p,
.darkgrey-bg h2,
.darkgrey-bg h3,
.darkgrey-bg p {
    color: #ffffff;
}

.skyblue-bg h2,
.skyblue-bg h3,
.skyblue-bg p,
.medgrey-bg h2,
.medgrey-bg h3,
.medgrey-bg p,
.lightgrey-bg h2,
.lightgrey-bg h3,
.lightgrey-bg p {
    color: #02324F;
}


/**
 * GLOBAL IMAGES
 **/

.wp-post-image,
.wp-block-image:not(.is-style-rounded) img,
.wp-block-media-text.is-image-fill .wp-block-media-text__media img,
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    border-radius: 1.75em;
}


/**
 * GLOBAL LINKS
 **/

a,
a:visited {
    color: rgb(59, 59, 59);
}

.entry-content a,
.entry-content a:visited {
    color: #990000;
    cursor: pointer;
    border-bottom: 1px dotted #0B486D;
}

.entry-content a:hover {
    color: #0B486D;
}


/**
 * GLOBAL BUTTONS
 **/

.entry-content a.wp-block-button__link,
.entry-content a.wp-block-button__link:visited,
.search #searchsubmit {
    background: #000000;
    color: #ffffff;
    border-radius: 0.75em;
    padding-bottom: .75em;
    cursor: pointer;
}

.search #searchsubmit {
    font-size: 0.55em;
    border-radius: 1em;
}

.entry-content a.wp-block-button__link:hover,
.search #searchsubmit:hover {
    background: #b7b7b7;
    color: #000000;
}


/**
 * GLOBAL NO-GAP FOOTER
 **/

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
input:not([type]),
select {
    background: #efefef;
    border: 1px solid #e8e8e8;
    border-radius: 1em;
    color: #3b3b3b;
    padding: 1em;
    height: 60px;
    font-size: 0.9em;
}

div.form_container:not(.form_width_narrow) div.form_question.form_layout_table .form_label {
    width: 170px !important;
    vertical-align: middle !important;
}

.reply a,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background: #000000;
    color: #ffffff;
    border: none;
    border-radius: 0.5em;
    padding: 1em;
    text-transform: initial;
    width: 100%;
    margin: 1em auto 0;
}

.action {
    text-align: center;
}

.reply a:hover,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #b7b7b7;
    color: #000000;
    border: none;
}


/**
 * GLOBAL TABLES
 **/

table,
th,
td,
.wp-block-table td,
.wp-block-table th {
    border: 0;
}

td,
.wp-block-table td {
    border-bottom: 1px solid #e8e8e8;
}

.entry-content td a,
.entry-content .wp-block-table td a {
    text-decoration: none;
    border-bottom: none;
}

td:hover,
.wp-block-table td:hover {
    background: #e8e8e8;
}


/** 
 * HOMEPAGE HERO and TAGLINE
 * **/

.entry-content h2.tagline,
.entry-content h2.tagline strong {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight:normal;
    font-size: 2.85rem;
    line-height: 1.2;
    font-style: inherit;
    color: #ffffff;
    margin-bottom: 2em;
}

.entry-content h2.tagline strong {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
}

.primary-hero {
    height: 40em;
}

.primary-hero.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
}

.primary-hero.wp-block-cover,
.primary-hero .wp-block-cover-image {
    padding: 1em 1em 0 !important;
}


/** 
 * RED BAR ON HOMEPAGE
 * **/

.tertiary-nav {
    background: #990000;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
}

.tertiary-nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.tertiary-nav li {
    list-style: none;
    padding: 1em;
}

.tertiary-nav li a,
.tertiary-nav li a:visited {
    color: #ffffff;
    text-align: center;
    border: none;
    cursor: pointer;
}

.tertiary-nav li a:hover,
.tertiary-nav li a:focus {
    border-bottom: 1px dotted #ffffff;
}


/**
 * HOMEPAGE QUESTION ROWS
 * **/

.question {
    margin-top: 4em;
    margin-bottom: 4em;
}

.question .wp-block-column:nth-child(3) {
    padding-left: 2em;
    padding-top: 1.75em;
    border-left: 4px solid #990000;
}

.question.right .wp-block-column:nth-child(2) {
    padding-right: 2em;
    padding-top: 1.75em;
    border-right: 4px solid #990000;
    text-align: right;
}

.question.right .wp-block-column:nth-child(3) {
    text-align: left;
    border-left: none;
}


/**
 * ROW OF 5 BOXES
 * **/

.primary-box-row,
.link-row {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
}

.primary-box-row .wp-block-column,
.link-row .wp-block-column {
    display: flex;
    flex-direction: column;
    border-radius: 2em;
    background: #E8E8E8;
    padding: 2em 1em 1em;
}

.primary-box-row .wp-block-column .wp-block-buttons {
    align-items: flex-end;
    justify-content: center;
    flex-basis: 100%;
}

.primary-box-row .wp-block-column:first-child,
.primary-box-row .wp-block-column:not(:first-child) {
    margin: 10px;
}

.primary-box-row .wp-block-column:nth-child(2) {
    background: #990000;
}

.primary-box-row .wp-block-column:nth-child(5) {
    background: #0B486D;
}

.primary-box-row>.wp-block-column:nth-child(2)>h3,
.primary-box-row>.wp-block-column:nth-child(2)>p,
.primary-box-row>.wp-block-column:nth-child(5)>h3,
.primary-box-row>.wp-block-column:nth-child(5)>p {
    color: #ffffff !important;
}


/* INTERIOR ACCORDIONS */

.advgb-accordion-header.ui-accordion-header,
.advgb-accordion-header,
.advgb-accordion-header.ui-accordion-header.ui-state-default {
    background-color: #efefef !important;
    border: 1px solid #ccc !important;
    color: #02324F !important;
}

.advgb-accordion-header h1.advgb-accordion-header-title,
.advgb-accordion-header h1,
.advgb-accordion-header h2.advgb-accordion-header-title,
.advgb-accordion-header h2,
.advgb-accordion-header h3.advgb-accordion-header-title,
.advgb-accordion-header h3,
.advgb-accordion-header h4.advgb-accordion-header-title,
.advgb-accordion-header h4,
.advgb-accordion-header h5.advgb-accordion-header-title,
.advgb-accordion-header h5,
.advgb-accordion-header h6.advgb-accordion-header-title,
.advgb-accordion-header h6 {
    color: #02324F !important;
    border-bottom: none;
}

.advgb-accordion-header-icon svg {
    fill: #02324F !important;
}

.advgb-accordion-body,
.advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}


/* INTERIOR RECENT POSTS BLOCK */

.advgb-recent-posts-block .advgb-recent-post .advgb-post-thumbnail a,
.advgb-recent-posts-block .advgb-recent-post .advgb-post-title a {
    border-bottom: none;
}


/**
 * HOMEPAGE ACCORDION COVER
 **/

#threeBs {
    background-image: url(img/covered-walkway.jpg);
    background-size: cover;
    height: 35em;
    padding-left: 0;
}

#threeBs .wp-block-advgb-accordion-item {
    border: 4px solid #ffffff;
    border-radius: 0 2em 2em 0;
}

#threeBs .advgb-accordion-header h4.advgb-accordion-header-title,
#threeBs .advgb-accordion-header h4 {
   font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 2em !important;
    line-height: 1.1 !important;
}

#threeBs .advgb-accordion-header-icon,
#threeBs .advgb-accordion-header-icon svg {
    height: 65px;
    width: 65px;
}

#threeBs span.advgb-accordion-header-icon {
    height: 70px;
    width: 70px;
    /* border: 4px solid #fff; */
    border-radius: 50%;
    margin-right: -42px;
    line-height: 1;
    margin-top: -16px;
}

#threeBs #ui-id-1,
#threeBs #ui-id-3,
#threeBs #ui-id-5 {
    background-color: transparent !important;
    border: none !important;
    padding-bottom: 10px;
    padding-left: 1.75em;
}

#threeBs #ui-id-2,
#threeBs #ui-id-4,
#threeBs #ui-id-6 {
    border-radius: 0 0 30px 0 !important;
    margin-bottom: 0;
    padding-top: 1.75em;
    padding-left: 1.75em;
    padding-right: 1em;
}

#threeBs .wp-block-advgb-accordion-item:nth-child(1) {
    background-color: #02324F;
}

#threeBs .wp-block-advgb-accordion-item:nth-child(2) {
    background-color: #0B486D;
}

#threeBs .wp-block-advgb-accordion-item:nth-child(3) {
    background-color: #8BB0C6;
}

:focus {
    /*  necessary to avoid double lines on the interior of accordion */
    outline: -webkit-focus-ring-color auto 0 !important;
    outline: focus-ring-color auto 0 !important;
}


/**
 * STATISTICS COUNTERS and ROW OF 3 TABS
 * **/

.stat-row {
    margin-bottom: 15px;
    align-items: stretch;
}

.stat-row .wp-block-column:nth-child(1),
.link-row .wp-block-column:nth-child(3) {
    border-radius: 2em 2em 0 0;
    background: #E8E8E8;
    color: #02324F;
}

.stat-row .wp-block-column:nth-child(2),
.link-row .wp-block-column:nth-child(2) {
    border-radius: 2em 2em 0 0;
    background: #0B486D;
    color: #ffffff;
}

.stat-row .wp-block-column:nth-child(3),
.link-row .wp-block-column:nth-child(1) {
    border-radius: 2em 2em 0 0;
    background: #02324F;
    color: #ffffff;
}

.advgb-counter-number {
    font-weight: 700;
}

.link-row .wp-block-column {
    margin: 15px 5px 0;
}

.link-row h3 {
    font-size: 1.5em;
    font-weight: 700;
    color: #ffffff;
}


/**
 * ROW OF 4 IMAGES
 **/

.pic-strip {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.pic-strip .wp-block-column:not(:first-child) {
    margin-left: 0;
}

.pic-strip figure.wp-block-image,
.pic-strip figure img {
    margin-bottom: 0;
    border-radius: 0 !important;
}


/**
 * FULL WIDTH IMAGE WITH 3 COLORED BANNERS
 **/

.banner-cover {
    padding: 8em 0;
}

.inquire-banner,
.see-banner,
.virtual-banner {
    display: block;
    border: 4px solid #ffffff;
    border-radius: 2em 0 0 2em;
    padding: 0.8em 2em;
    margin: 1em 0 !important;
}

.inquire-banner a,
.see-banner a,
.virtual-banner a,
.inquire-banner a:visited,
.see-banner a:visited,
.virtual-banner a:visited {
    font-family:'Satoshi Bold', Arial, sans-serif;
    font-weight:bold;
    font-size: 1em;
    color: #ffffff !important;
    background: none;
    border-bottom: none;
}

.inquire-banner {
    background: #8BB0C6;
}

.see-banner {
    background: #0B486D;
}

.virtual-banner {
    background: #02324F;
}

.inquire-banner:hover,
.see-banner:hover,
.virtual-banner:hover,
.inquire-banner a:hover,
.see-banner a:hover,
.virtual-banner a:hover {
    background: #e8e8e8;
    cursor: pointer;
}


/**
 * LATEST NEWS SECTION HEADER
 **/

.news-banner {
    margin-top: 3px;
    padding: 1em 0;
    background: #0B486D;
}

.news-banner h2 {
    margin-bottom: 0;
}


/**
 * BLOG / LATEST NEWS ON HOMEPAGE
 **/

.wp-block-latest-posts a {
    font-weight: 700;
    color: #990000;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    margin-left: 0;
}

.wp-block-latest-posts__featured-image img {
    width: 100%;
    /* MAKES LATEST POST IMAGES THE SAME HEIGHT CONSISTENTLY but STRETCHES IMG that are not sized properly
     * height: 200px; */
}


/* ROUNDS YOUTUBE VIDEO CORNERS */

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    border-radius: 1.5em;
}


/* ROUNDS GALLERY IMAGES */

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    border-radius: 1em !important;
}


/**
 * GREY BACKGROUND OF GROUPED COPY
 **/

.pullout {
    background: #efefef;
    padding: 2em 2em 1em;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 30px;
}

.facts {
    border-bottom: 1px solid #e8e8e8;
}

.wp-block-columns.info {
    margin-bottom: 0;
}

.wp-block-columns.info .right {
    text-align: right;
}


/**
 * 2 COLUMN CALL OUTS
 **/

.callout-2col {
    align-items: stretch !important;
}

.callout-2col .redblock h3,
.callout-2col .blueblock h3,
.callout-2col .col1 h4,
.callout-2col .col2 h4 {
    color: #ffffff;
}

.callout-2col .col1,
.callout-2col .col2 {
    border-radius: 20px;
    padding: 1em 3em 1em;
}

.callout-2col .redblock,
.callout-2col .blueblock {
    border-radius: 20px;
    padding: 2em 3em 0;
}

.callout-2col .col1 {
    background: url(img/redside.jpg) no-repeat center center;
    background-size: cover;
}

.callout-2col .col2 {
    background: url(img/blueside.jpg) no-repeat center center;
    background-size: cover;
}

.callout-2col .redblock {
    background: #B7B7B7;
}

.callout-2col .blueblock {
    background: #0B486D;
}

.advgb-icon>i:hover {
    color: #b7b7b7 !important;
}


/* 
 * REUSABLE BLOCKS
 */

.wp-block-columns.are-vertically-aligned-center.section {
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
    padding: 3% 0 calc(3% - 1.75em);
    margin-top: 5%;
    margin-bottom: 5%;
}

.wp-block-columns.are-vertically-aligned-center.feature {
    padding: 3% 0 calc(3% - 1.75em);
    margin-top: 5%;
    margin-bottom: 5%;
}

.wp-block-columns.are-vertically-aligned-center.feature a {
    color: #ffffff;
}

.wp-block-columns .wp-block-image.is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
    border-radius: 1em;
}

.entry-content>.wp-block-image.is-style-default>figure>img,
.wp-block-image:not(.is-style-rounded) img {
    border-radius: 1em 1em 0 0;
}

.wp-block-image figcaption {
    color: #02324F;
    font-size: 1em;
    text-align: center;
    border-radius: 0 0 1em 1em;
    background: #e8e8e8;
    margin: 0;
    padding: 1em 2em;
    line-height: 1.4;
}

.wp-block-columns img {
    margin-bottom: 0;
}

.wp-block-columns.alignfull.are-vertically-aligned-center {
    padding: calc(5% - 1em) 15%;
}

.wp-block-columns.alignfull.are-vertically-aligned-center figure {
    margin-bottom: 0;
}

.wp-block-columns.alignfull.are-vertically-aligned-center.tertiary-nav,
.wp-block-columns.alignfull.are-vertically-aligned-center.pre-footer {
    padding: 0 15%;
}

div.advgb-image-block {
    border-radius: 2em;
    padding: 2em !important;
}

.advgb-image-block .advgb-image-overlay {
    border-radius: 2em;
}

div.advgb-image-block h4 {
    font-size: 1.75rem;
    letter-spacing: 0;
}

div.advgb-image-block.aligncenter p {
    text-align: center;
}

div.advgb-image-block.alignleft p {
    text-align: left;
}

div.advgb-image-block.alignright p {
    text-align: right;
}

.informative-cover {
    padding: 2em 15%;
}

.informative-cover a {
    color: #ffffff;
}

.informative-cover a:hover {
    color: #ffffff;
    background: #02324F;
}


/**
 * Joe's solution for block hover glitch
 * **/

h4.advgb-image-title,
p.advgb-image-subtitle {
    pointer-events: none;
}


/**
 * BLOG
 **/

.wp-post-image {
    border-radius: 1.5em;
    margin-bottom: 1.5rem;
}

.wp-block-latest-posts a {
    background: none !important;
    border-bottom: 0 !important;
    cursor: pointer;
}


/**
 * NAVIGATION
 **/


/* PRIMARY */

.site-header-main {
/*    float: left;*/
}

.main-navigation a,
#menu-item-1876>a {
    color: #ffffff;
    font-size: 0.75em;
    font-weight: bold;
    font-family:'Satoshi Bold', Arial, sans-serif;
}

.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus {
    color: #000000 !important;
}

.main-navigation ul ul {
    min-width: 14em;
    top: 32px;
}

.main-navigation ul ul li a {
    color: #0B486D;
    width: 100%;
}

.main-navigation ul ul li a:hover {
    color: #990000;
    background: #e8e8e8;
}

.main-navigation a::before {
    color: #990000;
}


/* MAKES PRIMARY MENU ARROW POINT DOWN */

.main-navigation .menu-item-has-children>a:after {
    content: "\f431";
}


/* MAKES SUBMENU ARROW POINT RIGHT */

.main-navigation ul ul .menu-item-has-children>a:after {
    content: "\f432";
}


/* 
 * SWINGS THE NAV TO THE RIGHT SIDE 
 * */

/*.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
    right: auto;
}*/


/* ADDITION OF SEARCH TO END OF PRIMARY NAV */

.site-header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 100%;
}

.main-navigation .primary-menu,
.main-navigation .primary-menu>li {
    display: flex;
    justify-content: space-between;
}

.main-navigation {
    display: inline-block;
/*    width: 68%;*/
}


/* SEARCHBAR IN PRIMARY NAV */

form.searchbar {
    display: inline-block;
    width: 32%;
}

.searchbar input[type="text"] {
    background: rgba(255, 255, 255, .2) url(img/search-icon.png) 98% center no-repeat;
    background-size: 20px;
    color: #ffffff;
    height: 35px;
    width: 100%;
    margin-left: 1em;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .2);
}

.searchbar input[type="text"]:active,
.searchbar input[type="text"].active,
.searchbar input[type="text"]:focus {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(139, 176, 198, 0.15);
}

.searchbar ::placeholder {
    color: #ffffff;
}


/* 
 * PRE-FOOTER & FOOTER NAV
 * */

.pre-footer-nav {
    text-align: center;
    margin-bottom: 0;
    margin-top: 3%;
    padding: 0 10%;
    background: #990000;
}

.pre-footer-nav .grid .row {
    margin-bottom: 0;
}

.prefooter-menu ul {
    margin: 1em auto;
}

.footer-navs {
    text-align: center;
}

.footer-navs li,
.prefooter-menu li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.footer-navs li a,
.footer-navs li a:visited,
.prefooter-menu li a,
.prefooter-menu li a:visited {
    color: #ffffff !important;
    font-size: 0.9rem;
    text-align: center;
    border-bottom: none;
    padding: 1em 0.5em;
}

.footer-navs li a:hover,
.prefooter-menu li a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}


/**
 * ENTRY FOOTER 
 **/

.entry-footer {
    display: none;
}


/** 
 * FOOTER 
 * **/

.footer-widgets {
    background: #02324F;
}

/* Deactivated due to changes requested October 10th 2024


.footer-widgets {
    background: url(/wp-content/uploads/2022/05/DonneratSunset_051222_MayTerm.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 0;
}

.footer-widgets .grid {
    margin: 15em 0 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.75);
    max-width: none;
}

.footer-widgets .row {
    margin: 0 auto;
    padding-bottom: 1em;
    width: 70%;
}

.footer-widgets .c6 {
    width: 15%;
}

.footer-widgets .c3:nth-child(2) {
    width: 25%;
}

.footer-widgets .c3:nth-child(3) {
    width: 60%;
}
.footer-credits .c12::before {
    position: absolute;
    content: '';
    background: url(img/tagline.svg) no-repeat center top;
    top: 0;
    left: 35.5%;
    height: 20px;
    width: 30%;
}
*/

.footer-global {
    background: #02324F;
    color: #ffffff;
    border-top: none;
}

.footer-logo {
    display: none;
}

.copyright-info {
    font-family:'Satoshi Regular', Arial, sans-serif;
    font-weight: normal;
    color: #ffffff !important;
    padding: 1em 0 0;
}

.copyright-info a {
    color: #ffffff !important;
}


/***************** 
 * 
* Media Queries | based on :root set to 16px
 * 
 * *****************/

@media screen and (min-width: 782px) {
    /* INTERIOR HERO BLOCK */
    .page-template-default #masthead>.grid.alignfull.wfull>.row,
    .page-template-full-width #masthead>div.grid.alignfull>.row {
        margin: 0;
    }
    .page-template-default #masthead>.grid>.row:nth-child(1) {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
    .page-template-default #masthead>.grid>.row:nth-child(1)>.c6 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 0;
        margin-right: 0;
    }
    .page-template-default #masthead>.grid.alignfull.wfull>.row,
    .page-template-default #masthead>.grid.alignfull.wfull>.row {
        padding: 0;
        margin: 0;
        background: url(img/crest.svg) no-repeat 20% center;
        background-size: auto 98%;
    }
    #masthead>div.grid.alignfull.wfull>div>div:nth-child(2)>img.custom-header-image.wp-post-image,
    .header-global img {
        margin: 0;
        padding: 0;
        border-radius: 0 !important;
        width: 100%;
    }
    .page-template-default #masthead>.grid>.row:nth-child(1)>.c6 .custom-headings {
        padding-left: 1.15em;
        padding-right: 0;
        margin-right: 0;
        top: unset;
    }
}


/**
 * Tablets < 1024px
 * **/

@media screen and (max-width: 64em) {
    .main-navigation .menu-item-has-children>a {
        padding-right: 2em;
    }
    .main-navigation .menu-item-has-children>a:after {
        content: "\f432";
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    /*  QUESTION HEADINGS RIGHT AND LEFT */
    .primary-box-row {
        flex-wrap: wrap;
    }
    .primary-box-row .wp-block-column {
        flex-direction: row;
        flex-wrap: wrap;
        text-align: center;
        flex-basis: 48%;
        padding: 2em;
    }
    .entry-content .primary-box-row h3 {
        text-align: center;
        width: 100%;
    }
    .question {
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
    }
    .question h2 {
        text-align: center;
    }
    .question.right {
        flex-direction: column-reverse;
    }
    .question.right .wp-block-column:nth-child(2) {
        border-left: 4px solid #990000;
        border-right: none;
        padding-left: 2em;
    }
    .question.right p.has-text-align-right {
        text-align: left !important;
    }
    .question>.wp-block-column:nth-child(1),
    .question>.wp-block-column:nth-child(4) {
        display: none;
    }
    .primary-box-row,
    .link-row {
        flex-wrap: wrap;
    }
    /*  STAFF SECTION */
    .staff-section.wp-block-columns.alignfull.are-vertically-aligned-center {
        padding: 3em 0%;
    }
    .staff-member,
    .autoflow li {
        flex-basis: calc(100% - 0.5em) !important;
        width: calc(49% - 1em);
    }
    /* SINGLE POST HEADER TO AVOID OVERLAP OF IMAGE BELOW IT */
    .single-post .c6 {
        width: 70vw;
    }
    .full-width-template h1.page-title,
    .full-width-template h1.page-title span.entry-title {
        color: #ffffff;
    }
    .page-template-default h1.page-title,
    .page-template-default h1.page-title span.entry-title {
        color: #990000 !important;
        font-size: min(max(1.75rem, 4vw), 32px);
        margin: 20% 0;
    }
    .page-template-default h2.page-subtitle {
        font-size: 1em;
    }
    .tertiary-nav {
        padding: 0;
        flex-direction: column;
    }
    /* Homepage red hero bar */
    .tertiary-nav>div:nth-child(2) {
        margin-left: 0 !important;
    }
    .news-banner>.wp-block-column:nth-child(1),
    .news-banner>.wp-block-column:nth-child(3) {
        flex-basis: 10% !important;
    }
    .news-banner>.wp-block-column:nth-child(2) {
        flex-basis: 80% !important;
    }
    div.advgb-image-block h4 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .subhero-nav ul {
        flex-direction: column;
    }
    .subhero-nav li {
        width: 80%;
    }
}

@media only screen and (max-width: 1450px) {
    #masthead>div.grid.alignfull.wfull>div>div:nth-child(2)>img.custom-header-image.wp-post-image,
    #masthead>div.grid.alignfull.wfull>div>div:nth-child(2)>img {
        opacity: 0.35;
        border-radius: 0;
        margin-bottom: 0;
    }
    /* 'Right Menu Bottom' widget containing INFO NAV and SEARCH BAR */
    .mobmenu-content #nav_menu-2,
    .mobmenu-content #search-2,
    .mobmenu-content #menu-info-for-1 li {
        padding: 0 !important;
    }
    .mobmenu-content #menu-info-for-1 {
        margin: 0 0 20px !important;
    }
    .mobmenu-content #menu-info-for-1>li>a {
        width: 98%;
        height: 45px;
        border-left: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 0;
        color: #ffffff;
    }
    .mobmenu-content #menu-info-for-1>li>ul>li>a {
        border: none;
        color: #ffffff;
    }
    .mobmenu-content #menu-info-for-1>li>ul>li>a:hover {
        background: rgba(255, 255, 255, 0.35)
    }
    .mobmenu-content ul.sub-menu.show-sub-menu {
        margin: 0;
        width: 98%;
    }
    .mob-expand-submenu i {
        font-size: 16px !important;
    }
    .mobmenu-content ul.rightmbottom {
        padding-left: 0;
        padding-top: 10px;
    }
}


/**
 * Handhelds & Phones < 800px
 * **/

@media screen and (max-width: 33em) {
     .header-top {
        position: absolute;
        top: 0px;
    }
}
@media screen and (max-width: 48em) {
    #molecule-topbar {
        display: flex;
        width: 100%;
        position: relative;
    }
    .topbar-left .widget { max-width: 350px }
}

@media screen and (max-width: 43em) {
    /* NAVIGATION BAR */
    .info-nav {
        display: none;
    }
    /*.header-top img.custom-logo {
        max-width: 235px;
    }*/
    .header-top>.grid>.row>.c3,
    .header-top-dark>.grid>.row>.c3 {
/*        margin-bottom: 0;*/
/*        margin-left: -3em;*/
    }
    .header-top>.grid>.row>.c7,
    .header-top-dark>.grid>.row>.c7,
    .header-top>.grid>.row>.c2,
    .header-top-dark>.grid>.row>.c2 {
        display: none !important;
    }
    /* HOMEPAGE */
    .entry-content h2.tagline,
    .entry-content h2.tagline strong {
        font-size: 2rem;
    }
    .advgb-accordion-header h4.advgb-accordion-header-title,
    .advgb-accordion-header h4 {
        font-size: 1.2em !important;
        line-height: 1.5 !important;
    }
    .question {
        flex-direction: column;
    }
    .wp-block-column {
        margin-bottom: 1em;
    }
    .stat-row .wp-block-column,
    .link-row .wp-block-column {
        border-radius: 2em !important;
        flex-grow: 1;
    }
    .pic-strip .wp-block-column {
        margin-bottom: 10px;
    }
    .inquire-banner a,
    .see-banner a,
    .virtual-banner a {
        font-size: 0.55em !important;
        padding: 0;
        border-bottom: none;
        background: none;
    }
    .inquire-banner,
    .see-banner,
    .virtual-banner {
        padding: 0.5em 2em 0.8em;
    }
    .news-banner h2 {
        margin-bottom: 15px;
        font-size: 1.5em;
    }
    /* FOOTER */
    .pre-footer-nav {
        padding-top: 30px;
    }
    .prefooter-menu li,
    .footer-navs li {
        display: block;
        margin: 1em auto;
    }
   /* .footer-widgets>div>div>.c6 {
        padding-top: 2em;
    }
    .footer-widgets>div>div>.c6,
    .footer-widgets>div>div>.c3 {
        width: 100% !important;
        text-align: center;
    }*/
    .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
        width: 100vw;
        margin-left: -70px !important;
        margin-top: 25px !important;
    }
 /*   .footer-widgets .grid {
        margin: -2.5em 0 0;
    }*/
    .footer-credits .c12::before {
        left: 12%;
        height: 80px;
        width: 76%;
    }
    /* INTERIOR PAGES */
    .subhero-nav ul {
        flex-direction: column;
    }
    .subhero-nav h3.subhero {
        padding: 1em 2em;
    }
    .facts h3,
    .facts h4,
    .facts p {
        text-align: center;
    }
    .callout-2col .redblock h3,
    .callout-2col .blueblock h3,
    .callout-2col .col1 h4,
    .callout-2col .col2 h4 {
        font-size: 2em;
    }
    .wp-block-button__link {
        font-size: 1em;
        width: 100%;
    }
    /*  COURSE LISTINGS & STAFF DIRECTORY */
    .course-info {
        flex-direction: column;
    }
    .course-id,
    .course-name,
    .course-code,
    .course-number,
    .course-fullname,
    .staff-photo,
    .staff-member,
    .autoflow li,
    .staff-name,
    .staff-title,
    .staff-phone,
    .staff-year {
        display: block;
        width: 100%;
    }
    .staff-member,
    .autoflow li {
        width: 100%;
    }
    /*  SECTION FEATURE */
    .wp-block-columns.are-vertically-aligned-center.section {
        margin-bottom: 40px;
    }
    .wp-block-columns.info .right {
        text-align: left;
    }
    .search article {
        width: 100%;
        margin: 1em;
    }
    .page-template-default #masthead>.grid.alignfull.wfull>.row {
        background: none;
    }
    #masthead>div.grid.alignfull.wfull>div>div:nth-child(2)>img.custom-header-image.wp-post-image,
    #masthead>div.grid.alignfull.wfull>div>div:nth-child(2)>img {
        opacity: 0.35;
        border-radius: 0;
        margin-bottom: 0;
    }
    header .grid .row .c6 {
        padding: 0;
        margin: 0;
    }
    .single-post .postheading .page-title {
        margin: 1em 0;
    }
}

@media screen and (min-width: 300px) and (max-width: 800px) {
    .be-blocks .wp-block-column:not(:only-child),
    .primary-box-row .wp-block-column:not(:only-child),
    .wp-block-column:not(:only-child),
    .staff-member,
    .autoflow li {
        flex-basis: calc(100% - 1em) !important;
        margin: 1em 0;
    }
    .question {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 1em;
    }
    .tertiary-nav .wp-block-column:not(:only-child) {
        margin: 0;
    }
    .wp-block-latest-posts.is-grid li {
        margin: 0;
    }
    .page-template-full-width .header-top {
/*        top: 0;*/
    }
    .advgb-recent-posts-block.list-view .advgb-recent-posts .advgb-recent-post {
        display: block !important;
    }
}

/* *
 * fixes for dual z-index issues between Mobile Menu and Bulletins plugin
 * */
    .mob-menu-header-holder {
        width: 5% !important;
        z-index: 9999 !important;
    }
    .bulletinwp-bulletins .bulletinwp-bulletin-item {
        z-index: 9000 !important;
        width: 100vw;
    }
    .bulletinwp-bulletins .bulletinwp-main-container {
        margin: 0 auto;
        width: 95%;
    }
    .bulletinwp-bulletins .bulletinwp-bulletin-content-wrapper a {
/*      text-decoration: none !important; */
    }
    .bulletinwp-bulletins .bulletinwp-bulletin-content-wrapper a:hover {
/*      text-decoration: underline !important; */
        font-weight: 700;
    }