/* *********************************************************
   bs5.css
   Media Library ID: 3853654
************************************************************ */


/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    ...
}


/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    ...
}


/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    ...
}


/* // X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    ...
}


/* // XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {
    ...
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}


/* Font and icon declarations */

@font-face {
    font-family: "seattle-u";
    src: url("/media/fonts/seattle-u.eot") format("embedded-opentype");
    src: url("/media/fonts/seattle-u.eot") format("embedded-opentype"), url("/media/fonts/seattle-u.woff") format("woff"), url("/media/fonts/seattle-u.ttf") format("truetype"), url("/media/fonts/seattle-u.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon-arrows-triple-left:before {
    content: "a";
}

.icon-arrows-triple-right:before {
    content: "b";
}

.icon-calendar:before {
    content: "c";
}

.icon-magnifying:before {
    content: "d";
}

.icon-asterisk:before {
    content: "e";
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "seattle-u" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: #ffffff;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    /* base font size, because multiplying by 10 is easy */
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding-top: 130px;
    /* for the fixed header */
}

body.advertising {
    /* page layout #280291 */
    padding-top: 65px;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    body {
        padding-top: 0px;
    }
}

@media screen and (min-width: 1200px) {
    /* lg */
    #pageContentWrapper[class=""] {
        /* Default state in .container or .container-fluid are not set in the site configuration */
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}


/* ==================================================================================================== */


/* =========================================== Page Sections ========================================== */


/* ==================================================================================================== */


/* ======================================================================================================== */


/* ============================================== Header ============================================== */


/* Logo, Red and white bars on top */


/* Last edited 1/29/18 by Aubrey */

#globalHeader {
    background: #aa0000;
    padding: 0;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    /*c*/
    width: 100%;
    z-index: 1000;
}

.nav-up {
    top: -131px;
}

#globalHeader.is-visible {
    top: 0px;
}

#globalHeader.not-visible {
    top: -131px;
}

#globalHeader #mainlogo {
    float: left;
    height: 65px;
    padding: 19px 30px;
}

#globalHeader #mainlogo a {
    display: block;
    height: 27px;
    width: 117px;
}

#globalHeader #mainlogo img {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 2.8rem;
    height: 27px;
    text-align: left;
}

#globalHeader #mainlogo a:focus:after {
    content: 'Link to SU Home Page';
    position: absolute;
    color: #ffffff;
    bottom: 0;
}


/*ncs logo*/

#globalHeader #NCSmainlogo {
    float: left;
    height: 65px;
    padding: 10px 30px;
}

#globalHeader #NCSmainlogo a {
    display: block;
    height: 45px;
    width: 141px;
}

#globalHeader #NCSmainlogo img {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 2.8rem;
    height: 45px;
    text-align: left;
}

#globalHeader #NCSmainlogo a:focus:after {
    content: 'Link to SU NCS Home Page';
    position: absolute;
    color: #ffffff;
    bottom: 0;
}


/*end ncs logo*/

#globalHeader .navbar-toggle {
    margin: 15px 20px 8px 10px;
    padding: 17px 18px;
    z-index: 101;
}

#globalHeader .navbar-toggler:focus {
    box-shadow: none;
}

#globalHeader .navbar-toggler:active {
    box-shadow: none;
}

.navbar-toggler-icon::before {
    font-family: FontAwesome;
    content: "\f0c9";
}

#globalHeader .navbar-toggler-icon {
    background-image: none;
    color: #f7f7f7;
    font-size: 1.5rem;
}


/* #globalHeader .navbar-toggle .icon-bar {
    background: #ffffff;
} */

#globalHeaderResourcesWrapper {
    font-size: 13px;
    font-weight: 700;
    overflow-y: visible;
    padding: 0;
}

#globalHeaderResources {
    overflow: visible;
    padding: 0 30px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* #globalHeaderBottomInner {
    background-color: #ffffff;
    height: 66px;
} */

@media (min-width: 992px) {
    #globalHeaderTopInner button.navbar-toggler {
        display: none;
    }
    #globalHeaderResources {
        display: contents;
    }
    #globalHeaderNavigationWrapper {
        display: contents;
    }
}

@media (max-width:434px) {
    #headerResourcesMenu {
        padding: 10px 0;
        display: inline-block;
        margin: 10px 0 0;
    }
}


/* search box */

#googleSearchBox {
    padding: 14px 0;
}

#googleSearchBox td.gsc-input {
    width: 100%;
    padding-right: 0;
}

#googleSearchBox .gsc-search-button {
    padding: 1px 0;
}

#googleSearchBox input#gsc-i-id1 {
    background: #881111 !important;
    border: 1px solid #881111;
    color: #ffffff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    height: 36px;
    letter-spacing: .2px;
    line-height: 4rem;
    padding: 0 15px;
    width: 100%
}

body #googleSearchBox input#gsc-i-id1:focus {
    border: 1px solid #ffffff;
}

::-webkit-input-placeholder {
    color: #ffffff;
}

::-moz-placeholder {
    color: #ffffff;
}

:-ms-input-placeholder {
    color: #ffffff;
}

:-moz-placeholder {
    color: #ffffff;
}

#googleSearchBox button.gsc-search-button {
    background: #881111;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    line-height: 1;
    padding: 0px 12px;
    position: relative;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

#googleSearchBox .gsc-clear-button {
    display: none;
}

#googleSearchBox .gsc-search-button:hover,
#googleSearchBox .gsc-search-button:focus {
    color: #fdb913;
}


/* links in red bar */

#globalHeaderResourcesLinks {
    margin: 0;
    padding: 22px 0;
    text-align: right;
}

#globalHeaderResourcesLinks li {
    display: inline-block;
    margin: 0 0.5rem;
}

#globalHeaderResourcesLinks li a,
#globalHeaderResourcesLinks li span {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

#globalHeaderResourcesLinks li a:hover,
#globalHeaderResourcesLinks li a:focus,
#globalHeaderResourcesLinks li span:hover,
#globalHeaderResourcesLinks li span:focus {
    text-decoration: underline;
}

@media (max-width:991.999px) {
    #globalHeaderResources {
        padding: 0 30px;
    }
    #googleSearchBox {
        padding: 0;
    }
    #globalHeaderResourcesLinks {
        margin: 0 0 0 -10px;
        text-align: left;
        padding: 8px 0 25px;
    }
}

@media (max-width: 767.999px) {
    #globalHeaderResourcesLinks {
        margin: 0 0 0 -10px;
        text-align: left;
        padding: 20px 0 25px;
    }
}


/* SU Resources menu */

#globalHeaderResources .dropdown-menu {
    margin: 0;
}

#globalHeaderResources .dropdown-menu li {
    margin: 0;
    width: 100%;
}

#globalHeaderResources .dropdown-menu>li>a {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    line-height: 2.5;
    padding: 12px 15px;
    -webkit-backface-visibility: hidden;
}


/*navigation in white bar */

#globalHeaderNavigationWrapper {
    background-color: #ffffff;
    border: 0;
    clear: both;
    height: 66px;
    margin: 0;
    padding: 0;
}


/* #globalHeaderBottomInner {
    background-color: #ffffff;
    height: 66px;
} */

#globalHeaderNavigation {
    -webkit-backface-visibility: hidden;
    /*stops the flickering. Maybe. */
    background: #ffffff;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

@media (max-width:1169.999px) {
    #globalHeaderNavigation {
        padding: 0 0 0 10px;
    }
}

@media (max-width:991.999px) {
    #globalHeaderNavigation {
        padding: 0;
    }
}

#globalHeaderNavigation li.dropdown {
    line-height: 1;
    margin: 0;
    padding: 25px 0;
}

@media screen and (max-width:991.98px) {

    #globalHeaderNavigation li.dropdown {

        padding: 17px 0;
    }
}

#globalHeaderNavigation li.dropdown a {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 0 25px;
    text-decoration: none;
}

#globalHeaderNavigation li.dropdown a:hover {
    text-decoration: underline;
}

#globalHeaderNavigation li.dropdown a:focus {
    text-decoration: underline;
}

@media screen and (max-width: 1199.98px) {
    #globalHeaderNavigation li.dropdown a {
        font-size: 15px;
        padding: 18px;
    }
}


/* @media screen and (max-width: 1000px) {
    #globalHeaderNavigation li.dropdown a {
        font-size: 1.5rem;
        padding: 25px 18px;
    }
} */

@media screen and (max-width:991.98px) {
    #globalHeaderNavigation li.dropdown a {

        padding: 0 30px;
    }
}

#globalHeaderNavigation li a.dropdown-toggle {
    background: #ffffff;
}

#globalHeaderNavigation li a.dropdown-toggle:focus {
    color: #000000;
    text-decoration: underline;
}

#globalHeaderNavigation li a.dropdown-toggle:after {
    display: none;
}

#globalHeaderNavigation li:hover a.dropdown-toggle,
#globalHeaderNavigation li:focus a.dropdown-toggle {
    background-color: transparent;
    color: #000000;
}

#globalHeaderNavigation li:hover>a.dropdown-toggle:after,
#globalHeaderNavigation li:focus>a.dropdown-toggle:after {
    /* yellow triangle */
    border-color: transparent transparent #fdb913 transparent;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    bottom: 0;
    content: '';
    height: 0;
    left: calc(5% - 50px);
    position: absolute;
    width: 0;
    margin: 0;
    vertical-align: unset;
}

@media (max-width:991.999px) {
    #globalHeaderNavigationWrapper li:hover>a.dropdown-toggle,
    #globalHeaderNavigationWrapper li:focus>a.dropdown-toggle {
        color: #aa0000;
    }
    #globalHeaderNavigationWrapper li:hover>a.dropdown-toggle:after,
    #globalHeaderNavigationWrapper li:focus>a.dropdown-toggle:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #fdb913;
        position: absolute;
        left: 0;
        top: 15px;
    }
}


/******** modal fullscreen dropdown menu ********/

.modal-dialog {
    pointer-events: all;
}

@media (max-width:991.999px) {
    #globalHeaderNavigationWrapper li {
        margin: 0;
        text-align: left;
        width: 100%;
    }
}

#globalHeaderNavigation .modal-fullscreen {
    background: #f7f7f7;
    border: none;
    border-radius: 0;
    border-top: 2px solid #fdb913;
    inset: 20px auto auto 0px!important;
}

#globalHeaderNavigation .modal-fullscreen .row {
    background: #f7f7f7;
    min-height: 200px;
    padding: 65px 15px;
}

#globalHeaderNavigation .modal-fullscreen .globalHeaderNavigationMainLinks ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#globalHeaderNavigation .modal-fullscreen .globalHeaderNavigationQuickLinks ul li {
    list-style: none;
}

@media screen and (max-width:991.98px) {
    #globalHeaderNavigation .modal-fullscreen {
        border-top: none;
        float: none;
        height: auto;
        overflow: auto;
        padding: 30px 17px;
        position: static;
    }
}


/******** links in mega drop down menu ********/

#globalHeaderNavigation .globalHeaderNavigationMainLinks {
    padding: 0;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li {
    list-style: none;
    max-height: 30px;
    padding: 0 0 48px 0;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a {
    border-left: 3px solid #f7f7f7;
    color: #333333;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 60px 0 10px;
    position: relative;
}

#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a:hover,
#globalHeaderNavigation .globalHeaderNavigationMainLinks ul li a:focus {
    border-left: 3px solid #04a9c5;
    text-decoration: none;
}


/******** Quicklinks in mega drop down menu ********/

#globalHeaderNavigation .globalHeaderNavigationQuickLinks {
    padding: 0 0 0 60px;
    border-left: 2px solid #04a9c5;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks ul {
    padding-left: 0;
}

@media screen and (max-width:991.999px) {
    #globalHeaderNavigation .globalHeaderNavigationQuickLinks {
        border-left: none;
        border-top: 2px solid #04a9c5;
        padding: 30px 13px 0;
    }
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks h5,
#globalHeaderNavigation .globalHeaderNavigationQuickLinks span {
    color: #aa0000;
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0 0 15px 0;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a {
    display: block;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4rem;
    padding: 5px 0;
    text-transform: capitalize;
}

#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a:hover,
#globalHeaderNavigation .globalHeaderNavigationQuickLinks li a:focus {
    color: #aa0000;
}

@media (max-width:991.98px) {
    #globalHeaderNavigation .modal-fullscreen .globalHeaderNavigationQuickLinks li a {
        padding: 10px 5px 10px 0;
    }
}

@media (max-width: 991.98px) {
    #globalHeader {
        margin-bottom: 0;
        position: relative;
    }
    #globalHeader .navbar-toggle {
        display: block;
        right: 0;
        padding: 10px 10px;
    }
    #globalHeader button .glyphicon {
        color: #aa0000;
        display: inline-block;
        float: right;
        font-size: 18px;
        width: initial;
    }
    #globalHeader button .glyphicon:before {
        content: '\f0c9';
        font-family: 'fontawesome';
    }
    /* #globalHeader .navbar-collapse.collapse {
        display: none!important;
    } */
    #globalHeader .collapse.in {
        display: block !important;
    }
    /* #globalHeader #globalHeaderBottomInner {
        display: none!important;
    } */
    .visible-sm-inline {
        display: inline !important;
    }
}


/* ==================================================================================================== */


/* ======================================== Section Banner ================================= */


/* ================================================================================= */


/* Block above page's content that contains information about the section of the website in which the subpage exists */


/*
    #sectionLandingBannerWrapper was taller before 12/14 redesign.
  #sectionBannerWrapper #sectionBannerSecondWrapper background is overriden for most wesbite sections in refresh-sectionbanners.css

sectionBanner styles temporarily moved to banana.css 10/31/17-Aubrey
*/


/* ==============================================================================================================*/


/* ================================================= BreadCrumbs ================================================*/


/* Last edited by Aubrey 12/11 */

#breadcrumbsWrapper {
    clear: both;
    min-height: 60px;
    position: relative;
}

#breadcrumbsWrapper .triangle {
    border-style: solid;
    border-width: 100px 50px 0 0px;
    /* was 125 60 0 0*/
    border-color: #fdb913 transparent transparent transparent;
    height: 0;
    position: absolute;
    top: -20px;
    width: 0;
    z-index: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1307px) {
    #breadcrumbs {
        margin-left: 60px;
        /* keep to the right of the tiange as screen shrinks */
        width: calc(100% - 90px);
        /* prevent nav#breadcrumbs from falling off right side, add 30px margin to right (90 -60) */
    }
}

@media screen and (min-width: 820px) and (max-width: 1107px) {
    #breadcrumbs {
        margin-left: 60px;
        /* keep to the right of the tiange as screen shrinks */
        width: calc(100% - 90px);
        /* prevent nav#breadcrumbs from falling off right side, add 30px margin to right (90 -60) */
    }
}

@media screen and (max-width: 820px) {
    /* xs plus a bit when the trianlge overlaps*/
    #breadcrumbs {
        margin-left: 30px;
        /* keep to the right of the tiange as screen shrinks */
        width: calc(100% - 45px);
        /* prevent nav#breadcrumbs from falling off right side, add 15px margin to right (45 - 30) */
    }
    #breadcrumbsWrapper .triangle {
        border-width: 65px 30px 0 0px;
        top: -15px;
    }
}

#breadcrumbsWrapper #breadcrumbs.container {
    max-width: 1170px;
}

#breadcrumbs {
    clear: both;
    padding: 0;
}

#breadcrumbs ol {
    background-color: inherit;
    border-radius: 0;
    clear: both;
    font-size: 14px;
    line-height: 1.4rem;
    list-style: none;
    margin-bottom: 0;
    padding: 15px 0 15px 0;
    vertical-align: middle;
}

#breadcrumbs ol li {
    display: inline-block;
    color: #666666;
}

#breadcrumbs ol li a {
    color: #666666;
    text-decoration: none;
}

#breadcrumbs ol li a:hover,
#breadcrumbs ol li a:focus {
    color: #aa0000;
    text-decoration: underline;
}

#breadcrumbs ol li:last-child {
    color: #333333;
    font-weight: 700;
}

#breadcrumbsWrapper .breadcrumb li+li:before,
#breadcrumbsWrapper .breadcrumb .active:before {
    color: #088099;
    content: " \003E\00a0";
    padding: 0 7px;
}

#breadcrumbsWrapper .breadcrumb>.active,

/* overrides bootstrap default */

#breadcrumbsWrapper .breadcrumb .active
/* affects only aspx pages connecting to legacy.master */

{
    color: #666666;
}


/* =============================================================================================================== */


/* ==================================================== Page ===================================================== */


/* =============================================================================================================== */


/* Everything below the banner, above the footer. Wraps Zones Top, A, B, and C. */


/* ==========================================================================================================*/


/* ============================================ Page Structure ==============================================*/


/*
_____________________  _____________________________  ________________________________________
|XS                 |  |SM                         |  |MD and LG                             |
|      TopZone      |  |           TopZone         |  |               TopZone                |
|___________________|  |___________________________|  |______________________________________|
|                   |  |                 |         |  |        |                   |         |
|   Zones A, B, C   |  |     Zone A      | Zones B |  | Zone C |      Zone A       |  Zone B |
|                   |  |                 |  and C  |  |        |                   |         |
_____________________  _____________________________  ________________________________________
  
*/

#zoneA {
    padding: 0px;
}

@media screen and (min-width: 1200px) {
    /* lg */
    qqq.container-fluid #zoneB {
        /* Right Column */
        padding-right: 30px;
        padding-left: 30px;
    }
    qqq.container-fluid #zoneC {
        /* Left Column */
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media screen and (min-width: 768px) {
    /* sm + md + lg*/
    #pageContentWrapper.container #zoneB {
        padding-left: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    #zoneB {
        padding-left: 15px;
    }
}

#pageContentWrapper.container #zoneC {
    /* left COLUMN */
    padding: 0 30px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    #zoneC {
        padding-right: 15px;
    }
}

@media screen and (max-width:767.999px) {
    qqq#zoneC {
        padding-left: 0;
        /* -ab */
        padding-right: 0;
        /* -ab */
    }
}

#zoneC div:first-child {
    /* qqq ?*/
    margin-top: 0;
}

#TopZone {
    padding: 0;
}


/* ========================================================================================== 
   ===== Site Navigation ==================================================================== 
   ==========================================================================================
   Sub nav
*/

#siteNavigation {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    margin-bottom: 60px;
    position: relative;
}

@media screen and (min-width: 992px) {
    #siteNavigation #siteNavigationTitle button {
        display: none;
    }
}

@media screen and (max-width: 991.98px) {
    #siteNavigation #siteNavigationTitle button {
        background: none;
        margin-right: 1rem;
    }
    #siteNavigation #siteNavigationTitle button .navbar-toggler-icon {
        background: transparent;
        color: #aa0000;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767.999px) {
    #siteNavigation .navbar-collapse.in {
        /* eliminates scrollbar on very small screens for minor overages */
        overflow-x: hidden;
        overflow-y: visible;
    }
}

#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
    border-bottom: 2px solid #088099;
    color: #333333;
    display: block;
    font-weight: 500;
    height: inherit;
    line-height: 100%;
    padding: 15px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
}

@media (max-width: 767.999px) {
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
        padding: 15px;
        border-bottom: none;
    }
}

#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle span a:hover,
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle span a:focus {
    color: #aa0000;
    text-decoration: underline;
}

#navLevel {
    display: none;
}

#siteNavigation #menu {
    /* The UL for the whole menu */
    list-style-type: none;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991.999px) {
    #siteNavigation {
        margin-bottom: 0;
    }
    #siteNavigation .navbar-toggle {
        display: block;
    }
    #siteNavigation button {
        /* menu icon on mobile */
        display: block;
        margin: 0;
        position: absolute;
        top: 0;
        width: 50px;
        right: 0;
        padding: 15px 10px;
    }
    #siteNavigation button span.icon-bar {
        background: #aa0000;
    }
    #siteNavigation button.collapsed span.icon-bar {
        background: #aa0000;
        position: initial !important;
        top: initial !important;
        transform: none !important;
        visibility: visible !important;
    }
    #siteNavigation button span.icon-bar:nth-child(2) {
        position: relative;
        text-transform: uppercase;
        -o-transition: .25s;
        -ms-transition: .25s;
        -moz-transition: .25s;
        -webkit-transition: .25s;
        top: 6px;
        transition: .25s;
        transform: rotate(45deg);
    }
    #siteNavigation button span.icon-bar:nth-child(3) {
        visibility: hidden;
    }
    #siteNavigation button span.icon-bar:nth-child(4) {
        text-transform: uppercase;
        -o-transition: .25s;
        -ms-transition: .25s;
        -moz-transition: .25s;
        -webkit-transition: .25s;
        transition: .25s;
        transform: rotate(135deg);
        position: relative;
        top: -6px;
    }
    #siteNavigation button .glyphicon {
        /* dead 10/25/18 */
        color: #aa0000;
        display: inline-block;
        float: right;
        font-size: 18px;
        width: initial;
    }
    #siteNavigation button .glyphicon:before {
        /* dead 10/25/18 */
        content: '\f0c9';
        font-family: 'fontawesome';
    }
    /* #siteNavigation .navbar-collapse.collapse {
        display: none!important;
    } */
    #siteNavigation .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #siteNavigation .collapse.in {
        display: block !important;
    }
    #siteNavigation #siteNavigationTitleWrapper {
        border-bottom: 1px solid #088099;
    }
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
        border-bottom: none;
        font-family: "Oswald", sans-serif;
        padding: 15px 35px 15px 30px;
    }
}


/* ------------------- The arrow next to submenu items --------------------- */

#siteNavigation #menu .glyphicon {
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 1.6rem;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 15px 10px;
    position: absolute;
}

#siteNavigation #menu .currentsection+.glyphicon {
    color: #fff;
    padding: 15px 10px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
}

.currentsection+.glyphicon:hover,
.currentsection+.glyphicon:focus {
    color: #088099;
}


/* ------------------- Navigation menu items --------------------- */

#siteNavigation #menu li {
    border-bottom: 1px solid #088099;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

#siteNavigation #menu li a {
    /* border-bottom: 1px solid #088099; */
    color: #666;
    /* display: inline-block; */
    font-size: 1rem;
    line-height: 1.2em;
    padding: 15px 35px 15px 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
	width: 90%;
}

#siteNavigation #menu li i {
    color: #666;
    font-size: 1rem;
    line-height: 1.2em;
    position: relative;
}

#siteNavigation #menu ul.zonecNav {
    border-top: 1px solid #088099;
}

#siteNavigation #menu ul.zonecNav li:last-child {
    border-bottom: none;
}

@media screen and (max-width: 767.999px) {
    body #siteNavigation #menu li a {
        /* All links in the sitenav menu */
        padding: 10px 15px;
    }
}

#siteNavigation #menu li a:hover,
#siteNavigation #menu li a:focus {
    color: #aa0000;
}

#siteNavigation #menu li a:active {
    color: #aa0000;
}

@media screen and (max-width: 767.999px) {
    #siteNavigation #menu li ul li ul li a {
        padding: 10px 10px 10px 30px;
    }
}

#siteNavigation #menu li span.currentsection {
    /* background-color: #088099;
    border-bottom: 1px solid #088099; */
    color: #aa0000;
    /* display: block; */
    font-size: 1rem;
    line-height: 1.2em;
    position: relative;
    padding: 15px 35px 15px 15px;
    text-transform: uppercase;
    width: 90%;
    /* width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available; */
}

#siteNavigation #menu li span.currentsection+i {
    /* background-color: #088099; */
    color: #aa0000;
}

#siteNavigation #menu li span.currentsection a {
    /* neccessary because on fulltect and form thank you pages currentsection has a link */
    border-bottom: none;
    color: #aa0000;
    padding: 0;
    /* inherited from parent element */
}

#siteNavigation #menu li span.currentsection a:focus,
#siteNavigation #menu li span.currentsection a:hover {
    color: #000000;
}

#siteNavigation #menu .multilevel-linkul-0 li a,
#siteNavigation #menu .multilevel-linkul-0 span.currentsection {
    /* first submenu*/
    padding: 10px 35px 10px 25px;
}

#siteNavigation #menu .multilevel-linkul-0 li .glyphicon {
    padding: 10px 10px;
}

#siteNavigation #menu .multilevel-linkul-1 li a,
#siteNavigation #menu .multilevel-linkul-1 span.currentsection {
    /* second submenu*/
    padding: 10px 30px 10px 35px;
}

#siteNavigation #menu .multilevel-linkul-2 li a,
#siteNavigation #menu .multilevel-linkul-2 span.currentsection {
    /* third submenu*/
    padding: 10px 0 10px 45px;
}

#siteNavigation #menu .multilevel-linkul-3 li a {
    /* fourth submenu*/
    padding: 10px 0 10px 55px;
}

#siteNavigation #menu .multilevel-linkul-4 li a {
    /* fifth submenu*/
    padding: 10px 0 10px 65px;
}

@media screen and (max-width: 991.999px) {
    #siteNavigation #menu li a {
        padding: 10px 35px 10px 15px;
    }
    #siteNavigation #menu li span.currentsection {
        padding: 10px 15px;
    }
    #siteNavigation #menu .multilevel-linkul-0 li a,
    #siteNavigation #menu .multilevel-linkul-0 span.currentsection {
        /* first submenu*/
        padding: 10px 35px 10px 25px;
    }
    #siteNavigation #menu .multilevel-linkul-1 li a,
    #siteNavigation #menu .multilevel-linkul-1 span.currentsection {
        /* second submenu*/
        padding: 10px 0 10px 35px;
    }
    #siteNavigation #menu .multilevel-linkul-2 li a,
    #siteNavigation #menu .multilevel-linkul-2 span.currentsection {
        /* third submenu*/
        padding: 10px 0 10px 45px;
    }
    #siteNavigation #menu .multilevel-linkul-3 li a {
        /* fourth submenu*/
        padding: 10px 0 10px 55px;
    }
    #siteNavigation #menu .multilevel-linkul-4 li a {
        /* fifth submenu*/
        padding: 10px 0 10px 65px;
    }
    #siteNavigation #menu .glyphicon {
        padding: 10px;
    }
}

@media screen and (max-width: 767.999px) {
    #siteNavigation #menu .currentbranch0 {
        left: 0;
        /* margin: 15px 0; */
        padding-left: 0;
        padding: 5px 0 5px 15px;
        width: inherit;
    }
}

#siteNavigation #menu .currentbranch0 {
    margin: 15px 0;
}

#siteNavigation #menu .currentbranch0.currentsection {
    margin: 0;
}




/*horizontal site nav */

@media (min-width: 991.999px) {
    .horizontalSiteNav {
        background: #333;
    }
    .horizontalSiteNav #siteNavigation {
        float: none;
        margin: 0 auto 60px;
        padding: 0;
        overflow: hidden;
        width: 100%;
        max-width: 1170px;
        text-align: center;
    }
    .horizontalSiteNav #siteNavigation #menu li {
        float: left;
    }
    .horizontalSiteNav #siteNavigation #menu {
        float: left;
        margin: 0;
    }
    .horizontalSiteNav #siteNavigationTitleWrapper {
        float: left;
    }
    .horizontalSiteNav #siteNavigation #menu li a {
        border: none;
        color: #fff;
        padding: 15px 17px;
    }
    .horizontalSiteNav #siteNavigation #menu li a:hover {
        color: #aa0000;
    }
    .horizontalSiteNav #siteNavigation #menu li span.currentsection {
        border-bottom: none;
        padding: 15px 17px;
    }
    .horizontalSiteNav #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
    .horizontalSiteNav #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
        border-bottom: none;
        padding: 15px;
        color: #fff;
        font-family: "Oswald", sans-serif;
        font-size: 1.6em;
        line-height: 1.2em;
        position: relative;
    }
    .horizontalSiteNav #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:hover {
        color: #aa0000;
        text-decoration: none;
    }
}


/* ============================================== Page Title ==============================================*/

#pageTitle {
    clear: both;
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 3.25rem;
    hyphens: auto;
    line-height: 100%;
    margin: 0 30px;
    overflow-wrap: break-word;
    padding: 30px 15px 30px 0;
    word-wrap: break-word;
}

#pageContentWrapper.container-fluid #pageTitle {
    padding: 30px 15px 30px 30px;
}

@media screen and (max-width:767.999px) {
    #pageContentWrapper.container #pageTitle,
    #pageContentWrapper.container-fluid #pageTitle {
        font-size: 2.4rem;
        padding: 30px 0;
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    #pageTitle {
        margin: 0;
    }
}

#pageTitle:empty {
    display: none;
}


/* ============================================== Content Items ==============================================*/

.contentItem {
    clear: both;
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    #zoneA .contentItem {
        margin: 15px 0;
    }
}

@media screen and (min-width: 1200px) {
    /* lg */
    #zoneA .contentItem,
    #zoneB .contentItem,
    #zoneC .contentItem {
        margin: 30px 0
    }
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    #zoneA .contentItem:first-of-type,
    #zoneB .contentItem:first-of-type {
        margin: 0 0 15px 0;
    }
}

@media screen and (min-width: 1200px) {
    /* lg */
    #zoneA .contentItem:first-of-type,
    #zoneB .contentItem:first-of-type {
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    #zoneA .noGap+.noGap,
    #zoneB .noGap+.noGap,
    #zoneC .noGap+.noGap {
        margin: -15px 0 15px 0;
    }
}

@media screen and (min-width: 1200px) {
    /* lg */
    #zoneA .noGap+.noGap,
    #zoneB .noGap+.noGap,
    #zoneC .noGap+.noGap {
        margin: -30px 0 30px 0;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    #zoneA.col-xs-12 .hspace {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    #zoneA.col-md-12 .hspace,
    #zoneA.col-md-9 .hspace {
        padding: 0 15px;
    }
    #zoneA.col-sm-8 .hspace {
        padding: 0 0 0 15px;
    }
    #zoneB .hspace {
        padding: 0 15px 0 0;
    }
    #zoneC .hspace {
        padding: 0 0 0 15px;
    }
}

@media screen and (min-width: 1200px) {
    /* lg */
    #zoneB .hspace {
        padding: 0 0 0 0;
        /* paddinf is already on #zoneB */
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    #pageContentWrapper.container-fluid #zoneA.col-md-12 .hspace,
    #pageContentWrapper.container-fluid #zoneA.col-md-9 .hspace {
        padding: 0 30px;
    }
}

#pageContentWrapper.container-fluid #zoneC .hspace {
    padding: 0 0 0 30px;
}


/* ======================================= Standard Content Elements ==============================================*/


/* apply class .standardContent to parent element of any content type that will include basic HTML/text */


/* primaryContent, Secondary Content, Supplemental Content, Jumbotron, knowledge base, dual column, feature content, news, form */

.standardContent {
    max-width: 1170px;
    /* eliminates crazy-long text columns */
    margin: 0 auto;
    /* and centers them, if necessary */
}

@media screen and (max-width:767.999px) {
    #zoneA.col-xs-12 .standardContent {
        padding: 0 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    #zoneA.col-sm-12 .standardContent {
        padding: 0 15px;
    }
}


/* -------------------------- Headings -------------------------- */

.standardContent h1 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 3.25rem;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 0;
    text-decoration: none;
}

.standardContent h2 {
    color: #aa0000;
    clear: both;
    font-family: "Roboto Slab", serif;
    font-size: 3rem;
    font-weight: 400;
    margin: 30px 0 5px 0;
}

.standardContent h2 a {
    /* links in major headings */
    color: #aa0000;
}

.standardContent h2 a:hover,
.standardContent h2 a:focus {
    /* links in major headings */
    text-decoration: underline;
    color: #333333;
}

.standardContent h3 {
    /* minor headings */
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    font-weight: 400;
    margin: 15px 0 3px 0;
}

.standardContent h3 a {
    /* links in minor headings */
    color: #aa0000;
    text-decoration: none;
}

.standardContent h3 a:hover,
.standardContent h3 a:focus {
    text-decoration: underline;
}

.standardContent h4 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 1.8rem;
    margin: 8px 0 3px 0;
}

.standardContent h4 a {
    color: #aa0000;
    text-decoration: none;
}

.standardContent h4 a:hover,
.standardContent h4 a:focus {
    text-decoration: underline;
}

.standardContent h5 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 1.6rem;
    margin: 8px 0 3px 0;
}

.standardContent h5 a {
    color: #aa0000;
    text-decoration: none;
}

.standardContent h5 a:hover,
.standardContent h5 a:focus {
    text-decoration: underline;
}

.standardContent h6 {
    /* H6s should be disabled. But just in case... */
    color: #333333;
    font-family: "Roboto Slab", serif;
    font-size: 1.6rem;
    line-height: 2;
    text-decoration: none;
}

.standardContent h6 a:hover,
.standardContent h6 a:focus {
    color: #333333;
    text-decoration: underline;
}

@media (max-width:767.999px) {
    .standardContent h1 {
        font-size: 2.4rem;
    }
    .standardContent h2 {
        font-size: 2rem;
    }
    .standardContent h3 {
        font-size: 1.8rem;
    }
    .standardContent h4 {
        font-size: 1.6rem;
    }
}


/* -------------------------- Paragraphs and inline text -------------------------- */

.standardContent p {
    color: #333333;
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 1.6rem;
}

.standardContent p small {
    font-size: 1.4rem;
}

.standardContent p cite {
    font-style: italic;
}

.standardContent dd mark,
.standardContent li mark,
.standardContent p mark {
    background-color: #fdb913;
    color: #000;
}

#zoneB .standardContent p,
#zoneC .standardContent p {
    line-height: 1.5;
}


/* -------------------------- Links -------------------------- */

.standardContent a {
    color: #333333;
    text-decoration: underline;
}

.standardContent a:hover,
.standardContent a:focus {
    color: #aa0000;
}


/* -------------------------- Lists -------------------------- */

.standardContent dt {
    font-size: 1.6rem;
}

.standardContent dd dl {
    padding-left: 4rem;
}

.standardContent ul,
.standardContent ol {
    font-size: 1.6rem;
    line-height: 2;
    list-style-type: none;
    margin-bottom: 20px;
    margin-left: 16px;
    /* indent */
    display: table;
    /* align 2nd line text, pt 1  */
}

.standardContent ul li ul,
.standardContent ol li ol {
    margin-bottom: 0;
}

.standardContent ol {
    list-style-type: decimal;
    /* Numbers! */
    padding-left: 16px;
}

.standardContent ul li {
    display: table-row;
    /* align 2nd line text, pt 2  */
}

.standardContent ul li:before {
    font-family: 'seattle-u';
    font-size: 13px !important;
    content: 'b';
    /* triple chevron */
    color: #aa0000;
    padding-right: 5px;
    display: table-cell;
    /* align 2nd line text, pt 3  */
    position: relative;
    top: 2px;
    /* moves the chevron 2px down to better align with text*/
}


/* ie can't handle the font-family while getting a display property. Using no-flexboxlegacy as a proxy for IE */

.no-flexboxlegacy #zoneA .standardContent ul li:before,
.no-flexboxlegacy #zoneB .standardContent ul li:before,
.no-flexboxlegacy #zoneC .standardContent ul li:before {
    display: inline !important;
}


/* -------------------------- Blockquote -------------------------- */

.standardContent blockquote {
    border-left: 5px solid #fdb913;
    font-size: inherit;
    margin: 0 30px;
}

.standardContent blockquote.twitter-tweet {
    border: initial;
    font-size: initial;
    margin: initial;
}


/* -------------------------- Buttons -------------------------- */

.standardContent .btn {
    white-space: normal;
    /* override default bootstrap behavior that caused buttons to extend beyond defined columns */
}

.standardContent .btn-attention {
    background-color: #aa0000;
    border: 1px solid #333333;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.6rem;
    margin: 7px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.standardContent .btn-attention:hover,
.standardContent .btn-attention:focus {
    background-color: #8e0000;
    border-color: #333333;
    color: #ffffff;
    text-decoration: none;
}

.standardContent .btn-plain {
    background-color: #e3e3da;
    border-color: #cccccc;
    color: #aa0000 !important;
    text-decoration: none;
}

.standardContent .btn-plain:hover,
.standardContent .btn-plain:focus {
    background-color: #666666;
    border-color: #333333;
    color: #ffffff !important;
}

.standardContent .btn-alpha {
    background-color: #333333;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 1.8rem;
    height: 100%;
    line-height: 2.4rem;
    margin: 7px;
    padding: 15px 45px 15px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}


/*[class$="-alpha"]:before, [class*="-alpha"]:before,
[class$="-alpha"]:after, [class*="-alpha"]:after {
    color: #333333;
  font-family: "seattle-u" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  speak: none;
  top: 2px;
}
[class$="-alpha"]:before, [class*="-alpha"]:before{
  content: "b ";
}
[class$="-alpha"]:after, [class*="-alpha"]:after{
  content: " a";
}*/

.standardContent .btn-alpha:after {
    background-color: #333333;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzA0ODk5ZCIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwNDg5OWQiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogICAgPGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 25px;
    content: ' ';
    display: block;
    height: 25px;
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    /* 12px is ~50% of its height) to vertically center it */
    width: 25px;
}

.standardContent .btn-alpha:hover,
.standardContent .btn-alpha:focus {
    color: #ffffff;
    text-decoration: underline;
}

.callToActionButton a:hover:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwNDg5OWQiIGZpbGw9IiMwNDg5OWQiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}


/* when it its own column, take whole width */

@media screen and (max-width:767.999px) {
    #zoneA.col-xs-12 .standardContent .btn {
        display: block;
        margin: 7px 0;
    }
}

#zoneB .standardContent .btn,
#zoneC .standardContent .btn {
    display: block;
    margin: 7px 0;
}


/* -------------------------- Arrow Links -------------------------- */

ul.arrowLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto auto;
    padding: 0;
    width: 100%;
    /* prevents ULs with less than three items from collapsing */
}

ul.arrowLinks li {
    flex: 1 1 100%;
    justify-content: center;
    margin-bottom: 25px;
    margin-right: 7px;
}

ul.arrowLinks li::before {
    content: none;
}

.arrowLinks li a {
    background-color: #ffffff;
    border: 1px solid #088099;
    border-radius: 0;
    color: #aa0000;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

#zoneB .arrowLinks li,
#zonec .arrowLinks li {
    flex: 1 1 100%;
    margin-bottom: 15px;
}

.arrowLinks li a:hover,
.arrowLinks li a:focus {
    background: #088099;
    border: 1px solid #088099;
    color: #ffffff;
}

@media (min-width: 992px) {
    /* md and lg */
    ul.arrowLinks li {
        flex: 1 1 calc(33.33% - 7px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    ul.arrowLinks li {
        flex: 1 1 calc(50% - 7px);
    }
}


/* -----------------------------  Text Box  --------------------------- */


/* Creates a box in primary, secondary or supplemental content with outline and red header  */


/* former smartform in Ektron, now built into editor */


/* Legacy, should use FocusBox now */

.standardContent .textBox {
    background: #f7f7f7;
    margin-bottom: 30px;
}

.standardContent .textBox .textBoxTitle {
    /* h3 */
    background-color: #aa0000;
    padding: 10px 0 10px 0;
    margin: 0px;
}

.standardContent .textBox .textBoxTitle span {
    /*border-top: 3px solid #881111;
  border-bottom: 3px solid #881111;*/
    color: #ffffff;
    display: block;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.standardContent .textBox .textBoxContent {
    border: 1px solid #E3E3DA;
    border-top: 0;
    color: #333333;
    font-size: 12px;
    padding: 10px;
    position: relative;
}

.standardContent .textBox .arrow-red:before {
    /*arrow*/
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #aa0000;
    position: absolute;
    left: calc(50% - 10px);
    top: 0;
}

.standardContent .textBox .textBoxContent h3 {
    /* h3s inside the box content*/
    background: none;
    font-size: 18px;
    text-align: left;
    margin: 0;
}

.standardContent .textBox .textBoxContent ol,
.standardContent .textBox .textBoxContent ul {
    margin: 0 0 10px 0;
    /* aligns to left margin instead of indenting */
}

.secondaryContent .textBox {
    margin: 10px -11px 10px -11px;
    /* overlays the padding + border of .secondaryContent */
}

.secondaryContent .textBox:first-child {
    margin-top: -10px;
    /* hides the top padding + border + margin of .secondaryContent */
}

.secondaryContent .textBox:last-child {
    margin-bottom: -11px;
    /* hides the bottom padding + border + margin of .secondaryContent */
}


/* -------------------------- videos -------------------------- */


/* legacy videos using <object> code */

@media (min-width: 768px) {
    /* overrides width 464 thats usually hardcoded */
    body #primaryContent object,
    body #primaryContent embed {
        width: 450px;
    }
}

#primaryContent embed,
#primaryContent object {
    max-width: 445px;
}

#secondaryContent embed,
#secondaryContent object {
    max-width: 224px;
}

#pageContent .videoWrapper {
    position: relative;
}

#pageContent .videoWrapper .media-thumbnail {
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

#pageContent .videoWrapper a .play-button {
    position: absolute;
    width: 100%;
    z-index: 100;
    opacity: 0.6;
    color: #ffffff;
    top: 40%;
    left: 0;
    text-align: center;
}


/* -------------------------- Tables -------------------------- */


/* table default changed to with borders. New class of tableWithoutBorders available 3/21/15*/

.standardContent table {
    border-collapse: collapse;
    border-spacing: 2px;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    /* same as paragraphs */
    width: 100%;
}

.standardContent .tableWithoutBorders {
    border-collapse: separate;
    border-bottom: none;
    border-right: none;
}

.standardContent table caption {
    /* same as h3 */
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    font-weight: 400;
    margin: 15px 0 3px 0;
}


/* table heading rows */

.standardContent table thead {
    border-right: 1px solid #881111;
}

.standardContent table thead th {
    background-color: #aa0000;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #881111;
}

.standardContent table thead th p {
    color: #ffffff;
}

.standardContent table thead th a {
    color: #ffffff;
}

.standardContent table thead th a:hover,
.standardContent table thead th a:focus {
    color: #ffffff;
}

.standardContent .tableWithoutBorders thead th {
    border-top: none;
    border-bottom: none;
    border-left: none;
}


/* table body cells and row headers */

.standardContent table th {
    /* thead styles will override this. THs only in tbody or other not indicated */
    background-color: #f7f7f7;
    color: #333333;
    font-weight: bold;
    padding: 10px;
}

.standardContent table td,
.standardContent table th {
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.standardContent table td {
    border: 1px solid #e0e0e0;
}

.standardContent .tableWithoutBorders td,
.standardContent .tableWithoutBorders th {
    border: none;
}


/* affects curriculum tables only*/

.standardContent .tableCurriculum,
.standardContent .tableCurriculum th,
.standardContent .tableCurriculum td {
    vertical-align: top;
}


/* make tables that are too wide to view on a mobile device add a horizontal scroll bar */

@media screen and (max-width:767.999px) {
    table {
        overflow-x: auto;
        display: block;
    }
}


/* Boxlinks*/

ul.boxlinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: auto auto;
    padding: 0;
    width: 100%;
    /* prevents ULs with less than three items from collapsing */
}

ul.boxlinks li {
    justify-content: center;
    flex: 1 0 100%;
}

ul.boxlinks li:before {
    content: '';
    padding-right: 0px;
}

.boxlinks a,
.boxlinkItem a {
    /* a div with boxlinkItem is a standalone box in the same style as a boxlink li */
    border: 1px solid #088099;
    color: #aa0000;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

#zoneA .boxlinks li {
    margin: 7px 7px 0 0;
}

#zoneB .boxlinks li,
#zonec .boxlinks li {
    flex: 0 1 100%;
    -webkit-flex-basis: 100%;
    margin-bottom: 15px;
}

#zoneB .boxlinks li a,
#zoneC .boxlinks li a {
    margin: 0;
}

.boxlinks li a:hover,
.boxlinks li a:focus,
x.boxlinks li:hover a,
x.boxlinks li:focus a,
x.boxlinkItem:hover a,
x.boxlinkItem:focus a,
.boxlinkItem a:hover,
.boxlinkItem a:focus {
    background: #088099;
    border: 1px solid #088099;
    color: #ffffff;
    text-decoration: underline;
}


/* -------------------------- readmore links -------------------------- */


/* on feature items, knowledge base, news */

.standardContent .readmore {
    text-align: right;
    text-transform: uppercase;
}

.standardContent .readmore:after {
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}

.standardContent .readmore a {
    color: #aa0000;
    text-decoration: none;
}

.standardContent .readmore a:hover,
.standardContent .readmore a:focus {
    text-decoration: underline;
}


/* -------------------------- Images -------------------------- */


/*If not available in CMS, classes to be added manually. */

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

img[src=""] {
    /* empty images don't get displayed */
    display: none;
}

.standardContent img {
    padding: 20px;
}

#zoneB .secondaryContent .standardContent img {
    padding: 0 20px;
}

img.img-responsive {
    margin: 0 auto;
}

#primaryContent .imageOnRight,
#primaryContent .imageOnRightWithBorder {
    float: right;
    margin: 10px 0 10px 10px;
}

#primaryContent .imageOnLeft,
#primaryContent .imageOnLeftWithBorder {
    float: left;
    margin: 10px 10px 10px 0;
}

#primaryContent .imageOnRightWithBorder,
#primaryContent .imageOnLeftWithBorder {
    border: 1px solid #f7f7f7;
}

.imageWrapper {
    text-align: center;
    display: block;
}

.imageWrapperLeft,
.imageWrapperleft,
.imageWrapperLEFT {
    float: left;
    margin: 15px 15px 15px 0;
    text-align: center;
    display: block;
}

.imageWrapperRight,
.imageWrapperright,
.imageWrapperRIGHT {
    float: right;
    margin: 15px 15px 15px 0;
    text-align: center;
    display: block;
}

.imageWrapper img {
    padding: 0;
}

.imageCaption {
    color: #666666;
    display: block;
}


/* ==========================================================================================================*/


/* ============================================ Content Types ===============================================*/


/* ==============================  Quotation Box (in Secondary Content)  ================================== */


/* Last revised 2/23/16 by Jason */


/* Output from migration, lives in SecondaryContent */


/* Quote, source, attribution */


/* entirely possible that this is defunct by now. */

#zoneB .quotationBox {
    color: #e3e3da;
    margin-bottom: 60px;
    padding: 20px 0 0 0;
    position: relative;
}

#zoneB .quotationBox .fas {
    position: absolute;
    z-index: 1;
}

#zoneB .quotationBox .closing {
    margin-top: -15px;
    right: 0;
}

#zoneB .quotationBox p {
    /* ::REQUIRED:: actual quote, sans the source or other information */
    color: #04899d;
    font-size: 14px;
    padding: 40px 10px 0px 10px;
    margin: 0;
    position: relative;
    z-index: 2;
}

#zoneB .quotationBox cite {
    color: #04899d;
}

#zoneB .quotationBox cite .quotationSource {
    /* ::REQUIRED:: source of the quote, sans other information */
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 50px 0 0 25px;
}

#zoneB .quotationBox cite .quotationAffiliation {
    display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    padding: 0 0 15px 25px;
}


/* =================================================================================  */


/* ===================================  Error Pages ================================  */


/* ================================================================================== */

#zoneA .errorWrapper {
    padding: 100px 8.333333333333%;
}

#zoneA .errorWrapper .standardContent {
    text-align: center;
}


/* ================================================================================= */


/* ================================== Campus Alert ================================= */


/* ================================================================================= */


/* Activated by publishing an alert in the "Campus Alert" section */


/* additional styles are defined in the "Critical Emergency Homepage" CSS below */


/* =============================== Alert page layout ================================ */

#layout2836 #pageContentWrapper {
    margin-top: 10px
}

.campusAlertFulltextWrapper {
    /* fulltext of articles */
    padding: 0 10px 10px 10px;
}

.campusAlertFulltext {
    border-top: 0;
}


/* below is exactly the same as the Quicklinks. */

#zoneB #topAlerts .topAlertsTitle {
    /* h3 */
    background-color: #aa0000;
    padding: 10px 0 10px 0;
    margin: 0px;
}

#zoneB #topAlerts .topAlertsTitle span {
    color: #ffffff;
    display: block;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 18px;
    padding: 10px;
    text-align: center;
}

#zoneB #topAlerts .arrow-red {
    /* wrapper for arrow*/
    left: initial;
    text-align: center;
}

#zoneB #topAlerts .arrow-red:before {
    /*arrow*/
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #aa0000;
    position: relative;
    top: 6px;
}

#zoneB #topAlerts .topAlertsContent {
    background: #ffffff;
    margin-bottom: 10px;
    padding: 10px;
}

#zoneB #topAlerts ul {
    margin-bottom: 10px;
    padding: 10px;
}

#zoneB #topAlerts ul li {
    display: table-row;
    line-height: 16px;
}

#zoneB #topAlerts ul li:before {
    font-family: 'seattle-u';
    content: 'b';
    color: #aa0000;
    padding-right: 5px;
    display: table-cell;
    position: relative;
    top: 2px;
}

#zoneB #topAlerts ul li a {
    color: #333333;
}

#zoneB #topAlerts ul li a:hover {
    color: #aa0000;
}

#zoneB #topAlerts ul li em {
    color: #666666;
}


/* =============================== Alert banner ================================ */

#campusAlertWrapper h1 {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 30px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#campusAlertWrapper h1:before,
#campusAlertWrapper h1:after,
#campusAlertWrapper .moreLink:after {
    color: #ffffff;
    font-family: "seattle-u" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    speak: none;
    top: 3px;
}

#campusAlertWrapper h1:before {
    content: "b ";
}

#campusAlertWrapper h1:after {
    content: " a";
}

#campusAlertWrapper h1 a {
    color: #ffffff;
    text-decoration: none;
}

#campusAlertWrapper h1 a:hover,
#campusAlertWrapper h1 a:focus {
    text-decoration: underline;
}

#campusAlertWrapper p a {
    text-decoration: underline;
    color: #ffffff;
}

#campusAlertWrapper p {
    font-size: 14px;
    line-height: 23px;
}

#campusAlertWrapper .moreLink {
    display: inline-block;
    background-color: #ffffff;
    font-family: 'Roboto Slab';
    font-size: 16px;
    text-transform: uppercase;
}

#campusAlertWrapper .moreLink a {
    border: 1px solid #333333;
    color: #333333;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
}

#campusAlertWrapper .moreLink a:after {
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}

#campusAlertWrapper .moreLink a:hover {
    background-color: #333333;
    border: 1px solid #ffffff;
    color: #fdb913;
    text-decoration: none;
}

#campusAlertWrapper .moreLink a:hover:after {
    color: #ffffff;
}


/* button style adjustments for advisory and informational buttons*/

#campusAlertWrapper.alertAdvisory .moreLink a,
#campusAlertWrapper.alertInformational .moreLink a {}

#campusAlertWrapper.alertAdvisory .moreLink a:hover,
#campusAlertWrapper.alertInformational .moreLink a:hover {}

#campusAlertWrapper.alertAdvisory .moreLink a:after,
#campusAlertWrapper.alertInformational .moreLink a:after {}

#campusAlertWrapper.alertAdvisory .moreLink a:hover:after,
#campusAlertWrapper.alertInformational .moreLink a:after:hover,
#campusAlertWrapper.alertSubtle .moreLink a:after:hover {
    color: #ffffff;
}


/* ====================================================================================================*/


/* ============================================== Footer ==============================================*/


/* ====================================================================================================*/

footer {
    position: relative;
    background: #333333 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNzQ5LjQ2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWF4WU1heCBtZWV0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzRiNGI0YjsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICBzdHJva2Utd2lkdGg6IDNweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPlNVX1ZlY3Rvci1Bc3NldHM8L3RpdGxlPgogIDxnPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTM5LjcyLDEzMS40OHMtMTcuNDIsOTIuNjYtMTcuNDIsMTQ0UzEyOS45NSw0MjQuODcsMTM2LDQ2OS45YzguMzIsNjEuNDUsMjEuNjgsMjczLjUzLDIxLjY4LDI3OC44MyIvPgogICAgPGxpbmUgY2xhc3M9ImNscy0xIiB5MT0iOTIuNCIgeDI9IjIwMCIgeTI9IjkyLjQiLz4KICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjE1LjYzIiB5MT0iMTExLjIiIHgyPSIxODQuMzciIHkyPSIxMTEuMiIvPgogICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxNC43MiA5MS42OSAxNC43MiA3NC41NyAxODUuMjggNzQuNTcgMTg1LjI4IDkxLjY5Ii8+CiAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMzMuMzMiIHkxPSI0MC42NCIgeDI9IjY2LjY3IiB5Mj0iNDAuNjQiLz4KICAgIDxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNzMuNTEgNTAuMTEgNzMuNTEgMzAuMjcgMTI2LjQ5IDMwLjI3IDEyNi40OSA1MC42OSIvPgogICAgPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTAwIiB5MT0iMzAuMTEiIHgyPSIxMDAiIHkyPSItMTAuOTQiLz4KICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjIwLjkxIiB5MT0iOTMuNDUiIHgyPSIyMC45MSIgeTI9IjExMC44NCIvPgogICAgPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNTIuOTEiIHkxPSI5NC43IiB4Mj0iNTIuOTEiIHkyPSIxMTAuODQiLz4KICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjE4MC45MiIgeTE9IjExMS4yIiB4Mj0iMTgwLjkyIiB5Mj0iOTIuOTkiLz4KICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9Ijg0LjkyIiB5MT0iOTQuNyIgeDI9Ijg0LjkyIiB5Mj0iMTEwLjg0Ii8+CiAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMTYuOTIiIHkxPSI5NC43IiB4Mj0iMTE2LjkyIiB5Mj0iMTEwLjg0Ii8+CiAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNDguOTIiIHkxPSI5NC43IiB4Mj0iMTQ4LjkyIiB5Mj0iMTEwLjg0Ii8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02Mi4xMSwxMzEuNDhzMTcuNDIsOTIuNjYsMTcuNDIsMTQ0UzcxLjg5LDQyNC44Nyw2NS43OSw0NjkuOWMtOC4zMiw2MS40NS0yMS42OCwyNzMuNTMtMjEuNjgsMjc4LjgzIi8+CiAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMDAuOTIiIHkxPSIxMzUuODYiIHgyPSIxMDAuOTIiIHkyPSI3NDguNzMiLz4KICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjQ0LjEyIiB5MT0iNzQ4LjczIiB4Mj0iMTU3LjcyIiB5Mj0iNzQ4LjczIi8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xODAuOTIsMTExcy0xOC42NSwyNC4zNC04MCwyNC4zNC04MC0yNC4zNC04MC0yNC4zNCIvPgogICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxNC43MiA3NC41NyA3MC43MyA1MC42OSAxMDAgNTAuNjkgMTI5LjI3IDUwLjY5IDE4NS4yOCA3NC41NyIvPgogIDwvZz4KPC9zdmc+") top right no-repeat;
}

@media (max-width:767.999px) {
    footer {
        background-position: 250%;
    }
}

footer #footerInner {
    padding: 90px 0;
}

body.advertising footer #footerInner {
    padding: 30px 0;
}

footer .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 60px 0 0px;
    border-color: #fdb913 transparent transparent transparent;
    position: absolute;
    top: -15px;
}

footer h4,
footer span {
    color: #fdb913;
    display: inline-block;
    font-size: 20px;
    margin: 0;
    padding: 0 0 10px 0;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    footer h4,
    footer span {
        margin: 0 0 15px 0;
        padding: 0;
    }
}


/* ----------- Dept and address + contact -------------- */

footer #organization {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

@media screen and (max-width: 991.98px) {
    /* xs */
    footer #organization {
        margin-bottom: 30px;
        text-align: center;
    }
    footer #organization img {
        /* su logo */
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    footer #organization img {
        /* su logo */
        max-width: 66%;
        margin: 0;
    }
}

body.advertising footer #organization img {
    display: none
}

body.advertising footer #organization .name {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
}

footer #organization .name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
}

footer #organization a,
footer #organization a:visited {
    color: #ffffff;
    text-decoration: none;
}

footer #organization a:hover,
footer #organization a:focus {
    color: #fdb913;
    text-decoration: none;
}

footer #organization address {
    line-height: inherit;
    margin-bottom: 0;
}

footer #organization address span {
    color: #fff;
    font-size: 14px;
}

footer #organization .phone a,
footer #organization .email a,
footer #organization .url a {
    text-decoration: underline;
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    footer #organization .phone a {
        cursor: text;
        text-decoration: none;
    }
    footer #organization .phone a:hover,
    footer #organization .phone a:active {
        color: inherit;
    }
}


/* ----------- footer nav links ------------- */

footer .footerLinks {
    color: #cccccc;
}

footer .footerLinks ul {
    list-style-type: none;
    margin: 2rem 0;
    padding: 0;
}

@media (max-width:767.999px) {
    footer .footerLinks ul {
        margin-bottom: 30px;
    }
}

footer .footerLinks li {
    padding-bottom: 15px;
}

footer .footerLinks a {
    color: #b3b3b3;
    font-size: 14px;
    text-decoration: none;
}

footer .footerLinks a:hover,
footer .footerLinks a:focus {
    color: #ffffff;
    text-decoration: none;
}

@media (max-width:767.999px) {
    #footerLinksEssentials {
        text-align: right;
    }
}


/* -------- Social media links ----------- */

@media (max-width:767.999px) {
    #footerSocialMediaLinks {
        text-align: right;
    }
}

footer #footerSocialMediaLinks .social {
    margin: 0;
    padding: 0;
}

footer #footerSocialMediaLinks span.footerSocialMediaLinks {
    margin-bottom: 32px;
}

footer #footerSocialMediaLinks .social li {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 0;
}

footer #footerSocialMediaLinks .social a {
    color: #cccccc;
    transition: all 0.2s ease;
}

footer #footerSocialMediaLinks .social span {
    color: #ccc;
}

footer #footerSocialMediaLinks .social a:hover,
footer #footerSocialMediaLinks .social a:focus {
    color: #ffffff;
}


/* -------- CTA Links ----------- */

#footerCallToActionLinks {
    margin-top: 30px;
}

#footerCallToActionLinks li::marker {
    content: none;
    display: none;
}


/* @media (max-width:767.999px) {
    #footerCallToActionLinks {
        margin-top: 0;
    }
    #footerCallToActionLinks li {
        margin-bottom: 20px;
    }
} */

@media (max-width:991.98px) {
    #footerCallToActionLinks {
        margin: 2rem;
    }
    #footerCallToActionLinks li {
        margin-bottom: 20px;
    }
}

#footerCallToActionLinks a {
    background: #333333;
    border: 2px solid #088099;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 100%;
}

#footerCallToActionLinks a:active,
#footerCallToActionLinks a:hover,
#footerCallToActionLinks a:focus {
    text-decoration: none;
    background: #088099;
}


/* ----------- Sub-footer ------------  */


/* Includes terms of service, privacy, copyright and feedback */

#subfooterWrapper {
    background-color: #000000;
    color: #b3b3b3;
    font-size: 12px;
}

#subfooter a,
#subfooter a:visited {
    color: #b3b3b3;
    padding: 0 .5rem;
    text-decoration: underline;
}

#subfooter a:focus,
#subfooter a:hover,
#subfooter a:focus,
#subfooter a:focus {
    color: #ffffff;
}


/* #subfooter #subfooterLinks {
    float: right;
}

#subfooter #subfooterCopyright {
    float: left;
} */


/*
#subfooter #subfooterLinks{
  text-align:left;  
}
#subfooter #subfooterCopyright{ 
  text-align:center;  
  padding-left:0;
}
#subfooter #subfooterFeedback{ 
  text-align:right; 
  padding-right:0;
}
*/


/* ================================================================================= */


/* ================================== Overrides ==================================== */


/* ================================================================================= */


/* Fix problems and inconsistencies created by content editors. */

font {
    color: #333333;
}


/* control for customized text colors */

u,
span[style="text-decoration:underline"] {
    text-decoration: none !important;
}


/* control for underlined text that'll be confused with links */

h1 strong,
h2 strong,
h3 strong {
    font-weight: normal;
}


/* control for extra bolded headers */

body span.MsoHyperlink {
    text-decoration: none;
}


/* override MSWord copy-ins */

.fancybox-inner {
    /* Fancybox adds an inline "overflow: scroll;" to itself regardless of the content's size. This removes it. */
    overflow: hidden;
}

body>img {
    /* this protects against tracking pixel placements adding extra spaced outside the normal content wrappers */
    display: none;
}


/* ===========================  SVG  ================================= */

svg.arrow.circle {
    width: 1.5em;
    position: relative;
    top: .45em;
    left: .25em;
}

svg.arrow.circle.red {
    stroke: #aa0000;
}

svg.arrow.circle.orange {
    stroke: #ef4135;
}

svg.arrow.circle.yellow {
    stroke: #fdb913;
}

svg.arrow.circle.green {
    stroke: #55b31b;
}

svg.arrow.circle.emerald {
    stroke: #008765;
}

svg.arrow.circle.dark-green {
    stroke: #124a12;
}

svg.arrow.circle.blue {
    stroke: #04a9c5;
}

svg.arrow.circle.navy {
    stroke: #003282;
}


/* ================================================================================= */


/* =========================== Links with Arrow Circles ============================ */


/* ================================================================================= */


/* 11/8/17 Aubrey */

a.RedArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNhYTAwMDAiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjYWEwMDAwIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2FhMDAwMCIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNhYTAwMDAiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjYWEwMDAwIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.RedArrowCircle:hover,
a.RedArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNhYTAwMDAiIGZpbGw9IiNhYTAwMDAiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.OrangeArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNlZjQxMzUiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZWY0MTM1IiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2VmNDEzNSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNlZjQxMzUiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZWY0MTM1IiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.OrangeArrowCircle:hover,
a.OrangeArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNlZjQxMzUiIGZpbGw9IiNlZjQxMzUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.GoldArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZGI5MTMiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmRiOTEzIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZkYjkxMyIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZGI5MTMiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmRiOTEzIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.GoldArrowCircle:hover,
a.GoldArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZGI5MTMiIGZpbGw9IiNmZGI5MTMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.GreenArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiM1NWIzMWIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjNTViMzFiIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzU1YjMxYiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiM1NWIzMWIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjNTViMzFiIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.GreenArrowCircle:hover,
a.GreenArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiM1NWIzMWIiIGZpbGw9IiM1NWIzMWIiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.EmeraldArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDg3NjUiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDA4NzY1IiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzAwODc2NSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDg3NjUiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDA4NzY1IiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.EmeraldArrowCircle:hover,
a.EmeraldArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDg3NjUiIGZpbGw9IiMwMDg3NjUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.LightBlueArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzA0ODk5ZCIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwNDg5OWQiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogICAgPGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.DarkBlueArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDMyODIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDAzMjgyIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzAwMzI4MiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDMyODIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDAzMjgyIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.DarkBlueArrowCircle:hover,
a.DarkBlueArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDMyODIiIGZpbGw9IiMwMDMyODIiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}

a.BlackArrowCircle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMzMzMzMzMiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMzMzMzMzIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzMzMzMzMyIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMzMzMzMzMiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMzMzMzMzIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 20px 35px 20px 0;
}

a.BlackArrowCircle:hover,
a.BlackArrowCircle:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMzMzMzMzMiIGZpbGw9IiMzMzMzMzMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}


/* ==========================================================================================
   ===== Accordion ===== Content Type #4931 =================================================
   ==========================================================================================
   Last edited 04/24/20 by Aubrey   
*/

.accordionWrapper {}

.accordionWrapper h2.accordionTitle {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    padding-top: 1rem;
    margin-bottom: 25px;
}

.accordionItemList {
    background-color: #f7f7f7;
    margin-bottom: 0;
    margin-left: 4px;
    padding: 0;
    max-width: 1170px;
    margin: 0 auto;
}

.accordionWrapper .accordionItem {
    clear: left;
    margin-left: -4px;
    padding: 10px 0;
}

.accordionWrapper .accordionItemHeader {
    border-left: 4px solid #04a9c5;
    height: auto;
}

.accordionWrapper .accordionItemHeaderButton {
    height: auto;
    /* position: relative; */
    display: flex;
    align-items: center;
}

.accordionWrapper .accordionItemHeaderButton:hover,
.accordionWrapper .accordionItemHeaderButton:focus {
    text-decoration: none;
}

.accordionWrapper .accordionItemStatus {
    display: inline-block;
    height: 50px;
    position: relative;
    width: 50px;
}

.accordionWrapper .accordionItemStatus .accordionItemStatusDash1 {
    background-color: #04a9c5;
    height: 3px;
    left: 15px;
    position: absolute;
    top: 24px;
    width: 17px;
}

.accordionWrapper .accordionItemStatus .accordionItemStatusDash2 {
    background-color: #04a9c5;
    height: 17px;
    left: 22px;
    position: absolute;
    top: 17px;
    width: 3px;
}

.accordionWrapper h3.accordionItemHeaderButtonTitle {
    color: #aa0000;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0px 0 0 0;
    text-transform: uppercase;
    margin-right: 15px;
}

.accordionWrapper .accordionItemInfo {
    padding: 0 60px 0 54px;
}

.accordionItemHeaderButton[aria-expanded="true"] .accordionItemStatusDash2 {
    display: none;
}

.accordionItemHeaderButton[aria-expanded="false"] .accordionItemStatusDash2 {
    display: block;
}

.accordionWrapper .accordionItemHeader:focus h3 {
    text-decoration: underline !important;
}


/* ==========================================================================================
   ===== Advising Planning Resources for Degrees ===== Content Type: #362 =================== 
   ==========================================================================================
   Table with degree information and links to plans, courses and catalog
   Last revised 11/22/18 by Jason   
*/

.degreeResourcesWrapper {}

.degreeResources h2 {
    margin-bottom: 0;
}

.degreeResources p {
    color: #aa0000;
    margin-bottom: 10px;
}

.degreeResources .credits {
    color: #333333;
}

.degreeResources .degreelinks {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    /* prevents ULs with less than three items from collapsing */
}

@media (min-width: 768px) and (max-width: 979px) {
    #zoneA .degreeResources .degreelinks {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #zoneA .degreeResources .degreelinks {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    /* xs */
    #zoneA .degreeResources .degreelinks {
        margin-bottom: 0;
    }
}

#zoneA .degreeResources .degreelinks li {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 15px 0 0;
}

@media (max-width: 991px) {
    /* xs and sm */
    #zoneA.col-xs-12 .degreeResources .degreelinks li {
        /* when zoneB AND ZoneC are present */
    }
}

@media (min-width: 992px) {
    /* md and lg */
}

#zoneA .degreeResources .degreelinks li:before {
    content: none;
}

#zoneA .degreeResources .degreelinks .btn {
    background-color: #f7f7f7;
    border: 1px solid #333333;
    border-radius: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    text-align: center;
}

@media (max-width: 767px) {
    #zoneA .degreeResources .degreelinks .btn {
        margin-bottom: 10px;
    }
}

#zoneA .degreeResources .degreelinks a {
    color: #333333;
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 1.4rem;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

#zoneA .degreeResources .degreelinks a:hover span,
#zoneA .degreeResources .degreelinks a:focus span {
    color: #aa0000;
    text-decoration: none;
}

#zoneA .degreeResources .degreelinks .btn a .fa,
#zoneA .degreeResources .degreelinks .btn a .far,
#zoneA .degreeResources .degreelinks .btn a .fas {
    background: #333333;
    color: #fdb913;
    font-size: 1.8rem;
    padding: .4em;
}

#zoneA .degreeResources .degreelinks .btn a:hover .far,
#zoneA .degreeResources .degreelinks .btn a:focus .far,
#zoneA .degreeResources .degreelinks .btn a:hover .fas,
#zoneA .degreeResources .degreelinks .btn a:focus .fas,
#zoneA .degreeResources .degreelinks .btn a:hover .fa,
#zoneA .degreeResources .degreelinks .btn a:focus .fa {
    background: #aa0000;
    color: #ffffff;
}

#zoneA .degreeResources .degreelinks .btn a span {
    display: inline-block;
    padding: .3em .5em;
}


/* ==========================================================================================
   ===== Albers Mentor List ===== Content Type: #364 ======================================== 
   ==========================================================================================
   Information about Albers Mentors, output by an Organizer with fulltext.
   Last revised 11/14/17 by Max   
*/

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    .mentorSummaryWrapper {
        min-height: 23em;
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    .mentorSummaryWrapper {
        min-height: 20.5em;
    }
}

.mentorSummary {
    padding: 0;
    border: none;
}

.mentorSummary h3 {
    margin-top: 10px;
    padding: 0;
}

.mentorSummary p {
    line-height: 1.6rem;
}


/* ----- fulltext ----- */

.mentorBioWrapper {
    border-top: 0;
    margin: 10px;
    margin-top: 0;
}

.mentorBioPhoto {
    border: 1px solid #f7f7f7;
    float: right;
    max-width: 300px;
}


/* ==========================================================================================
   =====  Audio  =====  Content Type #177  ================================================== 
   ==========================================================================================
   MP3 or other file from media library, uses broswer's HTML5 audio tool.
   refer to: https://codepen.io/joe-watkins/pen/BCEbg
   Last revised 11/2/17 by Isaac   
*/

.audioItemWrapper {}

.audioItemWrapper h2 {
    margin-top: 0;
}

.audioItem audio {
    width: 100%;
}

[aria-pressed="true"] {
    background: #f7f7f7;
    border: 2px solid #aa0000;
}

[aria-pressed="false"] {
    border: 2px solid #333333;
}

.audioCtrl:focus,
.audioCtrl:hover {
    background: #f7f7f7;
    border: 2px solid #aa0000;
}

.visuallyHidden {
    clip: rect(0 0 0 0);
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
}


/* ==========================================================================================
   =====  Back To Top  =====  Content Type #5024  =========================================== 
   ==========================================================================================
   Adds Back to Top link and page progress bar to DOM in Zone A. Shows at bottom of the page
   Last revised 12/13/19 by Jason   
*/

.backToTopLink {
    bottom: 40px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 9999;
    will-change: scroll-position;
}

.backToTopLink #backToTopLink {
    background-color: #aa0000;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    padding: 2rem;
    text-transform: uppercase;
}

#backToTopLink:hover,
#backToTopLink:focus {
    text-decoration: underline;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    #subfooterLinks {
        padding-bottom: 8px;
        /* make room for progress bar */
    }
}

.progressContainerWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.progressContainerWrapper .progressContainer {
    width: 100%;
    height: 8px;
    background: #ccc;
}

.progressContainerWrapper .progressBar {
    height: 8px;
    background: #088099;
    width: 0%;
}


/* ========================================================================================== 
   ===== Blog Post ===== Content Type #208 ================================================== 
   ==========================================================================================
   Long form text with fulltext layouts
   Last revised 11/3/17 by Jason  
*/


/* ---------- Blog Posts in the organizer ---------------- */

.blogItemWrapper {}

.blogItem {
    clear: both;
}

.blogItem h2 {
    margin-bottom: 0;
}

.blogItem .postedBy {
    font-style: italic;
    margin-bottom: 15px;
}


/* ---------- Blog Posts in Fulltext #zoneA---------------- */

.blogEntryWrapper {}

.blogEntryTitle {
    clear: both;
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 4.8rem;
    hyphens: auto;
    line-height: 100%;
    margin: 0;
    overflow-wrap: break-word;
    padding: 30px 15px 30px 0;
    text-transform: uppercase;
    word-wrap: break-word;
}

.blogEntry {
    margin-left: 0;
    /* Aligns text to left if screen is larger than max-width*/
}

.blogEntryWrapper .postedBy {
    font-style: italic;
    padding: 0 0 15px 0;
}

.blogEntry img {
    /* only works if not overridden in the post */
    margin: 10px;
    float: left;
}


/* ---------- Blog Latest Entries ---------------- */


/* list of latest entries. Renders on subpage for blogs in zone B */


/* last updated 10/03/18 by Aubrey */

.blogLatestEntriesWrapper {
    margin-bottom: 30px;
}

.blogLatestEntries {
    border-top: 1px solid #088099;
    border-left: none;
    padding-top: 0;
}

#zoneA .blogLatestEntries {
    border-top: 1px solid #088099;
    padding-top: 2rem;
}

#zoneB .blogLatestEntries {
    border-left: 1px solid #088099;
    border-top: none;
}

.blogLatestEntries h3 {
    /* h3 */
    color: #aa0000;
    font-size: 2.4rem;
    margin: 0px;
    padding: 10px 2rem;
}

#zoneB .blogLatestEntries h3 {
    font-size: 1.8rem;
}

.blogLatestEntries h3 span {
    display: block;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
}

.blogLatestEntries ul {
    margin: 0;
}

.blogLatestEntries li {
    display: list-item;
    font-size: 1.6rem;
    line-height: 1.6;
}

.blogLatestEntries li a {
    color: #333333;
    display: block;
    line-height: 1.5;
    padding: 10px 2rem;
    text-decoration: none;
}

.blogLatestEntries li a:hover .latestEntryTitle {
    color: #aa0000;
    text-decoration: underline;
}

.blogLatestEntries li a .latestEntryTitle {
    display: block;
    font-weight: 500;
}

.blogLatestEntries li a .publishDate {
    display: block;
    font-style: italic;
}

.blogLatestEntries li a:hover .publishDate {
    text-decoration: none;
}

.blogLatestEntriesWrapper .viewAll {
    padding: 15px;
    text-align: right;
}

.blogLatestEntriesWrapper .viewAll a {
    color: #aa0000;
    text-transform: uppercase;
}

.blogLatestEntriesWrapper .viewAll a:after {
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}

.blogLatestEntriesWrapper .viewAll a:after:hover {
    text-decoration: none;
}


/* ========================================================================================== 
   ===== Blog with Image ===== Content Type #5557 ================================================== 
   ==========================================================================================
   Hybrid design from News, Blog and Knowledge Base content types utilizing Bootstrap Card
   Optional Image, external link and credits
   Last revised 7/1/2021 by Victor
*/


/* ---------- Blog Posts in the organizer ---------------- */

.newsItemWrapper .externalLink a {
    color: #088099;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}

.newsItemWrapper .externalLink a:hover {
    text-decoration: underline;
}

.newsItemWrapper .standardContent img.card-img {
    padding: 0;
}

@media screen and (max-width: 991.99px) {
    .newsItemWrapper.card {
        padding-right: 15px;
    }
    .articleSummary.card-body {
        padding-top: 1rem;
    }
}


/* ---------- Blog Posts in Fulltext #zoneA---------------- */

.newsArticleWrapper.card {
    margin: 1rem;
    padding: 1rem;
}

#pageContentWrapper .newsArticleWrapper .card-header h1#pageTitle {
    font-size: 4rem;
    hyphens: none;
    margin: 0 0 2rem 0;
    padding: 0;
}

.newsArticleWrapper .standardContent .card-body h2.articleCaption {
    margin: 2rem 0;
}

.newsArticleWrapper .standardContent .card-body p {
    line-height: 1.5;
    margin: 0;
}

.newsArticleWrapper .standardContent .card-body p.credits {
    font-weight: 500;
}

.newsArticleWrapper .standardContent .card-body .publishDetails {
    margin: 1rem 0;
}

.newsArticleWrapper .standardContent .card-body p.externalLink a {
    color: #088099;
    font-weight: 500;
    text-decoration: none;
}

.newsArticleWrapper .standardContent .card-body p.externalLink a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767.999px) {
    #pageContentWrapper .newsArticleWrapper .card-header h1#pageTitle {
        font-size: 2rem;
    }
    .newsArticleWrapper .standardContent .card-body h2.articleCaption {
        font-size: 1.75rem;
    }
}


/* ==========================================================================================
   ===== Box Navigation ===== Content Type: #4932 ============================================== 
   ==========================================================================================
   Set of boxes with an icon and link for navigation to other sections.
   Last revised 12/12/19 by Jason   
*/

.navigationBoxesWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 60px;
}

.navigationBoxesWrapper .navigationBoxes {
    align-items: stretch;
    display: flex;
    flex: 1;
    flex-direction: row;
    font-family: "montserrat", sans-serif;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    width: 0;
}

.navigationBoxesWrapper a.navigationBox {
    flex-basis: calc(33.333% - 15px);
    margin-bottom: 15px;
    padding: 15px;
    transition: all 0.2s ease;
}

.navigationBoxesWrapper a.navigationBox:hover,
.navigationBoxesWrapper a.navigationBox:focus,
.navigationBoxesWrapper a.navigationBox:active {
    text-decoration: none;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .navigationBoxesWrapper a.navigationBox {
        padding: 15px 5px;
    }
    #zoneA.col-xs-12 a.navigationBox {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    #zoneA.col-sm-8 .activeboxes3 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-sm-8 .activeboxes4 a.navigationBox {
        flex-basis: calc(50% - 10px);
    }
    #zoneA.col-sm-8 .activeboxes5 a.navigationBox {
        flex-basis: calc(50% - 10px);
    }
    #zoneA.col-sm-8 .activeboxes6 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-sm-8 .activeboxes7 a.navigationBox {
        flex-basis: calc(50% - 10px);
    }
    #zoneA.col-sm-8 .activeboxes8 a.navigationBox {
        flex-basis: calc(50% - 15px);
    }
    #zoneA.col-sm-8 .activeboxes9 a.navigationBox {
        flex-basis: calc(33.333% - 15px);
    }
    #zoneA.col-sm-12 .activeboxes3 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes4 a.navigationBox {
        flex-basis: calc(50% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes5 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes6 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes7 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes8 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-sm-12 .activeboxes9 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    #zoneA.col-md-6 .activeboxes3 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-6 .activeboxes4 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-6 .activeboxes5 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-6 .activeboxes6 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-6 .activeboxes7 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-6 .activeboxes8 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-6 .activeboxes9 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-9 .activeboxes3 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-9 .activeboxes4 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-9 .activeboxes5 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-9 .activeboxes6 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-9 .activeboxes7 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-9 .activeboxes8 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-9 .activeboxes9 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-12 .activeboxes3 a.navigationBox {
        flex-basis: calc(33.333% - 10px);
    }
    #zoneA.col-md-12 .activeboxes4 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-12 .activeboxes5 a.navigationBox {
        flex-basis: calc(20% - 10px);
    }
    #zoneA.col-md-12 .activeboxes6 a.navigationBox {
        flex-basis: calc(16.667% - 10px);
    }
    #zoneA.col-md-12 .activeboxes7 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-12 .activeboxes8 a.navigationBox {
        flex-basis: calc(25% - 10px);
    }
    #zoneA.col-md-12 .activeboxes9 a.navigationBox {
        flex-basis: calc(16.667% - 10px);
    }
}

.navigationBoxesWrapper .navigationBoxIcon {
    font-size: 6rem;
    padding-bottom: 15px
}

x.navigationBoxesWrapper .navigationBoxIconSpan {
    /* if FA isbroken, typoed, or blank, put in a star icon */
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
}

x.navigationBoxIconSpan:before {
    content: "\f005";
    /* fa-star - the default in case an icon reference is omitted */
}

.navigationBoxesWrapper .navigationBox h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 2.2rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.navigationBoxesWrapper .colorRed a {
    color: #aa0000;
    border: 1px solid #aa0000;
}

.navigationBoxesWrapper .colorOrange a {
    color: #ef4135;
    border: 1px solid #ef4135;
}

.navigationBoxesWrapper .colorGold a {
    color: #fdb913;
    border: 1px solid #fdb913;
}

.navigationBoxesWrapper .colorGreen a {
    color: #55b31b;
    border: 1px solid #55b31b;
}


/*85,179,27*/

.navigationBoxesWrapper .colorDarkGreen a {
    color: #124a12;
    border: 1px solid #124a12;
}

.navigationBoxesWrapper .colorDarkBlue a {
    color: #003282;
    border: 1px solid #003282;
}

.navigationBoxesWrapper .colorLightBlue a {
    color: #088099;
    border: 1px solid #088099;
}

.navigationBoxesWrapper .colorEmerald a {
    color: #008765;
    border: 1px solid #008765;
}

.navigationBoxesWrapper .colorBrown a {
    color: #807060;
    border: 1px solid #807060;
}

.navigationBoxesWrapper .colorBlack a {
    color: #333333;
    border: 1px solid #333333;
}

.navigationBoxesWrapper .colorWhite a {
    color: #ffffff;
    border: 1px solid #333333;
}

.navigationBoxesWrapper .colorInvertedRed a {
    background-color: #aa0000;
    border: 1px solid #aa0000;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedOrange a {
    background-color: #ef4135;
    border: 1px solid #ef4135;
    color: #ffffff;
    text-shadow: 1px 1px #E22012;
}

.navigationBoxesWrapper .colorInvertedGold a {
    background-color: #fdb913;
    border: 1px solid #fdb913;
    color: #333333;
}

.navigationBoxesWrapper .colorInvertedGreen a {
    background-color: #55b31b;
    border: 1px solid #55b31b;
    color: #333333;
}


/*85,179,27*/

.navigationBoxesWrapper .colorInvertedDarkGreen a {
    background-color: #124a12;
    border: 1px solid #124a12;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedDarkBlue a {
    background-color: #003282;
    border: 1px solid #003282;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedLightBlue a {
    background-color: #088099;
    border: 1px solid #088099;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedEmerald a {
    background-color: #008765;
    border: 1px solid #008765;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedBrown a {
    background-color: #807060;
    border: 1px solid #807060;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedBlack a {
    background-color: #333333;
    border: 1px solid #333333;
    color: #ffffff;
}

.navigationBoxesWrapper .colorInvertedWhite a {
    background-color: #ffffff;
    border: 1px solid #333333;
    color: #333333;
}

.navigationBoxesWrapper .colorRed a:hover,
.navigationBoxesWrapper .colorRed a:focus,
.navigationBoxesWrapper .colorRed a:active {
    background-color: #aa0000;
    color: #ffffff;
}

.navigationBoxesWrapper .colorOrange a:hover,
.navigationBoxesWrapper .colorOrange a:focus,
.navigationBoxesWrapper .colorOrange a:active {
    background-color: #ef4135;
    color: #ffffff;
}

.navigationBoxesWrapper .colorGold a:hover,
.navigationBoxesWrapper .colorGold a:focus,
.navigationBoxesWrapper .colorGold a:active {
    background-color: #fdb913;
    color: #333333;
}

.navigationBoxesWrapper .colorGreen a:hover,
.navigationBoxesWrapper .colorGreen a:focus,
.navigationBoxesWrapper .colorGreen a:active {
    background-color: #55c31b;
    color: #000000;
}


/* to keep enough contrast */

.navigationBoxesWrapper .colorDarkGreen a:hover,
.navigationBoxesWrapper .colorDarkGreen a:focus,
.navigationBoxesWrapper .colorDarkGreen a:active {
    background-color: #124a12;
    color: #ffffff;
}

.navigationBoxesWrapper .colorDarkBlue a:hover,
.navigationBoxesWrapper .colorDarkBlue a:focus,
.navigationBoxesWrapper .colorDarkBlue a:active {
    background-color: #003282;
    color: #ffffff;
}

.navigationBoxesWrapper .colorLightBlue a:hover,
.navigationBoxesWrapper .colorLightBlue a:focus,
.navigationBoxesWrapper .colorLightBlue a:active {
    background-color: #088099;
    color: #ffffff;
}

.navigationBoxesWrapper .colorEmerald a:hover,
.navigationBoxesWrapper .colorEmerald a:focus,
.navigationBoxesWrapper .colorEmerald a:active {
    background-color: #008765;
    color: #ffffff;
}

.navigationBoxesWrapper .colorBrown a:hover,
.navigationBoxesWrapper .colorBrown a:focus,
.navigationBoxesWrapper .colorBrown a:active {
    background-color: #807060;
    color: #ffffff;
}

.navigationBoxesWrapper .colorBlack a:hover,
.navigationBoxesWrapper .colorBlack a:focus,
.navigationBoxesWrapper .colorBlack a:active {
    background-color: #333333;
    color: #ffffff;
}

.navigationBoxesWrapper .colorWhite a:hover,
.navigationBoxesWrapper .colorWhite a:focus,
.navigationBoxesWrapper .colorWhite a:active {
    background-color: #ffffff;
    color: #333333;
}

.navigationBoxesWrapper .colorInvertedRed a:hover,
.navigationBoxesWrapper .colorInvertedRed a:focus,
.navigationBoxesWrapper .colorInvertedRed a:active {
    background-color: #ffffff;
    color: #aa0000;
}

.navigationBoxesWrapper .colorInvertedOrange a:hover,
.navigationBoxesWrapper .colorInvertedOrange a:focus,
.navigationBoxesWrapper .colorInvertedOrange:active {
    background-color: #ffffff;
    color: #ef4135;
}

.navigationBoxesWrapper .colorInvertedGold a:hover,
.navigationBoxesWrapper .colorInvertedGold a:focus,
.navigationBoxesWrapper .colorInvertedGold:active {
    background-color: #333333;
    color: #fdb913;
}

.navigationBoxesWrapper .colorInvertedGreen a:hover,
.navigationBoxesWrapper .colorInvertedGreen a:focus,
.navigationBoxesWrapper .colorInvertedGreen:active {
    background-color: #000000;
    color: #55c31b;
}

.navigationBoxesWrapper .colorInvertedDarkGreen a:hover,
.navigationBoxesWrapper .colorInvertedDarkGreen a:focus,
.navigationBoxesWrapper .colorInvertedDarkGreen:active {
    background-color: #ffffff;
    color: #124a12;
}

.navigationBoxesWrapper .colorInvertedDarkBlue a:hover,
.navigationBoxesWrapper .colorInvertedDarkBlue a:focus,
.navigationBoxesWrapper .colorInvertedDarkBlue:active {
    background-color: #ffffff;
    color: #003282;
}

.navigationBoxesWrapper .colorInvertedLightBlue a:hover,
.navigationBoxesWrapper .colorInvertedLightBlue a:focus,
.navigationBoxesWrapper .colorInvertedLightBlue:active {
    background-color: #ffffff;
    color: #088099;
}

.navigationBoxesWrapper .colorInvertedEmerald a:hover,
.navigationBoxesWrapper .colorInvertedEmerald a:focus,
.navigationBoxesWrapper .colorInvertedEmerald:active {
    background-color: #ffffff;
    color: #008765;
}

.navigationBoxesWrapper .colorInvertedBrown a:hover,
.navigationBoxesWrapper .colorInvertedBrown a:focus,
.navigationBoxesWrapper .colorInvertedBrown:active {
    background-color: #ffffff;
    color: #807060;
}

.navigationBoxesWrapper .colorInvertedBlack a:hover,
.navigationBoxesWrapper .colorInvertedBlack a:focus,
.navigationBoxesWrapper .colorInvertedBlack:active {
    background-color: #ffffff;
    color: #333333;
}

.navigationBoxesWrapper .colorInvertedWhite a:hover,
.navigationBoxesWrapper .colorInvertedWhite a:focus,
.navigationBoxesWrapper .colorInvertedWhite:active {
    background-color: #cccccc;
    color: #333333;
}


/* ==========================================================================================
   ===== Call to Action Feature ===== Content Type #4899 ==================================== 
   ==========================================================================================
   Last revised 11/30/17 by Jason 
*/

.callToActionWrapper {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 0;
}


/*background has to be rgba for alpha values
Converter here: https://www.webpagefx.com/web-design/hex-to-rgb/
*/

.callToActionOverlay {
    background: rgba(247, 247, 247, 0.75);
    /*Default white*/
    width: 100%;
    margin: auto auto;
}

.callToActionWrapper .callToActionOverlayColorGold {
    background: rgba(253, 185, 19, 0.75);
}

.callToActionWrapper .callToActionOverlayColorDarkBlue {
    background: rgba(0, 50, 130, 0.75);
}

.callToActionWrapper .callToActionOverlayColorGreen {
    background: rgba(85, 179, 27, 0.75);
}

.callToActionWrapper .callToActionOverlayColorEmerald {
    background: rgba(0, 135, 101, 0.75);
}

.callToActionWrapper .callToActionOverlayColorDarkGreen {
    background: rgba(18, 74, 18, 0.75);
}

.callToActionWrapper .callToActionOverlayColorLightBlue {
    background: rgba(4, 169, 197, 0.75);
}

.callToActionWrapper .callToActionOverlayColorOrange {
    background: rgba(239, 65, 53, 0.75);
}

.callToActionWrapper .callToActionOverlayColorRed {
    background: rgba(170, 0, 0, 0.75);
}

.callToActionWrapper .callToActionOverlayColorBrown {
    background: rgba(128, 112, 96, 0.75);
}

.callToActionWrapper .callToActionOverlayColorBlack {
    background: rgba(51, 51, 51, 0.75);
}

.callToAction {
    margin: auto auto;
    max-width: 1170px;
    padding: 30px;
}

.callToActionWrapper h2 {
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

@media screen and (min-width:992px) {
    #zoneA .callToActionWrapper h2 {
        font-size: 4.5rem;
    }
}

.callToActionWrapper h2.callToActionHeaderColorGold {
    color: #fdb913;
}

.callToActionWrapper h2.callToActionHeaderColorDarkBlue {
    color: #003282;
}

.callToActionWrapper h2.callToActionHeaderColorEmerald {
    color: #008765;
}

.callToActionWrapper h2.callToActionHeaderColorGreen {
    color: #55b31b;
}

.callToActionWrapper h2.callToActionHeaderColorDarkGreen {
    color: #124a12;
}

.callToActionWrapper h2.callToActionHeaderColorLightBlue {
    color: #088099;
}

.callToActionWrapper h2.callToActionHeaderColorOrange {
    color: #ef4135;
}

.callToActionWrapper h2.callToActionHeaderColorRed {
    color: #aa0000;
}

.callToActionWrapper h2.callToActionHeaderColorBrown {
    color: #807060;
}

.callToActionWrapper h2.callToActionHeaderColorBlack {
    color: #333333;
}

.callToActionButtonWrapper {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

.callToActionButton {
    background-color: #f7f7f7;
    display: flex;
    flex: 0 1 100%;
    justify-content: center;
    margin: 15px 0 0 0;
    text-align: center;
}


/* Flex Grid Queries [FOR ZONE A]*/

@media screen and (min-width: 1200px) {
    /*Large Displays*/
    #zoneA.col-md-12 .callToActionWrapper .callToActionButton {
        /* No Side Bars */
        flex-basis: calc(25% - 7px);
    }
    #pageContentWrapper.container-fluid #zoneA.col-md-12 .callToAction {
        padding: 60px 0;
    }
    #zoneA.col-md-9 .callToActionWrapper .callToActionButton {
        /* 1 Side Bar */
        flex-basis: calc(25% - 7px);
    }
    #zoneA.col-md-6 .callToActionWrapper .callToActionButton {
        /* 2 Side Bars */
        flex-basis: calc(50% - 7px);
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    /*Medium Displays*/
    #zoneA.col-md-12 .callToActionWrapper .callToActionButton {
        /* No Side Bars */
        flex-basis: calc(25% - 7px);
    }
    #pageContentWrapper #zoneA.col-md-9 .callToActionWrapper .callToActionButton {
        /* 1 Side Bar */
        flex-basis: calc(50% - 7px);
    }
    #pageContentWrapper #zoneA.col-md-6 .callToActionWrapper .callToActionButton {
        /* 2 Side Bars */
        flex-basis: 100%;
    }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
    /*Small Displays*/
    #pageContentWrapper #zoneA.col-sm-12 .callToActionWrapper .callToActionButton {
        /* No Side Bars */
        flex-basis: calc(50% - 7px);
    }
    #pageContentWrapper #zoneA.col-sm-8 .callToActionWrapper .callToActionButton {
        /* 1 Side Bar */
        flex-basis: 100%;
    }
}

@media screen and (max-width: 767px) {
    /*Extra Small Displays*/
    .callToActionButton {
        /* Side Bars Irrelevant*/
        flex-basis: 100%;
    }
}

.callToActionButton a {
    background-color: #f7f7f7;
    color: #aa0000;
    display: inline-block;
    font-size: 1.8rem;
    height: 100%;
    line-height: 2.4rem;
    padding: 15px 45px 15px 15px;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: top;
}

.callToActionButton a:after {
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iIzA0ODk5ZCIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwNDg5OWQiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogICAgPGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iMzUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjMDQ4OTlkIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 25px;
    content: ' ';
    display: block;
    height: 25px;
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    /* 12px is ~50% of its height) to vertically center it */
    width: 25px;
}

.callToActionButton a:hover {
    color: #088099;
    text-decoration: underline;
}

.callToActionButton a:hover:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCI+CiAgICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSIzNSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwNDg5OWQiIGZpbGw9IiMwNDg5OWQiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==");
}


/* ==========================================================================================
   ===== Call to Action Links ===== Content Type #4943 and #4944 ============================ 
   ==========================================================================================
   Three pre-defined links to Apply, Request Info and Visit for Grad and Undergrad
   Last revised 12/12/17 by Jason   
*/

.callToActionLinksWrapper {}


/* ========================================================================================== 
   ===== Campus Alert System ===== Content Type #4128 ======================================= 
   ==========================================================================================
   Adds banner on top of page for use in a campus emergency or other time when notification is required. 
   Last revised ? 11/27/17 by Jason
*/


/* =============================== Alert banner ================================ */


/* appears on top of all pages in the  div.emergencynotice */

.emergencynotice .notice {
    opacity: 1 !important;
    display: block !important;
}

.emergencynotice .container {
    position: relative;
    padding: 30px 15px;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .emergencynotice .container {
        position: relative;
        padding: 30px 60px 30px 30px;
    }
}

.emergencynotice .alertCritical {
    background-color: #aa0000;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .05) 10px, rgba(0, 0, 0, .05) 20px);
    color: #ffffff;
}

.emergencynotice .alertAdvisory {
    background: #fdb913;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(170, 0, 0, .05) 10px, rgba(170, 0, 0, .05) 20px);
    color: #ffffff;
}

.emergencynotice .alertInformational {
    background: #55b31b;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .05) 10px, rgba(0, 0, 0, .05) 20px);
    color: #ffffff;
}

.emergencynotice .alertSubtle {
    background: #088099;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .05) 10px, rgba(0, 0, 0, .05) 20px);
    color: #ffffff;
}

.emergencynotice h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 3.2rem;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.emergencynotice h2:before {
    content: "b ";
}

.emergencynotice h2:after {
    content: " a";
}

.emergencynotice h2:before,
.emergencynotice h2:after {
    font-family: "seattle-u" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    speak: none;
    top: 3px;
}

.emergencynotice .alertCritical h2:before,
.emergencynotice .alertCritical h2:after {
    color: #fdb913;
}

.emergencynotice .alertAdvisory h2:before,
.emergencynotice .alertAdvisory h2:after {
    color: #aa0000;
}

.emergencynotice .alertInformational h2:before,
.emergencynotice .alertInformational h2:after {
    color: #fdb913;
}

.emergencynotice p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.emergencynotice .alertAdvisory p,
.emergencynotice .alertAdvisory p {
    color: #333333;
}

.emergencynotice .moreLink {
    background-color: #ffffff;
    color: #333333;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.emergencynotice .moreLink a {
    border: 1px solid #333333;
    color: #aa0000;
    display: inline-block;
    font-weight: 700;
    padding: 5px 30px;
    text-decoration: none;
}

.emergencynotice .moreLink a:hover {
    background-color: #333333;
    border: 1px solid #f7f7f7;
    color: #fdb913;
    text-decoration: none;
}

.emergencynotice .fa {
    /* close button */
    border: 2px solid #f7f7f7;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 35px;
    /* to align with h2 */
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .emergencynotice .fa {
        right: 30px;
        /* add space to click on mobile */
    }
}

.notice.closed {
    display: block !important;
    transition: opacity 500ms ease-out, max-height 500ms ease-out !important;
    max-height: 0 !important;
    opacity: 0 !important;
}

.notice.closed .container .fa {
    display: none !important;
}

.notice.closed .container a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: padding 500ms ease-out !important;
    max-height: 0 !important;
}


/* =============================== Alert page layout ================================ */

#layout2836 #pageContentWrapper {
    margin-top: 10px
}

.campusAlertFulltextWrapper {
    /* fulltext of articles */
    padding: 0 10px 10px 10px;
}

.campusAlertFulltext {
    border-top: 0;
}


/* below is exactly the same as the Quicklinks. */

#zoneB #topAlerts .topAlertsTitle {
    /* h3 */
    background-color: #aa0000;
    padding: 10px 0 10px 0;
    margin: 0px;
}

#zoneB #topAlerts .topAlertsTitle span {
    color: #ffffff;
    display: block;
    font-family: 'Roboto Slab', serif;
    font-size: 2rem;
    padding: 10px;
    text-align: center;
}

#zoneB #topAlerts .topAlertsContent {
    background: #f7f7f7;
    margin-bottom: 10px;
    padding: 10px;
}

#zoneB #topAlerts ul {
    margin-bottom: 10px;
    padding: 10px;
}

#zoneB #topAlerts ul li {
    display: table-row;
    line-height: 16px;
}

#zoneB #topAlerts ul li:before {
    font-family: 'seattle-u';
    content: 'b';
    color: #aa0000;
    padding-right: 5px;
    display: table-cell;
    position: relative;
    top: 2px;
}

#zoneB #topAlerts ul li a {
    color: #333333;
}

#zoneB #topAlerts ul li a:hover {
    color: #aa0000;
}

#zoneB #topAlerts ul li em {
    color: #333333;
}


/* ==========================================================================================
   ===== Card ===== Content Type #5135 =================================================
   ==========================================================================================
   Last edited 04/10/19 by Jason   
*/

#zoneA .cardsWrapper {
    margin-bottom: 60px;
}

.cardsWrapper .cards {
    display: flex;
    justify-content: space-between;
}

.cardsWrapper .card {
    align-items: stretch;
    flex: 1 1 0;
    padding: 0 15px 0 15px;
}

.cardsWrapper .card a.cardLink {
    display: block;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cardsWrapper .card a.cardLink .cardImage {
    background: #000000;
}

.cardsWrapper .card a.cardLink:hover img {
    opacity: .7;
}

.cardsWrapper .cardImage img {
    min-width: 100%;
    padding: 0;
    transition: all 0.2s ease;
}

.cardsWrapper .card h3 {
    margin: 1rem 0;
}

.cardsWrapper .cardButton {
    text-align: left;
}

.cardsWrapper .cardButton a {
    display: block;
    font-size: 1.6rem;
    padding-right: 4rem;
    text-decoration: none;
}

.cardsWrapper .cardButton a:hover,
.cardsWrapper .cardButton a:focus {
    text-decoration: underline;
}

.cardsWrapper .cardButton a:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOTEuNDQgMzMuMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkxLjQ0IDMzLjEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VGNDEzNTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1Mi44NCwyOS45MyA1NS41NywzMi43NCA3MC45OSwxOC4yOCA4My4xNSwxOC4yOCA3MC44OSwyOS45MyA3My42MywzMyA5MS4yNywxNi42NSA3My42MywwLjI4IAoJCTcwLjg5LDMuMDUgODMuMTYsMTQuMjggNzEsMTQuMjggNTUuNTcsMC4xMiA1Mi44NCwyLjk3IDY1LjExLDE0LjI4IDUyLjk1LDE0LjI4IDM3LjUyLDAuMTIgMzQuNzgsMi45NyA0Ny4wNSwxNC4yOCAwLjE3LDE0LjI4IAoJCTAuMTcsMTguMjggNDcuMDUsMTguMjggMzQuNzgsMjkuOTMgMzcuNTIsMzIuNzQgNTIuOTQsMTguMjggNjUuMSwxOC4yOCAJIi8+CjwvZz4KPC9zdmc+");
    font-weight: 400;
    width: 2.4rem;
    position: absolute;
    margin-left: 1rem;
}

.cardsWrapper .cardButton .btn-boxlink {
    padding: 0;
    width: 100%;
}

.cardsWrapper .btn-boxlink a {
    align-items: center;
    border: 1px solid #088099;
    bottom: 3rem;
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.cardsWrapper .btn-boxlink a:hover {
    background: #088099;
    border: 1px solid #088099;
    color: #ffffff;
    text-decoration: underline;
}

.cardsWrapper .cardLayout1234 .card {
    flex-basis: 25%;
}

.cardsWrapper .cardLayout123 .card {
    flex-basis: 33%;
}

.cardsWrapper .cardLayout12 .card {
    flex-basis: 50%;
}

.cardsWrapper .cardLayout1 .card {
    flex-basis: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    #zoneA .cardsWrapper .cards {
        flex-wrap: wrap;
    }
    #zoneA.col-sm-12 .cardsWrapper .cardLayout12 .card,
    #zoneA.col-md-12 .cardsWrapper .cardLayout12 .card,
    #zoneA.col-sm-9 .cardsWrapper .cardLayout12 .card,
    #zoneA.col-md-9 .cardsWrapper .cardLayout12 .card,
    #zoneA.col-sm-6 .cardsWrapper .cardLayout12 .card,
    #zoneA.col-md-6 .cardsWrapper .cardLayout12 .card {
        flex-basis: calc(50% - 7px);
    }
    #zoneA.col-sm-12 .cardsWrapper .cardLayout123 .card,
    #zoneA.col-md-12 .cardsWrapper .cardLayout123 .card,
    #zoneA.col-sm-9 .cardsWrapper .cardLayout123 .card,
    #zoneA.col-md-9 .cardsWrapper .cardLayout123 .card,
    #zoneA.col-sm-6 .cardsWrapper .cardLayout123 .card,
    #zoneA.col-md-6 .cardsWrapper .cardLayout123 .card {
        flex-basis: calc(33% - 7px);
    }
    #zoneA.col-sm-12 .cardsWrapper .cardLayout1234 .card,
    #zoneA.col-md-12 .cardsWrapper .cardLayout1234 .card,
    #zoneA.col-md-9 .cardsWrapper .cardLayout1234 .card {
        flex-basis: calc(25% - 7px);
    }
    #zoneA.col-sm-9 .cardsWrapper .cardLayout1234 .card,
    #zoneA.col-sm-6 .cardsWrapper .cardLayout1234 .card,
    #zoneA.col-md-6 .cardsWrapper .cardLayout1234 .card {
        flex-basis: calc(50% - 7px);
    }
    .cardsWrapper .cardButton .btn-boxlink {
        padding: 0;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .cardsWrapper .cards {
        display: block;
    }
    .cardsWrapper .card {
        margin-top: 60px;
    }
    .cardsWrapper .card .standardContent {
        padding: 0;
    }
    .cardsWrapper .cardButton .btn-boxlink {
        padding: 0;
    }
}


/* ==========================================================================================
   ===== Carousel ===== Content Type #4117 ================================================== 
   ==========================================================================================
   Last revised 1/17/18 by Isaac   
*/

#carousel .slick-prev {
    left: 10px !important;
    z-index: 500;
}

#carousel .slick-prev::before {
    left: -6px;
}

#carousel .slick-next {
    right: 10px !important;
    z-index: 500;
}

#carousel .slick-next::before {
    right: -6px;
}

#carousel .slick-arrow {
    background-color: white;
    height: 15px;
    width: 10px;
}

#carousel .slick-arrow::before {
    font-size: 23px;
    top: -3px;
    position: absolute;
    opacity: 1;
}


/* ==== DOTS AND ARROW COLOR CLASSES ==== */

.Black .slick-arrow::before {
    color: #333333;
}

.Black .slick-dots li button::before {
    color: #333333;
}

.White .slick-arrow {
    background-color: #333333 !important;
    /* Change inset of color to black for white arrows */
}

.White .slick-arrow::before {
    color: #f7f7f7;
}

.White .slick-dots {
    background-color: #333333;
}

.White .slick-dots li button::before {
    color: #f7f7f7;
}

.Brown .slick-arrow::before {
    color: #807060;
}

.Brown .slick-dots li button::before {
    color: #807060;
}

.Green .slick-arrow::before {
    color: #55b31b;
}

.Green .slick-dots li button::before {
    color: #55b31b;
}

.LightBlue .slick-arrow::before {
    color: #04a9c5;
}

.LightBlue .slick-dots li button::before {
    color: #04a9c5;
}

.DarkBlue .slick-arrow::before {
    color: #003282;
}

.DarkBlue .slick-dots li button::before {
    color: #003282;
}

.DarkGreen .slick-arrow::before {
    color: #142a12;
}

.DarkGreen .slick-dots li button::before {
    color: #142a12;
}

.DarkGreen .slick-arrow::before {
    color: #142a12;
}

.DarkGreen .slick-dots li button::before {
    color: #142a12;
}

.Emerald .slick-arrow::before {
    color: #008765;
}

.Emerald .slick-dots li button::before {
    color: #008765;
}

.Gold .slick-arrow::before {
    color: #fdb913;
}

.Gold .slick-dots li button::before {
    color: #fdb913;
}

.Orange .slick-arrow::before {
    color: #EF4135;
}

.Orange .slick-dots li button::before {
    color: #EF4135;
}

.Red .slick-arrow::before {
    color: #aa0000;
}

.Red .slick-dots li button::before {
    color: #aa0000;
}


/* ==========================================================================================
   ===== Code Only ===== Content Types #247, #245, #73, #226, #373 ========================== 
   ==========================================================================================
   Code only content types
   Last revised 12/13/17 by Jason   
*/

.codeZoneAWrapper iframe,
.codeZoneBWrapper iframe,
.codeZoneCWrapper iframe {
    max-width: 100%;
}


/* ==========================================================================================
   ===== Color Navigation Boxes ===== Content Type #775 ===================================== 
   ==========================================================================================
   Set of up to six branded color boxes for high profile links in the Topzone
   https://alistapart.com/article/quantity-queries-for-css
   Last revised 11/14/17 by Max   
*/

.colorButtonWrapper {
    display: flex;
    flex-wrap: wrap;
    /*margin: 10px 0; Changed to add spacing beween topzone and content*/
    margin: 0 0 30px 0;
}

.colorButton {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-family: "montserrat", sans-serif;
    justify-content: center;
    text-align: center;
    padding: 30px 15px;
    width: 0;
}

@media (max-width: 767px) {
    .colorButton {
        flex-basis: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .colorButton:nth-last-child(n+6),
    .colorButton:nth-last-child(n+6)~a {
        flex-basis: 33%;
    }
    /*if 6 (or more) items, the flexbasis changes to 33%   doc: https://alistapart.com/article/quantity-queries-for-css*/
}

.colorButtonRed {
    background-color: #aa0000;
    color: #ffffff;
}

.colorButtonOrange {
    background-color: #ef4135;
    color: #ffffff;
    text-shadow: 1px 1px #E22012;
}

.colorButtonGold {
    background-color: #fdb913;
    color: #333333;
}

.colorButtonGreen {
    background-color: #55b31b;
    color: #333333;
}


/*85,179,27*/

.colorButtonDarkGreen {
    background-color: #124a12;
    color: #ffffff;
}

.colorButtonDarkBlue {
    background-color: #003282;
    color: #ffffff;
}

.colorButtonLightBlue {
    background-color: #088099;
    color: #ffffff;
}

.colorButtonEmerald {
    background-color: #008765;
    color: #ffffff;
}

.colorButtonBrown {
    background-color: #807060;
    color: #ffffff;
}

.colorButtonBlack {
    background-color: #333333;
    color: #ffffff;
}

.colorButtonWhite {
    background-color: #f7f7f7;
    color: #333333;
}

.colorButton:hover {
    text-decoration: none;
}


/* these are all brand colors with a 30% drop in brightness */

.colorButtonRed:hover,
.colorButtonRed:focus,
.colorButtonRed:active {
    background-color: #8e0000;
    color: #ffffff;
}

.colorButtonOrange:hover,
.colorButtonOrange:focus,
.colorButtonOrange:active {
    background-color: #dc362c;
    color: #ffffff;
}

.colorButtonGold:hover,
.colorButtonGold:focus,
.colorButtonGold:active {
    background-color: #f99c10;
    color: #333333;
}

.colorButtonGreen:hover,
.colorButtonGreen:focus,
.colorButtonGreen:active {
    background-color: #469616;
    color: #1D1D1D;
}


/* to keep enough contrast */

.colorButtonDarkGreen:hover,
.colorButtonDarkGreen:focus,
.colorButtonDarkGreen:active {
    background-color: #0f3d0f;
    color: #ffffff;
}

.colorButtonDarkBlue:hover,
.colorButtonDarkBlue:focus,
.colorButtonDarkBlue:active {
    background-color: #00296c;
    color: #ffffff;
}

.colorButtonLightBlue:hover,
.colorButtonLightBlue:focus,
.colorButtonLightBlue:active {
    background-color: #076a7f;
    color: #ffffff;
}

.colorButtonEmerald:hover,
.colorButtonEmerald:focus,
.colorButtonEmerald:active {
    background-color: #007054;
    color: #ffffff;
}

.colorButtonBrown:hover,
.colorButtonBrown:focus,
.colorButtonBrown:active {
    background-color: #6a5d4f;
    color: #ffffff;
}

.colorButtonBlack:hover,
.colorButtonBlack:focus,
.colorButtonBlack:active {
    background-color: #2a2a2a;
    color: #ffffff;
}

.colorButtonWhite:hover,
.colorButtonWhite:focus,
.colorButtonWhite:active {
    background-color: #cccccc;
    color: #333333;
}

.colorButton h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 2.2rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.colorButton p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin: 0;
    padding-top: 10px;
}


/* ==========================================================================================
   ===== Contact Box ===== Content Type #4900 =============================================== 
   ==========================================================================================
   One, two or three bits of contact information
   Last revised 6/7/19 by Jason   
*/

.contactBoxWrapper {
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    /*padding:30px by max, moved to each box*/
    text-align: center;
}

.contactBoxWrapper.contactBoxColorGold {
    background-color: #fdb913;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorBlack {
    background-color: #333333;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorDarkBlue {
    background-color: #003282;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorGreen {
    background-color: #55b31b;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorDarkGreen {
    background-color: #124a12;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorLightBlue {
    background-color: #088099;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorOrange {
    background-color: #ef4135;
    color: #ffffff;
    text-shadow: 1px 1px #E22012;
}

.contactBoxWrapper.contactBoxColorRed {
    background-color: #aa0000;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorWhite {
    background-color: #f7f7f7;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorEmerald {
    background-color: #008765;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorBrown {
    background-color: #807060;
    color: #ffffff;
}

.contactBoxWrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center;
    text-transform: uppercase;
}

.contactBoxColorGold h2,
.contactBoxColorGold h3,
.contactBoxColorGold p,
.contactBoxColorGold a,
.contactBoxColorGreen h2,
.contactBoxColorGreen h3,
.contactBoxColorGreen p,
.contactBoxColorGreen a,
.contactBoxColorWhite h2,
.contactBoxColorWhite h3,
.contactBoxColorWhite p,
.contactBoxColorWhite a {
    color: #333333;
}

.contactBoxColorRed h2,
.contactBoxColorRed h3,
.contactBoxColorRed p,
.contactBoxColorRed a {
    color: #ffffff;
}

.contactBoxColorOrange h2,
.contactBoxColorOrange h3,
.contactBoxColorOrange p,
.contactBoxColorOrange a {
    color: #ffffff;
}

.contactBoxColorDarkGreen h2,
.contactBoxColorDarkGreen h3,
.contactBoxColorDarkGreen p,
.contactBoxColorDarkGreen a {
    color: #ffffff;
}

.contactBoxColorDarkBlue h2,
.contactBoxColorDarkBlue h3,
.contactBoxColorDarkBlue p,
.contactBoxColorDarkBlue a {
    color: #ffffff;
}

.contactBoxColorLightBlue h2,
.contactBoxColorLightBlue h3,
.contactBoxColorLightBlue p,
.contactBoxColorLightBlue a {
    color: #ffffff;
}

.contactBoxColorTeal h2,
.contactBoxColorTeal h3,
.contactBoxColorTeal p,
.contactBoxColorTeal a {
    color: #ffffff;
}

.contactBoxColorBrown h2,
.contactBoxColorBrown h3,
.contactBoxColorBrown p,
.contactBoxColorBrown a {
    color: #ffffff;
}

.contactBoxColorBlack h2,
.contactBoxColorBlack h3,
.contactBoxColorBlack p,
.contactBoxColorBlack a {
    color: #ffffff;
}

.contactBoxColorWhite a:hover {
    color: #aa0000;
}

@media screen and (min-width: 768px) {
    #zoneA .contactBoxes {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        xmax-width: 1170px;
        width: 100%;
        /* prevents with less than three items from collapsing */
    }
}

.contactBoxes .contactBox {
    /*padding: 15px; 12/14/17 by max */
    padding: 10px;
    align-self: flex-start;
    margin: 0 auto;
}

#zoneA .contactBoxes[data-box-shown="show1-show2-show3"] .contactBox {
    flex-basis: 33%;
}

#zoneA .contactBoxes[data-box-shown="show1-show2"] .contactBox {
    flex-basis: 50%;
}

#zoneA .contactBoxes[data-box-shown="show1"] .contactBox {
    flex-basis: 100%;
}


/* Large Displays*/

@media (min-width: 1200px) {
    /* Only Zone A */
    #zoneA.col-md-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A and Zone B*/
    #zoneA.col-md-9 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A, Zone B, and Zone C*/
    #zoneA.col-md-6 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
}


/* Medium Displays*/

@media (min-width: 991px) and (max-width: 1200px) {
    /* Only Zone A */
    #zoneA.col-md-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A and Zone B*/
    #zoneA.col-md-9 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A, Zone B, and Zone C*/
    #zoneA.col-md-6 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 50% !important;
        margin: 0 auto;
    }
}


/* Small Displays*/

@media (min-width: 767px) and (max-width: 991px) {
    #zoneA.col-sm-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    #zoneA.col-sm-8 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 50% !important;
        margin: 0 auto;
    }
}


/* Extra Small Displays*/

@media (min-width: 450px) and (max-width: 767px) {
    .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 50% !important;
        margin: 0 auto;
    }
}


/* Extra Extra Small Displays*/

@media (max-width: 450px) {
    .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 100% !important;
    }
}

.contactBoxPhoto {
    margin: 20px auto;
    max-width: 220px;
    height: auto;
    /*width:220px;
  height:220px;  12-14-17 by max*/
    overflow: hidden;
}

.contactBoxPhoto img {
    /*display:block; 7-17-18 by Megan*/
    border-radius: 500px;
    width: inherit !important;
    /*height:220px;  12-14-17 by max*/
}

.contactBoxInfo {
    text-align: center;
}

.contactBoxInfo h3 {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    color: inherit;
}

.contactBoxInfo p {
    margin: 0;
    font-size: 1.6rem;
    color: inherit;
    word-wrap: break-word;
}

.contactBoxInfoEmail a {
    color: inherit;
    text-decoration: underline;
}

.contactBoxInfoEmail a:hover,
.contactBoxInfoEmail a:focus {
    filter: invert(100%);
}


/* ==========================================================================================
   ===== Content Jump Links ===== Content Type #5333 ================================================ 
   ==========================================================================================
   Links to other content in the section
   Last revised 1/22/20 by Jason   
*/

.contentJumpLinksWrapper {
    margin-bottom: 60px;
    overflow: auto;
    padding: 30px;
}

.contentJumpLinksWrapper .jumpLinksTitle {
    margin-top: 0;
}

.contentJumpLinksWrapper ol {
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
    padding: 15px 0;
    list-style-type: none;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.contentJumpLinksWrapper ol li {
    display: inline-block;
    padding: 0px 30px;
}

.contentJumpLinksWrapper ol li:before {
    display: inline;
}

.contentJumpLinksWrapper ol li a {
    text-decoration: none;
    text-transform: uppercase;
}

.contentJumpLinksWrapper ol li a:hover {
    color: #088099;
    text-decoration: underline;
}


/* hack to fix jump link issue */

a:not([href]) {
    display: block;
    position: relative;
    top: -167px;
    visibility: hidden;
}

@media (max-width:767.999px) {
    a:not([href]) {
        top: 0px;
    }
}


/* ========================================================================================== 
   ===== Critical Emergency Homepage ===== Content Type #229 ================================ 
   ==========================================================================================
   Content item for use in a critical campus emergency. Takes over the SU homepage for messaging.
   Last revised ? by Jason 
*/

#layout3250 #pageContentWrapper {
    margin-top: 10px;
}

.criticalUpdateWrapper {
    background: #f7f7f7;
    padding: 10px;
}

.criticalUpdate {
    padding: 60px;
}

.criticalUpdate h1 {
    font-family: "Roboto Slab", sans-serif;
    font-size: 3em;
    margin-top: 0;
}

.criticalUpdate p,
.criticalUpdate ul {
    font-size: 14px;
}

.criticalUpdate .date {
    color: #aa0000;
}


/* ----- black ----- */

.standardContentBlack {
    /* tweaks on .standardContent*/
    background: #333333;
    border: 0;
}

.standardContentBlack h1,
.standardContentBlack p,
.standardContentBlack ul {
    color: #ffffff;
}

.standardContentBlack .date {
    color: #fdb913;
}

.standardContentBlack p a,
.standardContentBlack p a:focus,
.standardContentBlack p a:hover {
    color: #fdb913;
}

.standardContentBlack ul li:before {
    color: #fdb913;
}


/* ----- red ----- */

.standardContentRed {
    /* tweaks on .standardContent*/
    background: #aa0000;
    border: 0;
}

.standardContentRed h1,
.standardContentRed p,
.standardContentRed p a,
.standardContentRed ul {
    color: #ffffff;
}

.standardContentBlack .date {
    color: #ffffff;
}

.standardContentRed p a,
.standardContentRed p a:focus,
.standardContentRed p a:hover {
    color: #fdb913;
}

.standardContentRed ul li:before {
    color: #fdb913;
}


/* ==========================================================================================
   ===== Curated Events ===== Content Type #236 and #237 ==================================== 
   ==========================================================================================
   creates special box in ZoneB using navigation object 369 to pull events in a specified section
   Last revised 10/3/18 by Aubrey   
*/

#zoneA .curatedEvents,
#zoneC .curatedEvents {
    border-top: 1px solid #088099;
    padding: 2rem;
}

#zoneB .curatedEvents {
    margin-bottom: 3rem;
    border-left: 1px solid #088099;
    padding-left: 2rem;
}

#zoneA .curatedEvents .curatedEventsTitle {
    padding: 0 0 10px;
}

.curatedEvents .curatedEventsTitle h3 {
    color: #aa0000;
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-transform: none;
}

#zoneB .curatedEvents .curatedEventsTitle h3,
#zoneC .curatedEvents .curatedEventsTitle h3 {
    font-size: 1.8rem;
}

#zoneA .curatedEvents .curatedEventsList,
#zoneC .curatedEvents .curatedEventsList {
    border-top: none;
}

#zoneB .curatedEvents .curatedEventsList {
    border-left: none;
    padding: 0px;
}

.curatedEvents .curatedEventsList li {
    line-height: 1.5;
    font-size: 1.6rem;
    padding: 0;
}

.curatedEvents .curatedEventsList h5 {
    margin-bottom: 2px;
    line-height: inherit;
    font-size: 1.6rem;
}

.curatedEvents .curatedEventsList a {
    color: #333;
}

.curatedEvents .curatedEventsList a:hover {
    color: #aa0000;
    text-decoration: underline;
}


/* ========================================================================================== 
   ===== Curated News ===== Content Type #235 =============================================== 
   ==========================================================================================
   News blurbs in zones B or C with photos, text, links to longer stories.
   Last revised 11/8/17 by Jason  
*/

#zoneB .curatedNewsWrapper {
    border-left: 1px solid #aa0000;
}

#zoneC .curatedNewsWrapper {
    border-right: 1px solid #aa0000;
}

.curatedNews .curatedNewsTitle {}

.curatedNews .curatedNewsTitle h3 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    text-align: center;
    text-transform: uppercase;
}

.curatedNews .curatedNewsList {
    font-size: 1.4rem;
    padding: 0 30px 30px 30px;
}

.curatedNews img {
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    max-width: 33.3333%;
    height: auto;
}

.curatedNews h4 {
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}

.curatedNews a {
    color: #aa0000;
    text-transform: uppercase;
    text-align: right;
}

.curatedNews a:after {
    font-family: 'seattle-u';
    content: ' b';
    font-size: 13px;
    text-transform: lowercase;
    top: 2px;
    position: relative;
}

.curatedNews li {
    margin: 20px 0;
}

.curatedNews li:first-child {
    margin-top: 5px;
}

.curatedNews li:last-child {
    margin-bottom: 5px;
}


/* ==========================================================================================
   ===== Department Contact Information ===== Content Type #194 ============================= 
   ==========================================================================================
   Output of content for the Office and Departmental directory. Render using an Organizer.
   Output for content in the footer is styles in the footer styles
   THis code taken from code content type in the Directory section. It's still there but needs to be cleaned up.
   Last revised 12/6/19 by Jason   
*/

.directoryInfoWrapper {
    margin: 0 15px;
}

.directoryInfoWrapper .directoryInfo {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 30px 0;
}

.directoryInfoWrapper .directoryInfo h3 {
    margin: 0;
}

.directoryInfoWrapper .directoryInfo h3 a:hover,
.directoryInfoWrapper .directoryInfo h3 a:focus {
    text-decoration: underline;
}

.directoryInfoWrapper .directoryInfo p {
    margin-bottom: 0;
}

.directoryInfoWrapper .directoryInfo .phone a {
    text-decoration: underline;
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    .directoryInfoWrapper .directoryInfo .phone a {
        cursor: text;
        text-decoration: none;
    }
    .directoryInfoWrapper .directoryInfo .phone a:hover,
    .directoryInfoWrapper .directoryInfo .phone a:focus,
    .directoryInfoWrapper .directoryInfo .phone a:active {
        color: inherit;
    }
}


/* ==========================================================================================
   ===== Dual column Content ===== Content Type #201 ======================================== 
   ==========================================================================================
   Two HTML blocks placed side-by-side
   Last revised 12/8/17 by Dozie
*/

.dualColumnWrapper {}

.dualColumn {}

@media screen and (max-width: 767.999px) {
    /* xs */
    .column1,
    .column2 {
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    /* sm + md + lg*/
    .column1 {
        padding-left: 0;
    }
    .column2 {
        padding-right: 0;
    }
}


/* ========================================================================================== 
   ===== Facebook Feed ===== Content Type #208 ============================================== 
   ==========================================================================================
   Feed from Facebook API
   Last revised 1/3/17 by Jason 
*/

.facebookFeedWrapper {}


/* ==========================================================================================
   ===== Faculty and Staff Bio ===== Content Type #203 ====================================== 
   ==========================================================================================
   Biographical information about a faculty or staff member with fulltext option.
   Last revised 20211112 Vic
*/


/* ------------------------------  Bio Box: text/html  ------------------------------  */

.staffBioBoxWrapper {
    margin: 30px 0;
}

.staffBioBox {}

.staffBioBox h3 {
    padding: 0;
    margin: 0;
}

.staffBioBox .staffBioInfo {
    /* wraps title, degree, email, phone, location */
}

.staffBioBox .Title,
.staffBioPageInfo .Title,
.staffBioBox .Degree,
.staffBioPageInfo .Degree,
.staffBioBox .Email,
.staffBioPageInfo .Email,
.staffBioBox .Phone,
.staffBioPageInfo .Phone,
.staffBioBox .Location,
.staffBioPageInfo .Location {
    margin-bottom: 0px;
}

.staffBioBox .Degree,
.staffBioPageInfo .Degree {
    font-style: italic;
}

.staffBioBox .Title,
.staffBioPageInfo .Title {
    color: #aa0000;
}

.staffBioBox .staffBioPhoto {
    /* img */
    float: right;
    max-width: 33.333333%;
    padding: 0;
}

.staffBioBox .staffBioPhoto1 {
    /* img */
    float: right;
    max-width: 33.333333%;
    padding: 0;
}

.staffBioBox .staffBioPhoto2 {
    /* img */
    float: right;
    max-width: 33.333333%;
    padding: 0;
}


/* ------------------------------  Staff Bio Page: text/fulltext  ------------------------------  */

.staffBioPage {
    margin: 0 30px;
}

.staffBioPageImage img {
    margin: 0 auto;
}

.staffBioPageImage {
    max-width: 33%;
    float: right;
    text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    .staffBioPageImage {
        width: 50%;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .staffBioPageImage {
        width: 100%;
    }
}

.staffBioPageImage img {
    padding: 15px;
}

.staffBioPageInfo .ExtendedBiography {
    padding-top: 30px;
}


/* ========================================================================================== 
   ===== Feature Content ===== Content Type #202 ============================================ 
   ==========================================================================================
   Heading with a image floated left or right and a paragraph. 
   Last revised 10/5/17 by Jason 
*/


/*
.featureItem .featureItemImage { - Changed because this class was being used on a span, not an img - Max 11/16/17 
*/

.featureItem .featureItemImage img {
    margin: 0 15px 15px 0px;
}

.featureItem p {
    margin-bottom: 0;
}


/* ==========================================================================================
   ===== Featured Curated Events ===== Content Type #4911 =================================== 
   ==========================================================================================
   creates featured box for curated events in ZoneA, including options for an image 
   background and color overlay
   Last revised 08/20/18 by Aubrey   
*/

.featuredCuratedEventsWrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding:90px;*/
    padding: 60px;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .featuredCuratedEventsWrapper {
        padding: 15px;
    }
}

.curatedEventsBoxRed {
    background-color: #aa0000;
}

.curatedEventsBoxOrange {
    background-color: #ef4135;
}

.curatedEventsBoxGold {
    background-color: #fdb913;
}

.curatedEventsBoxGreen {
    background-color: #55b31b;
}

.curatedEventsBoxEmerald {
    background-color: #008765;
}

.curatedEventsBoxLightBlue {
    background-color: #088099;
}

.curatedEventsBoxDarkBlue {
    background-color: #003282;
}

.curatedEventsBoxDarkGreen {
    background-color: #124a12;
}

.curatedEventsBoxBrown {
    background-color: #807060;
}

.curatedEventsBoxBlack {
    background-color: #333333;
}

.curatedEventsBoxWhite {
    background-color: #f7f7f7;
}

.featuredCuratedEvents {}

.featuredCuratedEventsWrapper .curatedEventsTitle h2 {
    color: #ffffff;
    font-family: "Roboto Slab", serif;
    xfont-weight: 700;
    letter-spacing: 2px;
    padding: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
}

.featuredCuratedEventsWrapper .curatedEventsList {
    background: #ffffff;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .featuredCuratedEventsWrapper .curatedEventsList {
        display: inherit;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem {
    background: #ffffff;
    display: flex;
    margin: 0 0 1px 0;
    padding: 30px;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .featuredCuratedEventsWrapper li.featuredCuratedEventItem {
        flex: 0 1 33%;
        flex-direction: column;
        padding: 30px 0;
    }
    .featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate {
        margin: 0 auto 15px;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate {
    border: 3px solid #fdb913;
    min-width: 7rem;
    height: 7rem;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    padding: .75rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateMonth {
    font-size: 2.2rem;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    line-height: 2rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateDay {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 2rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation a:hover {
    text-decoration: none;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
    color: #333333;
    padding: 0 30px;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
        text-align: center;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventDateAndTime {
    font-size: 1.4rem;
    font-weight: 500;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle {
    color: #aa0000;
    font-size: 1.8rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle a {
    color: #aa0000;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle a:hover,
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle a:focus {
    text-decoration: underline;
}

.featuredCuratedEventsError {
    color: #ff0000;
    font-size: 2.0em;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
}


/* ==========================================================================================
   ===== Featured Profile ===== Content Type #1936 ========================================== 
   ==========================================================================================
   Profile with name, affiliation, summary and photo.
   Last revised 10/9/17 by Jason
*/

.featuredProfileWrapper {
    background: #f7f7f7;
    color: #333333;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

.featuredProfileWrapper .featuredProfile {
    display: flex;
}

@media (max-width:767px) {
    .featuredProfileWrapper .featuredProfile {
        display: block;
    }
}

.featuredProfileWrapper .featuredProfilePhoto {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 0;
}

.featuredProfileWrapper .featuredProfileText {
    padding: 30px 30px 30px 30px;
}

@media (max-width:767px) {
    .featuredProfilePhoto {
        min-height: 450px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    /* sm */
    .featuredProfileWrapper .alignleft .featuredProfilePhoto {
        left: 50%;
    }
    .featuredProfileWrapper .alignleft .featuredProfileText {
        right: 50%;
    }
}

@media all and (min-width: 992px) {
    /* md and lg */
    .featuredProfileWrapper .alignleft .featuredProfilePhoto {
        left: 33.33333%;
    }
    .featuredProfileWrapper .alignleft .featuredProfileText {
        right: 66.66666%;
    }
}

.featuredProfileWrapper .featuredProfileType {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaWQiPgogICAgPHBhdGggZD0iTSAwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiAvPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 23%;
    background-position: right center;
    display: inline-block;
    font-size: 1.4rem;
    margin: 0 0 15px 0;
    padding-right: 50px;
}

.featuredProfileWrapper .featuredProfileName {
    color: #088099;
    margin: 0 0 15px 0;
}

.featuredProfileWrapper .featuredProfileAffiliation {
    margin-bottom: 30px;
}

.featuredProfileWrapper .featuredProfileAffiliation p {
    color: #088099;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.featuredProfileLink {
    padding: 0;
    text-align: center;
}

.featuredProfileLink a {
    border: 1px solid #088099;
    border-radius: 5px;
    color: #aa0000;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.featuredProfileLink a:hover {
    text-decoration: underline;
}


/* ==========================================================================================
   ===== Filter and Search Tool ===== Content Type #752 ===================================== 
   ==========================================================================================
   Javascript-based tool that searches text on page then hides nonrelevant results
   Last revised 3/8/18 by Jason 
*/

#filterFieldWrapper {}

#filterFieldWrapper {
    margin: 0;
}

#filterField {
    border-top: 0;
    padding: 15px 0 15px 0;
}

#filterField label {
    color: #333333;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0;
}

#filterField .form-group {
    margin-bottom: 15px;
}

#filterField .input-wrap {
    margin-top: 15px;
}

#filterField input[type="text"] {
    background-color: #f7f7f7;
    border: 1px solid #333333;
    border-radius: 0px;
    box-shadow: none;
    color: #333333;
    font-size: 1.5rem;
    height: inherit;
    padding: 10px 10px;
}

#filterField input[type="text"]:focus {
    border: 1px solid #088099;
}

#filterField input[type="button"]:focus {
    border: 1px solid #088099;
}

#filterField input[type="submit"]:focus {
    border: 1px solid #088099;
}

#filterField select {
    background-color: #f7f7f7;
    border: 1px solid #333333;
    border-radius: 0px;
    box-shadow: none;
    color: #333333;
    font-size: 1.5rem;
    padding: 10px 10px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 100%;
}

#filterField select:focus {
    border: 1px solid #088099;
}

.hideByTextbox,
.hideByDropdown {
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.noResultsToShow {
    padding: 30px 0px;
}


/* ==========================================================================================
   ===== Focus Box ===== Content Type #234 ================================================== 
   ==========================================================================================
   Text-based box in sidebar
   Last revised 12/11/17 by Jason
*/

.focusBoxWrapper {
    /*border-bottom: 2px solid #aa0000;*/
    margin-bottom: 20px;
}

#zoneA .focusBox {
    /* mobile only */
    padding: 15px 0;
    position: relative;
}

#zoneB .focusBox {
    background-color: #f7f7f7;
    position: relative;
}

#zoneC .focusBox {
    position: relative;
}

.focusBox .focusBoxTitle {
    background: #aa0000;
    color: #ffffff;
    /*background-color:#f7f7f7;*/
    color: #333333;
    padding: 30px 15px;
    text-align: center;
}

.focusBox .focusBoxTitle h3 {
    color: #ffffff;
    /*color: #333333;*/
    font-family: "Roboto Slab", serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.focusBox .focusBoxTitle h3 span {
    display: block;
    font-size: 1.4rem;
    padding: 10px 0;
}

.focusBox .focusBoxTitle .arrowleft,
.focusBox .focusBoxTitle .arrowright {
    position: relative;
    display: inline-block;
    width: 20%;
    border-top: 1px solid white;
    top: -4px;
    margin: 0;
}

.arrowleft:after,
.arrowright:after {
    background-repeat: no-repeat;
    color: #ffffff;
    content: "\00a0 ";
    position: absolute;
    top: -7px;
    font-size: 16px;
    font-style: normal;
}

.arrowleft:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDEuNzQycHgiIGhlaWdodD0iMjcuODI4cHgiIHZpZXdCb3g9IjM2LjA4NiAzODIuMDg2IDQxLjc0MiAyNy44MjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMzYuMDg2IDM4Mi4wODYgNDEuNzQyIDI3LjgyOCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTYyLjUsMzgzLjVMNzUsMzk2bC0xMi41LDEyLjUiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNNTAsMzgzLjVMNjIuNSwzOTZMNTAsNDA4LjUiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMzcuNSwzODMuNUw1MCwzOTZsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
    background-size: 20px;
    right: 0;
    width: 20px;
}

.arrowright:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDEuNzQycHgiIGhlaWdodD0iMjcuODI4cHgiIHZpZXdCb3g9IjAgMCA0MS43NDIgMjcuODI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MS43NDIgMjcuODI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMTQuNjIxLDI2LjQxNGwtMTIuNS0xMi41bDEyLjUtMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0yNy4xMjEsMjYuNDE0bC0xMi41LTEyLjVsMTIuNS0xMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTM5LjYyMSwyNi40MTRsLTEyLjUtMTIuNWwxMi41LTEyLjUiLz4NCjwvc3ZnPg0K");
    background-size: 20px;
    left: 0;
    width: 20px;
}


/*#zoneC .focusBox .focusBoxText{
 border-right: 2px solid #04a9c5;
}
#zoneB .focusBox .focusBoxText{
  border-left: 2px solid #04a9c5;
}*/

.focusBox .focusBoxText {
    background: #f7f7f7;
    padding: 15px;
}

.focusBox .focusBoxText p,
.focusBox .focusBoxText ul,
.focusBox .focusBoxText ol {
    margin-left: 0;
}


/* ==========================================================================================
   ===== Form Placeholder ===== Content Type: #238 ========================================== 
   ==========================================================================================
   Holds T4 form code.
   Last revised 2/3/16 by Jason   
*/

.formPlaceholder {
    /*padding: 60px 8.333333333333%;*/
}

.formPlaceholder .js-t4form-container .form-group {
    margin-bottom: 30px;
}

.formPlaceholder .js-t4form-container .form-group.list-options {
    margin-bottom: 0;
    /* same class gets applied to form group wrapper and the list items. this eliminates the duplicative margin */
}

.formPlaceholder .js-t4form-container .form-group.list-options .fieldValue:last-of-type {
    margin-bottom: 0;
    /* same class gets applied to form group wrapper and the list items. this eliminates the duplicative margin */
}

.formPlaceholder .js-t4form-container .control-label {
    /* labels on all elements*/
    border: 0;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 0;
}

.formPlaceholder .js-t4form-container .js-choice-label {
    font-weight: 500;
}

.formPlaceholder .js-t4form-container textarea.form-control {
    min-height: 9rem;
}

.formPlaceholder .form-group .btn-primary {
    color: #ffffff;
    background-color: #aa0000;
    border-color: #ffffff;
}

.formPlaceholder .form-group .btn-primary:hover,
.formPlaceholder .form-group .btn-primary:focus {
    color: #333333;
    background-color: #fdb913;
    border-color: #333333;
}

.formPlaceholder form {
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
}

.formPlaceholder form h2 {
    /* identical to standard content */
    color: #aa0000;
    clear: both;
    font-family: "Roboto Slab", serif;
    font-size: 3.2rem;
    font-weight: 400;
    margin: 30px 0 3px 0;
}

.formPlaceholder form h3 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 2.1rem;
    font-weight: 400;
    margin: 15px 0 3px 0;
}

.formPlaceholder form h4 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.8rem;
    margin: 8px 0 3px 0;
}

.formPlaceholder form h5 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 8px 0 3px 0;
}

.formPlaceholder .form-group input[type="text"],
.formPlaceholder .form-group input[type="email"],
.formPlaceholder .form-group input[type="tel"],
.formPlaceholder .form-group select,
.formPlaceholder .form-group textarea {
    background-color: #f7f7f7 !important;
    border: 1px solid #888888;
    border-radius: 0px !important;
    box-shadow: none;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    height: inherit;
    padding: 10px;
}

#zoneB .formPlaceholder .form-group input[type="text"],
#zoneC .formPlaceholder .form-group input[type="text"],
#zoneB .formPlaceholder .form-group input[type="email"],
#zoneC .formPlaceholder .form-group input[type="email"],
#zoneB .formPlaceholder .form-group input[type="tel"],
#zoneC formPlaceholder .form-group input[type="tel"],
#zoneB .formPlaceholder .form-group select,
#zoneC .formPlaceholder .form-group select,
#zoneB .formPlaceholder .form-group textarea,
#zoneC .formPlaceholder .form-group textarea {
    width: 100%;
}

.formPlaceholder form textarea {
    max-width: 100%;
    max-height: 100%
}

@media (min-width: 992px) {
    .formPlaceholder form .field-row {
        margin-bottom: 30px;
        margin-top: 15px
    }
    .formPlaceholder form .field-row:last-child {
        margin-bottom: 0
    }
}

.formPlaceholder form .input-wrap {
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .formPlaceholder form .input-wrap {
        margin-bottom: 0
    }
}

.formPlaceholder form .select-input {
    padding: 0;
    margin: 0;
    border: 1px solid #cccccc;
    border-radius: 0px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-position: right 10px center;
    background-repeat: no-repeat
}

.formPlaceholder form .select-input select {
    padding: 5px 10px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ""
}

.formPlaceholder form .select-style select:focus {
    outline: none
}

.formPlaceholder .js-t4form-container .form-control:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus {
    border-color: #088099;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 169, 197, 0.6);
}


/* when an error is detected on the forms, e.g. when a required field is empty */

.formPlaceholder .js-t4form-container .has-error .help-block,
.formPlaceholder .js-t4form-container .has-error .control-label,
.formPlaceholder .js-t4form-container .has-error .radio,
.formPlaceholder .js-t4form-container .has-error .checkbox,
.formPlaceholder .js-t4form-container .has-error .radio-inline,
.formPlaceholder .js-t4form-container .has-error .checkbox-inline,
.formPlaceholder .js-t4form-container .has-error.radio label,
.formPlaceholder .js-t4form-container .has-error.checkbox label,
.formPlaceholder .js-t4form-container .has-error.radio-inline label,
.formPlaceholder .js-t4form-container .has-error.checkbox-inline label {
    color: #aa0000;
}

.formPlaceholder .form-group .js-required {
    color: #aa0000;
}

@import url("https://us.formbank.us/client/public/css/bootstrap-datetimepicker.css");

/* added 10-11-18 by Jason */


/* ==========================================================================================
   ===== Give Button ===== Content Type #337 ================================================ 
   ==========================================================================================
   Button with link, designed to be extended for the capital campaign
   Last revised 11/14/17 by Max   
*/

.giveButtonWrapper {}

.giveButton .btn {
    /* override default bootstrap behavior that causes buttons to extend beyond defined columns */
    border-radius: 0;
    white-space: normal;
}

.giveButton .btn-attention {
    background-color: #f7f7f7;
    border-color: #088099;
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 1.8rem;
    text-decoration: none;
    text-transform: uppercase;
}

.giveButton .btn-attention:hover,
.giveButton .btn-attention:focus {
    background-color: #088099;
    border-color: #333333;
    color: #ffffff;
}


/* ==========================================================================================
   ===== Google CSE ====== Content Type #228 ================================================ 
   ==========================================================================================
   Google search bar used in site search. 
   Last revised 04/12/18 by Jason   
*/


/* ================================== Search Results =============================== */


/* used for Google site search on Search page*/

#zoneA .searchAreaWrapper .searchArea table td {
    padding: 0;
    border: none;
}

#zoneA .searchAreaWrapper .searchArea table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 0;
}

#zoneA .searchAreaWrapper .gsc-input-box {
    height: 4rem;
}

#zoneA .searchAreaWrapper .gsc-above-wrapper-area {
    /* wrapper for "About xxx results in xx seconds" */
    border: 0;
    padding: 0;
}

#zoneA .searchAreaWrapper .gsc-result-info {
    /* "About xxx results in xx seconds" text */
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0;
}

#zoneA .searchAreaWrapper .gsc-control-cse {
    font-family: "Montserrat", sans-serif;
    border: 0;
    background-color: inherit;
    padding: 0;
}

#zoneA .searchAreaWrapper .gsc-webResult.gsc-result.gsc-promotion {
    background: #ffffff;
    border: 0;
    border-left: 5px solid #fdb913;
    padding: 0 0 0 15px;
    margin: 15px 0;
}

#zoneA .searchAreaWrapper .gsc-table-result,
#zoneA .searchAreaWrapper .gsc-thumbnail-inside,
#zoneA .searchAreaWrapper .gsc-url-top {
    padding: 0;
}

#zoneA .searchAreaWrapper .gsc-table-result {
    font-family: "Montserrat", sans-serif;
}

#zoneA .searchAreaWrapper a.gs-title,
#zoneA .searchAreaWrapper a.gs-title b {
    font-weight: 700;
    color: #aa0000;
}

#zoneA .searchAreaWrapper a.gs-title:hover,
#zoneA .searchAreaWrapper a.gs-title:focus,
#zoneA .searchAreaWrapper a.gs-title:hover b,
#zoneA .searchAreaWrapper a.gs-title:focus b {
    color: #088099;
}

#zoneA .searchAreaWrapper .gs-webResult .gs-snippet,
#zoneA .searchAreaWrapper .gs-imageResult .gs-snippet,
#zoneA .searchAreaWrapper .gs-fileFormatType {
    color: #333333;
    font-weight: 500;
}

#zoneA .searchAreaWrapper .gsc-url-bottom {
    font-weight: 500;
}

#zoneA .searchAreaWrapper .gs-webResult div.gs-visibleUrl,
#zoneA .searchAreaWrapper .gs-imageResult div.gs-visibleUrl {
    color: #666666;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box {
    text-align: center;
    margin: 30px auto;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page {
    background: #ffffff;
    color: #aa0000;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-right: 30px;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 3rem;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:focus {
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 3rem;
    width: 3rem;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    background: #aa0000;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    line-height: 3rem;
    width: 3rem;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page:hover,
#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page:focus {
    text-decoration: none
}

#zoneA .searchAreaWrapper .gsc-table-result,
#zoneA .searchAreaWrapper .gsc-table-result td,
#zoneA .searchAreaWrapper .gsc-above-wrapper-area-container,
#zoneA .searchAreaWrapper .gsc-result-info-container {
    border: none !important;
}

.searchArea .gsc-search-box {
    xdisplay: none;
}

.searchAreaWrapper .gsc-input input {
    background: #ffffff !important;
    border: 1px solid #cccccc;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    line-height: calc(4rem - 2px);
    padding: 0 1rem !important;
}

.searchAreaWrapper .gsc-input input:active {
    /*border: 1px solid #aa0000;*/
    border: none;
    height: 24px;
}

.searchAreaWrapper .gsc-input input::placeholder {
    padding: 10px;
    font-size: 1.6rem;
    color: #595959;
    font-family: "Montserrat", sans-serif;
    line-height: 1.6rem;
    text-indent: 0;
}

.searchAreaWrapper .gsc-search-button input {
    background-color: #aa0000;
    border: none;
    color: #f7f7f7;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    height: 24px;
}

.searchAreaWrapper .gsc-search-button input:active {
    background-color: #088099;
    height: 24px;
}

.searchAreaWrapper .gsc-clear-button {
    display: none;
}

@media (max-width: 992px) {
    .searchArea {
        width: 90%;
        margin: 20px auto;
    }
}


/* ==========================================================================================
   ===== Graduate Program ===== Content Type: #548 ========================================== 
   ==========================================================================================
   Information about each degree. Deployed for .edu and for grad viewbook
   Last revised 6/7/19 by Jason   
*/

.graduateProgramWrapper {
    margin: 30px 0 0 0;
}

.graduateProgramWrapper h3 {
    margin: 0 0 5px 0;
}

.graduateProgramWrapper h3 .college {
    font-size: 1.6rem
}

.graduateProgramWrapper .programInformation {
    border-left: 3px solid #a00;
    color: #333333;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1.6rem;
}


/* ==========================================================================================
   ===== Image Panel ===== Content Type: #4932 ============================================== 
   ==========================================================================================
   Background image with overlayed text box. Ported to v9.css from gradviewbook
   Last revised 01/14/19 by Aubrey   
*/

.panelWrapper {
    position: relative;
}

.panelWrapper .panelFlexContainer {
    display: flex;
    float: right;
    width: 100%;
}

@media (min-width:766px) and (max-width:768px) {
    /*1px gap fix*/
    .panelWrapper .clearfix {
        display: block!important;
    }
}


/*only way to get mobile to not take up space set in html tag*/

@media (max-width: 991.999px) {
    .panelWrapper .panelFlexContainer {
        height: auto !important;
    }
}

.panelWrapper .panelOverlay {
    background-color: #04a9c5;
    background-size: cover;
    width: 100%;
}

@media (max-width: 991px) {
    .panelWrapper .panelOverlay {
        height: 300px !important;
    }
}

.panelWrapper .panelText {
    background: #ffffff;
    padding: 30px;
}

.panelWrapper .panelRedDiv,
.panelWrapper .panelOrangeDiv,
.panelWrapper .panelGoldDiv,
.panelWrapper .panelLightGreenDiv,
.panelWrapper .panelDarkGreenDiv,
.panelWrapper .panelDarkBlueDiv,
.panelWrapper .panelLightBlueDiv,
.panelWrapper .panelGreenDiv,
.panelWrapper .panelBrownDiv,
.panelWrapper .panelWhiteDiv,
.panelWrapper .panelBlackDiv,
.panelWrapper .panelInner {
    border-bottom: 0;
    border-image: 0;
    border-image-slice: 0;
    border-left: 0;
    border-right: 0;
}

.panelWrapper .panelRedDiv {
    border-top: 10px solid #aa0000;
}

.panelWrapper .panelOrangeDiv {
    border-top: 10px solid #ef4135;
}

.panelWrapper .panelGoldDiv {
    border-top: 10px solid #fdb913;
}

.panelWrapper .panelLightGreenDiv {
    border-top: 10px solid #55b31b;
}

.panelWrapper .panelDarkGreenDiv {
    border-top: 10px solid #124a12;
}

.panelWrapper .panelDarkBlueDiv {
    border-top: 10px solid #003282;
}

.panelWrapper .panelLightBlueDiv {
    border-top: 10px solid #04a9c5;
}

.panelWrapper .panelGreenDiv {
    border-top: 10px solid #008765;
}

.panelWrapper .panelBrownDiv {
    border-top: 10px solid #807060;
}

.panelWrapper .panelWhiteDiv {
    border-top: 10px solid #f7f7f7;
}

.panelWrapper .panelBlackDiv {
    border-top: 10px solid #333333;
}

.panelInner {
    border-bottom: 0;
    border-image: 0;
    border-image-slice: 0;
    border-left: 0;
    border-right: 0;
    border-top: 10px solid transparent;
    margin: 0;
    padding: 0;
}

.flexboxtweener .panelWrapper .panelInner {
    /* hack to hide banner in IE/Edge */
    border: 0;
}

@media (min-width: 991px) {
    .panelWrapper .topRightPanel,
    .panelWrapper .centerRightPanel,
    .panelWrapper .bottomRightPanel {
        justify-content: flex-end;
    }
    .panelWrapper .topLeftPanel,
    .panelWrapper .centerLeftPanel,
    .panelWrapper .bottomLeftPanel {
        justify-content: flex-start;
    }
    .panelWrapper .topCenterPanel,
    .panelWrapper .centerCenterPanel,
    .panelWrapper .bottomCenterPanel {
        justify-content: center;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .centerRightPanel,
    .panelFlexContainer .bottomRightPanel {
        margin-right: 4.1666666%;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .topLeftPanel,
    .panelFlexContainer .topCenterPanel {
        margin-top: 4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel,
    .panelFlexContainer .bottomLeftPanel,
    .panelFlexContainer .bottomCenterPanel {
        align-self: flex-end;
    }
    .panelFlexContainer .centerRightPanel,
    .panelFlexContainer .centerLeftPanel,
    .panelFlexContainer .centerCenterPanel {
        align-self: center;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .topCenterPanel,
    .panelFlexContainer .topLeftPanel {
        margin-bottom: auto;
    }
    .panelFlexContainer .topLeftPanel,
    .panelFlexContainer .centerLeftPanel,
    .panelFlexContainer .bottomLeftPanel {
        margin-left: 4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel,
    .panelFlexContainer .bottomCenterPanel,
    .panelFlexContainer .bottomLeftPanel {
        margin-bottom: 4.1666666%;
    }
    .panelWrapper .panelRedDiv {
        border: 10px solid #aa0000;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #aa0000 25.01%, #aa0000 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelOrangeDiv {
        border: 10px solid #ef4135;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #ef4135 25.01%, #ef4135 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelGoldDiv {
        border: 10px solid #fdb913;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #fdb913 25.01%, #fdb913 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelLightGreenDiv {
        border: 10px solid #55b31b;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #55b31b 25.01%, #55b31b 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelDarkGreenDiv {
        border: 10px solid #124a12;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #124a12 25.01%, #124a12 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelDarkBlueDiv {
        border: 10px solid #003282;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #003282 25.01%, #003282 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelLightBlueDiv {
        border: 10px solid #04a9c5;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #04a9c5 25.01%, #04a9c5 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelGreenDiv {
        border: 10px solid #008765;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #008765 25.01%, #008765 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelBrownDiv {
        border: 10px solid #807060;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #807060 25.01%, #807060 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelBlackDiv {
        border: 10px solid #333333;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #333333 25.01%, #333333 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelWhiteDiv {
        border: 10px solid #f7f7f7;
        border-bottom: 0;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #f7f7f7 25.01%, #f7f7f7 100%);
        border-image-slice: 1;
    }
    .panelWrapper .topRightPanel,
    .panelWrapper .bottomRightPanel,
    .panelWrapper .topCenterPanel,
    .panelWrapper .bottomCenterPanel .panelWrapper .centerCenterPanel .panelWrapper .centerRightPanel {
        float: right;
    }
    .panelWrapper .topLeftPanel,
    .panelWrapper .bottomLeftPanel .panelWrapper .centerLeftPanel {
        float: left;
    }
}

.panelText h2 {
    margin: 0 0 5px;
}

.panelText p {
    line-height: 2.4rem;
    margin: 0;
}

.panelInner .panelLinks {
    padding-top: 30px;
    text-align: center;
    width: 100%;
    display: flex;
    margin: auto auto;
    list-style-type: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

.panelInner .panelLinks a {
    color: #aa0000;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.panelInner .panelLinks li {
    border: 1px solid #088099;
    display: flex;
    flex: 0 1 calc(50% - 7px);
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .panelInner .panelLinks {
        padding: 15px 0;
    }
    .panelInner .panelLinks li {
        border: none;
        display: block;
        flex: none;
        flex-direction: column;
        justify-content: center;
        margin: 7px 0 0 0;
        width: 100%;
    }
    .panelInner .panelLinks li a {
        border: 1px solid #088099;
        color: #aa0000;
        display: block;
        font-family: "Montserrat", sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
        height: 100%;
        line-height: 1.6rem;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.2s ease;
    }
}

.panelInner .panelLinks li:hover a,
.panelInner .panelLinks li:focus a,
.panelInner .panelLinks li a:hover,
.panelInner .panelLinks li a:focus {
    background: #088099;
    /* border: 1px solid #088099;*/
    color: #ffffff;
    /*text-decoration: underline;*/
}

.panelInner .panelLinks li:before {
    content: '';
    padding-right: 0px;
}


/* ==========================================================================================
   ===== Infographic ===== Content Type #405 ================================================ 
   ==========================================================================================
   Set of up to three statistics using numbers or FontAwesome icons with a header and text for each.
   Last revised 7/23/18 by Jason   
*/

.infographicWrapper {}

.infographic {
    background-color: #ffffff;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: center;
    width: 100%;
}

#zoneB .infographic,
#zoneC .infographic {
    display: block;
}

#zoneB .infographic .infographicItem,
#zoneC .infographic .infographicItem {
    width: 100%;
}

#zoneB .infographic .infographicItem .infographicItemHeader,
#zoneC .infographic .infographicItem .infographicItemHeader {
    padding: 0;
}

@media (max-width: 768px) {
    .infographic {
        display: block;
    }
}

.infographicTitle {
    text-align: center;
}

.infographicTitle h2 {
    padding: 30px 0;
}

.infographicItem {
    padding: 15px;
}

.show2 .infographicItem {
    width: 50%;
}

.show3 .infographicItem {
    width: 33.3333333%;
}

.infographicImage {
    margin: 0 0 15px 0;
    max-width: 50%;
}

.infographicItemHeader {
    color: #aa0000;
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 15px 0 0 0;
    text-transform: uppercase;
}

.infographicItemNumber {
    color: #aa0000;
    display: block;
    font-family: 'Roboto Slab', serif;
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 8rem;
    text-align: center;
}

.infographicItemIcon {
    background: #f7f7f7;
    background-color: #aa0000;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 52px;
    /* not rem because its a graphic element*/
    height: 80px;
    line-height: 100%;
    margin: 10px 0;
    text-align: center;
    text-transform: lowercase;
    width: 80px;
}

.infographicItemButton {
    bottom: 15px;
    display: block;
}

.infographicSummary {}

.infographicSummary p {
    padding: 10px;
}

.infographicItemText {
    padding-top: 1rem;
}

.infographicItemText p {
    line-height: 1.5;
}


/* color options */

.infographic .color {
    /* base styles, also is "white" */
    background-color: #f7f7f7;
    color: #333333;
}

.infographic .colorRed {
    background-color: #aa0000;
}

.infographic .colorRed .infographicItemNumber,
.infographic .colorRed .infographicItemHeader {
    color: #fdb913;
}

.infographic .colorRed .infographicItemIcon {
    background-color: #fdb913;
    color: #ffffff;
}

.infographic .colorRed .infographicItemText h2,
.infographic .colorRed .infographicItemText h3,
.infographic .colorRed .infographicItemText h4,
.infographic .colorRed .infographicItemText h5 {
    color: #fdb913;
}

.infographic .colorRed .infographicItemText p,
.infographic .colorRed .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorOrange {
    background-color: #ef4135;
    color: #ffffff;
}

.infographic .colorOrange .infographicItemNumber,
.infographic .colorOrange .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorOrange .infographicItemIcon {
    background-color: #ffffff;
    color: #333333;
}

.infographic .colorOrange .infographicItemText h2,
.infographic .colorOrange .infographicItemText h3,
.infographic .colorOrange .infographicItemText h4,
.infographic .colorOrange .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorOrange .infographicItemText p {
    color: #000000;
}

.infographic .colorGold {
    background-color: #fdb913;
    color: #333333;
}

.infographic .colorGold .infographicItemNumber,
.infographic .colorGold .infographicItemHeader {
    color: #003282;
}

.infographic .colorGold .infographicItemIcon {
    background-color: #003282;
    color: #ffffff;
}

.infographic .colorGold .infographicItemText h2,
.infographic .colorGold .infographicItemText h3,
.infographic .colorGold .infographicItemText h4,
.infographic .colorGold .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorGold .infographicItemText p {
    color: #333333;
}

.infographic .colorGreen {
    background-color: #55b41b;
    color: #333333;
}

.infographic .colorGreen .infographicItemNumber,
.infographic .colorGreen .infographicItemHeader {
    color: #ffffff;
    text-shadow: 1px 1px #4EA419;
}

.infographic .colorGreen .infographicItemIcon {
    background-color: #ffffff;
    color: #333333;
}

.infographic .colorGreen .infographicItemText h2,
.infographic .colorGreen .infographicItemText h3,
.infographic .colorGreen .infographicItemText h4,
.infographic .colorGreen .infographicItemText h5 {
    color: #333333;
}

.infographic .colorGreen .infographicItemText p {
    color: #333333;
}

.infographic .colorDarkGreen {
    background-color: #124a12;
    color: #ffffff;
}

.infographic .colorDarkGreen .infographicItemNumber,
.infographic .colorDarkGreen .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorDarkGreen .infographicItemIcon {
    background-color: #333333;
    color: #ffffff;
}

.infographic .colorDarkGreen .infographicItemText h2,
.infographic .colorDarkGreen .infographicItemText h3,
.infographic .colorDarkGreen .infographicItemText h4,
.infographic .colorDarkGreen .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorDarkGreen .infographicItemText p,
.infographic .colorDarkGreen .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorDarkBlue {
    background-color: #003282;
    color: #ffffff;
}

.infographic .colorDarkBlue .infographicItemNumber,
.infographic .colorDarkBlue .infographicItemHeader {
    color: #fdb913;
}

.infographic .colorDarkBlue .infographicItemIcon {
    background-color: #fdb913;
    color: #333333;
}

.infographic .colorDarkBlue .infographicItemText h2,
.infographic .colorDarkBlue .infographicItemText h3,
.infographic .colorDarkBlue .infographicItemText h4,
.infographic .colorDarkBlue .infographicItemText h5 {
    color: #fdb913;
}

.infographic .colorDarkBlue .infographicItemText p,
.infographic .colorDarkBlue .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorLightBlue {
    background-color: #088099;
    color: #ffffff;
}

.infographic .colorLightBlue .infographicItemNumber,
.infographic .colorLightBlue .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorLightBlue .infographicItemIcon {
    background-color: #ffffff;
    color: #333333;
}

.infographic .colorLightBlue .infographicItemText h2,
.infographic .colorLightBlue .infographicItemText h3,
.infographic .colorLightBlue .infographicItemText h4,
.infographic .colorLightBlue .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorLightBlue .infographicItemText p,
.infographic .colorLightBlue .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorEmerald {
    background-color: #008765;
    color: #ffffff;
}

.infographic .colorEmerald .infographicItemNumber,
.infographic .colorEmerald .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorEmerald .infographicItemIcon {
    background-color: #ffffff;
    color: #333333;
}

.infographic .colorEmerald .infographicItemText h2,
.infographic .colorEmerald .infographicItemText h3,
.infographic .colorEmerald .infographicItemText h4,
.infographic .colorEmerald .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorEmerald .infographicItemText p,
.infographic .colorEmerald .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorBrown {
    background-color: #807060;
    color: #ffffff;
}

.infographic .colorBrown .infographicItemNumber,
.infographic .colorBrown .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorBrown .infographicItemIcon {
    background-color: #333333;
    color: #ffffff;
}

.infographic .colorBrown .infographicItemText h2,
.infographic .colorBrown .infographicItemText h3,
.infographic .colorBrown .infographicItemText h4,
.infographic .colorBrown .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorBrown .infographicItemText p,
.infographic .colorBrown .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorBlack {
    background-color: #333333;
    color: #ffffff;
}

.infographic .colorBlack .infographicItemNumber,
.infographic .colorBlack .infographicItemHeader {
    color: #fdb913;
}

.infographic .colorBlack .infographicItemIcon {
    background-color: #fdb913;
    color: #333333;
}

.infographic .colorBlack .infographicItemText h2,
.infographic .colorBlack .infographicItemText h3,
.infographic .colorBlack .infographicItemText h4,
.infographic .colorBlack .infographicItemText h5 {
    color: #fdb913;
}

.infographic .colorBlack .infographicItemText p,
.infographic .colorBlack .infographicItemText p a {
    color: #ffffff;
}

.infographic .colorWhite {
    background-color: #f7f7f7;
    color: #333333;
}

.infographic .colorWhite .infographicItemNumber,
.infographic .colorWhite .infographicItemHeader {
    color: #aa0000;
}

.infographic .colorWhite .infographicItemIcon {
    background-color: #aa0000;
    color: #ffffff;
}

.infographic .colorWhite .infographicItemText p {
    color: #333333;
}

.infographic .colorBlackRed {
    background-color: #000000;
    color: #ffffff;
}

.infographic .colorBlackRed .infographicItemNumber {
    color: #ef4135;
}

.infographic .colorBlackRed .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorBlackRed .infographicItemIcon {
    background-color: #aa0000;
    color: #000000;
}

.infographic .colorBlackRed .infographicItemText h2,
.infographic .colorBlackRed .infographicItemText h3,
.infographic .colorBlackRed .infographicItemText h4,
.infographic .colorBlackRed .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorBlackRed .infographicItemText p {
    color: #ffffff;
}

.infographic .colorBlackOrange {
    background-color: #000000;
    color: #ffffff;
}

.infographic .colorBlackOrange .infographicItemNumber {
    color: #ef4135;
}

.infographic .colorBlackOrange .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorBlackOrange .infographicItemIcon {
    background-color: #ef4135;
    color: #000000;
}

.infographic .colorBlackOrange .infographicItemText h2,
.infographic .colorBlackOrange .infographicItemText h3,
.infographic .colorBlackOrange .infographicItemText h4,
.infographic .colorBlackOrange .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorBlackOrange .infographicItemText p {
    color: #ffffff;
}

.infographic .colorBlackGold {
    background-color: #000000;
    color: #ffffff;
}

.infographic .colorBlackGold .infographicItemNumber {
    color: #CC9F26;
}

.infographic .colorBlackGold .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorBlackGold .infographicItemIcon {
    background-color: #CC9F26;
    color: #000000;
}

.infographic .colorBlackGold .infographicItemText h2,
.infographic .colorBlackGold .infographicItemText h3,
.infographic .colorBlackGold .infographicItemText h4,
.infographic .colorBlackGold .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorBlackGold .infographicItemText p {
    color: #ffffff;
}

.infographic .colorBlackBlue {
    background-color: #000000;
    color: #ffffff;
}

.infographic .colorBlackBlue .infographicItemNumber {
    color: #088099;
}

.infographic .colorBlackBlue .infographicItemHeader {
    color: #ffffff;
}

.infographic .colorBlackBlue .infographicItemIcon {
    background-color: #088099;
    color: #000000;
}

.infographic .colorBlackBlue .infographicItemText h2,
.infographic .colorBlackBlue .infographicItemText h3,
.infographic .colorBlackBlue .infographicItemText h4,
.infographic .colorBlackBlue .infographicItemText h5 {
    color: #ffffff;
}

.infographic .colorBlackBlue .infographicItemText p {
    color: #ffffff;
}

.infographic .colorWhiteOrange {
    background-color: #f7f7f7;
    color: #000000;
}

.infographic .colorWhiteOrange .infographicItemNumber {
    color: #ef4135;
}

.infographic .colorWhiteOrange .infographicItemHeader {
    color: #000000;
}

.infographic .colorWhiteOrange .infographicItemIcon {
    background-color: #ef4135;
    color: #f7f7f7;
}

.infographic .colorWhiteOrange .infographicItemText h2,
.infographic .colorWhiteOrange .infographicItemText h3,
.infographic .colorWhiteOrange .infographicItemText h4,
.infographic .colorWhiteOrange .infographicItemText h5 {
    color: #000000;
}

.infographic .colorWhiteOrange .infographicItemText p {
    color: #000000;
}

.infographic .colorWhiteBlue {
    background-color: #f7f7f7;
    color: #000000;
}

.infographic .colorWhiteBlue .infographicItemNumber {
    color: #088099;
}

.infographic .colorWhiteBlue .infographicItemHeader {
    color: #000000;
}

.infographic .colorWhiteBlue .infographicItemIcon {
    background-color: #088099;
    color: #f7f7f7;
}

.infographic .colorWhiteBlue .infographicItemText h2,
.infographic .colorWhiteBlue .infographicItemText h3,
.infographic .colorWhiteBlue .infographicItemText h4,
.infographic .colorWhiteBlue .infographicItemText h5 {
    color: #000000;
}

.infographic .colorWhiteBlue .infographicItemText p {
    color: #000000;
}

.infographic .colorWhiteBrown {
    background-color: #f7f7f7;
    color: #000000;
}

.infographic .colorWhiteBrown .infographicItemNumber {
    color: #807060;
}

.infographic .colorWhiteBrown .infographicItemHeader {
    color: #000000;
}

.infographic .colorWhiteBrown .infographicItemIcon {
    background-color: #807060;
    color: #f7f7f7;
}

.infographic .colorWhiteBrown .infographicItemText h2,
.infographic .colorWhiteBrown .infographicItemText h3,
.infographic .colorWhiteBrown .infographicItemText h4,
.infographic .colorWhiteBrown .infographicItemText h5 {
    color: #000000;
}

.infographic .colorWhiteBrown .infographicItemText p {
    color: #000000;
}


/* icon options */

.infographicItemIcon .fa {
    line-height: 80px;
    position: relative;
}

.infographicItemIcon .fa-university {
    left: 2px;
    top: -3px;
}

.infographicItemIcon .fa-bolt {
    font-size: 80px;
}

.infographicItemIcon .fa-globe {
    font-size: 60px;
}

.infographicItemIcon .fa-graduation-cap {
    top: 3px;
}

.infographicItemIcon .fa-line-chart {
    font-size: 50px;
}

.infographicItemIcon .fa-trophy {
    font-size: 70px;
}


/*Homepage Infographic custom CSS, potential for reuse */

.infographicHomepageLarge,
.infographicHomepageSmall {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fancyInfographicColumn .infographicHomepageLarge {
    height: 600px;
    text-align: left;
}

.infographicHomepageSmall {
    height: 300px;
}

.infographicColorRed {
    background-color: #aa0000;
}

.infographicColorOrange {
    background-color: #ef4135;
}

.infographicColorGold {
    background-color: #fdb913;
}

.infographicColorGreen {
    background-color: #55b31b;
}

.infographicColorDarkGreen {
    background-color: #124a12;
}

.infographicColorDarkBlue {
    background-color: #003282;
}

.infographicColorLightBlue {
    background-color: #04a9c5;
}

.infographicColorEmerald {
    background-color: #008765;
}

.infographicColorBrown {
    background-color: #807060;
}

.infographicColorWhite {
    background-color: #f7f7f7;
}

.infographicColorBlack {
    background-color: #333333;
}


/* ==========================================================================================
   ===== Homepage Grid ===== Content Type #4967 ======+++++++++++++++========================
   ==========================================================================================
   Custom content type for the home page.
   Last revised 03/27/18 by Jason  
*/

.homepageGridColumn {
    padding: 0;
}

.homepageGridLargeItem {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    height: 600px;
    padding: 0;
    text-align: left;
}

.homepageGridLargeItem h3 {
    font-size: 3rem;
    font-family: "Roboto Slab", serif;
}

.homepageGridLargeItem .homepageGridItemCopy p {
    font-size: 1.4rem;
}

.homepageGridLargeItem .homepageGridItemCopy p .homepage-cta-text-link {
    color: #ffffff;
}

.homepageGridLargeItem .homepageGridItemCopy p .homepage-cta-text-link:hover {
    color: #fdb913;
}

.homepageGridItem {
    /*delete*/
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    padding: 0;
    text-align: center;
}

.homepageGrid .homepageGridItem {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    height: 300px;
    padding: 0;
    text-align: center;
}

.homepageGrid .homepageGridItem a {
    align-items: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    height: 300px;
    justify-content: center;
    padding: 30px;
    transition: all 0.2s ease;
    width: 100%;
}

.homepageGrid .homepageGridItem a:hover,
.homepageGrid .homepageGridItem a:focus {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .homepageGrid .homepageGridItem a {
        padding: 15px;
        margin: 0 auto;
    }
}

.homepageGridColumn .homepageGridLarge {
    /*delete*/
    height: 600px;
    text-align: left;
}

.homepageGridColumn .homepageGridSmall {
    /*delete*/
    height: 300px;
}

.homepageGridLarge .homepageGridItemCopy p {
    /*delete*/
    font-size: 1.4rem;
}

.homepageGrid .homepageGridItem h3 {
    font-weight: 500;
    font-family: "Roboto Slab", serif;
    margin: 0;
}

.homepageGrid .homepageGridItem .homepageGridHeading {
    display: block;
    font-size: calc(25vw / 4);
    line-height: calc(25vw / 4);
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .homepageGrid .homepageGridItem .homepageGridHeading {
        font-size: calc(100vw / 4);
        line-height: calc(100vw / 4);
    }
}

.homepageGrid .homepageGridItem .homepageGridSubHeading {
    display: block;
    font-size: 2rem;
}

.homepageGrid .homepageGridItem .homepageGridText {
    background-size: cover;
    display: block;
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.homepageGridItem h4 .homepageGridNumber {
    /*delete*/
    display: block;
    font-size: 7rem;
    font-weight: 500;
    font-family: "Roboto Slab", Courier, monospace;
    line-height: 7rem;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.homepageGridItem h4 .homepageGridText {
    /*delete*/
    font-weight: 500;
}

.homepageGridItem .homepageGridSource {
    /*delete*/
    background-size: cover;
    display: block;
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.homepageGridColorRed {
    background-color: #aa0000;
}

.homepageGridColorOrange {
    background-color: #ef4135;
}

.homepageGridColorGold {
    background-color: #fdb913;
}

.homepageGridColorGreen {
    background-color: #55b31b;
}

.homepageGridColorDarkGreen {
    background-color: #124a12;
}

.homepageGridColorDarkBlue {
    background-color: #003282;
}

.homepageGridColorLightBlue {
    background-color: #088099;
}

.homepageGridColorEmerald {
    background-color: #008765;
}

.homepageGridColorBrown {
    background-color: #807060;
}

.homepageGridColorWhite {
    background-color: #f7f7f7;
}

.homepageGridColorBlack {
    background-color: #333333;
}

.homepage-cta-text-link {
    /*delete*/
    color: #ffffff;
}

.homepage-cta-text-link:hover {
    /*delete*/
    color: #fdb913;
}

.homepageGridItem a {
    /*delete*/
    font-size: 1.4rem;
    color: #ffffff;
    transition: all 0.2s ease;
}

.homepageGridItem a:hover {
    /*delete*/
    color: #fdb913;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media (min-width:768px) and (max-width:991.999px) {
    /*delete*/
    .homepageGridItemCopy {
        padding: 0;
        margin: 0 auto;
    }
}

a .homepageGridItemCopy h4:hover {
    /*delete*/
    color: #fdb913;
}

.homepageGridItem a:hover svg {
    fill: #fdb913;
    transition: all 0.2s ease;
}


/* ==========================================================================================
   ===== Homepage Newsroom Grid ===== Content Type #5168 ==============================
   ==========================================================================================
   Custom content type for the home page.
   Last revised 05/24/19 by Jason  
*/

.newsroomGridColumn {
    padding: 0;
}

#newsroomGridLogo {
    background: #000;
    padding: 10px 10px 3px 10px;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    #newsroomGridLogo {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    #newsroomGridLogo {
        width: 30%
    }
}

.newsroomGridLargeItem {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    height: 600px;
    padding: 0;
    text-align: left;
}

.newsroomGridLargeItem h3 {
    font-size: 3rem;
    font-family: "Roboto Slab", serif;
}

.newsroomGridLargeItem .newsroomGridItemCopy p {
    font-size: 1.4rem;
}

.newsroomGridLargeItem .newsroomGridItemCopy p .newspage-cta-text-link {
    color: #ffffff;
}

.newsroomGridLargeItem .newsroomGridItemCopy p .newspage-cta-text-link:hover {
    color: #fdb913;
}

.newsroomGrid .newsroomGridItem {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    height: 300px;
    padding: 0;
    text-align: center;
}

.newsroomGrid .newsroomGridItem a {
    align-items: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    height: 300px;
    justify-content: center;
    padding: 30px;
    transition: all 0.2s ease;
    width: 100%;
}

.newsroomGrid .newsroomGridItem a:hover,
.newsroomGrid .newsroomGridItem a:focus {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .newsroomGrid .newsroomGridItem a {
        padding: 15px;
        margin: 0 auto;
    }
}

.newsroomGridLarge .newsroomGridItemCopy p {
    /*delete*/
    font-size: 1.4rem;
}

.newsroomGrid .newsroomGridItem h3 {
    font-weight: 500;
    font-family: "Roboto Slab", serif;
    margin: auto;
}

.newsroomGrid .newsroomGridItem .newsroomGridHeading {
    color: #ffffff;
    display: block;
    font-size: 3rem;
    line-height: 3rem;
}

.newsroomGrid .newsroomGridItem.newsroomGridColorGold .newsroomGridHeading,
.newsroomGrid .newsroomGridItem.newsroomGridColorGreen .newsroomGridHeading,
.newsroomGrid .newsroomGridItem.newsroomGridColorWhite .newsroomGridHeading {
    color: #000000;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    x.newsroomGrid .newsroomGridItem .newsroomGridHeading {
        font-size: calc(100vw / 4);
        line-height: calc(100vw / 4);
    }
}

.newsroomGrid .newsroomGridItem .newsroomGridSubHeading {
    display: block;
    font-size: 2rem;
}

.newsroomGrid .newsroomGridItem .newsroomGridText {
    background-size: cover;
    display: block;
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.newsroomGridItem h4 .newsroomGridNumber {
    /*delete*/
    display: block;
    font-size: 7rem;
    font-weight: 500;
    font-family: "Roboto Slab", Courier, monospace;
    line-height: 7rem;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.newsroomGridItem h4 .newsroomGridText {
    /*delete*/
    font-weight: 500;
}

.newsroomGridItem .newsroomGridSource {
    /*delete*/
    background-size: cover;
    display: block;
    font-size: 1.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.newsroomGridItem .newsroomGridItemInner {
    display: flex;
    height: 100%;
}

.newsroomGridColorRed {
    background-color: #aa0000;
}

.newsroomGridColorRed .newsroomGridItemInner {
    background-image: linear-gradient(rgba(170, 0, 0, .7), rgba(170, 0, 0, .7));
}

.newsroomGridColorOrange {
    background-color: #ef4135;
}

.newsroomGridColorOrange .newsroomGridItemInner {
    background-image: linear-gradient(rgba(239, 65, 53, .7), rgba(239, 65, 53, .7));
}

.newsroomGridColorGold {
    background-color: #fdb913;
}

.newsroomGridColorGold .newsroomGridItemInner {
    background-image: linear-gradient(rgba(253, 185, 19, .7), rgba(253, 185, 19, .7));
}

.newsroomGridColorGreen {
    background-color: #55b31b;
}

.newsroomGridColorGreen .newsroomGridItemInner {
    background-image: linear-gradient(rgba(85, 179, 27, .7), rgba(85, 179, 27, .7));
}

.newsroomGridColorDarkGreen {
    background-color: #124a12;
}

.newsroomGridColorDarkGreen .newsroomGridItemInner {
    background-image: linear-gradient(rgba(18, 74, 18, .7), rgba(18, 74, 18, .7));
}

.newsroomGridColorDarkBlue {
    background-color: #003282;
}

.newsroomGridColorDarkBlue .newsroomGridItemInner {
    background-image: linear-gradient(rgba( 0, 50, 130, .7), rgba( 0, 50, 130, .7));
}

.newsroomGridColorLightBlue {
    background-color: #088099;
}

.newsroomGridColorLightBlue .newsroomGridItemInner {
    background-image: linear-gradient(rgba(8, 128, 153, .7), rgba(8, 128, 153, .7));
}

.newsroomGridColorEmerald {
    background-color: #008765;
}

.newsroomGridColorEmerald .newsroomGridItemInner {
    background-image: linear-gradient(rgba(0, 135, 101, .7), rgba(0, 135, 101, .7));
}

.newsroomGridColorBrown {
    background-color: #807060;
}

.newsroomGridColorBrown .newsroomGridItemInner {
    background-image: linear-gradient(rgba(128, 112, 96, .7), rgba(128, 112, 96, .7));
}

.newsroomGridColorWhite {
    background-color: #ffffff;
}

.newsroomGridColorWhite .newsroomGridItemInner {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7));
}

.newsroomGridColorBlack {
    background-color: #333333;
}

.newsroomGridColorBlack .newsroomGridItemInner {
    background-image: linear-gradient(rgba(51, 51, 51, .7), rgba(51, 51, 51, .7));
}

.homepage-cta-text-link {
    /*delete*/
    color: #ffffff;
}

.homepage-cta-text-link:hover {
    /*delete*/
    color: #fdb913;
}

.newsroomGridItem a {
    /*delete*/
    font-size: 1.4rem;
    color: #ffffff;
    transition: all 0.2s ease;
}

.newsroomGridItem a:hover {
    /*delete*/
    color: #fdb913;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media (min-width:768px) and (max-width:991.999px) {
    /*delete*/
    .newsroomGridItemCopy {
        padding: 0;
        margin: 0 auto;
    }
}

a .newsroomGridItemCopy h4:hover {
    /*delete*/
    color: #fdb913;
}

.newsroomGridItem a:hover svg {
    fill: #fdb913;
    transition: all 0.2s ease;
}


/* ==========================================================================================
   ===== Jumbotron I =====  Content Type #215 ======+++++++++++++++========================== 
   ==========================================================================================
   Heading, subheading, paragraph and up to nine links.
   Last revised 04/26/18 by Isaac  
*/

.jumbotron1 h2,
.jumbotron1 h2 a,
.jumbotron1 h2 a:visited {
    text-decoration: none;
}

.jumbotron1 h2 a:focus,
.jumbotron1 h1 a:hover {
    text-decoration: underline;
}

.jumbotron1 h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.jumbotron1Image {
    /*  max-height:300px;
  overflow:hidden; */
}

.jumbotron1Image img {
    width: 100%;
    /*original image size pre-T4 was 870px; new width is 877px, so this stretches it on large screens */
    margin-top: 8px;
}

.jumbotron1 .boxlinks {
    margin-bottom: 0;
}

.jumbotron1 ul.boxlinks li {
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

@media (min-width: 992px) {
    /* md and lg */
    /* .container */
    #pageContentWrapper.container #zoneA.col-md-6 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #zoneA.col-md-6 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container #zoneA.col-md-9 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #zoneA.col-md-9 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    #pageContentWrapper.container #zoneA.col-md-12 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #zoneA.col-md-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }
    /* .container-fluid */
    #pageContentWrapper.container-fluid #zoneA.col-md-6 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container-fluid #zoneA.col-md-9 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    #pageContentWrapper.container-fluid #zoneA.col-md-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {
    /* sm */
    /* .container */
    #pageContentWrapper.container #zoneA.col-sm-8 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #zoneA.col-sm-8 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container #zoneA.col-sm-12 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #zoneA.col-sm-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    /* .container-fluid */
    #pageContentWrapper.container-fluid #zoneA.col-sm-8 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container-fluid #zoneA.col-sm-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
}

.jumbotron .boxlinks li:before {
    content: none;
}

.jumbotron1 .boxlinks p {
    clear: both;
}

.jumbotron1 .boxlinks li a {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ==========================================================================================
   ===== Jumbotron II =====  Content Type #288 ============================================== 
   ==========================================================================================
   Heading, subheading, and six links with related HTML paragraphs.
   Last revised 12/5/17 by Jason  
*/

.jumbotron2 h2 a:focus,
.jumbotron2 h1 a:hover {
    text-decoration: underline;
}

.jumbotron2 h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.jumbotron2Item {
    margin-top: 30px;
}

.jumbotron2Item .boxlinkItem {
    padding: 0;
    /* overrides bootstrap padding */
}

.jumbotron2Item .jumbotronContent {
    clear: both;
    margin-bottom: 0;
}

.jumbotron2Image img {
    width: 100%;
    /*original image size pre-T4 was 870px; new width is 877px, so this stretches it */
    max-height: 300px;
    margin-top: 8px;
}


/* ==========================================================================================
   ===== Jumbotron III =====  Content Type #4914 ============================================ 
   ==========================================================================================
   Heading, paragraph and up to three links.
   Last revised 11/14/17 by Jason  
*/

.jumbotron3Wrapper {}

.jumbotron3 {
    box-sizing: border-box;
    display: flex;
}

.jumbotron3 h2 a:focus,
.jumbotron3 h1 a:hover {
    text-decoration: underline;
}

.jumbotron3 h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    /* xs */
    .jumbotron3 {
        flex-direction: column-reverse;
    }
}

.jumbotron3Wrapper .jumbotron3Text {
    border-top: 10px solid #fdb913;
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #fdb913 25.01%, #fdb913 75%, rgba(0, 0, 0, 0) 75.01%);
    border-image-slice: 1;
    flex: 1;
    margin-bottom: 30px;
    /*padding: 30px 0;*/
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    .jumbotron3Wrapper .jumbotron3Text h2,
    .jumbotron3Wrapper .jumbotron3Text h3,
    .jumbotron3Wrapper .jumbotron3Text p,
    .jumbotron3Wrapper .jumbotron3Text ul {
        padding: 0 60px;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .jumbotron3Wrapper .jumbotron3Text h2,
    .jumbotron3Wrapper .jumbotron3Text h3 {
        margin: 15px 0 15px 0;
        text-align: center;
    }
    .jumbotron3Wrapper .jumbotron3Text .boxlinks {
        margin-bottom: 15px;
    }
}

.jumbotron3Wrapper .jumbotron3Image {
    background-position: center;
    background-size: cover;
    flex: 1;
}

.jumbotron3 .boxlinks li {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}


/* ==========================================================================================
   ===== Jump Links ===== Content Type #4901 ================================================ 
   ==========================================================================================
   Links to other content in the section
   Last revised 2/23/18 by Jason   
*/

.jumpLinksWrapper {
    background-color: #f7f7f7;
    border: 1px solid #088099;
    margin-bottom: 60px;
    overflow: auto;
    padding: 30px;
}

.jumpLinksWrapper .jumpLinksTitle {
    margin-top: 0;
}

.jumpLinksWrapper .standardContent ul li:before {
    display: inline;
}


/* hack to fix jump link issue */

a:not([href]) {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

@media (max-width:767.999px) {
    a:not([href]) {
        top: 0px;
    }
}


/* ========================================================================================== 
   ===== Knowledge Base ===== Content Type #243 ============================================ 
   ==========================================================================================
   Technical articles with specific fields, tags and references to related articles. 
   Used by ITS and Marketing Communications. 
   Last revised 11/7/17 by Aubrey 
*/

.organizer .knowledgeBaseItemWrapper {
    padding: 0;
}

.knowledgeBaseItem {
    padding: 0;
}

.organizer .knowledgeBaseItem {
    padding: 15px 0;
}

.knowledgeBaseItem h3 {
    margin: 0;
    /* override defaults to condense in list*/
}

.knowledgeBaseItem h4 {
    color: #aa0000;
    font-size: 1.8rem;
    font-weight: normal;
}

.knowledgeBaseItem h4 a {
    color: #aa0000;
    text-decoration: none;
}

.organizer .knowledgeBaseItem p {
    margin: 0;
}

.knowledgeBaseItem .lastModified {
    color: #666666;
    font-size: 1.4rem;
}

.organizer .knowledgeBaseItem ul {
    margin: 10px 0 10px 0;
}

.organizer .knowledgeBaseItem ul li.tag:before {
    content: none;
}

.knowledgeBaseItem ul li.tag {
    display: inline-block !important;
    padding: 1px 10px;
    background: #f7f7f7;
    margin-right: 5px;
    border-radius: 15px;
}

.knowledgeBaseItemWrapper:last-child {
    padding-bottom: 10px;
}


/* ---------------- fulltext output -------------------- */

.knowledgeBaseArticleWrapper {
    padding: 0;
}


/* Hides paginator when article is open */

.knowledgeBaseArticleWrapper+.kbarticlePaginator {
    display: none;
}


/* ==========================================================================================
   ===== Last Modified ===== Content Type: #5367 ================================================= 
   ==========================================================================================
   Shows the last modified date of any content in the section in any zone.
   Last revised 5/12/20 by Jason   
*/

.lastModifiedDateWrapper .lastModifiedDate {
    font-family: 'Oswald';
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 66.66%;
}

.lastModifiedDateWrapper .lastModifiedDate p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}

.lastModifiedDateWrapper .lastModifiedDate .date {
    font-weight: 500;
}


/* ==========================================================================================
   ===== Media Kit ===== Content Type: #278 ================================================= 
   ==========================================================================================
   An image with up to three links to download different versions of the image.
   Last revised 04/14/20 by Aubrey   
*/


/* ----- text/html ----- */

.mediaKitWrapper {
    clear: inherit;
}

.mediaKit {
    border-right: 0;
    border-top: 0;
    margin: 0;
    padding: 0;
}

.mediaKitWrapper:nth-child(odd) {
    clear: left;
}

@media (min-width: 768px) and (max-width: 1199px) {
    /* end column (2nd) on sm+md screens */
    z#zoneA .mediaKitWrapper:nth-child(4n+2) .mediaKit {
        margin: 0 10px 10px 0;
    }
}

@media (min-width: 1200px) {
    /* middle column on lg screens */
    z#zoneA .mediaKitWrapper:nth-child(3n+3) .mediaKit {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 767px) {
    z.mediaKitClear:nth-child(1n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    z.mediaKitClear:nth-child(2n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

@media (min-width: 1200px) {
    z.mediaKitClear:nth-child(3n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

.mediaKit h3 {
    background: none;
    color: #aa0000;
    font-size: 2.1rem;
    min-height: auto;
    /* 54px allows up to 2 lines of text */
    padding: 0 0 2rem 0;
    margin: 0;
}

.mediaKitCoverImage {
    padding: 0 2rem;
    text-align: left;
}

.mediaKitCoverImage img {
    padding: 0;
}

.mediaKitListWrapper {
    border-top: 1px solid #e0e0e0;
    min-height: 72px;
    /* equal height for up to 3 media links */
    margin: 2rem 0 0 0;
    padding: 2rem 0 1rem;
}

.mediaKitList {
    display: block !important;
    line-height: 2rem !important;
    margin: 0 !important;
    padding: 0;
}

.mediaKitList li:before {
    content: none !important;
}

.mediaKitList li {
    border-top: 1px solid #e0e0e0;
    display: block !important;
    width: 100%;
}

.mediaKitList li a {
    padding: 1.6rem 0 1.6rem 2.6rem;
    display: block;
    width: 100%;
    background-position: left 47%;
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwNy4xNjYgMjA3LjE2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjA3LjE2NiAyMDcuMTY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTE2OC4zNTMsMTg5LjE2NkgzOC44MTNjLTQuOTcxLDAtOSw0LjAyOS05LDlzNC4wMjksOSw5LDloMTI5LjU0YzQuOTcxLDAsOS00LjAyOSw5LTlTMTczLjMyNCwxODkuMTY2LDE2OC4zNTMsMTg5LjE2NnoiIGZpbGw9IiMwODgwOTkiLz4KCTxwYXRoIGQ9Ik05Ny4yMTksMTYzLjEzOGMxLjc1NywxLjc1Nyw0LjA2MSwyLjYzNiw2LjM2NCwyLjYzNnM0LjYwNi0wLjg3OSw2LjM2NC0yLjYzNmw0MC4zMzMtNDAuMzMzICAgYzMuNTE1LTMuNTE1LDMuNTE1LTkuMjEzLDAtMTIuNzI4Yy0zLjUxNC0zLjUxNS05LjIxMy0zLjUxNS0xMi43MjgsMGwtMjQuOTcsMjQuOTY5VjljMC00Ljk3MS00LjAyOS05LTktOXMtOSw0LjAyOS05LDl2MTI2LjA0NyAgIGwtMjQuOTctMjQuOTY5Yy0zLjUxNS0zLjUxNi05LjIxMy0zLjUxNS0xMi43MjgsMGMtMy41MTUsMy41MTUtMy41MTUsOS4yMTMsMCwxMi43MjhMOTcuMjE5LDE2My4xMzh6IiBmaWxsPSIjMDg4MDk5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.mediaKitList li a:hover {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwNy4xNjYgMjA3LjE2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjA3LjE2NiAyMDcuMTY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTE2OC4zNTMsMTg5LjE2NkgzOC44MTNjLTQuOTcxLDAtOSw0LjAyOS05LDlzNC4wMjksOSw5LDloMTI5LjU0YzQuOTcxLDAsOS00LjAyOSw5LTlTMTczLjMyNCwxODkuMTY2LDE2OC4zNTMsMTg5LjE2NnoiIGZpbGw9IiNhYTAwMDAiLz4KCTxwYXRoIGQ9Ik05Ny4yMTksMTYzLjEzOGMxLjc1NywxLjc1Nyw0LjA2MSwyLjYzNiw2LjM2NCwyLjYzNnM0LjYwNi0wLjg3OSw2LjM2NC0yLjYzNmw0MC4zMzMtNDAuMzMzICAgYzMuNTE1LTMuNTE1LDMuNTE1LTkuMjEzLDAtMTIuNzI4Yy0zLjUxNC0zLjUxNS05LjIxMy0zLjUxNS0xMi43MjgsMGwtMjQuOTcsMjQuOTY5VjljMC00Ljk3MS00LjAyOS05LTktOXMtOSw0LjAyOS05LDl2MTI2LjA0NyAgIGwtMjQuOTctMjQuOTY5Yy0zLjUxNS0zLjUxNi05LjIxMy0zLjUxNS0xMi43MjgsMGMtMy41MTUsMy41MTUtMy41MTUsOS4yMTMsMCwxMi43MjhMOTcuMjE5LDE2My4xMzh6IiBmaWxsPSIjYWEwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.mediaKitList li a.mediaKitExternalLink {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5NC44MTggMTk0LjgxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTk0LjgxOCAxOTQuODE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTE4NS44MTgsMi4xNjFoLTU3LjA0Yy00Ljk3MSwwLTksNC4wMjktOSw5czQuMDI5LDksOSw5aDM1LjMxMmwtODYuMyw4Ni4zYy0zLjUxNSwzLjUxNS0zLjUxNSw5LjIxMywwLDEyLjcyOCAgIGMxLjc1OCwxLjc1Nyw0LjA2MSwyLjYzNiw2LjM2NCwyLjYzNnM0LjYwNi0wLjg3OSw2LjM2NC0yLjYzNmw4Ni4zLTg2LjN2MzUuMzEzYzAsNC45NzEsNC4wMjksOSw5LDlzOS00LjAyOSw5LTl2LTU3LjA0ICAgQzE5NC44MTgsNi4xOSwxOTAuNzg5LDIuMTYxLDE4NS44MTgsMi4xNjF6IiBmaWxsPSIjMDg4MDk5Ii8+Cgk8cGF0aCBkPSJNMTQ5LDc3LjIwMWMtNC45NzEsMC05LDQuMDI5LTksOXY4OC40NTZIMTh2LTEyMmg5My43NzhjNC45NzEsMCw5LTQuMDI5LDktOXMtNC4wMjktOS05LTlIOWMtNC45NzEsMC05LDQuMDI5LTksOXYxNDAgICBjMCw0Ljk3MSw0LjAyOSw5LDksOWgxNDBjNC45NzEsMCw5LTQuMDI5LDktOVY4Ni4yMDFDMTU4LDgxLjIzLDE1My45NzEsNzcuMjAxLDE0OSw3Ny4yMDF6IiBmaWxsPSIjMDg4MDk5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.mediaKitList li a.mediaKitExternalLink:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5NC44MTggMTk0LjgxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTk0LjgxOCAxOTQuODE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTE4NS44MTgsMi4xNjFoLTU3LjA0Yy00Ljk3MSwwLTksNC4wMjktOSw5czQuMDI5LDksOSw5aDM1LjMxMmwtODYuMyw4Ni4zYy0zLjUxNSwzLjUxNS0zLjUxNSw5LjIxMywwLDEyLjcyOCAgIGMxLjc1OCwxLjc1Nyw0LjA2MSwyLjYzNiw2LjM2NCwyLjYzNnM0LjYwNi0wLjg3OSw2LjM2NC0yLjYzNmw4Ni4zLTg2LjN2MzUuMzEzYzAsNC45NzEsNC4wMjksOSw5LDlzOS00LjAyOSw5LTl2LTU3LjA0ICAgQzE5NC44MTgsNi4xOSwxOTAuNzg5LDIuMTYxLDE4NS44MTgsMi4xNjF6IiBmaWxsPSIjYWEwMDAwIi8+Cgk8cGF0aCBkPSJNMTQ5LDc3LjIwMWMtNC45NzEsMC05LDQuMDI5LTksOXY4OC40NTZIMTh2LTEyMmg5My43NzhjNC45NzEsMCw5LTQuMDI5LDktOXMtNC4wMjktOS05LTlIOWMtNC45NzEsMC05LDQuMDI5LTksOXYxNDAgICBjMCw0Ljk3MSw0LjAyOSw5LDksOWgxNDBjNC45NzEsMCw5LTQuMDI5LDktOVY4Ni4yMDFDMTU4LDgxLjIzLDE1My45NzEsNzcuMjAxLDE0OSw3Ny4yMDF6IiBmaWxsPSIjYWEwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}


/* ==========================================================================================
   ===== Mega Banner ===== Content Type #289 ================================================= 
   ==========================================================================================
   Mega Banner with Intro paragraph
   Tall graphic-centric banner in place of Section Banner
   Last revised 05/31/18 by Aubrey  
*/

.megaBanner {
    background-position: left center;
    /* could be overriden by content item */
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    /* could be overriden by content item */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.megaBannerOverlay {
    height: 300px;
    /* could be overriden by content item */
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.megaBannerOverlayRed {
    background-color: rgba(170, 0, 0, .7);
}

.megaBannerOverlayOrange {
    background-color: rgba(239, 65, 53, .7);
}

.megaBannerOverlayGold {
    background-color: rgba(253, 185, 19, .7);
}

.megaBannerOverlayGreen {
    background-color: rgba(85, 179, 27, .7);
}

.megaBannerOverlayEmerald {
    background-color: rgba(0, 135, 101, .7);
}

.megaBannerOverlayDarkGreen {
    background-color: rgba(18, 74, 18, .7);
}

.megaBannerOverlayLightBlue {
    background-color: rgba(4, 169, 197, .7);
}

.megaBannerOverlayDarkBlue {
    background-color: rgba(0, 50, 130, .7);
}

.megaBannerOverlayBlack {
    background-color: rgba(51, 51, 51, .7);
}

.megaBannerOverlayBrown {
    background-color: rgba(128, 112, 96, .7);
}

.megaBannerOverlayWhite {
    background-color: rgba(247, 247, 247, .7);
}

.megaBannerOverlayTransparent {
    background-color: none;
}

.megaBannerTriangles,
.megaBannerTrianglesGold {
    background-image: linear-gradient(115deg, #fdb913 0%, #fdb913 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #fdb913 93%, #fdb913 100%);
}

.megaBannerTrianglesRed {
    background-image: linear-gradient(115deg, #aa0000 0%, #aa0000 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #aa0000 93%, #aa0000 100%);
}

.megaBannerTrianglesOrange {
    background-image: linear-gradient(115deg, #ef4135 0%, #ef4135 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #ef4135 93%, #ef4135 100%);
}

.megaBannerTrianglesGreen {
    background-image: linear-gradient(115deg, #55b31b 0%, #55b31b 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #55b31b 93%, #55b31b 100%);
}

.megaBannerTrianglesEmerald {
    background-image: linear-gradient(115deg, #008765 0%, #008765 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #008765 93%, #008765 100%);
}

.megaBannerTrianglesDarkGreen {
    background-image: linear-gradient(115deg, #124a12 0%, #124a12 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #124a12 93%, #124a12 100%);
}

.megaBannerTrianglesLightBlue {
    background-image: linear-gradient(115deg, #04a9c5 0%, #04a9c5 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #04a9c5 93%, #04a9c5 100%);
}

.megaBannerTrianglesDarkBlue {
    background-image: linear-gradient(115deg, #003282 0%, #003282 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #003282 93%, #003282 100%);
}

.megaBannerTrianglesBlack {
    background-image: linear-gradient(115deg, #333333 0%, #333333 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #333333 93%, #333333 100%);
}

.megaBannerTrianglesWhite {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #f7f7f7 93%, #f7f7f7 100%);
}

.megaBannerTrianglesBrown {
    background-image: linear-gradient(115deg, #807060 0%, #807060 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #807060 93%, #807060 100%);
}

.megaBannerWrapper .arrowGraphicDown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiID4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmRiOTEzIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICA8cGF0aCBkPSJNIDMwIDEgTCAyMiA4IDMwIDE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZGI5MTMiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgPHBhdGggZD0iTSAzIDggTCA0MTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmRiOTEzIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICA8L3N2Zz4=);
    background-position: left;
    background-repeat: no-repeat;
    bottom: 135px;
    height: 20px;
    margin: 0px auto;
    position: relative;
    transform: rotate(-90deg);
    width: 360px;
    z-index: 1;
}

.megaBannerWrapper .arrowGraphicDownRed {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2FhMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2FhMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2FhMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2FhMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownOrange {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiID4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MTM1IiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDEzNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICA8cGF0aCBkPSJNIDMwIDEgTCAyMiA4IDMwIDE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNlZjQxMzUiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgPHBhdGggZD0iTSAzIDggTCA0MTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MTM1IiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICA8L3N2Zz4=);
}

.megaBannerWrapper .arrowGraphicDownGold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownGreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZjYjMzZiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZjYjMzZiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZjYjMzZiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZjYjMzZiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownLightBlue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ3YzNkMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ3YzNkMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ3YzNkMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ3YzNkMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownDarkBlue {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGM5NyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGM5NyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGM5NyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGM5NyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownBlack {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownGold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NjOWYyNiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NjOWYyNiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NjOWYyNiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NjOWYyNiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownEmerald {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwOWI3YSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwOWI3YSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwOWI3YSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwOWI3YSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownDarkGreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA0NmEzOCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA0NmEzOCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA0NmEzOCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA0NmEzOCIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownBrown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzk0ODI4MiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzk0ODI4MiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzk0ODI4MiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzk0ODI4MiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBannerWrapper .arrowGraphicDownWhite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNIDEwIDEgTCAyIDggMTAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0gMyA4IEwgNDEwIDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZjdlYyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg);
}

.megaBanner .copy {
    display: block;
    padding: 25px 0;
    text-align: center;
}


/* fo no proper flexbox support */

.no-flexbox.no-flexboxtweener .megaBanner .copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.megaBannerText {
    background: #f7f7f7;
    display: inline-block;
    float: inherit;
    font-family: 'Montserrat', sans-serif;
    max-width: calc(100% - 150px);
    /* slanted box adds 25px to bpth sides of box PER LINE. This accomodates 3 lines without overflowing  */
    position: relative;
    padding: 2rem 4rem;
    text-transform: uppercase;
    transform: skewX(-25deg);
    z-index: 2;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .megaBannerText {
        max-width: calc(100%);
        /* slanted box may extend off the page, but that's okay for long titles  */
    }
}

.megaBanner .copy .megaBannerText h1 {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 4.6rem;
    font-weight: 700;
    margin: 0;
    transform: skewX(25deg);
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .megaBanner .copy .megaBannerText h1 {
        font-size: 3.5rem;
    }
}

.megaBanner .copy .megaBannerText h1 .topLevelSection,
.megaBanner .copy .megaBannerText h1 span {
    color: #333333;
    display: block;
    font-size: 1.6rem;
}

@media (max-width: 767.999px) {
    .megaBanner .copy .megaBannerText h1 .topLevelSection,
    .megaBanner .copy .megaBannerText h1 span {
        font-size: 1.4rem;
    }
}

@media (max-width: 991px) {
    .arrowGraphicDown {
        bottom: 110px;
        width: 310px;
    }
}

.megaBannerIntro {
    padding: 50px 0;
    text-align: center;
}

.megaBannerIntro h5 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.megaBannerIntro p {
    color: #333333;
    font-size: 2.2rem;
    line-height: 2;
    text-align: center;
}

.megaBannerIntro a {
    color: #333333;
    text-decoration: underline;
}

.megaBannerIntro a:hover,
.megaBannerIntro a:focus {
    color: #aa0000;
}

@media (max-width: 767.999px) {
    .megaBanner {
        background-position: top center;
        height: 300px;
    }
    /*  .megaBanner .copy {
    max-width:75%;
    margin: 0 auto;
  } */
    .megaBanner .copy .megaBannerText {
        padding: 25px 15px;
    }
    .megaBanner .copy .megaBannerText h2 {
        font-size: 2.3rem;
    }
    .megaBannerIntro h5 {
        font-size: 2.3em;
    }
    .megaBannerIntro p {
        font-size: 1.4rem;
    }
}


/* ==========================================================================================
   ===== Organizer Zone B or C ===== Content Type #375 ================================================= 
   ==========================================================================================
   Last revised 20211112 - Vic
*/


/* Mobile layouts below 992 */

@media screen and (max-width: 991.99px) {
    .organizerZoneB {
        padding: 0 2rem;
    }
    .organizerZoneB h3 {
        padding: 0 2rem;
    }
}


/* ==========================================================================================
   ===== Title Banner ===== Content Type #454 ================================================= 
   ==========================================================================================
   Title Banner no intro paragraph, no arrow
   Tall graphic-centric banner in place of Section Banner
   Last revised 05/31/18 by Aubrey  
*/

.titleBannerWrapper {
    padding-bottom: 30px;
}

.titleBanner {
    background-position: left center;
    /* could be overriden by content item */
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    /* could be overriden by content item */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.titleBannerOverlay {
    height: 300px;
    /* could be overriden by content item */
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.titleBannerOverlayRed {
    background-color: rgba(170, 0, 0, .7);
}

.titleBannerOverlayOrange {
    background-color: rgba(239, 65, 53, .7);
}

.titleBannerOverlayGold {
    background-color: rgba(253, 185, 19, .7);
}

.titleBannerOverlayGreen {
    background-color: rgba(85, 179, 27, .7);
}

.titleBannerOverlayEmerald {
    background-color: rgba(0, 135, 101, .7);
}

.titleBannerOverlayDarkGreen {
    background-color: rgba(18, 74, 18, .7);
}

.titleBannerOverlayLightBlue {
    background-color: rgba(4, 169, 197, .7);
}

.titleBannerOverlayDarkBlue {
    background-color: rgba(0, 50, 130, .7);
}

.titleBannerOverlayBlack {
    background-color: rgba(51, 51, 51, .7);
}

.titleBannerOverlayBrown {
    background-color: rgba(128, 112, 96, .7);
}

.titleBannerOverlayWhite {
    background-color: rgba(247, 247, 247, .7);
}

.titleBannerOverlayTransparent {
    background-color: none;
}

.titleBannerTriangles,
.titleBannerTrianglesGold {
    background-image: linear-gradient(115deg, #fdb913 0%, #fdb913 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #fdb913 93%, #fdb913 100%);
}

.titleBannerTrianglesRed {
    background-image: linear-gradient(115deg, #aa0000 0%, #aa0000 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #aa0000 93%, #aa0000 100%);
}

.titleBannerTrianglesOrange {
    background-image: linear-gradient(115deg, #ef4135 0%, #ef4135 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #ef4135 93%, #ef4135 100%);
}

.titleBannerTrianglesEmerald {
    background-image: linear-gradient(115deg, #008765 0%, #008765 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #008765 93%, #008765 100%);
}

.titleBannerTrianglesGreen {
    background-image: linear-gradient(115deg, #55b31b 0%, #55b31b 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #55b31b 93%, #55b31b 100%);
}

.titleBannerTrianglesDarkGreen {
    background-image: linear-gradient(115deg, #124a12 0%, #124a12 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #124a12 93%, #124a12 100%);
}

.titleBannerTrianglesLightBlue {
    background-image: linear-gradient(115deg, #04a9c5 0%, #04a9c5 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #04a9c5 93%, #04a9c5 100%);
}

.titleBannerTrianglesDarkBlue {
    background-image: linear-gradient(115deg, #003282 0%, #003282 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #003282 93%, #003282 100%);
}

.titleBannerTrianglesBlack {
    background-image: linear-gradient(115deg, #333333 0%, #333333 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #333333 93%, #333333 100%);
}

.titleBannerTrianglesWhite {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #f7f7f7 93%, #f7f7f7 100%);
}

.titleBannerTrianglesBrown {
    background-image: linear-gradient(115deg, #948282 0%, #948282 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #948282 93%, #948282 100%);
}

.titleBanner .copy {
    display: block;
    padding: 25px 0;
    text-align: center;
}


/* fo no proper flexbox support */

.no-flexbox.no-flexboxtweener .titleBanner .copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.titleBannerText {
    background: #f7f7f7;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding: 2rem 4rem;
    text-transform: uppercase;
    transform: skewX(-25deg);
    z-index: 2;
}

.titleBanner .copy .titleBannerText h1 {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 4.6rem;
    font-weight: 700;
    margin: 0;
    transform: skewX(25deg);
}

@media (max-width: 767.999px) {
    .titleBanner .copy .titleBannerText h1 {
        font-size: 6vw;
    }
}

.titleBanner .copy .titleBannerText h1 .topLevelSection,
.titleBanner .copy .titleBannerText h1 span {
    color: #333333;
    display: block;
    font-size: 1.6rem;
}

@media (max-width: 767.999px) {
    .titleBanner .copy .titleBannerText h1 .topLevelSection,
    .titleBanner .copy .titleBannerText h1 span {
        font-size: 1.4rem;
    }
}

.arrowGraphicDown {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEwIDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTAiIGhlaWdodD0iMjAiID4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmRiOTEzIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik0gMjAgMSBMIDEyIDggMjAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZkYjkxMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICA8cGF0aCBkPSJNIDMwIDEgTCAyMiA4IDMwIDE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZGI5MTMiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgPHBhdGggZD0iTSAzIDggTCA0MTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmRiOTEzIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICA8L3N2Zz4=);
    background-position: left;
    background-repeat: no-repeat;
    bottom: 135px;
    height: 20px;
    margin: 0px auto;
    position: relative;
    transform: rotate(-90deg);
    width: 360px;
    z-index: 1;
}

@media (max-width: 991px) {
    .arrowGraphicDown {
        bottom: 110px;
        width: 310px;
    }
}

.titleBannerIntro {
    padding: 50px 0;
    text-align: center;
}

.titleBannerIntro h5 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.titleBannerIntro p {
    color: #333333;
    font-size: 2.2rem;
    line-height: 2;
    text-align: center;
}

@media (max-width: 767.999px) {
    .titleBanner {
        background-position: top center;
        height: 300px;
    }
    /*  .titleBanner .copy {
    max-width:75%;
    margin: 0 auto;
  } */
    .titleBanner .copy .titleBannerText {
        padding: 25px 15px;
    }
    .titleBanner .copy .titleBannerText h2 {
        font-size: 2.3rem;
    }
    .titleBannerIntro h5 {
        font-size: 2.3em;
    }
    .titleBannerIntro p {
        font-size: 1.4rem;
    }
}


/* ==========================================================================================
   ===== Title Banner v9.2 ===== Content Type #454 ================================================= 
   ==========================================================================================
   Title Banner: no intro paragraph, no arrow, no parallelogram, no text overlay
   Tall graphic-centric banner in place of Section Banner
   Last revised 02/27/19 by Aubrey  
*/

.titleBanner2Wrapper {
    padding-bottom: 30px;
}

.titleBanner2 {
    height: auto !important;
    display: block;
    position: relative;
}

.titleBanner2BackgroundImage {
    background-position: left center;
    /* could be overriden by content item */
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.titleBanner2Overlay {
    height: 100%;
    /* could be overriden by content item */
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.titleBanner2OverlayRed {
    background-color: rgba(170, 0, 0, .7);
}

.titleBanner2OverlayOrange {
    background-color: rgba(239, 65, 53, .7);
}

.titleBanner2OverlayGold {
    background-color: rgba(253, 185, 19, .7);
}

.titleBanner2OverlayGreen {
    background-color: rgba(85, 179, 27, .7);
}

.titleBanner2OverlayEmerald {
    background-color: rgba(0, 135, 101, .7);
}

.titleBanner2OverlayDarkGreen {
    background-color: rgba(18, 74, 18, .7);
}

.titleBanner2OverlayLightBlue {
    background-color: rgba(4, 169, 197, .7);
}

.titleBanner2OverlayDarkBlue {
    background-color: rgba(0, 50, 130, .7);
}

.titleBanner2OverlayBlack {
    background-color: rgba(51, 51, 51, .7);
}

.titleBanner2OverlayBrown {
    background-color: rgba(128, 112, 96, .7);
}

.titleBanner2OverlayWhite {
    background-color: rgba(247, 247, 247, .7);
}

.titleBanner2Overlay2Transparent {
    background-color: none;
}

.titleBanner2Triangles {
    opacity: .9;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 3;
    width: 100%;
}

.titleBanner2TrianglesGold {
    background-image: linear-gradient(115deg, #fdb913 0%, #fdb913 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #fdb913 93%, #fdb913 100%);
}

.titleBanner2TrianglesRed {
    background-image: linear-gradient(115deg, #aa0000 0%, #aa0000 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #aa0000 93%, #aa0000 100%);
}

.titleBanner2TrianglesOrange {
    background-image: linear-gradient(115deg, #ef4135 0%, #ef4135 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #ef4135 93%, #ef4135 100%);
}

.titleBanner2TrianglesEmerald {
    background-image: linear-gradient(115deg, #008765 0%, #008765 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #008765 93%, #008765 100%);
}

.titleBanner2TrianglesGreen {
    background-image: linear-gradient(115deg, #55b31b 0%, #55b31b 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #55b31b 93%, #55b31b 100%);
}

.titleBanner2TrianglesDarkGreen {
    background-image: linear-gradient(115deg, #124a12 0%, #124a12 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #124a12 93%, #124a12 100%);
}

.titleBanner2TrianglesLightBlue {
    background-image: linear-gradient(115deg, #04a9c5 0%, #04a9c5 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #04a9c5 93%, #04a9c5 100%);
}

.titleBanner2TrianglesDarkBlue {
    background-image: linear-gradient(115deg, #003282 0%, #003282 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #003282 93%, #003282 100%);
}

.titleBanner2TrianglesBlack {
    background-image: linear-gradient(115deg, #333333 0%, #333333 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #333333 93%, #333333 100%);
}

.titleBanner2TrianglesWhite {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #f7f7f7 93%, #f7f7f7 100%);
}

.titleBanner2TrianglesBrown {
    background-image: linear-gradient(115deg, #948282 0%, #948282 7%, transparent 7%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 93%, #948282 93%, #948282 100%);
}

@media (min-width: 1365.999px) {
    .titleBanner2TrianglesGold {
        background-image: linear-gradient(115deg, #fdb913 0%, #fdb913 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #fdb913 95%, #fdb913 100%);
    }
    .titleBanner2TrianglesRed {
        background-image: linear-gradient(115deg, #aa0000 0%, #aa0000 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #aa0000 95%, #aa0000 100%);
    }
    .titleBanner2TrianglesOrange {
        background-image: linear-gradient(115deg, #ef4135 0%, #ef4135 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #ef4135 95%, #ef4135 100%);
    }
    .titleBanner2TrianglesEmerald {
        background-image: linear-gradient(115deg, #008765 0%, #008765 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #008765 95%, #008765 100%);
    }
    .titleBanner2TrianglesGreen {
        background-image: linear-gradient(115deg, #55b31b 0%, #55b31b 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #55b31b 95%, #55b31b 100%);
    }
    .titleBanner2TrianglesDarkGreen {
        background-image: linear-gradient(115deg, #124a12 0%, #124a12 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #124a12 95%, #124a12 100%);
    }
    .titleBanner2TrianglesLightBlue {
        background-image: linear-gradient(115deg, #04a9c5 0%, #04a9c5 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #04a9c5 95%, #04a9c5 100%);
    }
    .titleBanner2TrianglesDarkBlue {
        background-image: linear-gradient(115deg, #003282 0%, #003282 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #003282 95%, #003282 100%);
    }
    .titleBanner2TrianglesBlack {
        background-image: linear-gradient(115deg, #333333 0%, #333333 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #333333 95%, #333333 100%);
    }
    .titleBanner2TrianglesWhite {
        background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #f7f7f7 95%, #f7f7f7 100%);
    }
    .titleBanner2TrianglesBrown {
        background-image: linear-gradient(115deg, #948282 0%, #948282 5%, transparent 5%, transparent 100%), linear-gradient(115deg, transparent 0%, transparent 95%, #948282 95%, #948282 100%);
    }
}


/* fo no proper flexbox support */

.no-flexbox.no-flexboxtweener .titleBanner2 .copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.titleBanner2Text {
    background: #f7f7f7;
    display: block;
    font-family: 'Montserrat', sans-serif;
    position: inherit;
    padding: 2rem 4rem;
    text-transform: uppercase;
    z-index: 2;
}

.titleBanner2 .titleBanner2Text h1 {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 4.6rem;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
}

.titleBanner2 .titleBanner2Text span {
    color: #333333;
    display: block;
    font-size: 1.6rem;
}

@media (max-width: 767.999px) {
    .titleBanner2Text {
        padding: 2rem;
    }
    .titleBanner2 .titleBanner2Text h1 {
        font-size: 6vw;
    }
    .titleBanner2 .titleBanner2Text span {
        font-size: 3vw;
    }
}


/* ========================================================================================== 
   ===== Mini Spotlight ===== Content Type #4903 ============================================ 
   ==========================================================================================
   2,3 or 4 short spotlight bios
   Last revised 12/12/2017 by Aubrey 
*/

.miniSpotLightImage {
    border-bottom: 8px solid white;
    border-left: 8px solid white;
    border-radius: 100%;
    border-top: 8px solid white;
    height: 150px;
    /*float: left;
  margin: 0 20px 0 0px;*/
    margin: 0 auto;
    overflow: hidden;
    width: 150px;
    padding: 0px;
}

.miniSpotLightImage img {
    width: 100%;
    padding: 0;
}

.miniSpotLightItemText h5 {
    font-weight: 500;
    margin-bottom: 10px;
}

#zoneB .miniSpotLightItem,
#zoneC .miniSpotLightItem {
    border-right: 0;
    border-left: 0;
    width: 100%;
}

.miniSpotLightItem {
    padding: 25px;
    text-align: center;
}

.miniSpotLightItem:nth-child(4n+1) {
    border-right: 1px solid #f7f7f7;
}

.miniSpotLightItem:nth-child(-n+3) {
    border-bottom: 1px solid #f7f7f7;
}

@media (max-width: 750px) {
    .miniSpotLightItem:nth-child(-n+5) {
        border-bottom: 1px solid #f7f7f7;
    }
    .miniSpotLightItem:nth-child(4n+1) {
        border-right: 0px solid #f7f7f7;
    }
}

.miniSpotLightClear {
    clear: both;
}

.miniSpotLightColorRed {
    border-right: 8px solid #aa0000;
}

.miniSpotLightColorOrange {
    border-right: 8px solid #ef4135;
}

.miniSpotLightColorGold {
    border-right: 8px solid #fdb913;
}

.miniSpotLightColorGreen {
    border-right: 8px solid #55B31B;
}

.miniSpotLightColorDarkGreen {
    border-right: 8px solid #124a12;
}

.miniSpotLightColorDarkBlue {
    border-right: 8px solid #003282;
}

.miniSpotLightColorLightBlue {
    border-right: 8px solid #04A9C5;
}

.miniSpotLightColorEmerald {
    border-right: 8px solid #008765;
}

.miniSpotLightColorWhite {
    border-right: 8px solid #f7f7f7;
}

.miniSpotLightColorBrown {
    border-right: 8px solid #807060;
}

.miniSpotLightColorBlack {
    border-right: 8px solid #333333;
}


/* ==========================================================================================
   ===== News ===== Content Type #82 ======================================================== 
   ==========================================================================================
   Heading, summary, and image stacked in an Organizer. Links to fulltext.
   Last revised 8/24/18 by Jason
*/


/* --------- v9/organizer/newsArticleCompact--------*/

.newsArticleCompact a {
    font-weight: 700;
}


/* --------- v9/organizer/newsArticleCompact--------*/

.newsArticleLink h4 {
    margin: 8px 0 0 0;
}

.newsArticleLink h4 a {
    text-decoration: underline;
}

.newsArticleLink h4 a:hover,
.newsArticleLink h4 a:focus {
    color: #333333;
}


/* --------- v9/organizer/newsArticleSummary --------*/

#newsFeedTitle {
    /* from Organizer */
    color: #aa0000;
    clear: both;
    /* acts as a clearing element */
    font-family: "Roboto Slab", serif;
    font-size: 2.4rem;
    font-weight: 400;
    border-bottom: 0;
    padding: 10px;
    margin: 0 10px;
}

.newsItemWrapper {
    padding: 0 0 0 15px;
    border-left: 2px solid #04a9c5;
    margin: 30px 0;
}

.newsItem {
    clear: both;
}

.newsItem h3 {
    margin: 0;
    padding: 0 0 15px 0;
}

.newsItem .newsImage {
    float: left;
    margin-right: 15px;
    max-width: 25%;
}

.newsItem .newsImage img {
    padding: 0;
}

.newsItem .articleSummary p {
    margin-bottom: 0;
}

.newsItem .articleSummary em.publishDate {
    color: #333333;
}

.newsItem .articleSummary p.readmore {
    margin: 15px 0 0 0;
    text-align: left;
    text-transform: initial;
}

#linkToNewsSection {
    border-top: 0;
    padding: 10px;
    margin: 0 10px 10px 10px;
    text-align: right;
}

#linkToNewsSection a {
    color: #aa0000;
}

#linkToNewsSection a:hover,
#linkToNewsSection a:focus {
    color: #aa0000;
    text-decoration: underline;
}

#linkToNewsSection a:after {
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}


/* ------------------------------  News Article Page  ------------------------------  */

.newsArticleWrapper {
    /* fulltext of articles */
    padding: 0;
}

.newsArticle .newsAuthor,
.newsArticle .newsPhotography {
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1.5;
}

.newsArticle .tagline {
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 2.8rem;
    margin-top: 0;
    padding-top: 0;
}

.newsArticle .newsPublished {
    font-size: 1.4rem;
    margin: 20px 0;
}

ul.newsTags {
    margin: 0;
}

ul.newsTags li {
    display: inline-block;
    margin: 2rem 1rem 1rem 0;
}

ul.newsTags li a {
    border: 2px solid #04a9c5;
    color: #aa0000;
    letter-spacing: 1px;
    padding: 1rem;
    text-decoration: none;
}

.newsArticleWrapper .prev-next {
    padding-bottom: 15px;
}

.newsArticleWrapper .prev-next a {
    color: #aa0000;
    font-size: 1.6rem;
    text-decoration: none
}

.newsArticleWrapper .prev-next a:hover,
.newsArticle .prev-next a:focus {
    color: #088099;
    text-decoration: underline;
}

.newsArticleWrapper .prev-next a:first-child:before {
    content: 'a ';
    font-family: 'seattle-u';
    position: relative;
    top: 2px;
}

.newsArticleWrapper .prev-next a:last-child:after {
    /* content: ' b'; */
    font-family: 'seattle-u';
    position: relative;
    top: 2px;
}


/* ========================== Pagination for News, Blogs, Support Articles ========================== */

.paginationWrapper {
    font-size: 1.8rem;
    text-align: center;
}

.paginationWrapper .currentpage {
    background: #aa0000;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 2rem;
    line-height: 3rem;
    width: 3rem;
}

.paginationWrapper .paginationNumber a {
    border-radius: 50%;
    color: #333333;
    display: inline-block;
    font-size: 2rem;
    line-height: 3rem;
    min-width: 3rem;
    text-decoration: none;
}

.paginationWrapper .paginationNumber a:hover,
.paginationWrapper .paginationNumber a:focus {
    color: #aa0000;
    text-decoration: underline;
}


/* ========================================================================================== 
   ===== Organizer ===== Content Types: #370 & 375 ========================================== 
   ==========================================================================================
   Automatically sorts, paginates, and displays content of a given type from a given section 
   Some styles defined in styles for System Status or Blogs seperately
   Last revised 12/8/17 by Jason 
*/

.organizerWrapper {}


/* ==========================================================================================
   ===== Program Overview ===== Content Type #4904 ================================================= 
   ==========================================================================================
   An overview of a program including a short accordion list of degrees and specializations.
   Last revised 11/16/17 by Max   
*/

.programOverviewWrapper {}

.programOverviewDescription {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.degreeItemContainer {
    background-color: #f7f7f7;
    margin-left: 4px;
    /* border width */
    padding: 15px 0;
}

.degreeItem {
    margin-bottom: 15px;
    margin-left: -4px;
    /* border width */
}

.degreeItem:last-child {
    margin-bottom: 0px !important;
}

.degreeItemHeader {
    border-left: 4px solid #04a9c5;
    height: 50px;
}

a.degreeItemHeaderButton {
    text-decoration: none;
}

.degreeItemHeaderButton {
    height: 50px;
    position: absolute;
}

.degreeItemStatus {
    /* the + and - */
    display: inline-block;
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
}

.degreeItemStatus .degreeItemStatusDash1 {
    background-color: #04a9c5;
    height: 3px;
    left: 15px;
    position: absolute;
    top: 24px;
    width: 17px;
}

.degreeItemStatus .degreeItemStatusDash2 {
    background-color: #04a9c5;
    height: 17px;
    left: 22px;
    position: absolute;
    top: 17px;
    width: 3px;
}

.degreeItemHeaderButtonTitleWrapper {
    align-items: center;
    display: flex;
    height: 50px;
}

.degreeItemHeaderButton[aria-expanded="true"] .accordionItemStatusDash2 {
    display: none !important;
}

.degreeItemHeaderButton[aria-expanded="false"] .accordionItemStatusDash2 {
    display: block !important;
}

.programOverviewWrapper .degreeItemHeader:focus h3 {
    text-decoration: underline !important;
}

h3.degreeItemHeaderButtonTitle {
    /*float: left; 03/07/2018 */
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    /*line-height: 50px; 03/07/2018 */
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.degreeItemContentWrapper {
    padding: 0 30px 0 55px;
}

.degreeItemContentWrapper .degreeItemList {
    margin-left: 0;
}


/* ==========================================================================================
   ===== Primary Content ===== Content Type #187 ============================================ 
   ==========================================================================================
   Standard HTML block content in Zone A
   Last revised 8/31/15 by Jason   
*/

.primaryContentWrapper {}

.primaryContent {}


/* ========================================================================================== 
   ===== Program Summary Box ===== Content Types: #256 ====================================== 
   ==========================================================================================
   Up to six links designed to link to 2 or 4 year program of study in sidebar
   USed for academic programs only
   Last revised 10/3/18 by Aubrey 
*/

.programSummaryBoxWrapper {}

@media (max-width:1199.999px) {
    #zoneC .programSummaryBoxWrapper {
        padding: 15px 0;
    }
}

#zoneA .programSummaryBox {
    border-top: 1px solid #088099;
}

#zoneB .programSummaryBox {
    border-left: 1px solid #088099;
}

#zoneC .programSummaryBox {
    border-right: 1px solid #088099;
    padding-right: 2rem;
}

.programSummaryBox .programSummaryBoxTitle {
    margin: 0px;
    padding: 0;
}

.programSummaryBox .programSummaryBoxTitle h3 {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2rem;
    padding: 0 0 1rem 2rem;
    margin-bottom: 0;
}

#zoneB .programSummaryBox .programSummaryBoxTitle h3 {
    font-size: 1.8rem;
}

.programSummaryBox ul {
    display: initial;
    margin: 0 0 20px 0;
    position: relative;
}

.programSummaryBox li {
    display: list-item;
    margin: 0;
    padding: 0;
    position: relative;
}

.programSummaryBox li a {
    color: #333;
    display: table;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    text-decoration: none;
    width: 100%;
}

.programSummaryBox li a:after {
    color: #088099;
    content: "\e025";
    font-size: 1.2rem;
    font-family: 'Glyphicons Halflings';
    padding-left: .5rem;
}

.programSummaryBox li a:hover,
.programSummaryBox li a:focus {
    color: #aa0000;
    text-decoration: none;
}


/* ==========================================================================================
   ===== QuickLinks ===== Content Type #216 ================================================= 
   ==========================================================================================
   A list of up to nine links to a section, content, external source or media item with an optional header. Merged with #576.
   Last revised 10/03/18 by Aubrey   
*/

.quicklinksWrapper {}

@media (max-width:1199.999px) {
    #zoneC .quicklinksWrapper {
        padding: 15px 0;
    }
}

.quicklinks h2.quicklinksTitle {
    clear: both;
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    text-transform: none;
}

#zoneB .quicklinks h2.quicklinksTitle {
    font-size: 1.8rem;
}

#zoneA .quicklinks {
    padding: 0 25px 25px;
}

#zoneA .quicklinks ul,
#zoneC .quicklinks ul {
    border-top: 1px solid #088099;
    padding: 5px 0 5px 20px;
}

#zoneB .quicklinks ul {
    border-left: 1px solid #088099;
}

.quicklinks ul {
    background-color: #f7f7f7;
    position: relative;
    padding: 1rem 0 1rem 2rem;
}

.quicklinks li {
    display: list-item;
    font-size: 1.6rem;
    position: relative;
}

.quicklinks li:first-child {
    margin-top: 0px;
}

.quicklinks li a {
    color: #333;
    display: inline-block;
    padding: 1rem 4.8rem 1rem 0px;
    position: relative;
    text-decoration: none;
    white-space: normal;
    width: 100%;
}

.quicklinks li a:after {
    font-family: 'seattle-u';
    font-size: 13px !important;
    content: 'b';
    color: #04a9c5;
    padding-right: 20px;
    position: absolute;
    top: 10px;
    right: 0;
}

.quicklinks li a:hover,
.quicklinks li a:focus {
    color: #aa0000;
    text-decoration: underline;
}


/* ========================================================================================== 
   ===== Quote ===== Content Type #211 and 617 ============================================== 
   ==========================================================================================
   A box with colored background that contains quote, source and affiliation
   Adapted from legacy Quotation Box in Ektron Feb 2016. Added color options and Zone A layout 2/8/17. Combined with #617
   Last revised 01/03/19 by Aubrey 
*/

.quoteBoxWrapper {}

.quoteBox {
    background-color: #088099;
    color: #ffffff;
    position: relative;
}

#zoneB .quoteBox {
    margin-bottom: 15px;
}

.quoteBoxRed {
    background-color: #aa0000;
    color: #ffffff;
}

.quoteBoxOrange {
    background-color: #ef4135;
    color: #ffffff;
}

.quoteBoxGold {
    background-color: #fab82f;
    color: #333333;
}

.quoteBoxGreen {
    background-color: #55b31b;
    color: #333333;
}

.quoteBoxDarkGreen {
    background-color: #124a12;
    color: #ffffff;
}

.quoteBoxLightBlue {
    background-color: #088099;
    color: #ffffff;
}

.quoteBoxDarkBlue {
    background-color: #003282;
    color: #ffffff;
}

.quoteBoxEmerald {
    background-color: #008765;
    color: #ffffff;
}

.quoteBoxBrown {
    background-color: #807060;
    color: #ffffff;
}

.quoteBoxBlack {
    background-color: #333333;
    color: #ffffff;
}

.quoteBoxWhite {
    background-color: #ffffff;
    color: #333333;
}

.quoteBox .fa,
.quoteBox .fas {
    opacity: .2;
    position: absolute;
    z-index: 1;
}

.quoteBox .opening {
    left: 15px;
    top: 12px;
}

.quoteBox .closing {
    bottom: 12px;
    right: 15px;
}

.quoteBox p {
    /* ::REQUIRED:: actual quote, sans the source or other information */
    color: #ffffff;
    font-size: 1.8em;
    line-height: 3.2rem;
    padding: 30px;
    margin: 0;
    min-height: 65px;
    position: relative;
    z-index: 2;
}

.quoteBoxGold p,
.quoteBoxGreen p,
.quoteBoxWhite p {
    color: #333333;
}

.quoteBox cite {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    padding: 0 30px 30px 30px;
    display: block;
}

.quoteBox cite .quoteSource {
    /* ::REQUIRED:: source of the quote, sans other information */
    display: block;
    font-size: 2.2rem;
    line-height: 1.5;
}

.quoteBox cite .quoteAffiliation {
    display: block;
    font-size: 1.8rem;
    line-height: 1.5;
    padding-top: 1rem;
}


/* ========================================================================================== 
   ===== RSS Feed ===== Content Type: #4908 ================================================= 
   ==========================================================================================
   Outputs RSS feed from third-party source
   Original content type deleted, old CSS below
   Last revised 11/2/2017 by Isaac
*/

#zoneB .rssFeedWrapper {
    border-left: 1px solid #088099;
    padding-left: 2.5rem;
}

#zoneC .rssFeedWrapper {
    border-right: 1px solid #088099;
    padding-right: 2.5rem;
}

.rssFeedWrapper h2 {
    color: #aa0000;
    clear: both;
    font-family: "Roboto Slab", serif;
    font-size: 3.2rem;
    font-weight: 400;
}

.rssFeedWrapper ul.rssFeed {
    margin-left: 0px;
}

.rssFeedWrapper ul.rssFeed li::before {
    content: '';
    padding-right: 0px;
}

.rssFeedWrapper ul.rssFeed a {
    font-size: 1.6rem;
}

.testFeed {
    display: none;
}


/* ==========================================================================================
   ===== Search For Meaning Author or Presenter ===== Content Type: #564 ==================== 
   ==========================================================================================
   Information about SFM Authors or Presenters. Output to default content layout, then will be filtered by filter tool.
   Last revised 11/15/17 by Jason   
*/

.searchForMeaningAuthorWrapper {}

.searchForMeaningAuthorWrapper .searchForMeaningAuthor h3 {
    font-family: "Roboto Slab", serif;
    margin: 0;
    padding: 0;
}

.searchForMeaningAuthorWrapper .searchForMeaningAuthor .title {
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    margin: 0;
}

.searchForMeaningAuthorWrapper img {
    max-width: 33.33%;
}

.searchForMeaningAuthorWrapper .presentationInformation p {
    margin-bottom: 0;
}


/* ==========================================================================================
   ===== Secondary Content ===== Content Type #207 ========================================== 
   ==========================================================================================
   Standard HTML block content in Zone A
   Last revised 8/31/15 by Jason   
*/

.secondaryContentWrapper {}

.secondaryContentWrapper .secondaryContent {}


/* ==========================================================================================
   ===== Section Banner ===== Content Type: #222 ============================================ 
   ==========================================================================================
   Banner above content zones with information about the section of the website. USed on Subpages.
   #sectionLandingBannerWrapper was taller before December 2014 redesign.
   Last revised 03/27/19 by Aubrey   
*/

#sectionBannerWrapper {
    background: #f7f7f7;
    padding: 0;
    position: relative;
}

#sectionBanner {
    width: 100%;
}

.bannerPhotoWrapper {
    padding: 0;
}

.bannerPhoto {
    background: url('');
    background-size: cover;
    height: 150px;
}

.bannerContentWrapper {
    height: 150px;
    padding: 0;
    position: relative;
    vertical-align: bottom;
}

.bannerOverlay {
    height: 150px;
    position: absolute;
    top: 0;
    width: 25%;
}

.sectionBannerRed .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0% 22%, #aa0000 22.01%, 30%, transparent 30.01% 90%, #fdb913 90.01% 100%);
}


/* the default / failsafe */


/* .sectionBannerRed .bannerOverlay {
   
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(170, 0, 0, .9) 22.01%, rgba(170, 0, 0, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
} */

.sectionBannerBlack .bannerOverlay {
    /* the default / failsafe */
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(0, 0, 0, .5) 22.01%, rgba(0, 0, 0, .5) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerDarkBlue .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(0, 36, 93, .9) 22.01%, rgba(0, 36, 93, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerLightBlue .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(4, 137, 157, .9) 22.01%, rgba(4, 137, 157, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerGold .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(250, 184, 4, .9) 22.01%, rgba(250, 184, 4, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerGreen .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(108, 179, 63, .9) 22.01%, rgba(108, 179, 63, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerOrange .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(239, 65, 53, .9) 22.01%, rgba(239, 65, 53, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerDarkGreen .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(18, 75, 18, .9) 22.01%, rgba(18, 75, 18, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerEmerald .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(0, 135, 101, .9) 22.01%, rgba(0, 135, 101, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerBrown .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(128, 112, 100, .9) 22.01%, rgba(128, 112, 100, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.sectionBannerWhite .bannerOverlay {
    background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 22%, rgba(247, 247, 247, .9) 22.01%, rgba(247, 247, 247, .9) 30%, transparent 30.01%, transparent 90%, #fdb913 90.01%, #fdb913 100%);
}

.container-fluid .bannerText {
    display: flex;
    flex-direction: column;
    height: 150px;
    justify-content: center;
    padding: 0 0 0 60px;
    position: relative;
    top: 0;
    z-index: 1;
}

@media screen and (min-width: 1307px) {
    /* aligns teh text as the window slides */
    .container-fluid .bannerText {
        padding-left: calc(((100vw - 20px) - 1170px)/2);
    }
    .container-fluid .bannerText .subSection:before {}
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .container-fluid .bannerText {
        xpadding-left: calc(((100vw - 20px) - 970px)/2);
        /* removed 3-16 by Jason*/
    }
}

@media (min-width: 1200px) {
    .container .bannerText {
        width: 1170px;
    }
}

@media (min-width: 992px) {
    .container .bannerText {
        width: 970px;
    }
}

@media (min-width: 768px) {
    .container .bannerText {
        width: 750px;
    }
}


/* ie9 can't handle flexbox quite right */

.no-flexbox.no-flexboxtweener .bannerContentWrapper .bannerText {
    margin-top: -30px;
    /* accounts for padding */
    top: 50%;
    /* overrides top:0 */
}

.bannerText .subSection {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 4em;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
}

.bannerText .toplevelSection {
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
}

.bannerText .ctaSection {
    /* ? */
    color: #aa0000;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 6rem;
    text-transform: uppercase;
}

.subSection:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNhYTAwMDAiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2FhMDAwMCIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjYWEwMDAwIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNhYTAwMDAiIC8+Cjwvc3ZnPg==");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 16px;
    left: -45px;
    margin: 0;
    position: absolute;
    top: calc(50% - 8px);
    transform: rotate(180deg);
    width: 90px;
}

@media screen and (max-width: 767px) {
    /* xs */
    .subSection:before {
        left: -30px;
    }
}

.sectionBannerRed .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNhYTAwMDAiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2FhMDAwMCIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjYWEwMDAwIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNhYTAwMDAiIC8+Cjwvc3ZnPg==");
}

.sectionBannerBlack .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMzMzMzMzMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzMzMzMzMyIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjMzMzMzMzIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMzMzMzMzMiIC8+Cjwvc3ZnPg==");
}

.sectionBannerDarkBlue .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMwMDI0NWQiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMjQ1ZCIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjMDAyNDVkIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMwMDI0NWQiIC8+Cjwvc3ZnPg==");
}

.sectionBannerLightBlue .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMwNDg5OWQiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzA0ODk5ZCIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjMDQ4OTlkIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMwNDg5OWQiIC8+Cjwvc3ZnPg==");
}

.sectionBannerGold .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmYWI4MmYiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZhYjgyZiIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmFiODJmIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmYWI4MmYiIC8+Cjwvc3ZnPg==");
}

.sectionBannerGreen .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2Y2IzM2YiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZjYjMzZiIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNmNiMzNmIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2Y2IzM2YiIC8+Cjwvc3ZnPg==");
}

.sectionBannerOrange .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNlZjQxMzUiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2VmNDEzNSIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZWY0MTM1IiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNlZjQxMzUiIC8+Cjwvc3ZnPg==");
}

@media screen and (max-width: 767px) {
    /* xs */
    #sectionBannerWrapper #sectionBanner {
        position: initial;
    }
    #sectionBannerWrapper .bannerContentWrapper {
        height: inherit;
    }
    #sectionBannerWrapper .bannerText {
        height: inherit;
        padding: 15px 15px 15px 75px;
    }
    #sectionBannerWrapper .bannerText .subSection {
        font-size: 2rem;
        margin: 0;
    }
    #sectionBannerWrapper .bannerText .toplevelSection {
        font-size: 1.4rem;
        margin: 0;
    }
    #sectionBannerWrapper .bannerText .ctaSection {
        margin-top: 2rem;
    }
    #sectionBannerWrapper .bannerOverlay {
        height: 130px;
    }
    .sectionBannerBlack .bannerOverlay {
        /* the default / failsafe */
        background-image: linear-gradient(115deg, #333333 0%, #333333 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerRed .bannerOverlay {
        /* the default / failsafe */
        background-image: linear-gradient(115deg, #aa0000 0%, #aa0000 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerOrange .bannerOverlay {
        background-image: linear-gradient(115deg, #ef4135 0%, #ef4135 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerGold .bannerOverlay {
        background-image: linear-gradient(115deg, #fdb913 0%, #fdb913 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerGreen .bannerOverlay {
        background-image: linear-gradient(115deg, #55b31b 0%, #55b31b 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerDarkGreen .bannerOverlay {
        background-image: linear-gradient(115deg, #124a12 0%, #124a12 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerDarkBlue .bannerOverlay {
        background-image: linear-gradient(115deg, #003282 0%, #003282 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerLightBlue .bannerOverlay {
        background-image: linear-gradient(115deg, #04a9c5 0%, #04a9c5 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerEmerald .bannerOverlay {
        background-image: linear-gradient(115deg, #008765 0%, #008765 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerBrown .bannerOverlay {
        background-image: linear-gradient(115deg, #807060 0%, #807060 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
    .sectionBannerWhite .bannerOverlay {
        background-image: linear-gradient(115deg, #f7f7f7 0%, #f7f7f7 8%, transparent 8.01%, transparent 92%, #fdb913 92.01%, #fdb913 100%);
    }
}


/* ========================================================================================== 
   ===== Slideshow ===== Content Type #186 ================================================== 
   ==========================================================================================
   A slider of up to nine images in a single content item.
   Last edited Aubrey by 1/10/2018 
*/

#pageTitle+.sliderWrapper .sliderSpacer {
    /* add a gap below the page title only if immediately following the title */
    padding-bottom: 10px;
}

.slick-slide img {
    margin: auto;
    /* centers images if too small for page width */
}

.slideShowWrapper .slick-prev {
    left: 20px;
    z-index: 10;
}

.slideShowWrapper .slick-next {
    right: 20px;
    z-index: 10;
}

.slideShowWrapper .slick-prev:before,
.slideShowWrapper .slick-next:before {
    color: #000000;
    font-size: 3rem;
}


/* ==========================================================================================
   ===== Social Media Buttons ===== Content Type #195 ======================================= 
   ==========================================================================================
   Set of social media icons with links to user-specified account pages.
   Last revised 6/22/18 by Jason    
*/

.socialMediaIconsWrapper {}

#zoneA .socialMediaIcons {
    padding: 0 25px 25px;
}

#zoneB .socialMediaIcons,
#zoneC .socialMediaIcons {
    padding: 0;
}

.socialMediaIconsText {
    padding: 0 !important;
}

.socialMediaIconsText h2 {
    clear: both;
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 3.2rem;
    font-weight: 400;
    text-transform: none;
}

#zoneB .socialMediaIconsText h2 {
    font-size: 1.8rem;
    color: #aa0000;
}

.socialMediaIconsWrapper ul.socialMediaIconsList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    flex-flow: row wrap;
    justify-content: center;
}


/* colors below are unique to the branded of the respective social media channels */

.socialMediaIconsWrapper .themeDefault li.iconFacebook a {
    color: #3B5998;
}

.socialMediaIconsWrapper .themeDefault li.iconTwitter a {
    color: #1DA1F2;
}

.socialMediaIconsWrapper .themeDefault li.iconLinkedIn a {
    color: #0077B5;
}

.socialMediaIconsWrapper .themeDefault li.iconInstagram a {
    color: #06365F;
}

.socialMediaIconsWrapper .themeDefault li.iconYouTube a {
    color: #E62117;
}

.socialMediaIconsWrapper .themeDefault li.iconTumblr a {
    color: #36465D;
}

.socialMediaIconsWrapper .themeDefault li.iconGooglePlus a {
    color: #DB4437;
}

.socialMediaIconsWrapper .themeDefault li.iconVimeo a {
    color: #00B3EC;
}

.socialMediaIconsWrapper .themeDefault li.iconPinterest a {
    color: #BD081C;
}

.fa-twitter-square:before {
    color: #1DA1F2;
}

.socialMediaIconsWrapper .themeRed li a {
    color: #aa0000;
}

.socialMediaIconsWrapper .themeGold li a {
    color: #fdb913;
}

.socialMediaIconsWrapper .themeLightBlue li a {
    color: #04A9C5;
}

.socialMediaIconsWrapper .themeBlack li a {
    color: #333333;
}

.socialMediaIconsWrapper .themeOrange li a {
    color: #ef4135;
}

.socialMediaIconsWrapper .themeGreen li a {
    color: #55b31b;
}

.socialMediaIconsWrapper .themeDarkGreen li a {
    color: #124a12;
}

.socialMediaIconsWrapper .themeDarkBlue li a {
    color: #003282;
}

.socialMediaIconsWrapper .themeEmerald li a {
    color: #008765;
}

.socialMediaIconsWrapper .themeBrown li a {
    color: #807060;
}

.socialMediaIconsWrapper .themeWhite li a {
    color: #ffffff;
}

.socialMediaIconsWrapper .themeWhite li a .fa-inverse {
    color: #aa0000;
}

.socialMediaIconsWrapper .socialMediaIcons li a:hover .fa-stack {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.socialMediaIconsWrapper .fa-stack {
    transition: all .2s ease-in-out;
}


/* ==========================================================================================
   ===== Spotlight ===== Content Type #2133 ================================================== 
   ==========================================================================================
   Photo with quote on color or image background.
   Last revised 1/10/19 by Aubrey    
*/

.spotlightWrapper {
    background-color: #f7f7f7;
}

@media screen and (min-width: 992px) {
    /* md + lg*/
    .spotlight {
        display: flex;
        min-height: 500px;
    }
    .container div#zoneA.col-md-6 .spotlightImage img {
        max-width: 100%;
    }
}

.spotlightImage img {
    width: auto;
}

.spotlightBioLink {
    color: initial;
    text-decoration: underline;
}

.spotlightBioLink:active,
.spotlightBioLink:hover {
    color: #aa0000;
}

.spotlightImageFilter:hover,
.spotlightImageFilter:active {
    -webkit-filter: brightness(.8);
    filter: brightness(0.8);
}

.spotlightBackgroundColorRed {
    background-color: #aa0000;
}

.spotlightBackgroundColorOrange {
    background-color: #ef4135;
}

.spotlightBackgroundColorGold {
    background-color: #fdb913;
}

.spotlightBackgroundColorGreen {
    background-color: #55b31b;
}

.spotlightBackgroundColorDarkGreen {
    background-color: #124a12;
}

.spotlightBackgroundColorDarkBlue {
    background-color: #003282;
}

.spotlightBackgroundColorLightBlue {
    background-color: #04a9c5;
}

.spotlightBackgroundColorEmerald {
    background-color: #008765;
}

.spotlightBackgroundColorBrown {
    background-color: #807060;
}

.spotlightBackgroundColorWhite {
    background-color: #f7f7f7;
}

.spotlightBackgroundColorBlack {
    background-color: #333333;
}

.spotlightImage {
    align-items: center;
    background: linear-gradient(to right, rgba(247, 247, 247, 0) 57.5%, rgba(247, 247, 247, 1) 57.51%);
    display: flex;
    justify-content: center;
    padding: 0 7.5%;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .spotlightImage {
        background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 50.1%);
    }
}

.spotlightImage img {
    border: 10px solid transparent;
    border-radius: 50%;
    /*height:80%;*/
    margin: 30px auto;
    max-width: 300px;
    position: relative;
    left: 7.5%;
}

.spotlightAccentColorRed .spotlightImage img {
    border-right: 10px solid #aa0000;
    border-bottom: 10px solid #aa0000;
}

.spotlightAccentColorOrange .spotlightImage img {
    border-right: 10px solid #ef4135;
    border-bottom: 10px solid #ef4135;
}

.spotlightAccentColorGold .spotlightImage img {
    border-right: 10px solid #fdb913;
    border-bottom: 10px solid #fdb913;
}

.spotlightAccentColorGreen .spotlightImage img {
    border-right: 10px solid #55b31b;
    border-bottom: 10px solid #55b31b;
}

.spotlightAccentColorDarkGreen .spotlightImage img {
    border-right: 10px solid #124a12;
    border-bottom: 10px solid #124a12;
}

.spotlightAccentColorDarkBlue .spotlightImage img {
    border-right: 10px solid #003282;
    border-bottom: 10px solid #003282;
}

.spotlightAccentColorLightBlue .spotlightImage img {
    border-right: 10px solid #04a9c5;
    border-bottom: 10px solid #04a9c5;
}

.spotlightAccentColorEmerald .spotlightImage img {
    border-right: 10px solid #008765;
    border-bottom: 10px solid #008765;
}

.spotlightAccentColorBrown .spotlightImage img {
    border-right: 10px solid #807060;
    border-bottom: 10px solid #807060;
}

.spotlightAccentColorWhite .spotlightImage img {
    border-right: 10px solid #f7f7f7;
    border-bottom: 10px solid #f7f7f7;
}

.spotlightAccentColorBlack .spotlightImage img {
    border-right: 10px solid #333333;
    border-bottom: 10px solid #333333;
}

.spotlightArrow {
    position: absolute;
    width: 15%;
    border-top: 4px solid #ffffff;
    top: calc(50% + 2px);
    left: 0;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .spotlightArrow {
        display: none;
    }
}

.spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
    background-size: 40px;
    height: 26px;
    right: -2px;
    width: 40px;
    background-repeat: no-repeat;
    color: #ffffff;
    content: "\00a0 ";
    position: absolute;
    top: -15px;
}

.spotlightAccentColorRed .spotlightArrow {
    border-top: 4px solid #aa0000;
}

.spotlightAccentColorRed .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0FBMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNBQTAwMDAiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQUEwMDAwIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorOrange .spotlightArrow {
    border-top: 4px solid #ef4135;
}

.spotlightAccentColorOrange .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VGNDEzNSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFRjQxMzUiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUY0MTM1IiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorGold .spotlightArrow {
    border-top: 4px solid #fdb913;
}

.spotlightAccentColorGold .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZEQjkxMyIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGREI5MTMiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkRCOTEzIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorGreen .spotlightArrow {
    border-top: 4px solid #55b31b;
}

.spotlightAccentColorGreen .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU1QjMxQiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM1NUIzMUIiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTVCMzFCIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorDarkGreen .spotlightArrow {
    border-top: 4px solid #124a12;
}

.spotlightAccentColorDarkGreen .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzEyNEExMiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxMjRBMTIiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTI0QTEyIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorDarkBlue .spotlightArrow {
    border-top: 4px solid #003282;
}

.spotlightAccentColorDarkBlue .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMzI4MiIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDMyODIiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAzMjgyIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorLightBlue .spotlightArrow {
    border-top: 4px solid #04a9c5;
}

.spotlightAccentColorLightBlue .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA0QTlDNSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwNEE5QzUiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDRBOUM1IiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorEmerald .spotlightArrow {
    border-top: 4px solid #008765;
}

.spotlightAccentColorEmerald .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwODc2NSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDg3NjUiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA4NzY1IiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorBrown .spotlightArrow {
    border-top: 4px solid #807060;
}

.spotlightAccentColorBrown .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwNzA2MCIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM4MDcwNjAiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODA3MDYwIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorWhite .spotlightArrow {
    border-top: 4px solid #f7f7f7;
}

.spotlightAccentColorWhite .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Y3RjdGNyIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGN0Y3RjciIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjdGN0Y3IiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightAccentColorBlack .spotlightArrow {
    border-top: 4px solid #333333;
}

.spotlightAccentColorBlack .spotlightArrow:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0MS43NDJweCIgaGVpZ2h0PSIyNy44MjhweCIgdmlld0JveD0iLTAuMjkzIDAgNDEuNzQyIDI3LjgyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4yOTMgMCA0MS43NDIgMjcuODI4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNMjYuMTIxLDEuNDE0bDEyLjUsMTIuNWwtMTIuNSwxMi41Ii8+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTEzLjYyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xLjEyMSwxLjQxNGwxMi41LDEyLjVsLTEyLjUsMTIuNSIvPg0KPC9zdmc+DQo=");
}

.spotlightCopy {
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    text-align: left;
}

.spotlightWrapper h3 {
    color: #aa0000;
    font-family: "Oswald", sans-serif;
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.spotlightWrapper .spotlightCopyBody {
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 30px;
}

.spotlightWrapper .spotlightSource {
    border-left: 3px solid transparent;
    /*Default*/
    font-size: 1.4em;
    font-weight: bold;
    padding: 3px 3px 3px 15px;
}

@media screen and (max-width: 991.999px) {
    /* xs + sm */
    .spotlightWrapper .spotlightSource {
        border-left: none;
    }
}

.spotlightAccentColorRed .spotlightSource {
    border-left: 3px solid #aa0000;
}

.spotlightAccentColorOrange .spotlightSource {
    border-left: 3px solid #ef4135;
}

.spotlightAccentColorGold .spotlightSource {
    border-left: 3px solid #fdb913;
}

.spotlightAccentColorGreen .spotlightSource {
    border-left: 3px solid #55b31b;
}

.spotlightAccentColorDarkGreen .spotlightSource {
    border-left: 3px solid #124a12;
}

.spotlightAccentColorDarkBlue .spotlightSource {
    border-left: 3px solid #003282;
}

.spotlightAccentColorLightBlue .spotlightSource {
    border-left: 3px solid #04a9c5;
}

.spotlightAccentColorEmerald .spotlightSource {
    border-left: 3px solid #008765;
}

.spotlightAccentColorBrown .spotlightSource {
    border-left: 3px solid #807060;
}

.spotlightAccentColorBlack .spotlightSource {
    border-left: 3px solid #333333;
}

.spotlightAccentColorWhite .spotlightSource {
    border-left: 3px solid #f7f7f7;
}

.spotlightWrapper .spotlightAffiliation {
    font-size: 1.4em;
}


/*Medium Displays*/

@media screen and (max-width: 993px) {
    .spotlightImage img {
        left: 0;
    }
    .spotlightCopy {
        padding: 30px 10px;
        text-align: center !important;
    }
}


/*Extra Small Displays*/

@media screen and (max-width: 767.999px) {
    /* xs */
    .spotlight {
        display: inline-block
    }
    .spotlightImage {
        padding: 10px 0;
    }
    .spotlightArrow {
        width: 10%;
    }
    .spotlightCopy {
        text-align: left;
    }
    .spotlightCopyCitation {
        border: 0;
    }
}


/* ========================================================================================== 
   ===== SU Master Calendar Feed  ===== Content Type #217 =================================== 
   ==========================================================================================
   creates special box in ZoneB RSS feed from Master Calendar
   Last revised 10/3/18 by Aubrey 
*/

#zoneA .calendarFeed {
    border-top: 1px solid #088099;
    padding-top: 2rem;
}

#zoneB .calendarFeed {
    border-left: 1px solid #088099;
}

#zoneC .calendarFeed {
    border-right: 1px solid #088099;
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    #zoneC .calendarFeedWrapper {
        padding: 15px 0;
    }
}

.calendarFeed .rssFeedTitle {
    /* h3 */
    color: #aa0000;
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    padding: 0 0 1rem 2rem;
    margin: 0px;
}

#zoneB .calendarFeed .rssFeedTitle,
#zoneC .calendarFeed .rssFeedTitle {
    font-size: 1.8rem;
}

.calendarFeed .rssFeedContent {
    color: #333333;
    font-size: 1.6rem;
    position: relative;
}

.calendarFeed .rssFeedContent .rssFeed {
    /* ul */
    display: block;
    line-height: 2rem;
    margin: 0;
}

.calendarFeed .rssFeedContent .rssFeed li {
    display: block;
}

.calendarFeed .rssFeedContent .rssFeed li:first-of-type {
    border-top: 0;
}

.calendarFeed .rssFeedContent .rssFeed li:before {
    content: '';
    display: block;
}

.calendarFeed .rssFeedContent .rssFeed li a {
    color: #333333;
    display: block;
    padding: 1rem 2rem;
    text-decoration: none;
}

.calendarFeed .rssFeedContent .rssFeed li a:hover,
.calendarFeed .rssFeedContent .rssFeed li a:focus {
    color: #aa0000;
    text-decoration: underline;
}

.calendarFeed .fullCalendarLink {
    padding: 15px 0 0 15px;
}


/* ==========================================================================================
   ===== SU Today === Campus Announcements ===== Content Type: #5580 ========================
   ==========================================================================================
   SU Today - Campus Announcements Content Type requires Organizer
   Last revised 20211110 - Victor  
*/


/* expand small images to fill available space on all browsers */

.suTodayWrapper.announcement img.card-img-top {
    padding: 2rem 2rem 0 2rem;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.suTodayWrapper.announcement {
    padding: 0;
    border: none;
    margin: 0;
}

.suTodayWrapper.announcement:first-child {
    padding: 0;
    border: none;
    margin: 0;
}

.suTodayWrapper .externalLink a {
    color: #088099;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}

.suTodayWrapper.announcement .publishDetails p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.announcement .row.summaryWrapper {
    margin: 0;
    padding: 0 2rem 1rem 2rem;
}

.announcement h3.card-title {
    color: #AA0000;
    font-family: "Montserrat", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    padding: 0;
}

.announcement h3.card-title a {
    color: #AA0000;
}

.announcement h3.card-title a:hover,
.announcement h3.card-title a:focus {
    color: #AA0000;
}

.announcement .publishDetails {
    margin: 1.6rem 0;
}

.announcement .articleSummary p {
    font-weight: 500;
}

.announcement .articleSummary p.summary {
    font-size: 1.8rem;
    line-height: 1.6;
}

.announcement div.newsroomArticle.tags {
    display: inline-flex;
    width: auto;
}

.announcement ul.categories {
    margin-bottom: 0;
    margin-left: 0;
}

.announcement ul.categories li {
    background: none;
    border: none;
    color: #AA0000;
    display: inline-block !important;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.5rem 2rem 0 0;
}

.announcement .audience ul.categories li {
    color: #55B31B;
}

.announcement ul.categories li:before {
    content: unset;
}

.announcement .articleSummary .panelLinks {
    padding-top: 30px;
    text-align: center;
    width: 100%;
    display: flex;
    margin: auto auto;
    list-style-type: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

.announcement .articleSummary .panelLinks a {
    color: #aa0000;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.announcement .articleSummary .panelLinks li {
    border: 1px solid #088099;
    display: flex;
    flex: 0 1 calc(50% - 7px);
    flex-direction: column;
    justify-content: center;
}

.announcement .articleSummary ul.panelLinks li:before {
    content: '';
    padding-right: 0px;
}

.announcement .articleSummary .panelLinks li:hover,
.panelInner .panelLinks li:focus,
.announcement .articleSummary .panelLinks li a:hover,
.panelInner .panelLinks li a:focus {
    background: #088099;
    color: #ffffff;
}

.suTodayWrapper .externalLink a:hover,
.suTodayWrapper .externalLink a:focus {
    text-decoration: underline;
}

.announcement hr.articleBorderBottom {
    border-top: 3px solid #e5e5e5;
    display: block;
    height: 3px;
    margin: 0 20px 20px 20px;
}


/* Mobile layouts below 992 */

@media screen and (max-width: 991.99px) {
    .organizerWrapper .suTodayWrapper h3.card-title {
        padding: 0;
    }
    .announcement div.newsroomArticle.tags {
        width: unset;
    }
}


/* ZoneB Defaults */

.suTodayWrapper.announcementZoneb {
    padding: 0;
    border: none;
    margin: 0;
}

.suTodayWrapper.announcementZoneb .externalLink a {
    font-size: 1.35rem;
}

.suTodayWrapper.announcementZoneb {
    padding: 0;
    border: none;
    margin: 0;
}

.suTodayWrapper.announcementZoneb .externalLink a {
    font-size: 1.35rem;
}

.announcementZoneb .row.summaryWrapper {
    margin: 0;
    padding: 0;
}

.announcementZoneb h4.card-title {
    color: #AA0000;
    font-family: "Montserrat", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
}

.announcementZoneb h4.card-title a {
    color: #AA0000;
}

.announcementZoneb h4.card-title a:hover,
.announcementZoneb h4.card-title a:focus {
    color: #AA0000;
}

.announcementZoneb .articleSummary p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.announcementZoneb hr.articleBorderBottom {
    border-top: 3px solid #e5e5e5;
    display: block;
    height: 3px;
    margin: 0;
}


/* Mobile layouts below 992 */

@media screen and (max-width: 991.99px) {
    #zoneA .announcementZoneb {
        padding: 0 2rem;
    }
    .announcement div.newsroomArticle.tags {
        width: unset;
    }
}


/* ==========================================================================================
   ===== Sullivan Scholars ===== Content Type: #398 ========================================= 
   ==========================================================================================
   Information about Sullivan Scholars, output by an Organizer with fulltext.
   Last revised 8/11/16 by Jason   
*/


/* ----- organizer/sullivanscholars ----- */

#zoneA .sullivanScholarSummaryWrapper {
    min-height: 17em;
}

#zoneA .sullivanScholarSummary {
    padding: 0;
    border: none;
}

#zoneA .sullivanScholarSummary h3 {
    margin-top: 15px;
    padding: 0;
}

#zoneA .sullivanScholarSummary p {
    line-height: 1.5em;
    margin-bottom: 0;
}


/* ----- fulltext ----- */

#sullivanScholarBioWrapper {
    margin: 10px;
    margin-top: 0;
    border-top: 0;
}

#sullivanScholarBioSummary {
    background: #124a12;
    line-height: 100%;
}

#sullivanScholarBioWrapper #bioPhoto {
    text-align: center;
    padding: 15px 0;
}

#sullivanScholarBioWrapper #bioPhoto img {
    padding: 0;
    border: 1px solid #ffffff;
}

#sullivanScholarBioSummary p {
    color: #ffffff;
}

#sullivanScholarBioSummary p a {
    color: #ffffff;
}

#sullivanScholarBioSummary p a:hover,
#sullivanScholarBioSummary p a:focus {
    color: #fdb913;
}


/* ==========================================================================================
   ===== Supplemental Content ===== Content Type #209 ======================================= 
   ==========================================================================================
   Standard HTML block content in Zone A
   Last revised 8/31/15 by Jason   
*/

.supplementalContentWrapper {}

.supplementalContentWrapper .supplementalContent {}


/* ========================================================================================== 
   ===== System Status ===== Content Type #359 ============================================== 
   ==========================================================================================
   Content type for different Services to show their status in the Organizer 
   Last revised 12/6/17 by Jason  
*/

#zoneA .systemStatusWrapper {}

#zoneA .statusDetail {
    padding: 15px;
    margin: 0 15px;
}

#zoneA .statusDetail .systemName h4 {
    margin: 0;
}

#zoneA .statusDetail .systemName a {
    color: #333333;
}

#zoneA .statusDetail .systemName a .fa-exclamation-triangle {
    color: #fdb913;
    padding-right: 10px;
    font-size: 30px;
}

#zoneA .statusDetail .systemName a .fa-check-circle {
    color: #55b31b;
    padding-right: 10px;
    font-size: 30px;
}


/* ========== Organizer: Zone B/C layout ======== */

.systemStatusListWrapper {
    border-left: 3px solid #aa0000;
}

.systemStatusListWrapper .systemStatusListTitle {
    /* h3 */
    padding: 0 15px;
}

.systemStatusListWrapper .systemStatusListTitle h3 {
    color: #aa0000;
    clear: both;
    font-family: "Roboto Slab", serif;
    font-size: 2.2rem;
    font-weight: 400;
}

.systemStatusList {
    background: #f7f7f7;
}

.statusDetail {}

.statusDetail .systemName {
    margin: 0;
}

.statusDetail .systemName a {
    color: #333333;
    display: block;
    font-size: 1.4rem;
    line-height: 3.2rem;
    padding: 0 15px;
    text-decoration: none;
}

.statusDetail .systemName a .fa-exclamation-triangle {
    color: #fdb913;
    padding-right: 10px;
    font-size: 2.5rem;
    position: relative;
    top: 4px;
}

.statusDetail .systemName a .fa-check-circle {
    color: #55b31b;
    padding-right: 10px;
    font-size: 2.5rem;
    position: relative;
    top: 4px;
}

.statusDetail .systemName a:hover {
    color: #aa0000;
    text-decoration: underline;
    transition: all 0.2s ease;
}

.statusDetail .systemName a:hover .fa-exclamation-triangle {
    color: #124a12;
}

.statusDetail .systemName a:hover .fa-check-circle {
    color: #124a12;
}

.systemStatusListWrapper .readmore {
    padding: 15px 15px 0 15px;
    text-align: left;
    font-size: 1.6rem;
}

.systemStatusListWrapper .readmore a {
    color: #aa0000;
}


/* ========================================================================================== 
   ===== Testimonial ===== Content Type: #212 ================================================= 
   ==========================================================================================
   Creates a speech bubble that includes a quote and citation. Can be used in 3 or 6 column zones
   Code adapted from http://www.sitepoint.com/pure-css3-speech-bubbles
   Last revised 3/19/15 by Jason 
*/

.testimonialBox {
    margin-bottom: 60px;
}

.testimonialBox p {
    background-color: #f7f7f7;
    border: 3px solid #04a9c5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #04a9c5;
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0;
    padding: 30px;
    position: relative;
}

.testimonialBox p:before {
    border: 12px solid;
    border-color: #04a9c5 transparent transparent #04a9c5;
    bottom: -24px;
    content: ' ';
    height: 0;
    left: 33px;
    position: absolute;
    width: 0;
}

.testimonialBox p:after {
    border: 11px solid;
    border-color: #f7f7f7 transparent transparent #f7f7f7;
    bottom: -17px;
    content: ' ';
    height: 0;
    left: 36px;
    position: absolute;
    width: 0;
}

.testimonialBox cite {
    color: #04a9c5;
    display: block;
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 25px 15px 0 33px;
}

.testimonialBox cite span {
    display: block;
    font-size: 1.4rem;
    font-style: italic;
    line-height: 1.2;
    padding-top: 2px;
}


/* ========================================================================================== 
   ===== Twitter TImeline Feed ===== Content Type: #594 ==================================== 
   ==========================================================================================
   Twitter feed that uses Twitter's API
   Last revised 11/3/17 by Jason 
*/

.twitterTitle {
    background: #ffffff;
}

.twitterTitle h3 {
    color: #04a9c5;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.8rem;
    margin: 0;
    padding: 10px;
}

.twitterTitle i {
    font-size: 48px;
}

.twitterTitle a {
    color: #003282;
    position: relative;
    top: -9px;
}

.twitterTitle a:hover {
    color: #aa0000;
    text-decoration: none;
}


/* ========================================================================================== 
   ===== Video Embedded  ===== Content Type #363 ============================================ 
   ==========================================================================================
   Add YouTube or Vimeo video embedded in Zone A and responsively resizes
   Last revised 01/17/19 by Dozie
*/

.embeddedVideoWrapper {
    margin-bottom: 15px;
}

.embeddedVideo {
    height: 0;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.embeddedVideoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.embeddedVideoDescriptionWrapper {
    background: #f7f7f7;
    padding: 15px;
}

.embeddedVideoDescription p {
    margin-bottom: 0;
}


/* ==========================================================================================
   ===== Video Popup ===== Content Type #233 ================================================ 
   ==========================================================================================
   Pops up a video in a modal window instead of playing on the page.
   Last revised 11/15/17 by Jason   
*/

.popupVideo {
    position: relative;
}

.popupVideo .media-thumbnail {
    padding: 0;
    position: relative;
    z-index: 10;
}

.popupVideo a {
    display: block;
    position: relative;
}

.popupVideo a .play-button {
    color: #ffffff;
    font-size: 8rem;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px #000000;
    top: calc(50% - 4rem);
    width: 100%;
    z-index: 11;
}

.popupVideo a .play-button:hover {
    color: #333333;
    text-shadow: 0 0 10px #ffffff;
}

.popupVideo p {
    color: #333333;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 15px 0;
    text-align: left;
    vertical-align: text-top;
}


/* 
    ========================================================================================== 
    ===== Carousel Image ====== Content Type #5006 ===========================================
    ==========================================================================================
    Image slide intended to be only used as a carousel slide.  
    Last revised 08/10/18 by Aubrey 
*/

.carouselImageWrapper {
    display: none !important;
}

.carouselImageWrapper.slick-slide {
    display: block !important;
}

.carouselFlexContainer {
    position: relative !important;
}

.carouselImage {
    width: 100%;
}

.carouselImage img {
    background-size: cover;
    width: 100%;
}

.carouselImageCaption {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    position: absolute;
    width: 50%;
    height: auto;
    padding: 1rem 2rem;
}

@media (max-width:767.999px) {
    #zoneA.col-xs-12 .carouselImageCaption {
        padding: 1rem 2rem;
    }
}

.carouselImageCaption p {
    color: #fff;
    line-height: 1.5;
    margin: 0;
}

.carouselImageCaption a {}


/*========= Positioning Styles =========*/


/*== On Image ==*/

.carouselImageWrapper.Center .carouselImageCaption {
    text-align: center;
    bottom: 50%;
    left: 25%;
}

.carouselImageWrapper.topRightCorner .carouselImageCaption {
    top: 5%;
    right: 5%;
}

.carouselImageWrapper.topLeftCorner .carouselImageCaption {
    top: 5%;
    left: 5%;
}

.carouselImageWrapper.bottomRightCorner .carouselImageCaption {
    bottom: 5%;
    right: 5%;
}

.carouselImageWrapper.bottomLeftCorner .carouselImageCaption {
    bottom: 5%;
    left: 5%;
}

.carouselImageWrapper.topCenter .carouselImageCaption {
    text-align: center;
    top: 5%;
    left: 25%;
}

.carouselImageWrapper.bottomCenter .carouselImageCaption {
    text-align: center;
    bottom: 5%;
    left: 25%;
}


/* ======== */


/* ====== OFF IMAGE ===== */


/*=====To Right of Image=====*/

.carouselImageWrapper.rightImage .carouselFlexContainer {
    display: flex;
    height: 100%;
    align-items: stretch;
    align-content: stretch;
}

.carouselImageWrapper.rightImage .carouselImage {
    position: relative;
    width: 80%;
    height: 100%;
    order: 0;
}

.carouselImageWrapper.rightImage .carouselImageCaption {
    background: #f7f7f7;
    color: #333;
    position: relative !important;
    height: auto;
    width: 20%;
    background-color: #333333 !important;
    order: 1;
}

.carouselImageWrapper.rightImage .carouselImageCaption p {
    color: #333;
}


/*=====To Left of Image=====*/

.carouselImageWrapper.leftImage .carouselFlexContainer {
    display: flex;
    height: 100%;
    align-items: stretch;
    align-content: stretch;
}

.carouselImageWrapper.leftImage .carouselImage {
    position: relative;
    width: 80%;
    height: 100%;
    order: 0;
}

.carouselImageWrapper.leftImage .carouselImageCaption {
    background: #f7f7f7;
    color: #333;
    position: relative !important;
    height: auto;
    width: 20%;
    order: -1;
}

.carouselImageWrapper.leftImage .carouselImageCaption p {
    color: #333;
}


/*=====Above Image=====*/

.carouselImageWrapper.aboveImage .carouselFlexContainer {
    display: grid;
}

.carouselImageWrapper.aboveImage .carouselImage {
    width: 100%;
    height: 80%;
    order: 0;
}

.carouselImageWrapper.aboveImage .carouselImageCaption {
    background: #f7f7f7;
    color: #333;
    position: relative !important;
    width: 100%;
    height: auto;
    order: -1;
}

.carouselImageWrapper.aboveImage .carouselImageCaption p {
    color: #333;
}


/*=====Below Image=====*/

.carouselImageWrapper.belowImage .carouselFlexContainer {
    display: grid;
}

.carouselImageWrapper.belowImage .carouselImage {
    width: 100%;
    height: 80%;
    order: 0;
}

.carouselImageWrapper.belowImage .carouselImageCaption {
    background: #f7f7f7;
    color: #333;
    position: relative !important;
    width: 100%;
    height: auto;
    order: 1;
}

.carouselImageWrapper.belowImage .carouselImageCaption p {
    color: #333;
}


/* ==========================================================================================
   ===== Image Navigation ============ Content Type #5007 =================================== 
   ==========================================================================================
   Boxes of images that can be clicked on
   Last revised 04/18/18 by Max   
*/

.keep1 .imageNavigationBox {
    width: 100%;
}

.keep2 .imageNavigationBox {
    width: 50%;
}

.autoadjust .imageNavigationBox {
    min-width: 33.33%
}

.keep2 .imageNavigationBox {
    min-width: 50%;
    max-width: 100%;
    width: auto;
}

.autoadjust .imageNavigationBox {
    min-width: 33.33%;
    max-width: 100%;
    width: auto;
}

#zoneB .imageNavigationBox,
#zoneC .imageNavigationBox {
    min-width: 51%;
    width: auto;
}

@media screen and (max-width:992.99px) {
    .keep2 .imageNavigationBox,
    .autoadjust .imageNavigationBox {
        min-width: 50%;
        width: auto;
    }
}

@media screen and (max-width:767.99px) {
    .keep2 .imageNavigationBox,
    .autoadjust .imageNavigationBox {
        min-width: 100%;
        width: 100%;
    }
}

.imageNavigationWrapper {}

.imageNavigationHolder {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.imageNavigationBox {
    width: 100%;
    text-align: center;
}

.imageNavigationBox h3 {
    max-width: 90%;
    margin: 0;
    padding: 10px 0 0 0;
    color: #ffffff;
    font-size: 2.4rem;
    text-shadow: 0 0 5px #000000;
}

.imageNavigationBox a {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imageNavigationImage {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
}

.imageNavigationBox a:hover,
.imageNavigationBox a:active,
.imageNavigationBox a:focus {
    background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
}

.imageNavigationBox .imageNavigationColorRed {
    background: linear-gradient(rgba(170, 0, 0, .6), rgba(170, 0, 0, .6));
}

.imageNavigationBox .imageNavigationColorRed:hover,
.imageNavigationBox .imageNavigationColorRed:active,
.imageNavigationBox .imageNavigationColorRed:focus {
    background: linear-gradient(rgba(170, 0, 0, .7), rgba(170, 0, 0, .7));
}

.imageNavigationBox .imageNavigationColorOrange {
    background: linear-gradient(rgba(239, 65, 53, .6), rgba(239, 65, 53, .6));
}

.imageNavigationBox .imageNavigationColorOrange:hover,
.imageNavigationBox .imageNavigationColorOrange:active,
.imageNavigationBox .imageNavigationColorOrange:focus {
    background: linear-gradient(rgba(239, 65, 53, .7), rgba(239, 65, 53, .7));
}

.imageNavigationBox .imageNavigationColorGold {
    background: linear-gradient(rgba(253, 185, 19, .6), rgba(253, 185, 19, .6));
}

.imageNavigationBox .imageNavigationColorGold:hover,
.imageNavigationBox .imageNavigationColorGold:active,
.imageNavigationBox .imageNavigationColorGold:focus {
    background: linear-gradient(rgba(253, 185, 19, .7), rgba(253, 185, 19, .7));
}

.imageNavigationBox .imageNavigationColorLightGreen {
    background: linear-gradient(rgba(85, 179, 27, .6), rgba(85, 179, 27, .6));
}

.imageNavigationBox .imageNavigationColorLightGreen:hover,
.imageNavigationBox .imageNavigationColorLightGreen:active,
.imageNavigationBox .imageNavigationColorLightGreen:focus {
    background: linear-gradient(rgba(85, 179, 27, .7), rgba(85, 179, 27, .7));
}

.imageNavigationBox .imageNavigationColorDarkGreen {
    background: linear-gradient(rgba(18, 74, 18, .6), rgba(18, 74, 18, .6));
}

.imageNavigationBox .imageNavigationColorDarkGreen:hover,
.imageNavigationBox .imageNavigationColorDarkGreen:active,
.imageNavigationBox .imageNavigationColorDarkGreen:focus {
    background: linear-gradient(rgba(18, 74, 18, .7), rgba(18, 74, 18, .7));
}

.imageNavigationBox .imageNavigationColorDarkBlue {
    background: linear-gradient(rgba(0, 50, 130, .6), rgba(0, 50, 130, .6));
}

.imageNavigationBox .imageNavigationColorDarkBlue:hover,
.imageNavigationBox .imageNavigationColorDarkBlue:active,
.imageNavigationBox .imageNavigationColorDarkBlue:focus {
    background: linear-gradient(rgba(0, 50, 130, .7), rgba(0, 50, 130, .7));
}

.imageNavigationBox .imageNavigationColorLightBlue {
    background: linear-gradient(rgba(4, 169, 197, .6), rgba(4, 169, 197, .6));
}

.imageNavigationBox .imageNavigationColorLightBlue:hover,
.imageNavigationBox .imageNavigationColorLightBlue:active,
.imageNavigationBox .imageNavigationColorLightBlue:focus {
    background: linear-gradient(rgba(4, 169, 197, .7), rgba(4, 169, 197, .7));
}

.imageNavigationBox .imageNavigationColorEmerald {
    background: linear-gradient(rgba(0, 135, 101, .6), rgba(0, 135, 101, .6));
}

.imageNavigationBox .imageNavigationColorEmerald:hover,
.imageNavigationBox .imageNavigationColorEmerald:active,
.imageNavigationBox .imageNavigationColorEmerald:focus {
    background: linear-gradient(rgba(0, 135, 101, .7), rgba(0, 135, 101, .7));
}

.imageNavigationBox .imageNavigationColorBrown {
    background: linear-gradient(rgba(128, 112, 96, .6), rgba(128, 112, 96, .6));
}

.imageNavigationBox .imageNavigationColorBrown:hover,
.imageNavigationBox .imageNavigationColorBrown:active,
.imageNavigationBox .imageNavigationColorBrown:focus {
    background: linear-gradient(rgba(128, 112, 96, .7), rgba(128, 112, 96, .7));
}

.imageNavigationBox .imageNavigationColorWhite {
    background: linear-gradient(rgba(247, 247, 247, .6), rgba(247, 247, 247, .6));
}

.imageNavigationBox .imageNavigationColorWhite:hover,
.imageNavigationBox .imageNavigationColorWhite:active,
.imageNavigationBox .imageNavigationColorWhite:focus {
    background: linear-gradient(rgba(247, 247, 247, .7), rgba(247, 247, 247, .7));
}

.imageNavigationBox .imageNavigationColorBlack {
    background: linear-gradient(rgba(51, 51, 51, .6), rgba(51, 51, 51, .6));
}

.imageNavigationBox .imageNavigationColorBlack:hover,
.imageNavigationBox .imageNavigationColorBlack:active,
.imageNavigationBox .imageNavigationColorBlack:focus {
    background: linear-gradient(rgba(51, 51, 51, .7), rgba(51, 51, 51, .7));
}

.imageNavigationBox a:hover,
.imageNavigationBox a:active,
.imageNavigationBox a:focus {
    text-decoration: none;
}


/* ==========================================================================================
   ===== Section Children Links ============ Content Type #5014 =============================
   ==========================================================================================
   Links of all the sections children displayed in a flex table
   Last revised 04/26/18 by Isaac   
*/

.sectionChildren {
    width: 100%;
    height: auto;
    padding: 10px;
}

.sectionChildrenTable {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.sectionChild {
    background-color: #f7f7f7;
}

.sectionChildrenTable .sectionChild {
    flex-grow: 1;
    flex-shrink: 1;
    border: 2px solid #333333;
    text-align: center;
    padding: 10px;
    margin: 1%;
    display: flex;
    align-items: center
}

.sectionChild a,
.sectionChild a:hover,
.sectionChild a:focus {
    color: #aa0000 !important;
    text-transform: uppercase;
    flex-grow: 1;
}

@media (min-width: 1400px) {
    .sectionChild {
        flex-basis: 16%;
        /* 20 - 4 [reduced for margin] */
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .sectionChild {
        flex-basis: 20%;
        /* 25 - 5 [reduced for margin] */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sectionChild {
        flex-basis: 30%;
        /* 33 - 3 [reduced for margin] */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sectionChild {
        flex-basis: 46%;
        /* 50 - 4 [reduced for margin] */
    }
}

@media (max-width: 767px) {
    .sectionChild {
        flex-basis: 98%;
        /* 33 - 2 [reduced for margin] */
    }
}


/* Content Item Tweaks To Implement */

#carousel .slick-dots {
    position: relative !important;
    bottom: 0px;
}

#carousel.slick-dotted {
    margin-bottom: 0px !important;
}

.spotlightImage img {
    height: auto;
    max-height: 300px;
    width: 100%;
}

.primaryContentWrapper .primaryContent> :first-child {
    margin-top: 0px;
}


/*
.titleBanner .copy{ ADD Max-Width style from megabanner to titlebanner
  padding: 25px 60px;
}
.megaBanner .copy{
  padding: 25px 60px;
} */

x.titleBannerText {
    max-width: calc(100% - 150px);
    /* slanted box adds 25px to bpth sides of box PER LINE. This accomodates 3 lines without overflowing  */
}

x#zoneA .primaryContentWrapper img {
    /* allows images in primary content to be full-width */
    max-width: calc(100% + 60px);
    padding: 0px !important;
    margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    x#zoneA .primaryContentWrapper img {
        /* allows images in primary content to be full-width */
        max-width: calc(100% + 30px);
        padding: 0px !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .BannerZoneWrapper {
        /*Margin???*/
        /* Apply to zone and not content */
        margin-bottom: 15px;
    }
}

@media screen and (min-width:1200px) and (max-width:1640px) {
    /*also add standardContent class to .accordionTitle */
    .accordionWrapper .accordionTitle {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1199.999px) {
    /* xs + sm + md */
    .accordionWrapper .accordionTitle {
        margin-left: 15px;
    }
}


/* ==========================================================================================
   ===== Fellowships Search ============ Content Type #5057 =============================
   ==========================================================================================
   Last revised 09/28/18 by Aubrey   
*/

.fellowshipsItemWrapper {
    padding: 1rem 0;
}

a.fellowshipsItemExternalWebsiteLink {
    color: #088099;
    text-decoration: none;
}

a.fellowshipsItemExternalWebsiteLink .fas.fa-external-link-alt {
    color: #088099;
    padding-left: .5rem;
}

a.fellowshipsItemExternalWebsiteLink:hover {
    color: #aa0000;
    text-decoration: underline;
}

a.fellowshipsItemExternalWebsiteLink:hover .fas.fa-external-link-alt {
    color: #aa0000;
}

.fellowshipsItemWrapper .tag {
    background: #f7f7f7;
    display: inline-block;
    padding: .5rem 1rem;
    margin: 0 .5rem;
    border-radius: 2rem;
}

.fellowshipsItemDetails {
    background: #f7f7f7;
    padding: 2rem 3rem;
}


/* ==========================================================================================
   ===== Profile Pages ============ Content Type #xxx ======================================
   ==========================================================================================
   Last revised 02/13/19 by Aubrey   
*/

#section-profile {
    background: #fff;
    padding: 5rem 0 10rem;
}

#section-profile .container {
    position: relative;
}

#section-profile .img-container {
    padding: 0;
    position: relative;
    z-index: 1;
}

#section-profile .img-container img {
    width: 100%;
    height: auto;
}

#section-profile .arrow-point-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzMzMyIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMzMzIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+Cjwvc3ZnPg==");
    height: 30px;
    height: 30px;
    background-position: initial;
    background-repeat: no-repeat;
    height: 2rem;
    margin: 1rem 0;
    transform: rotate(180deg);
    top: 4.25rem;
}

@media (max-width:991.999px) {
    #section-profile .arrow-point-right {
        top: 0;
    }
}

@media (max-width:767.999px) {
    #section-profile .arrow-point-right {
        background-position: 0;
        background-size: 200%;
        top: 0;
    }
}

#section-profile .copy-container {
    padding-top: 8px;
}

#section-profile .copy-container h1 {
    color: #aa0000;
    font-family: "Roboto Slab", Courier, serif;
    font-size: 4.8rem;
    margin: 0;
    line-height: 3.4rem;
}

#section-profile .copy-container h2 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-size: 1.3rem;
    line-height: 2;
    margin: 1rem 0 3rem;
}

#section-profile .copy-container h2 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
}

#section-profile .copy-container p {
    color: #333;
    font-size: 1.6rem;
    line-height: 2;
}


/* ==========================================================================================
   ===== Profile (based on grad viewbook) ============ Content Type #5140  ==================
   ==========================================================================================
   Last revised 02/27/19 by Aubrey   
*/

.sectionProfileWrapper {
    background: #fff;
    padding: 5rem 0 10rem;
}

.sectionProfileWrapper .container {
    position: relative;
}

.sectionProfileWrapper .profileImgContainer {
    padding: 0;
    position: relative;
    z-index: 1;
}

.sectionProfileWrapper .profileImgContainer img {
    width: 100%;
    height: auto;
}

.sectionProfileWrapper .profileArrowPointRight {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzMzMyIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMzMzIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+Cjwvc3ZnPg==");
    height: 30px;
    height: 30px;
    background-position: initial;
    background-repeat: no-repeat;
    height: 2rem;
    margin: 1rem 0;
    transform: rotate(180deg);
    top: 4.25rem;
}

@media (max-width:991.999px) {
    .sectionProfileWrapper .profileArrowPointRight {
        top: 0;
    }
}

@media (max-width:767.999px) {
    .sectionProfileWrapper .profileArrowPointRight {
        background-position: 0;
        background-size: 200%;
        top: 0;
    }
}

.sectionProfileWrapper .profileCopyContainer h1 {
    color: #aa0000;
    font-family: "Roboto Slab", Courier, serif;
    font-size: 4.8rem;
    margin: 0;
    line-height: 4.8rem;
}

.sectionProfileWrapper .profileCopyContainer h1 {
    margin-bottom: 3rem;
}

.sectionProfileWrapper .profileCopyContainer .profileTitle,
.sectionProfileWrapper .profileCopyContainer .profileAffiliation {
    color: #088099;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2;
    margin: 0;
}

.sectionProfileWrapper .profileCopyContainer .profileStoryBody {
    margin-top: 5rem;
    padding: 0 !important;
}

.sectionProfileWrapper .profileCopyContainer .profileStoryBody a,
.sectionProfileWrapper .profileCopyContainer .profileStoryBody a:link,
.sectionProfileWrapper .profileCopyContainer .profileStoryBody a:visited {
    color: #aa0000;
}

.sectionProfileWrapper .profileCopyContainer .profileStoryBody a:hover {
    color: #088099;
}

.sectionProfileWrapper .profileCopyContainer .profileStoryBody blockquote {
    border: none;
    margin: 0;
    padding: 0 0 2rem 0;
}

.sectionProfileWrapper .profileCopyContainer .profileStoryBody blockquote p {
    font-size: 3.2rem;
    line-height: 1.5;
    font-family: Oswald, sans-serif;
    border-left: none;
}


/*****COVID19********/

#COVIDbanner .infographicItem {
    padding: 0 !important;
    text-align: center;
}

@media screen and (min-width:768px) {
    #COVIDbanner .infographicItem {
        padding: 0 !important;
    }
}

#COVIDbanner .infographicItem a:focus,
#COVIDbanner .infographicItem a:hover {
    color: #000;
}

#COVIDbanner .infographicItemHeader a {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
}

#COVIDbanner .infographicItemHeader a:focus,
#COVIDbanner .infographicItemHeader a:hover {
    color: #000;
}

#COVIDbanner .infographicItemText p {
    line-height: 1;
    font-size: 18px;
    padding: 0;
}


/* ============================================================================== 
   Masonry
   Grid and Items Width
   Content Type: multiple  
   Last revised 09/06/18 by Aubrey
*/

.masonryWrapper {}

.masonryImageTile {
    width: 100%;
}

.tile {
    width: calc(25% - 20px);
    margin-bottom: 20px;
}

@media screen and (min-width: 1440px) {
    .tilewidth1 {
        width: calc(25% - 20px) !important;
    }
    .tilewidth2 {
        width: calc(50% - 20px) !important;
    }
    .tilewidth3 {
        width: calc(75% - 20px);
    }
    .tilewidth4 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1439.999px) {
    .tilewidth1,
    .tilewidth2 {
        width: calc(50% - 20px);
    }
    .tilewidth3,
    .tilewidth4 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1439.999px) {
    .masonryImageTileWrapper.tilewidth1,
    .masonryImageTileWrapper.tilewidth2 {
        width: calc(50% - 20px) !important;
    }
    .masonryImageTileWrapper.tilewidth3,
    .masonryImageTileWrapper.tilewidth4 {
        width: 100%;
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .tilewidth1,
    .tilewidth2,
    .tilewidth3,
    .tilewidth4 {
        width: 100%;
    }
}


/* ============================================================================== 
   Masonry Image Tile
   Content Type: Masonry Image Tile #5047
   Last revised 08/22/18 by Aubrey
*/

.masonryImageTile {
    background-position: center center;
    /* could be overriden by content item */
    background-repeat: no-repeat;
    background-size: cover;
    /*cursor:pointer;*/
    position: relative;
}

.masonryImageTile img {
    width: 100%;
}

.masonryImageTileOverlay {
    border: 8px solid transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease;
    width: 100%;
    z-index: 1;
}

.masonryImageTileOverlay:hover {
    background-color: rgba(51, 51, 51, .7);
}

.masonryImageTileBorderRed:hover {
    border: 8px solid #aa0000;
}

.masonryImageTileBorderOrange:hover {
    border: 8px solid #ef4135;
}

.masonryImageTileBorderGold:hover {
    border: 8px solid #fdb913;
}

.masonryImageTileBorderLightGreen:hover {
    border: 8px solid #55b31b;
}

.masonryImageTileBorderEmerald:hover {
    border: 8px solid #008765;
}

.masonryImageTileBorderDarkGreen:hover {
    border: 8px solid #124a12;
}

.masonryImageTileBorderLightBlue:hover {
    border: 8px solid #088099;
}

.masonryImageTileBorderDarkBlue:hover {
    border: 8px solid #003282;
}

.masonryImageTileBorderBlack:hover {
    border: 8px solid #333333;
}

.masonryImageTileBorderBrown:hover {
    border: 8px solid #807060;
}

.masonryImageTileBorderWhite:hover {
    border: 8px solid #f7f7f7;
}

.masonryImageTileText {
    color: #fff;
    display: none;
    padding: 0 25%;
    text-align: center;
    z-index: 1;
}

.tilewidth1 .masonryImageTileText {
    padding: 0 2%;
}

@media (max-width: 767.999px) {
    .masonryImageTileText {
        padding: 0 5%;
    }
}

.masonryImageTileOverlay:hover .masonryImageTileText {
    display: block;
}

.masonryImageTileText h3 {
    color: #fdb913;
    font-family: "Roboto Slab", serif;
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}

.masonryImageTileText p {
    color: #fff;
    font-size: 1.4rem;
}

.masonryImageTileText .masonryImageTileLink {
    margin-top: 3rem;
    text-transform: uppercase;
}

.masonryImageTileText .masonryImageTileLink a {
    color: #fff;
    text-decoration: underline;
}

.masonryImageTileText .masonryImageTileLink a:hover {
    color: #fdb913;
    text-decoration: underline;
}


/* ============================================================================== 
   Faculty Spotlight
   Content Type: Faculty Spotlight #5384
   Last revised 05/04/20 by Aubrey
*/

.spotlightStoryTextHtml img {
    padding: 0;
    width: 100%;
}

.spotlightStoryTextHtml p {
    line-height: 1.8;
    margin-bottom: 0;
}

.spotlightStoryTextHtml p a,
.spotlightStoryTextHtml p a:visited {
    color: #088099;
}

.spotlightStoryTextHtml p a:focus,
.spotlightStoryTextHtml p a:hover {
    color: #aa0000;
}

.spotlightStoryTextHtml .affiliation {
    font-weight: 500;
}

.spotlightStoryHeader {
    margin-top: 5rem;
}

.spotlightStoryFullText {
    margin-bottom: 3rem;
}

.spotlightStoryFullText .spotlightStoryHeader h1 {
    color: #aa0000;
    font-size: 4.8rem;
    font-family: 'Roboto Slab', serif;
    line-height: 1.5;
}

.spotlightStoryFullText .jobTitles p {
    font-weight: 500;
}

.spotlightStoryMainCopy {
    margin-top: 3.2rem;
}

.spotlightStoryMainCopy p {
    line-height: 2;
}

@media screen and (min-width:768px) {
    .spotlightStoryMainCopy p {
        margin-right: 16.6666%;
    }
}

.spotlightStoryMainCopy p a {
    border-bottom: 2px solid #088099;
    text-decoration: none;
}

.spotlightStoryMainCopy p a:focus,
.spotlightStoryMainCopy p a:hover {
    color: #aa0000;
    border-bottom: 2px solid #088099;
    text-decoration: none;
}

.spotlightStoryMainCopy blockquote {
    border: none;
    padding: 0 0 1.6rem 0;
    margin: 0;
}

.spotlightStoryMainCopy blockquote p {
    font-size: 3rem;
    color: #ef4135;
    font-family: Oswald, sans-serif;
    line-height: 1.5;
}

@media only screen and (min-width: 768px) {
    .spotlightStoryMainCopy blockquote p {
        font-size: 4rem;
    }
}

@media screen and (min-width: 991px) {
    .spotlightStoryMainCopy blockquote {
        transform: translateX(-150px);
    }
}

.spotlightStoryMainCopy blockquote p:after {
    content: none;
}

.spotlightStoryMainCopy .spotlightStoryImage {
    max-width: 50%;
}

.spotlightStoryFullText .affiliation {
    line-height: 1.5;
}

.spotlightStoryKeywordWrapper {
    background: #f7f7f7;
    margin: 5rem auto 0 !important;
    padding: 3rem 0;
}

.spotlightStoryThumbnail {
    margin: 5rem 0;
}

.spotlightStoryThumbnail img {
    padding: 0;
}

.spotlightStoryMainCopy img {
    max-width: 50%;
    float: right;
}

.firstInitial {
    background-position: 0 -5%;
    background-repeat: no-repeat;
    background-size: 33%;
}

.firstInitialA {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDYuNDU3IDUxLjk3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYuNDU3IDUxLjk3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0VFRUVFRSIgZD0iTTIyLjMxNiwwTDAsNTEuOTcyaDkuOTY0bDIuNTA3LTYuMTAybDAuMzA5LTAuNzM3aDIwLjU0M2wyLjgwOCw2Ljg0aDEwLjMyN0wyNC4wNjQsMEgyMi4zMTZ6CgkJIE0yMy4xOTEsMy4wMjlsMTEuNjg2LDI3LjEyaC01LjU5OGMtMC4yMTUtMC41MTYtMC40NC0xLjA2Mi0wLjY4NS0xLjY1MmMtMi4xNjYtNS4yMjktNC41NTItMTAuOTYyLTQuNTUyLTEwLjk2MmwtMC45Mi0yLjIwNgoJCWwtMy4xMjYsNy40NDNoLTUuMjgzTDIzLjE5MSwzLjAyOXogTTEyLjYzLDQwLjMxN0g3LjE4MWwwLjQwNy0wLjk0OGw1LjQ0LTAuMDAyTDEyLjYzLDQwLjMxN3ogTTEzLjQ0NywzOC4zNjdsLTUuNDMsMC4wMDIKCQlsMC40MDctMC45NWw1LjQyMS0wLjAwMUwxMy40NDcsMzguMzY3eiBNOC44NTYsMzYuNDE5bDAuNDA3LTAuOTVsNS40LDAuMDAxbC0wLjM5OCwwLjk0OEw4Ljg1NiwzNi40MTl6IE0xNS4wODQsMzQuNDcKCQlsLTUuMzkzLTAuMDAxbDAuNDA4LTAuOTQ4bDUuMzgzLTAuMDAyTDE1LjA4NCwzNC40N3ogTTE1LjkwMiwzMi41MTlsLTUuMzczLDAuMDAybDAuNDA4LTAuOTQ5bDUuMzYzLTAuMDAyTDE1LjkwMiwzMi41MTl6CgkJIE0xNi43MjEsMzAuNTY5bC01LjM1NSwwLjAwMmwwLjQwOC0wLjk1MWg1LjM0N0wxNi43MjEsMzAuNTY5eiBNMTcuNTQxLDI4LjYyaC01LjMzN2wwLjQwNy0wLjk0OWg1LjMyOEwxNy41NDEsMjguNjJ6CgkJIE0xOC4zNTksMjYuNjcxaC01LjMxOGwwLjQwNi0wLjk0OGw1LjMxLTAuMDAxTDE4LjM1OSwyNi42NzF6IE0xOS4xNzgsMjQuNzIybC01LjMsMC4wMDFsMC40MDctMC45NWg1LjI5MUwxOS4xNzgsMjQuNzIyegoJCSBNOC42MjQsNDkuOTcySDMuMDM1bDMuNzE3LTguNjU0aDUuNDU5bC0wLjc2MiwxLjgxNGgtMC4wMTdsLTAuNzk5LDEuOTQ2bC0wLjAwNywwLjAxN0w4LjYyNCw0OS45NzJ6IE0xNi40ODIsMzYuMzA2CgkJTDE2LjQ4MiwzNi4zMDZsNi42MzMtMTUuNzkyYzAuODkyLDIuMTQ2LDIuMzA0LDUuNTQyLDMuNjMyLDguNzQ5YzAuMTI5LDAuMzExLDAuMjQ4LDAuNTk5LDAuMzY2LDAuODg3aC0wLjAwNmwwLjkzOCwyLjI1MgoJCWMxLjY5Nyw0LjExMSwyLjA2Miw1LjAzMywyLjExMSw1LjE3OWwwLjA0MS0wLjAxM2wyLjMxOCw1LjU2NEgxMy42MTlMMTYuNDgyLDM2LjMwNnoiLz4KPC9nPgo8L3N2Zz4=");
}

.firstInitialB {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgMzcuMTM5IDUwLjk2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzcuMTM5IDUwLjk2NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0yOS4wOTgsMjIuNTg1YzIuOTc0LTIuMTQ2LDQuNTg2LTUuMjk2LDQuNTg2LTkuMDU2QzMzLjY4NCw2Ljk4OSwyOS42NTYsMCwxOC4zNTQsMEgwdjJoMTguMzU0CiAgICBDMjYuNywyLDMxLjY4NCw2LjMxLDMxLjY4NCwxMy41MjljMCw0LjcyOC0yLjkxLDcuMTc0LTUuMzUyLDguMzk0bC0yLjI5NSwxLjE0NmwyLjQ2NSwwLjcwOWM1LjA2NSwxLjQ1Niw4LjEzNyw1LjExNSw4LjU4MSwxMC4xMzcKICAgIGgtNS44MjdjLTAuMzg5LTUuNDg5LTQuMDQ1LTguNDk2LTEwLjM5Ny04LjQ5Nkg3LjYzM1Y0NC4zNEgxOS41N3YtMmgtNy4xMDlWMjcuNDE5aDYuMzk4YzUuNTk1LDAsOC40MzIsMi41MjMsOC40MzIsNy40OTZ2MWg3LjgzNQogICAgYy0wLjMxMSw4LjE4OC02LjA0NywxMy4wNDktMTUuNDc1LDEzLjA0OUgyVjIxLjIyNmgxNS45MjJjNS40NjksMCw4LjEyOS0yLjQ0Nyw4LjEyOS03LjQ4YzAtNC43OTItMi42Ni03LjEyMS04LjEyOS03LjEyMUg3LjYzMwogICAgdjEyLjYwMUgwdjMxLjczOGgxOS42NWMxMC41MjEsMCwxNy4xNTYtNS43NDUsMTcuNDc2LTE1LjA0OWwwLjAxMi0yaC0wLjA0N0MzNi42OTYsMjguNjUsMzMuODU3LDI0LjY0MiwyOS4wOTgsMjIuNTg1CiAgICAgTTI0LjA1MSwxMy43NDVjMCwzLjg5Mi0xLjc3NSw1LjQ4LTYuMTI5LDUuNDhoLTUuNDYxVjguNjI0aDUuNDYxQzIzLjMwOSw4LjYyNCwyNC4wNTEsMTEuMDg1LDI0LjA1MSwxMy43NDUiLz4KPC9zdmc+");
}

.firstInitialC {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgNDguMTE0IDUyLjI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OC4xMTQgNTIuMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMzkuOTU3LDM2LjUzNWMtMS42OTcsMi4xOTQtMy41NiwzLjgtNS42OTUsNC45MDdjLTIuMzc1LDEuMjMzLTUuMDYsMS44MzMtOC4yMDUsMS44MzMKICAgIGMtNS4yMjcsMC05LjczNS0yLjIwOC0xMi42OTYtNi4yMTZjLTEuMDc2LTEuNDU4LTEuOTExLTMuMTE1LTIuNDc5LTQuOTI2Yy0wLjU5LTEuODc1LTAuODktMy44OTYtMC44ODktNi4wMDQKICAgIGMwLTkuNjc1LDYuMjk0LTE2Ljc2NywxNS4wNjctMTcuMTMxaDEuNTc1YzUuMzgzLDAuMTg2LDkuMTc5LDIuMTQ0LDEyLjIyOCw2LjI3NWwwLjU4MiwwLjc4OWw3LjUyMS01LjMyTDQ1LjgxLDkuMTFsLTMuMjE1LDIuMjczCiAgICBjLTMuNjE3LTUuMDE4LTguODY4LTcuNjEtMTUuNjEtNy43MlYwaC0xQzIwLjQ1NywwLDE1LjIzLDEuNjA5LDEwLjg3LDQuNjUyQzMuOTYzLDkuNDc3LDAsMTcuMzA2LDAsMjYuMTMKICAgIGMwLDIuNjc0LDAuMzU4LDUuMjgyLDEuMDY0LDcuNzUzYzAuNjgxLDIuMzgxLDEuNjg0LDQuNjI4LDIuOTc4LDYuNjgxQzguNjY0LDQ3Ljg4NywxNi43ODYsNTIuMjYsMjUuNzY5LDUyLjI2aDF2LTJoLTAuMDA4di01LjAwMgogICAgYzMuMTc0LTAuMDg2LDUuOTM4LTAuNzUxLDguNDIyLTIuMDRjMi4xNDktMS4xMTQsNC4wNDEtMi42NjQsNS43NjItNC43MjJsNi4wMzcsNC4xNDZsMS4xMzItMS42NDlsLTcuNTgtNS4yMDZMMzkuOTU3LDM2LjUzNXoKICAgICBNNDEuNzc4LDExLjk2MmwtMS45MDcsMS4zNDljLTMuMjU4LTQuMDE5LTcuMzk2LTYuMDQzLTEyLjg4Ni02LjI5OVY0LjY2M0MzMy40NjcsNC43NjgsMzguMzEzLDcuMTU3LDQxLjc3OCwxMS45NjIgTTUuNzMzLDM5LjQ5NgogICAgYy0xLjE5Mi0xLjg5Mi0yLjExNy0zLjk2NS0yLjc0Ni02LjE2NEMyLjMzMiwzMS4wNDEsMiwyOC42MTcsMiwyNi4xM2MwLTguMTYxLDMuNjUtMTUuMzkyLDEwLjAxNi0xOS44MzcKICAgIGMzLjc2LTIuNjI1LDguMjI1LTQuMDkzLDEyLjk3LTQuMjc0djQuOTgzQzE1LjI0Myw3LjQxMyw3Ljk5MiwxNS40OTgsNy45OTIsMjYuMTNjLTAuMDAxLDIuMzEyLDAuMzI5LDQuNTM0LDAuOTgxLDYuNjAzCiAgICBjMC42MzYsMi4wMjMsMS41NzIsMy44NzgsMi43NzksNS41MTRjMi43MDksMy42NjgsNi43MTEsNi4wNDgsMTEuMjY0LDYuNzgzdjUuMDcyQzE1Ljg0LDQ5LjMxNSw5LjUxLDQ1LjQ3OSw1LjczMywzOS40OTYiLz4KPHBhdGggZmlsbD0iI0VFRUVFRSIgZD0iTTI2LjQ2MywxMi4xMjJ2LTFjLTcuOTMzLDAtMTMuOTE2LDYuNDUyLTEzLjkxNiwxNS4wMDljMCwxLjgxNywwLjI2LDMuNTYzLDAuNzcxLDUuMTkKICAgIGMwLjUsMS41ODYsMS4yMzMsMy4wMzgsMi4xNzgsNC4zMThjMi42MTcsMy41NDYsNi41OTUsNS40OTgsMTEuMTk4LDUuNDk4di0xYy00LjI3NywwLTcuOTcxLTEuODA5LTEwLjM5NS01LjA5MgogICAgYy0wLjg3OS0xLjE5MS0xLjU2MS0yLjU0NS0yLjAyNi00LjAyNWMtMC40ODEtMS41MjgtMC43MjYtMy4xNzQtMC43MjYtNC44OUMxMy41NDcsMTguMDE0LDE4Ljk3OSwxMi4xMjIsMjYuNDYzLDEyLjEyMiIvPgo8L3N2Zz4=");
}

.firstInitialD {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgNDEuNjA0IDUwLjk4MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuNjA0IDUwLjk4MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0zMS4yMTIsNC41MzZjLTIuMDgxLTEuMzkyLTQuNDM4LTIuNDgyLTcuMDAyLTMuMjM5Yy0yLjg4Mi0wLjg0OS02LjAzOS0xLjI3OC05LjM4NS0xLjI3OEg3LjcwM3YxdjF2NS4zOTMKICAgIGgwLjAwMnYzNi43M2g2LjY4OGMzLjcyMywwLDYuOTg2LTAuNjE2LDkuNy0xLjgzM2wtMC44MTctMS44MjRjLTIuNDU1LDEuMS01LjQ0NCwxLjY1Ny04Ljg4MywxLjY1N0g5LjcwNVY4Ljg1OWg0LjY4OAogICAgYzExLjEwMywwLDE3LjIxNyw1LjkxLDE3LjIxNywxNi42NDJoMS4zMjJoMC42NzhoNS45OTRjMCwxNC4yNjUtOS43MjgsMjMuNDgxLTI0Ljc3OSwyMy40ODFINS4zNDZWMGgtMXY0OC45ODJIMlYwSDB2NTAuOTgyaDE0LjgyNQogICAgYzE2LjI2NywwLDI2Ljc3OS0xMC4wMDIsMjYuNzc5LTI1LjQ4MUM0MS42MDQsMTYuNDY2LDM3LjkxMiw5LjAyMSwzMS4yMTIsNC41MzYiLz4KPC9zdmc+");
}

.firstInitialE {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzQuMTg1IDUwLjk2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzQuMTg1IDUwLjk2NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iOS43MDQsMzUuODQzIDI1LjUxNiwzNS44NDMgMjUuNTE2LDI3LjE0NiA5LjcwNCwyNy4xNDYgOS43MDQsMTEuNjE1IDMzLjE4NSwxMS42MTUgMzMuMTg1LDcuODY5IAoJMzMuMTgsNy44NjkgMzMuMTgsMCAwLDAgMCwxNy4yMTIgMiwxNy4yMTIgMiwyIDMxLjE4LDIgMzEuMTgsNi44NDEgNy43MDQsNi44NDEgNy43MDQsMjkuMTQ2IDIzLjUxNiwyOS4xNDYgMjMuNTE2LDMzLjg0MyAKCTcuNzA0LDMzLjg0MyA3LjcwNCw0NC4xMjQgMzIuMTg1LDQ0LjEyNCAzMi4xODUsNDYuMDcxIDUuMzc0LDQ2LjA3MSA1LjM3NCwyNy4xMzggNC4zNzQsMjcuMTM4IDQuMzc0LDQ3LjA3MSAzMi4xODUsNDcuMDcxIAoJMzIuMTg1LDQ4Ljk2NCAyLDQ4Ljk2NCAyLDI3LjE0NiAwLDI3LjE0NiAwLDUwLjk2NCAzNC4xODUsNTAuOTY0IDM0LjE4NSw0Mi4xMjQgOS43MDQsNDIuMTI0ICIvPgo8L3N2Zz4=");
}

.firstInitialF {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIuNTMgNTAuOTU2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMi41MyA1MC45NTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iOS42ODQsMzMuOTgxIDAsMzMuOTgxIDAsNTAuOTU2IDkuNjg0LDUwLjk1NiA5LjY4NCwzNS45ODcgMjUuNTE1LDM1Ljk4NyAyNS41MTUsMzMuOTg3IAoJCTkuNjg0LDMzLjk4NyAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjRUVFRUVFIiBwb2ludHM9IjIsMiAyMy42MDcsMiAyMy42MDcsMCAwLDAgMCwyOS4xMzggMiwyOS4xMzggCSIvPgoJPHBvbHlnb24gZmlsbD0iI0VFRUVFRSIgcG9pbnRzPSIzMC41Myw2Ljg0MSA3LjcwNCw2Ljg0MSA3LjcwNCwyOS4xNDYgMjUuNTE0LDI5LjE0NiAyNS41MTQsMjcuMTQ2IDkuNzA0LDI3LjE0NiA5LjcwNCw4Ljg0MSAKCQkzMi41Myw4Ljg0MSAzMi41MywwIDMwLjUzLDAgCSIvPgo8L2c+Cjwvc3ZnPg==");
}

.firstInitialG {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDcuMjE5IDUyLjI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0Ny4yMTkgNTIuMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMjQuOTg2LDM2LjYzNWgxMy4xMDZ2My45OThjLTIuODgzLDEuNzc3LTYuNDQ5LDIuNjQzLTEwLjg4MywyLjY0M2gtMXYyaDEKCWM1LjA3MiwwLDkuMTQxLTEuMDY3LDEyLjQzOC0zLjI2NGwwLjQ0NS0wLjI5N3YtNy4wOEgyNi45ODZ2LTQuODQxaDE4LjIzMnYxNC41ODJjLTMuMjU2LDIuNjEyLTguNjE1LDUuODg0LTE4LjAxLDUuODg0CgljLTE0LjI1NiwwLTI0LjY5OS05LjY2Ny0yNS4xOTEtMjMuMTNoNy45NzV2LTAuMDAxaDMuNjg0VjI2LjU2bDAuMDc0LTEuOTQ0YzAuNDIyLTcuMzkzLDUuNTQzLTEyLjU1OCwxMi40NDktMTIuNTU4CgljNS42NDQsMCw3Ljk4NCwyLjA1NywxMC4wNzIsNC4zNDZsMC44NDYsMC45MjlsMi4yMDctMi4wOTJsMC4wMDIsMC4wMDNsNi43OTUtNi40MjhsLTEuMzc1LTEuNDUybC01LjMyNiw1LjAzOAoJYy0zLjE5My0zLjI4MS02Ljg2My01LjQxNy0xMy41MDYtNS40MTdjLTEwLjA3LDAtMTcuNDYzLDcuNTctMTcuOSwxOC4xNDZIMi4wMThDMi41MDYsMTEuODczLDEyLjcwOSwyLDI2LjEyOSwyaDFWMGgtMQoJQzExLjU2OCwwLDAuNTA4LDEwLjczNCwwLjAxNiwyNS4xM2wtMC4wMDgsMC4zMjFDMC4wMDIsMjUuNjc3LDAsMjUuOTAyLDAsMjYuMTNjMCwwLjIyMywwLjAwMiwwLjQ0NCwwLjAwOCwwLjY2NXYwLjMzNWgwLjAxCgljMC41MTIsMTQuMzk1LDEyLjAyOSwyNS4xMywyNy4xOTEsMjUuMTNjNy45MTQsMCwxNC4xNTYtMi4xMDgsMTkuNjQ2LTYuNjM3bDAuMzYzLTAuM1YyNy43OTRIMjQuOTg2VjM2LjYzNXoiLz4KPC9zdmc+");
}

.firstInitialH {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDAuODgzIDUwLjk4MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAuODgzIDUwLjk4MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHJlY3QgeD0iMzEuMTgiIHk9IjAuMDIiIGZpbGw9IiNFQUVBRUEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIxLjQxOCIvPgoJPHBhdGggZmlsbD0iI0VBRUFFQSIgZD0iTTIsMjEuNDk3aDIuMzV2MjcuNDg1SDJWMjEuNDk3eiBNMiwxOS41NDloNS43MDV2MC45NDlIMlYxOS41NDl6IE0yLDE3LjYwMWg1LjcwNXYwLjk0OUgyVjE3LjYwMXoKCQkgTTIsMTUuNjVoNS43MDV2MC45NUgyVjE1LjY1eiBNMiwxMy43MDFsNS43MDUtMC4wMDJ2MC45NTFIMlYxMy43MDF6IE0yLDExLjc1MWw1LjcwNS0wLjAwMXYwLjk0OUwyLDEyLjcwMVYxMS43NTF6IE0yLDkuODAxCgkJaDUuNzA1djAuOTQ5TDIsMTAuNzUxVjkuODAxeiBNMiw3Ljg1Mmg1LjcwNXYwLjk0OEgyVjcuODUyeiBNMiw1LjkwNGw1LjcwNS0wLjAwMnYwLjk1SDJWNS45MDR6IE0yLDMuOTUzaDUuNzA1djAuOTQ5TDIsNC45MDQKCQlWMy45NTN6IE0yLDIuMDJoNS43MDV2MC45MzNIMlYyLjAyeiBNMzUuNTU3LDB2NDguOTgyaC0yLjM3OVYzNC4wMDZINy43MDV2MTQuOTc3SDUuMzVWMjEuNDk3aDIuMzU1djcuNjY4aDI1LjQ3M3YtMS45OTlIOS43MDQKCQlWMC4wMkgwdjUwLjk2M2g5LjcwNFYzNi4wMDVoMjEuNDc0djE0Ljk3OGg5LjcwNVYwLjAyaC0ydjQ4Ljk2M2gtMi4zMjRWMEgzNS41NTd6Ii8+CjwvZz4KPC9zdmc+");
}

.firstInitialI {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYuMjMgNTAuOTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNi4yMyA1MC45ODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iMTAuNDUyLDUwLjk4MiAxNi4yMyw1MC45ODIgMTYuMjMsNDguOTgyIDEyLjQ1Miw0OC45ODIgMTIuNDUyLDIuMDIgMTYuMjMsMi4wMiAxNi4yMywwLjAyIAoJCTEwLjQ1MiwwLjAyIAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iMy43NDcsMCAwLDAgMCw1MC45NzUgMi43NDgsNTAuOTc1IDIuNzQ4LDUwLjk4MiA0Ljc0OCw1MC45ODIgNC43NDgsMCAzLjc0NywwIAkiLz4KPC9nPgo8L3N2Zz4=");
}

.firstInitialJ {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAuNDI5IDUxLjYxMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAuNDI5IDUxLjYxMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNGN0Y3RjciIGQ9Ik0yMC42NTIsMTIuODcxaDJ2LTAuMDE1aDUuNzc2djUuMDE1aC03Ljc3NnYxOC4xOTVjMCw1Ljc4MS0yLjczNCw2LjU2MS01LjQwOCw2LjU2MQoJYy0zLjM5NiwwLTQuOTcxLTEuNjY2LTYuNjg3LTQuNzQyTDguMDcsMzcuMDEybC0xLjc0NiwwLjk3NWwwLjQ4NiwwLjg3M2MxLjU0NywyLjc2OSwzLjQyNCw1LjQ3MSw3LjcyMyw1Ljc0MnY0Ljk4MgoJYy01LjYzOC0wLjI3My05Ljc3My0yLjg4Ny0xMi4yOTctNy43ODNsLTAuNDU5LTAuODg5TDAsNDEuODI4bDAuNDU3LDAuODg5YzIuODUyLDUuNTMzLDcuNzA3LDguNTc4LDE0LjA3Niw4Ljg2N3YwLjAyN2gydi0wLjAzOQoJYzguNzE3LTAuNDA0LDEzLjg5Ni02LjA3MiwxMy44OTYtMTUuMzYxVjBoLTkuNzc2VjEyLjg3MXogTTI4LjQyOSwzNi4yMTFjMCw4LjE2LTQuMzI1LDEyLjk3NS0xMS44OTYsMTMuMzYzdi01LjAyNwoJYzQuMDU4LTAuNDgyLDYuMTE5LTMuMzIyLDYuMTE5LTguNDgxVjE5Ljg3MWg1Ljc3NlYzNi4yMTF6Ii8+Cjwvc3ZnPg==");
}

.firstInitialK {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDEuMTIgNTAuOTYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MS4xMiA1MC45NjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNNy43MDQsMzUuMDYydjEzLjlINS4zMzVWMmg0LjM2OVYwSDB2NTAuOTYzaDkuNzA0VjM1Ljc3M2w0LjM2My01LjM1bDE1LjE1OCwyMC41MzloMi41MDRMMTQuMTQ1LDI3LjE2MgoJTDcuNzA0LDM1LjA2MnogTTIsMmgyLjMzNXY0Ni45NjNIMlYyeiIvPgo8cG9seWdvbiBmaWxsPSIjRUVFRUVFIiBwb2ludHM9IjM4LjU0MywtMC4wMTIgMjcuMjgsLTAuMDA0IDcuNzA1LDI0LjkzMyA3LjcwNSwyOC4xODggMjguMjU0LDEuOTk2IDM0LjQxNiwxLjk5MiAxNy44ODUsMjIuOTQ1IAoJMzguNjE2LDUwLjk2MyA0MS4xMiw1MC45NjMgMjAuNDAxLDIyLjk4NCAiLz4KPC9zdmc+");
}

.firstInitialL {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgMzEuMzA3IDUwLjk2MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzEuMzA3IDUwLjk2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgogICAgPHBhdGggZmlsbD0iI0VFRUVFRSIgZD0iTTkuNzA0LDI4LjE4NGgtMnYxNC42ODlMMiw0OC41NzhWMzcuMTg0SDB2MTMuNzc5aDMxLjMwN3YtOC44NEg5LjcwNFYyOC4xODR6IE0yOS4zMDcsNDYuMDg0bC0yLjg4LDIuODc5CiAgICAgICAgaC0xLjM0M2w0LjIyMy00LjIyM1Y0Ni4wODR6IE0yMy42Nyw0OC45NjNoLTEuMzQzbDQuODM5LTQuODRoMS4zNDNMMjMuNjcsNDguOTYzeiBNMjAuOTEzLDQ4Ljk2M2gtMS4zNDRsNC44NC00Ljg0aDEuMzQzCiAgICAgICAgTDIwLjkxMyw0OC45NjN6IE0xOC4xNTUsNDguOTYzaC0xLjM0Mmw0Ljg0LTQuODRoMS4zNDJMMTguMTU1LDQ4Ljk2M3ogTTE1LjM5OSw0OC45NjNoLTEuMzQzbDQuODM5LTQuODRoMS4zNDJMMTUuMzk5LDQ4Ljk2M3oKICAgICAgICAgTTEyLjY0Myw0OC45NjNoLTEuMzQ0bDQuODQtNC44NGgxLjM0M0wxMi42NDMsNDguOTYzeiBNOS44ODUsNDguOTYzSDguNTQybDQuODQtNC44NGgxLjM0M0w5Ljg4NSw0OC45NjN6IE03LjEyOCw0OC45NjNINS43ODYKICAgICAgICBsNC44MzktNC44NGgxLjM0M0w3LjEyOCw0OC45NjN6IE00LjM3Miw0OC45NjNIMy4wMjhsNC44NC00Ljg0aDEuMzQzTDQuMzcyLDQ4Ljk2M3ogTTI3Ljg0MSw0OC45NjNsMS40NjYtMS40NjV2MS40NjVIMjcuODQxeiIvPgogICAgPHBvbHlnb24gZmlsbD0iI0VFRUVFRSIgcG9pbnRzPSIyLDIyLjg3MSA3LjcwNSwyMi44NzEgOC4zMzQsMjIuODcxIDkuNzA1LDIyLjg3MSA5LjcwNSwwIDAsMCAwLDI4LjE4MyAyLDI4LjE4MyAgICIvPgo8L2c+Cjwvc3ZnPg==");
}

.firstInitialM {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTAuMjQ0IDUxLjk3MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAuMjQ0IDUxLjk3MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iMjUuMjYyLDI3LjA0NSAxLjgxOCwwIDAsMCAwLDUxLjk3MSA5LjI3Myw1MS45NzEgOS4yNzMsMjYuMDY4IDIzLjMzLDQyLjk4MiAyNS43MjMsNDAuMTYyIAoJMjUuNzMzLDQwLjE2MiA0My4zODEsMTkuMDkyIDQxLjg0NywxNy44MDkgMjUuMDg4LDM3LjgxOCA3LjI3MywxNi40NTcgNy4yNzMsMjMuNTg2IDcuMjM2LDIzLjYxNyA3LjI3MywyMy42NjIgNy4yNzMsNDkuOTcxIAoJMiw0OS45NzEgMiwzLjI2NCAyNS4yNzEsMzAuMTA5IDQ4LjI0NCwzLjI4NSA0OC4yNDQsNDkuOTcxIDQwLjk3Miw0OS45NzEgNDAuOTcyLDUxLjk3MSA1MC4yNDQsNTEuOTcxIDUwLjI0NCwwIDQ4LjQyNSwwICIvPgo8L3N2Zz4=");
}

.firstInitialN {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDEuMTcyIDUyLjQwNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTcyIDUyLjQwNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gZmlsbD0iI0VFRUVFRSIgcG9pbnRzPSIzMS45NzEsMi43MjEgMzEuOTc0LDIuNzIxIDMxLjk3NCw1LjQ2NyAzOS4xNzIsNS40NjcgMzkuMTcyLDQ5LjUxMiA3LjIsMTYgNy4yLDUxLjY4NCA5LjIsNTEuNjg0IAoJCTkuMiwyMC45OTQgMzkuMTY4LDUyLjQwNCA0MS4xNzIsNTIuNDA0IDQxLjE3MiwwLjcyMSAzMS45NzEsMC43MjEgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0VFRUVFRSIgcG9pbnRzPSIzMy45NzEsMzYuNDA0IDMzLjk3MSwxNC40MzIgMzEuOTcxLDE0LjQzMiAzMS45NzEsMzEuNDEgMi4wMDQsMCAwLDAgMCw1MS42ODQgMiw1MS42ODQgMiwyLjg5MyAKCQk0LDQuOTkgNCw1MS42ODYgNSw1MS42ODYgNSw2LjAzNyAJIi8+CjwvZz4KPC9zdmc+");
}

.firstInitialO {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTIuNTQ5IDUyLjI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Mi41NDkgNTIuMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0yNi4yNzQsMEMxMS41NDEsMCwwLDExLjQ3NiwwLDI2LjEzYzAsMTQuNjUxLDExLjU0MSwyNi4xMywyNi4yNzQsMjYuMTN2LTIKCQljLTYuODkyLDAtMTIuOTM4LTIuNTc0LTE3LjI3Mi02Ljg1N2wzLjg2My0zLjg2M2MxLjQ5NywxLjY0MywzLjMwNSwzLDUuMzg5LDMuOTg4YzIuNDQ3LDEuMTYsNS4xNDYsMS43NDgsOC4wMjEsMS43NDgKCQljMTAuNTkzLDAsMTguMjgtOC4wNTMsMTguMjgtMTkuMTQ1YzAtNS4zNzQtMS44MTUtMTAuMDI0LTQuODgxLTEzLjQwMWwzLjgzOC0zLjgzNmM0LjUzNyw0LjQ2OSw3LjAzNywxMC41NzgsNy4wMzcsMTcuMjM3aDIKCQljMC03LjI4OC0yLjc3NC0xMy45OC03LjgxMi0xOC44NDNDMzkuODY4LDIuNTg4LDMzLjMxMiwwLDI2LjI3NCwwIE0zNS4yODMsOS4yMzZsMy43NjQtMy43NjZjMC41ODYsMC4zNSwxLjE1MiwwLjcyNSwxLjcwNywxLjEyMwoJCWwtMy43NDgsMy43NDhDMzYuNDU1LDkuOTQzLDM1Ljg4Myw5LjU2OCwzNS4yODMsOS4yMzYgTTI2LjU5NCwyLjAxNGMwLjg5NywwLjAxMiwxLjc4MSwwLjA3NCwyLjY1NiwwLjE3NGwtNC44ODgsNC44ODkKCQljLTEuMjE3LDAuMTEzLTIuMzg0LDAuMzQ2LTMuNTAyLDAuNjcyTDI2LjU5NCwyLjAxNHogTTMzLjUyMywzLjA0MWMwLjcxNSwwLjIxMSwxLjQxOCwwLjQ0OSwyLjEwNSwwLjcyM0wzMS42NTIsNy43NAoJCWMtMC43NTEtMC4yMTktMS41MjktMC4zNzktMi4zMjYtMC41MDJMMzMuNTIzLDMuMDQxeiBNMjYuMjc0LDQzLjI3NWMtMi41NzcsMC00Ljk4NS0wLjUyMy03LjE2My0xLjU1NQoJCWMtNS43MDktMi43MDUtOS4xMTgtOC41MzMtOS4xMTgtMTUuNTkxYzAtOS45MzUsNi44NDctMTcuMTQ2LDE2LjI4MS0xNy4xNDZjOS40MzUsMCwxNi4yOCw3LjIxMSwxNi4yOCwxNy4xNDYKCQlDNDIuNTU1LDM2LjA2NCwzNS43MDksNDMuMjc1LDI2LjI3NCw0My4yNzUiLz4KPC9nPgo8L3N2Zz4=");
}

.firstInitialP {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzUuNDExIDUwLjk2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzUuNDExIDUwLjk2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0xMy41MjksMEgwdjUwLjk2NWgyVjJoNS43MDV2Ni44NDJoNS41MzZjOC4yNDIsMCwxMi4yNDksMy41NTksMTIuMjQ5LDEwLjg4MQoJYzAsNy4yNzMtNC4wMDcsMTAuODA5LTEyLjI0OSwxMC44MDlINy43MDV2MjAuNDM0aDJWMzkuMzczaDMuODI0YzEzLjExNywwLDIxLjM4MS03LjEyNSwyMS44MzgtMTguNjVoMC4wNDR2LTJoLTAuMDQ0CglDMzQuOTEyLDcuMTUyLDI2LjY0NywwLDEzLjUyOSwwIE0xMy4yNDEsNi44NDJIOS43MDVWMmgzLjgyNGMxMi4wNjUsMCwxOS4zOTcsNi4yMzYsMTkuODM5LDE2LjcyM2gtNS45MTUKCUMyNy4wNjgsMTAuOTUxLDIyLjE4Myw2Ljg0MiwxMy4yNDEsNi44NDIgTTEzLjUyOSwzNy4zNzNIOS43MDV2LTQuODQyaDMuNTM2YzkuMDcyLDAsMTMuODQxLTMuOTgsMTQuMjEzLTExLjgwOWg1LjkxNAoJQzMyLjkyNSwzMS4xNjIsMjUuNTkzLDM3LjM3MywxMy41MjksMzcuMzczIi8+Cjwvc3ZnPg==");
}

.firstInitialQ {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTQuMDQ5IDU0LjA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NC4wNDkgNTQuMDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGN0Y3RjciIGQ9Ik00OC42MTYsMjUuOTY0Yy0wLjA3Ny01LjYzOC0yLjQxMS0xMS4wMzItNi41NjctMTUuMTg4Yy04Ljg2NS04Ljg2NS0yMi4yNzItOC44MjctMzEuMTg2LDAuMDg3CgkJbC0wLjM1NCwwLjM1NGwwLjcwNywwLjcwN2wwLjM1NC0wLjM1NGM4LjUxMi04LjUxMiwyMS4zMS04LjU0OSwyOS43NzItMC4wODdjMy45NzEsMy45NzEsNi4yLDkuMTE5LDYuMjc0LDE0LjQ5NAoJCWMwLjA4LDUuNjcxLTIuMTc5LDExLjA5NS02LjM2MSwxNS4yNzdjLTguNTEyLDguNTEyLTIxLjMxLDguNTQ5LTI5Ljc3MiwwLjA4N2wtMC4zNTQtMC4zNTRsLTAuNzA3LDAuNzA3bDAuMzU0LDAuMzU0CgkJYzguNzQ1LDguNzQ1LDIxLjkwNCw4LjgwOCwzMC44MTYsMC4yNWw4Ljc5Niw4Ljc5NmwwLjcwNy0wLjcwN2wtOC43OTYtOC43OTZDNDYuNDQ4LDM3LjI2Niw0OC42OTcsMzEuNzQ0LDQ4LjYxNiwyNS45NjQiLz4KCQoJCTxyZWN0IHg9IjM3Ljk2NCIgeT0iMjguODQ3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMi40Njc1IDM3LjQ0MjgpIiBmaWxsPSIjRjdGN0Y3IiB3aWR0aD0iMiIgaGVpZ2h0PSI5Ljg0OCIvPgoJPHBhdGggZmlsbD0iI0Y3RjdGNyIgZD0iTTQwLjA0NywxNC4xOTNsLTAuNzA3LTAuNzA3Yy03LjgxNC03LjgxNC0xOC45MjItOC4wNS0yNi40MTMtMC41NTljLTcuNDksNy40OS03LjI1NSwxOC41OTksMC41NTksMjYuNDEzCgkJYzYuNzg4LDYuNzg4LDE2LjI3Niw4LjA4NiwyMy42MTEsMy4yMzJsMS4wMi0wLjY3NWwtNy4xMjEtNy4xMjFsLTEuNDE0LDEuNDE0bDUuMzU3LDUuMzU3Yy02LjQyOSwzLjYwMy0xNC4xNywyLjI0Ni0yMC4wMzktMy42MjIKCQljLTYuOTk1LTYuOTk1LTcuMjMtMTYuOTE0LTAuNTU5LTIzLjU4NUMyMS4wMTEsNy42NywzMC45Myw3LjkwNSwzNy45MjUsMTQuOWwwLjcwNywwLjcwN0w0MC4wNDcsMTQuMTkzeiIvPgoJPHBhdGggZmlsbD0iI0Y3RjdGNyIgZD0iTTcuOTg4LDcuOTg4Qy0yLjYwNCwxOC41NzktMi42NywzNC40ODYsNy44MzUsNDQuOTkxYzkuMjM3LDkuMjM3LDIyLjg3MywxMC4zNzcsMzMuNDQ2LDIuODk4bDYuMTYxLDYuMTYxCgkJbDEuNDE0LTEuNDE0bC03LjM4Mi03LjM4MmwtMC42OTUsMC41MjNjLTkuODQ2LDcuNDI0LTIyLjgxMiw2LjUxOC0zMS41My0yLjIwMWMtOS42OTgtOS42OTgtOS42MzItMjQuMzg5LDAuMTUzLTM0LjE3NQoJCWM5Ljc4Ni05Ljc4NiwyNC40NzctOS44NTEsMzQuMTc1LTAuMTUzYzguNzE5LDguNzE5LDkuNjI0LDIxLjY4NSwyLjIsMzEuNTMxbC0wLjUyMywwLjY5NWw3LjM4Miw3LjM4MmwxLjQxNC0xLjQxNGwtNi4xNjEtNi4xNjEKCQljNy40OC0xMC41NzQsNi4zMzktMjQuMjEtMi44OTctMzMuNDQ3QzM0LjQ4Ni0yLjY3LDE4LjU3OS0yLjYwNCw3Ljk4OCw3Ljk4OCIvPgo8L2c+Cjwvc3ZnPg==");
}

.firstInitialR {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzYuNSA1MC45NjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2LjUgNTAuOTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cmVjdCB4PSI0LjI3MyIgeT0iMjMuNDY3IiBmaWxsPSIjRUFFQUVBIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNy41Ii8+Cgk8cGF0aCBmaWxsPSIjRUFFQUVBIiBkPSJNOC4xNjMsMTkuNzA3aDEuNTQyVjguODQyaDMuNTM2YzguMjQxLDAsMTIuMjQ5LDMuNTU5LDEyLjI0OSwxMC44ODFoMmMwLTAuMDA2LTAuMDAxLDAuMDA2LTAuMDAxLDBoNS45MjEKCQljMCwwLjAwNiwwLjAwMS0wLjAwNiwwLjAwMSwwaDJDMzUuNDExLDcuNTU3LDI3LjAyNSwwLDEzLjUyOSwwSDB2MTkuNzA3aDEuNTIxSDJoNS43MDVIOC4xNjN6Ii8+Cgk8cmVjdCB5PSIyMy40NjciIGZpbGw9IiNFQUVBRUEiIHdpZHRoPSIyIiBoZWlnaHQ9IjI3LjQ5OCIvPgoJPHJlY3QgeD0iNy43MDUiIHk9IjM3LjMwMSIgZmlsbD0iI0VBRUFFQSIgd2lkdGg9IjIiIGhlaWdodD0iMTMuNjY0Ii8+Cgk8cGF0aCBmaWxsPSIjRUFFQUVBIiBkPSJNMzQuODk2LDI0LjY4MmwwLjI2OC0xLjIxNUgyNS4xMDVsLTAuMjIxLDAuNzAxYy0xLjM3OSw0LjM3OS01LjE4Nyw2LjUwOC0xMS42NDQsNi41MDhIOS43MDV2LTcuMjA5aC0yCgkJdjkuMjA5aDUuNTM2YzcuMDA3LDAsMTEuNDc5LTIuNDI0LDEzLjMwOC03LjIwOWg2LjA4MmMtMS4yOTUsNC40MDEtNC4xOSw3LjczOC04LjQzMiw5LjY5M2wtMS4wOTgsMC41MDZsOS41MSwxMy4yOTlIMjUuOTMKCQlsLTguNjI5LTEyLjI3NWwtMS42MzcsMS4xNWw5LjIyNywxMy4xMjVIMzYuNUwyNi4xMTMsMzYuNDM5QzMwLjcyMSwzMy45NjcsMzMuNzQ4LDI5LjkyNCwzNC44OTYsMjQuNjgyIi8+CjwvZz4KPC9zdmc+");
}

.firstInitialS {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzYuMjA0IDUyLjI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNi4yMDQgNTIuMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMjMuMzAxLDIxLjgzMmwtMC45Mi0wLjQxbC0zLjA5Nyw3LjA1N2wtMi40NjktMS4xMDRjLTYuOTA0LTMuMDM5LTExLjUtNi41Mi0xMS41LTEzLjYzMQoJQzUuMzE1LDYuODI4LDEwLjUsMiwxNy45MjQsMmM1LjU4MywwLDkuNzE0LDIuMDk4LDEyLjU5OSw2LjQwNmwtMS43NDgsMS4xNDNjLTIuNDAxLTMuODkxLTUuOTAxLTUuNzk1LTEwLjcwNS01Ljc5NQoJYy02LjExMywwLTEwLjQ4NCwzLjk4NC0xMC42MjksOS42OTFsMSwwLjAyNWMwLjEzMS01LjIxMyw0LjAwMi04LjcxNyw5LjYyOS04LjcxN2M0LjQzNywwLDcuNjY0LDEuNzU0LDkuODY5LDUuMzQybC0xLjU3OCwxLjAzMwoJYy0yLjA0NS0yLjk3MS00LjcwNS00LjM2MS04LjI5MS00LjM2MWMtNC40MTQsMC03LjI2NiwyLjYyNS03LjI2Niw2LjY4OWgyYzAtMi45MzgsMS45NjktNC42ODksNS4yNjYtNC42ODkKCWMzLjE4OSwwLDUuMzg5LDEuMzE0LDcuMTI5LDQuMjYybDAuNTM1LDAuOWw3LjUxLTQuOTE0bC0wLjQ5MS0wLjgyNEMyOS41MDYsMi43NTYsMjQuNTE3LDAsMTcuOTI0LDAKCUM5LjMyMSwwLDMuMzE2LDUuNjUsMy4zMTYsMTMuNzQ0YzAsOC42NzgsNi4xLDEyLjU1OSwxMi42ODgsMTUuNDU5bDMuMzgyLDEuNTEyYzQuNTksMi4wNjUsNy4xODUsMy40MTgsNy4xODUsNy4yMjUKCWMwLDMuMzM2LTIuOTI2LDUuNDA4LTcuNjQsNS40MDh2MmM1Ljg1NiwwLDkuNjQtMi45MDgsOS42NC03LjQwOGMwLTQuOTE0LTMuNTExLTYuODQtNy40NjEtOC42NDFsMi4yOTEtNS4yMjMKCWM3LjAxNSwzLjI1LDEwLjgwMyw2LjUyNywxMC44MDMsMTMuNjQ2YzAsNy44NS01LjY4MiwxMi41MzctMTUuMiwxMi41MzdjLTcuMTE1LDAtMTIuODQ5LTMuMTQxLTE2LjI1Ny04Ljg3MWw1LjU0My0yLjc3MQoJbC0wLjg5NS0xLjc4OUwwLDQwLjUyNWwwLjQ3OSwwLjkwNGMzLjY5MSw2Ljk4NCwxMC4yNzEsMTAuODMsMTguNTI0LDEwLjgzYzEwLjYxLDAsMTcuMi01LjU3LDE3LjItMTQuNTM3CglDMzYuMjA0LDI4LjM2OSwzMC4xMDEsMjQuODY5LDIzLjMwMSwyMS44MzIiLz4KPC9zdmc+");
}

.firstInitialT {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzguNzk1IDUwLjk2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzguNzk1IDUwLjk2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHJlY3QgeD0iMTQuNTQ1IiB5PSI2Ljg0MiIgZmlsbD0iI0VFRUVFRSIgd2lkdGg9IjIiIGhlaWdodD0iMzUuOTQ3Ii8+Cgk8cG9seWdvbiBmaWxsPSIjRUVFRUVFIiBwb2ludHM9IjM2Ljc5NSw2Ljg0MiAyMi4yNSw2Ljg0MiAyMi4yNSw0OC45NjUgMTQuNTQ1LDQ4Ljk2NSAxNC41NDUsNTAuOTY1IDI0LjI1LDUwLjk2NSAyNC4yNSw1MC45NTcgCgkJMjcuMDI3LDUwLjk1NyAyNy4wMjcsOC44NDIgMzguNzk1LDguODQyIDM4Ljc5NSwwIDM2Ljc5NSwwIAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNFRUVFRUUiIHBvaW50cz0iMjkuOTU1LDAgMCwwIDAsOC44NDIgMiw4Ljg0MiAyLDIgMjkuOTU1LDIgCSIvPgo8L2c+Cjwvc3ZnPg==");
}

.firstInitialU {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzkuMzcyIDUxLjYzMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzkuMzcyIDUxLjYzMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0VFRUVFRSIgZD0iTTI5LjY2NywzMy4yN2gyVjQuNzY2aDIuNDAxVjMyLjI3aDFWNC43NjZoMi4zMDR2MjcuOTM2YzAsMTAuMjc3LTYuMjAxLDE2LjUzOS0xNi42NDksMTYuOTEydi02Ljk2N2gtMQoJCWMtNi44MzQsMC0xMC4wMTgtMy4yOTctMTAuMDE4LTEwLjM3N1YwLjAxOWgtMlYzMi4yN2MwLDcuODYyLDMuNzA1LDEyLjAxNCwxMS4wMTgsMTIuMzU0djEuOTYKCQlDOS43NDYsNDYuMjE3LDUuMzYzLDQwLjg5Myw1LjM2MywzMC4zMDlWMGgtMXYzMC4zMDljMCwxMS4xLDQuODQsMTYuODk0LDE0LjM1OSwxNy4yNzR2Mi4wM0M4LjIyOCw0OS4yNDIsMiw0Mi45NzksMiwzMi43MDFWMC4wMTkKCQlIMHYzMi42ODNjMCwxMS42NzYsNy41NTcsMTguOTMsMTkuNzIzLDE4LjkzYzEyLjEyLDAsMTkuNjQ5LTcuMjU0LDE5LjY0OS0xOC45M1YwLjAxOWgtOS43MDVWMzMuMjd6Ii8+CjwvZz4KPC9zdmc+");
}

.firstInitialV {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDkuNzc2IDUxLjY4NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDkuNzc2IDUxLjY4NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0zOC40ODYsMmg4LjI2NEwzMy41OCwzMi45MDdoLTMuNjE3bC0wLjAwOC0wLjAwNGgtMi4zNDZMMTMuNjQyLDBIMy4zMTJsMjIuNjk2LDUxLjY4NWgxLjc0Nkw0OS43NzYsMAoJSDM5LjM1N0wzOC40ODYsMnogTTEyLjMxNywybDEzLjExOSwzMC45MDNoLTUuNDkyTDYuMzc1LDJIMTIuMzE3eiIvPgo8cG9seWdvbiBmaWxsPSIjRUVFRUVFIiBwb2ludHM9IjEuMDk0LC0wLjAwNSAwLC0wLjAwNSAyMi42ODYsNTEuNTI0IDIyLjc1NSw1MS42OCAyMy44NTksNTEuNjc4IDEuMzU4LDAuNTgzICIvPgo8L3N2Zz4=");
}

.firstInitialW {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjcuNTYzIDUyLjYyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2Ny41NjMgNTIuNjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNNTEuOTQyLDM5LjI0NmwtMy4xMzEtNi43ODhsMTAuNTg2LTMxLjQ1aC0yLjEyNWwtOS42ODEsMjguODA0bC03LTE1LjE4MkwzNC4zMjEsMGgtMS43NDlMMTkuNDU4LDMwLjQ0MQoJTDkuNzYxLDEuMDA4SDBMMTcuODI4LDUyLjYyaDEuODA4bDEzLjgyMi0zMi41OTZMNDcuNjIzLDUyLjYyaDEuNzI2TDY3LjU2MywxLjAwOGgtMi4xNDZMNTEuOTQyLDM5LjI0NnogTTE5LjIwOCwzNi4wNzYKCWwxMC41NDgtMjQuNDg0bDEuMDEzLDIuMzA2TDE4Ljk1NSw0MS4yMDhMNi4wNzgsMy4wMDhoMi4yMzNMMTkuMjA4LDM2LjA3NnogTTE4LjgzLDQ5LjM5NUwyLjgwOCwzLjAwOGgyLjIxNUwxOC44NCw0My45OTUKCWwxMi40NzgtMjguODQ5bDEuMDM1LDIuMzU3TDE4LjgzLDQ5LjM5NXoiLz4KPC9zdmc+");
}

.firstInitialX {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDUuOTggNTAuOTY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NS45OCA1MC45NjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMjYuMDk2LDMzLjMxbC0zLjM5OS01LjM3OGwtMC4wMTMsMC4wMjFsLTMuNzk5LTUuOTU2bC0wLjAwMiwwLjAwNWMtMS4yMTktMi4wMTctNC41MzMtNy4yNTgtMTMuNTU5LTIxLjUzNQoJTDUuMDI5LDBIMi42NTJsMC45OCwxLjUzNEM3LjEwMiw3LjAyMSwxNS42OCwyMC41OTksMTcuNDE1LDIzLjM4NWwtNi4yNjgsOS45MjVsLTEuMjYzLDJsLTIuMjg5LDMuNjI1bC0xLjI2MywyTDQuMDQ1LDQ0LjU2CglsLTEuMjY0LDJMMCw1MC45NjRoMTAuNTAybDIuNzg0LTQuNDA0bDEuMjY1LTJsMi4yOTEtMy42MjVsMS4yNjUtMmwyLjI5MS0zLjYyNWwxLjI2NS0yaDIuMDY4bDEuMjY1LDJsOS44OTUsMTUuNjU0aDIuMzcxCglMMjYuNDEsMzMuODA3TDI2LjA5NiwzMy4zMXogTTEwLjkyLDQ2LjU2SDUuMTQ3bDEuMjYzLTJoNS43NzNMMTAuOTIsNDYuNTZ6IE0xNC40NzcsNDAuOTM1SDguNjk4bDEuMjY1LTJoNS43NzdMMTQuNDc3LDQwLjkzNXoKCSBNMTguMDMyLDM1LjMxSDEyLjI1bDEuMjYyLTJoNS43ODVMMTguMDMyLDM1LjMxeiIvPgo8cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMzAuMDYyLDIwLjAwN2MxLjMwNy0yLjA1MywzLjA0Mi00Ljc5LDQuNzczLTcuNTI3QzM4LjMwMyw3LjAwNyw0MS43NiwxLjUzNCw0MS43NiwxLjUzNEw0Mi43MjksMEgzMi4yMjcKCWwtOS4yNDIsMTQuNjFMMTMuNzQyLDBoLTIuMzcxbDExLjYxMywxOC4zNTFsMC4wMDQtMC4wMDdsMi4yNDgsMy41NDVoLTAuMDM1bDE4LjQwMiwyOS4wNzRoMi4zNzdMMjguMTk5LDIyLjg4OQoJQzI4LjU5LDIyLjMxNywyOS4xNjQsMjEuNDE5LDMwLjA2MiwyMC4wMDciLz4KPC9zdmc+");
}

.firstInitialY {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEuMTk5IDUwLjk4NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEuMTk5IDUwLjk4NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0VFRUVFRSIgZD0iTTM2LjM3OSwwLjAwNWwtMS4wNywyaDguODVMMjYuODMyLDM0LjA5MXYxNC44NzhoLTUuNzA1VjM0LjE1OGwtNy4wMDQtMTIuNjk0aDYuMDUzbDMuOTIsNy4yMWw5LjI2LTE3LjI3NQoJCWgtMi4yODFsLTYuOTkyLDEzLjA2MkwxMC43ODUsMC4wMDVIMGwxOS4xMjcsMzQuNjY5djE2LjI5NWg5LjcwNVYzNC41OTdsMTguNjgtMzQuNTkySDM2LjM3OXogTTExLjE1NCw0Ljg2OEg0Ljk2OEw0LjQ0NSwzLjkxOQoJCWg2LjE5MkwxMS4xNTQsNC44Njh6IE0xMS42OTcsNS44NjhsMC41MTYsMC45NDloLTYuMTdMNS41Miw1Ljg2OEgxMS42OTd6IE0xMi43NTcsNy44MTdsMC41MTYsMC45NDlINy4xMTdMNi41OTUsNy44MTdIMTIuNzU3egoJCSBNMTMuODE2LDkuNzY3bDAuNTE2LDAuOTQ5bC02LjEzNywwLjAwMUw3LjY3LDkuNzY3SDEzLjgxNnogTTE0Ljg3NSwxMS43MTZsMC41MTgsMC45NDlMOS4yNywxMi42NjZsLTAuNTI0LTAuOTQ5TDE0Ljg3NSwxMS43MTZ6CgkJIE0xNS45MzcsMTMuNjY1bDAuNTE3LDAuOTUxbC02LjEwOC0wLjAwMmwtMC41MjMtMC45NDhMMTUuOTM3LDEzLjY2NXogTTE2Ljk5NiwxNS42MTZsMC41MTcsMC45NDhsLTYuMDkyLDAuMDAxbC0wLjUyNC0wLjk1MQoJCUwxNi45OTYsMTUuNjE2eiBNMTguMDU2LDE3LjU2NGwwLjUxNywwLjk0OWwtNi4wNzYsMC4wMDFsLTAuNTIzLTAuOTQ5TDE4LjA1NiwxNy41NjR6IE0xMy41NzIsMjAuNDY0bC0wLjUyNC0wLjk0OWw2LjA2OS0wLjAwMQoJCWwwLjUxNSwwLjk1SDEzLjU3MnogTTkuNTk3LDIuMDA1bDAuNDk3LDAuOTE0SDMuODkyTDMuMzg4LDIuMDA1SDkuNTk3eiIvPgoJPHBvbHlnb24gZmlsbD0iI0VFRUVFRSIgcG9pbnRzPSIzMC44NzIsMzQuNzQ5IDMwLjgxMSwzNC44NjEgMzAuODExLDUwLjk4NiAzMS44MDksNTAuOTg2IDMxLjgwOSwzNS4xMTkgNTAuNzEyLDAuODU2IDUxLjE5OSwwIAoJCTUwLjA0LDAuMDA2IAkiLz4KPC9nPgo8L3N2Zz4=");
}

.firstInitialZ {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDAuMjM2IDUwLjk2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAuMjM2IDUwLjk2NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNFRUVFRUUiIGQ9Ik0xMi44MzYsNDIuMTE0bDIuMzU2LTAuMDAxTDQwLjIzNiwxLjcxOFYwSDMuOTYxdjguODQxaDIxLjA5NEwwLDQ5LjI0N3YxLjcxN2gzOS40NDR2LTguODRIMjEuNTgydjJsMCwwCglsMC4wMTgsNC44NEgyLjUzbDEzLjk0LTIyLjQ4Mmg2LjA1OUwxMi44MzYsNDIuMTE0eiBNMjguNjQ4LDYuODQxSDUuOTYxVjQuODczaDI2LjE0OEwyMC4xMzksMjQuNDgxaC0yLjQzTDI4LjY0OCw2Ljg0MXoKCSBNMjEuMzEsMjQuNDgxTDMzLjg5MSwzLjg3M0g1Ljk2MVYyaDMxLjc0NkwyMy43NjgsMjQuNDgxSDIxLjMxeiIvPgo8L3N2Zz4=");
}


/* Law Commencement Banner Styles */


/* Set EDU banner to law color for comparison */


/* #globalHeaderBottomInner {
    background-color: #aa0000;
}

#globalHeaderNavigation {
    background: unset;
}

#globalHeaderNavigation li a.dropdown-toggle {
    color: #fff;
    background: #aa0000;
} */

#lawCommencementBanner .infographicItem {
    background-color: #cc9f26;
}

#lawCommencementBanner .infographicItemHeader.standardContent h2 {
    color: #aa0000;
    clear: both;
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    margin: 2rem 0 1rem 0;
}

@media screen and (max-width: 991.98px) {
    #lawCommencementBanner .infographicItemHeader.standardContent h2 {
        font-size: 2.25rem;
    }
}

#lawCommencementBanner .infographicItemText.standardContent p {
    color: #fff;
    text-decoration: none;
}

#lawCommencementBanner .infographicItemText.standardContent a {
    color: #003282;
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
}

#lawCommencementBanner .infographicItemText.standardContent a:hover {
    color: #aa0000;
    text-decoration: underline;
}

#lawCommencementBanner .infographicItemText.standardContent a:focus {
    color: #aa0000;
    text-decoration: underline;
}

#lawCommencementBanner .infographicItemText.standardContent a:active {
    color: #aa0000;
    text-decoration: underline;
}

.zonecNav a {
    display: inherit !important;
}


/* *********************************************************
   bs5.css
   Media Library ID: 3853654
************************************************************ */