/* *********************************************************
   SU-Law.css
   Media Library ID 3261521
************************************************************ */

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

*,
*::before,
*::after {
    box-sizing: border-box;
    xmargin-top: 0;
    /* prevents collapsing margins */
    margin: 0;
    /* test */
}


/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p {
    margin: 0;
}

body {
    background-color: #ffffff;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 62.5%;
    /* 10/16 =.625 To maximize accessibility, it is generally best to use values that are relative to the user's default font size.*/
    xfont-size: 10px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
    /* for the fixed header */
    padding-top: 152px;
    min-width: auto;
    /* prevents overflow of long strings in mobile views */
}

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

#pageContentWrapper {
    padding-bottom: 1px;
    padding-top: 1px;
}

@media screen and (min-width: 1200px) {
    /* lg */
    #pageContentWrapper[class=""] {
        /* Default state if .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;
    }
}


/* Cookie Banner */

.cookie-banner {
    color: #fff;
    position: fixed;
    bottom: 10px;
    left: 10%;
    right: 10%;
    width: 80%;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    z-index: 1;
}

.cookie-banner p {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    padding: 0 1rem 0 0;
}

.cookie-banner p a {
    color: #fff;
    text-decoration: underline;
}

.cookie-banner button.close {
    background: #088099;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    padding: 1.6rem;
    opacity: 1;
    text-shadow: none;
}

.cookie-banner .close:focus,
.cookie-banner .close:hover {
    color: #088099;
    text-decoration: underline;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
    background: #fff;
}


/*****COVID19********/

#COVIDbanner .infographicItem {
    padding: 0 !important;
    /* background-color: #003282; */
    background-color: #088099;
    /* background-color: #000000; */
}

@media screen and (min-width: 768px) {
    #COVIDbanner .infographicItem {
        padding: 0 !important;
    }
}

#COVIDbanner .infographicItemHeader a {
    color: #fff;
    /* color: #FDB913; */
    font-size: 1.5rem;
    text-decoration: underline;
}

#COVIDbanner .infographicItemHeader a:focus,
#COVIDbanner .infographicItemHeader a:hover {
    /* color:#fff; */
    color: #000000;
    /* color: #FDB913; */
}

#COVIDbanner .infographicItemText.standardContent p a {
    color: #fff;
    /* color: #FDB913; */
}

#COVIDbanner .infographicItemText.standardContent p a:hover {
    /* color:#fff; */
    color: #000000;
    /* color: #FDB913; */
    /* text-decoration:underline; */
}


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


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


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


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


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


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


/* Last edited 6/18/19 by Steve */


/* Migrated all nav css to working file 20210326 - Vic media library file number 2268710 */


/******** END Disappearing-Reappearing Menu ********/


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


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


/* Last edited by Aubrey 12/11 */


/* Last edited by Vic Aug 21 - in development */

#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;
    xposition: absolute;
    top: -20px;
    width: 0;
    z-index: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1307px) {
    #breadcrumbs {
        xmargin-left: 60px;
        /* keep to the right of the tiange as screen shrinks */
        xwidth: 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 {
        xmargin-left: 60px;
        /* keep to the right of the tiange as screen shrinks */
        xwidth: 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 {
        xmargin-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 {
        xborder-width: 65px 30px 0 0px;
        xtop: -15px;
    }
    #breadcrumbsWrapper .standardContent {
        max-width: unset;
    }
}

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

#breadcrumbs ol {
    background-color: inherit;
    border-radius: 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.4;
    list-style: none;
    margin-bottom: 0;
    /* overrides a bootstrap default 20px*/
    padding: 15px 0 15px 0;
    vertical-align: middle;
}

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

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

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

#breadcrumbs li:last-child a {
    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                |
|___________________|  |___________________________|  |______________________________________|
|                   |  |       |                   |  |        |                             |
|     MainZone      |  |Sidebar|      MainZone     |  | Sidebar|           MainZone          |
|                   |  |       |                   |  |        |                             |
_____________________  _____________________________  ________________________________________
  
*/


/* ========================================================================================== 
   ===== Global #MainZone styles ============================================================
   ========================================================================================== 
*/

#MainZone {
    padding: 0 1.5rem;
    /* creates side space on mobile views. */
}

@media (min-width: 992px) {
    #MainZone {
        padding: 0;
    }
}

#MainZone .primaryContent.standardContent a:link {
    color: #088099;
    /* Light Blue */
    text-decoration: none;
}

#MainZone .primaryContent.standardContent a:visited {
    color: #088099;
    /* Light Blue */
    text-decoration: none;
}

#MainZone .primaryContent.standardContent a:hover {
    color: #aa0000;
    /* SU Red */
    text-decoration: underline;
}

#MainZone .primaryContent.standardContent a:active {
    color: #088099;
    /* Light Blue */
    text-decoration: underline;
}


/* ========================================================================================== 
   ===== Global Detail Page styles ==========================================================
   ========================================================================================== 
*/

.maxWidth1170px {
    max-width: 1170px;
    margin: auto;
}

.maxWidth1400px {
    max-width: 1400px;
    margin: auto;
}

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

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

#TopZone {
    padding: 0;
}

*/
/* ========================================================================================== 
   ===== Global #SidebarZone styles ============================================================
   ========================================================================================== 
*/


/* Hides overflow and adds ellipsis (for long email addresses) */

#SidebarZone .primaryContentWrapper a {
    display: inline-block !important;
    text-overflow: ellipsis !important;
    width: -webkit-fill-available !important;
    overflow: hidden !important;
}


/* ========================================================================================== 
   ===== Site Navigation ==================================================================== 
   ==========================================================================================
   Sub nav
   Last revised 2/16/18 by Aubrey  
   In development by vic aug 2021
*/

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

@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: 1px solid #B7B7B7; */
    color: #333333;
    display: block;
    font-weight: bold;
    font-size: 15px !important;
    height: inherit;
    line-height: 100%;
    padding: 15px 0px 13px 0;
    text-decoration: none;
    text-transform: uppercase;
    /* margin-bottom: 15px; */
}

@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.98px) {
    #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 #B7B7B7;
    }
    #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 --------------------- */

.blue-arrow {
    color: #1ab9d6;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
    left: 6px;
}


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


/* position relative to allow <span> (arrow) to be positioned within this block */


/* affects all menu items in desktop */

#siteNavigation #menu li {
    display: block;
    position: relative;
    /* border-bottom: 1px solid #B7B7B7; */
}


/* focus affects on mobile sidebar menu items */


/* #TopZone #siteNavigation #menu li { 
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #B7B7B7;
} */


/* all links in all menu items */


/* padding: 10px 7px 10px 0; */

#siteNavigation #menu li a {
    color: #595959;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6em;
    position: relative;
    text-decoration: none;
    width: calc(100% - 30px);
}

#siteNavigation #menu li em {
    transform: rotate(90deg);
}

#siteNavigation #menu li em.collapsed {
    transform: rotate(0deg);
}


/* All links in the sitenav menu */


/* @media screen and (max-width: 767.999px){
  body #siteNavigation #menu li a { 
    padding:10px 35px 10px 25px;
  }
} */

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

#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 {
    border-bottom: 1px solid #B7B7B7;
    color: #aa0000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6em;
    padding: 10px 7px 10px 0
}

#siteNavigation #menu li span.currentsection a {
    /* neccessary because on fulltext 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: #333333;
}

#siteNavigation #menu .multilevel-linkul-0 {
    padding-left: 20px;
}

#siteNavigation #menu .multilevel-linkul-0 li {
    border-bottom: none;
}

#siteNavigation #menu .multilevel-linkul-0 li a,
#siteNavigation #menu .multilevel-linkul-0 span.currentsection {
    /* first submenu*/
    width: calc(100% - 50px);
}

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

#siteNavigation #menu .multilevel-linkul-1 {
    padding-left: 20px;
}

#siteNavigation #menu .multilevel-linkul-1 li {
    border-bottom: none;
}

#siteNavigation #menu .multilevel-linkul-1 li a,
#siteNavigation #menu .multilevel-linkul-1 span.currentsection {
    /* second submenu*/
    width: calc(100% - 70px);
}

#siteNavigation #menu .multilevel-linkul-2 {
    padding-left: 20px;
}

#siteNavigation #menu .multilevel-linkul-3 li {
    border-bottom: none;
}

#siteNavigation #menu .multilevel-linkul-2 li a,
#siteNavigation #menu .multilevel-linkul-2 span.currentsection {
    /* third submenu*/
    width: calc(100% - 90px);
}

#siteNavigation #menu .multilevel-linkul-3 {
    padding-left: 20px;
}

#siteNavigation #menu .multilevel-linkul-3 li a,
#siteNavigation #menu .multilevel-linkul-3 span.currentsection {
    /* fourth submenu*/
    width: calc(100% - 110px);
}

#siteNavigation #menu .multilevel-linkul-4 {
    padding-left: 20px;
}

#siteNavigation #menu .multilevel-linkul-4 li {
    border-bottom: none;
}

#siteNavigation #menu li a .siteNavigationArrow {
    /*chevrons next to submenu triggers*/
    font-size: 1.6rem;
    float: right;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
}

#siteNavigation #menu li a.collapsed .siteNavigationArrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform .4s ease;
}

.fafa-chevron-down.visible-inline.blue-arrow {
    transform: rotate(180deg);
    transition: transform .4s ease;
    ;
}

@media screen and (max-width: 991.98px) {
    /* #siteNavigation #menu li a {
    padding:10px 35px 10px 15px;
  } */
    #siteNavigation #menu li span.currentsection {
        padding: 10px 15px;
    }
    /* first submenu*/
    /* #siteNavigation #menu .multilevel-linkul-0 li a,
  #siteNavigation #menu .multilevel-linkul-0 span.currentsection{
    padding: 10px 35px 10px 25px;
    color: #797979;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
  } */
    /* second submenu*/
    #siteNavigation #menu .multilevel-linkul-1 li a,
    #siteNavigation #menu .multilevel-linkul-1 span.currentsection {
        padding: 10px 0 10px 35px;
    }
    /* third submenu*/
    #siteNavigation #menu .multilevel-linkul-2 li a,
    #siteNavigation #menu .multilevel-linkul-2 span.currentsection {
        padding: 10px 0 10px 45px;
    }
    /* fourth submenu*/
    #siteNavigation #menu .multilevel-linkul-3 li a {
        padding: 10px 0 10px 55px;
    }
    /* fifth submenu*/
    #siteNavigation #menu .multilevel-linkul-4 li a {
        padding: 10px 0 10px 65px;
    }
    #siteNavigation #menu .glyphicon {
        padding: 10px;
    }
}


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


/*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.6rem;
        line-height: 1.2em;
        position: relative;
    }
    .horizontalSiteNav #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:hover {
        color: #aa0000;
        text-decoration: none;
    }
}


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

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

@media screen and (min-width: 992px) {
    /* #pageContentWrapper {
    padding-top: 100px;
  } */
}

.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 */
    #MainZone .contentItem:first-of-type,
    #SidebarZone .contentItem:first-of-type {
        margin: 0 0 15px 0;
    }
}

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

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

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

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

@media screen and (min-width: 992px) {
    /* md + lg*/
    #pageContentWrapper.container-fluid #MainZone.col-md-12 .hspace,
    #pageContentWrapper.container-fluid #MainZone.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 {
    xmax-width: 1170px;
    /* eliminates crazy-long text columns */
    max-width: 1400px;
    /* Largest breakpoint for Bootstrap 5 */
    margin: 0 auto;
    /* and centers them, if necessary */
}

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

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


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

h1,
h2,
h3,
h4,
h5 {
    xmargin: 3rem 0 1.38rem;
    margin: 1.25rem 0 1.38rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.3;
}

.standardContent h1 {
    color: #aa0000;
    xfont-family: "Roboto Slab", sans-serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    xfont-size: 4.8rem;
    xline-height: 100%;
    xmargin-bottom: 10px;
    padding: 0;
    text-decoration: none;
    xfont-size: 4.209rem;
    /* perfect fourth */
    font-size: 3.052rem;
    /* major third */
    line-height: 1;
}

.standardContent h2 {
    /* major headings */
    color: #aa0000;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    xfont-size: 2.8rem;
    font-weight: 495;
    xmargin: 30px 0 22px -0;
    xfont-size: 3.157rem;
    xfont-size: 2.441rem;
    /* Major scale */
    font-size: var(--h2);
    margin-bottom: .5rem;
}

.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;
    xfont-family: "Roboto Slab", sans-serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    xfont-size: 2.1rem;
    xfont-weight: 400;
    font-weight: 500;
    xmargin: 15px 0 3px 0;
    xfont-size: 2.369rem;
    xfont-size: 1.953rem;
    /* Major scale */
    font-size: 1.75rem;
    margin-bottom: .3rem;
}

.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;
    xfont-family: "Roboto Slab", sans-serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    xfont-size: 1.8rem;
    xmargin: 8px 0 3px 0;
    xfont-size: 1.777rem;
    font-size: 1.563rem;
    margin-bottom: .3rem;
}

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

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

.standardContent h5 {
    color: #aa0000;
    xfont-family: "Roboto Slab", sans-serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    xfont-size: 1.6rem;
    xmargin: 8px 0 3px 0;
    xfont-size: 1.333rem;
    font-size: 1.25rem;
    margin-bottom: .2rem;
}

.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;
    xfont-family: "Roboto Slab", serif;
    xfont-family: "Oswald", "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    xfont-size: 1.6rem;
    xline-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: 2.8rem;
    }
    .standardContent h3 {
        font-size: 1.8rem;
    }
    .standardContent h4 {
        font-size: 1.6rem;
    }
}


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

.standardContent p {
    color: #333333;
    xfont-size: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.5;
    xmax-width: 70ch;
    xmargin-bottom: 1.6rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

#SidebarZone .standardContent p {
    line-height: 1.5;
}


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

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

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


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

.standardContent ul,
.standardContent ol {
    xfont-size: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.45;
    list-style-type: none;
    xmargin-bottom: 2.2rem;
    margin-left: 0px;
    /* indent, but not that much */
    display: table;
    /* align 2nd line text, pt 1  */
    font-weight: 500;
    padding-left: 3px;
    /* indent, but not that much. Good for unordered lists. */
    list-style-position: inside;
    /* Good for ordered lists. */
}


/* .standardContent ul li {
    font-family: 'seattle-u';
    font-size: 13px !important;
    content: '\25FC';
    color: #01a3b0;
    padding-right: 15px;
    display: table-cell;
    position: relative;
    top: -1px;
} */

.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: '\25FC';
    /*  black medium square */
    color: #01a3b0;
    padding-right: 15px;
    display: table-cell;
    /* align 2nd line text, pt 3  */
    position: relative;
    top: -1px;
    /* 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 #MainZone .standardContent ul li:before,
.no-flexboxlegacy #SidebarZone .standardContent ul li:before,
.no-flexboxlegacy #zoneC .standardContent ul li:before {
    display: inline !important;
}


/* START list item spacing */

.standardContent ul li,
.standardContent ol li {
    xline-height: 1.65;
    margin-bottom: .5em;
    list-style-position: inside !important;
}

.standardContent ul li ul li,
.standardContent ul li ol li,
.standardContent ol li ul li,
.standardContent ol li ol li {
    line-height: 1.65;
    list-style-position: inside !important;
}

.primaryContent.standardContent ul li,
.primaryContent.standardContent ol li {
    line-height: 1.65;
    list-style-position: inside !important;
}

.primaryContent.standardContent ul li ul li,
.primaryContent.standardContent ul li ol li,
.primaryContent.standardContent ol li ul li,
.primaryContent.standardContent ol li ol li {
    line-height: 1.65;
    list-style-position: inside !important;
}

list-style-position: inside !important;

/* END list item spacing */


/* headlines in lists */

.standardContent ul h3 {
    margin-top: 0;
}


/* List style classes */

ol.list-LowerAlpha {
    list-style-type: lower-alpha;
    /* a */
}

ol.list-UpperAlpha {
    list-style-type: upper-alpha;
    /* A */
}

ol.list-LowerRoman {
    list-style-type: lower-roman;
    /* iv */
}

ol.list-UpperRoman {
    list-style-type: upper-roman;
    /* IV */
}


/* -------------------------- 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) {
    #MainZone.col-xs-12 .standardContent .btn {
        display: block;
        margin: 7px 0;
    }
}

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

#SidebarZone .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.98px) {
    /* sm */
    ul.arrowLinks li {
        flex: 1 1 calc(50% - 7px);
    }
}


/* -------------------------- 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: 1rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    /* same as paragraphs */
    width: 100%;
}

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


/* 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-top: 1px solid #881111;
    border-bottom: 1px solid #881111;
    border-left: 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-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

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

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

table caption {
    caption-side: top;
    color: #aa0000;
}

table caption h2 {
    font-size: var(--h2);
}


/* 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: 2px solid #088099;
    color: #a90400;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.25;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

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

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

#SidebarZone .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: 2px 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;
}

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

.primaryContentWrapper .standardContent p.no-img-padding img {
    padding: 0;
}


/* Sidebar: Remove padding from image */

p.sidebar-image>img {
    xpadding: 0;
}

p.sidebar-image>a {
    xpadding: 0;
}


/* Makes sidebar images full bleed */

@media only screen and (min-width: 576px) {
    #SidebarZone img {
        padding: 0;
    }
    #SidebarZone figure.image-wrapper {
        padding: 0;
    }
}


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


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


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


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


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

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

#MainZone .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. */

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

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

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

#SidebarZone #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;
}

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

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

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

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

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

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

#SidebarZone #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; 
}
@media (max-width:767.999px){
  footer{
    background-position:250%;
  }
}
footer #footerInner{
  padding: 30px 0;
}

@media screen and (min-width: 375px) and (max-width: 991.98px) {
  footer #footerInner{
  padding: 45px 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 {
  color:#fdb913;
  font-size: 2rem;
  margin:0 0 30px 0;
  padding:0 0 10px 0;
}
@media screen and (max-width: 767.999px) {
  footer h4 {
    margin: 0 0 15px 0;
    padding: 0;
  }  
} */


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


/* footer #organization{
  color: #ffffff;
  font-size:1.4rem;
  font-weight: 400;
  line-height:2.4rem;
  text-align: left;
}
@media screen and (max-width: 767.999px) { 
  footer #organization {
    margin-bottom: 30px;
    text-align: center;
  }
  footer #organization img{
    max-width: 50%;
  }  
}
@media screen and (min-width: 992px) { 
  footer #organization img{ 
    max-width: 66%;
    margin: 0;
  }  
}
body.advertising footer #organization img{ 
  display:none 
}
body.advertising footer #organization .name{
  font-size:1.6rem;
  font-weight: 500;
  margin-top: 0;
}


footer #organization .name{
  font-size:2rem;
  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 .phone a,
footer #organization .email a{
  text-decoration:underline;
}
@media screen and (min-width: 992px) { 
  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 {
  margin: 0;
  list-style-type: none;
  padding: 0px;
}
@media (max-width:767.999px){
  footer .footerLinks ul {
    margin-bottom: 30px;
  }
}
footer .footerLinks li {
  padding-bottom: 15px;
}
footer .footerLinks a {
  color: #b3b3b3;
  font-size: 1.4rem;
}
footer .footerLinks a:hover, footer .footerLinks a:focus {
  color: #ffffff;
  text-decoration: none;
}

@media (max-width:991.999px) { 
  #footerLinksPeople {
    text-align: center;
  }

  #footerLinksEssentials {
    text-align: center;
  }

  #footerLinksEssentials li {
    text-align: center;
  }
  #footerLinksVisit {
    text-align: center;
  }

} */


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


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


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

footer #footerSocialMediaLinks .social a {
  color: #cccccc;
  transition: all 0.2s ease;
}
footer #footerSocialMediaLinks .social a:hover, footer #footerSocialMediaLinks .social a:focus{
  color: #ffffff;
} */


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


/* #footerCallToActionLinks{
  margin-top: 30px;
  padding-inline-start: 0;
}
@media (max-width:767.999px) {
  #footerCallToActionLinks{
    margin-top:40px;
    padding-left: 0;
  }
  #footerCallToActionLinks li{
    margin-bottom: 20px;
  }
}

#footerCallToActionLinks a {
  background:#333333;
  border: 2px solid #088099;
  color: #ffffff;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.2s ease;
}
#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:#333333;
  color:#b3b3b3;
  font-size:1.2rem;
  border-top: 1px solid;
  padding-top: 20px;
  margin-top: 30px;
}

#subfooter a, #subfooter a:visited{ 
  color:#b3b3b3;
  padding: 0 .5rem;
}
#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;
}
*/


/* --------------------------------------- Critical Emergency Homepage --------------------------------------- */

#layout3250 #pageContentWrapper {
    margin-top: 10px;
}

.criticalUpdateWrapper {
    background: #ffffff;
    padding: 10px;
}

.criticalUpdate {
    padding: 60px;
}

.criticalUpdate h1 {
    font-family: Roboto Slab;
    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:hover,
.standardContentBlack p a:focus {
    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:hover,
.standardContentRed p a:focus {
    color: #fdb913;
}

.standardContentRed ul li:before {
    color: #fdb913;
}


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


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


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


/* Fix problems created by content editors. */

font {
    color: #333333;
}


/* control for customized text colors */

u {
    text-decoration: none;
}

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


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

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


/* ==========================================================================================
   ===== Accordion ===== Content Type #5190 =================================================
   ==========================================================================================
*/


/*********************
* 
* Accordion styles updated on 4/21/21 for bootstrap 5  - vic
*
**/


/*********************
*
*   Accordion
*
**/

.accordionWrapper {
    margin: 0 auto;
    margin-left: 15px !important;
    max-width: 1170px;
    padding-right: 45px;
}

.accordionWrapper h2.accordionTitle {
    color: #aa0000;
    font-family: 'Montserrat', sans-serif;
    font-size: var(--h2);
    font-weight: 500;
    margin: 65px 0 22px 0;
    text-align: center;
    clear: both;
}

.accordionWrapper h2.accordionTitle:not(:first-of-type) {
    margin-top: 80px;
}

.accordionWrapper .accordionDescription p {
    color: #333333;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 1.6rem;
    font-weight: 500;
    text-align: left;
}

.accordionTitle.standardContent {
    padding-left: 0 !important;
}

.accordionWrapper .accordionItemHeader {
    height: auto;
}

.accordionItemHeader.accordion-header {
    outline: none;
}

.accordionItemHeader.accordion-header a:link {
    outline: none;
}

.accordionItemHeader.accordion-header a:visited {
    outline: none;
}

.accordionItemHeader.accordion-header a:hover {
    outline: none;
}

.accordionItemHeader.accordion-header a:focus {
    outline: none;
}

.accordionItemHeader.accordion-header a:active {
    outline: none;
}

.accordionWrapper .accordionItemHeaderButton {
    height: auto;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 30px 0;
}

.accordionWrapper h3.accordionItemHeaderButtonTitle {
    color: #088099;
    font-family: "Montserrat", sans-serif;
    font-size: 2.0rem;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.accordionWrapper h3.accordionItemHeaderButtonTitle i {
    float: right;
    transition-timing-function: ease;
    transition-duration: .3s;
}

.accordionWrapper .accordionItemHeaderButton.collapsed h3.accordionItemHeaderButtonTitle i {
    transform: rotate(-90deg);
}

.accordionWrapper .accordionItemInfo {
    padding-bottom: 10px;
}


/* anchor styles inside the accordion item */

.accordionItemInfo.standardContent a {
    color: #088099;
    text-decoration: none;
}

.accordionItemInfo.standardContent a:hover {
    text-decoration: underline;
}

.accordionItemInfo.standardContent a:active {
    color: #003282;
}


/*********************
*
*   Accordion
*   Media Queries
*
**/


/* ***** Desktop down ***** */

@media screen and (max-width: 1199.99px) {
    .accordionWrapper h3.accordionItemHeaderButtonTitle {
        font-size: calc(1.3rem + .6vw);
    }
}


/* ***** xs screen and up ***** */

@media only screen and (min-width: 576px) {
    /* Keeps accordion on the grid */
    .accordionWrapper {
        margin-left: 15px !important;
        padding-right: 45px;
    }
    /* Indents nested lists to the left */
    .accordionWrapper ol,
    .accordionWrapper ul {
        margin-left: .25em !important;
    }
}


/* ==========================================================================================
   ===== Law - Back to Top =====  Content Type #5427 ========================================
   ==========================================================================================
*/

.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 {
    bottom: 40px;
    /* display: block; */
    display: none;
    position: fixed;
    right: 20px;
    will-change: scroll-position;
    z-index: 9999;
}

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


/* ==========================================================================================
   ===== Law - Box Links MainZone =====  Content Type #5534 =================================
   ==========================================================================================
   Title, subtitle, paragraph followed by up to three box links (internal, external, media)
   An adaptation of code from Jumbotron I, Quicklinks, and .boxlinks
   Last revised 04/20/2021 by Troy 
*/

.BoxLinksMainZone h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
}

.BoxLinksMainZone h3 a,
.BoxLinksMainZone h3 a:visited {
    text-decoration: none;
}

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

.BoxLinksMainZone ul.boxlinks li {
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 10px 10px 0;
}

.BoxLinksMainZone .boxlinks li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    /* Small Devices, Tablets */
    .BoxLinksWrapper {
        padding: 0 10px;
    }
    /* .container */
    #pageContentWrapper.container #MainZone.col-sm-8 .BoxLinksMainZone ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-sm-8 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container #MainZone.col-sm-12 .BoxLinksMainZone ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-sm-12 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    /* .container-fluid */
    #pageContentWrapper.container-fluid #MainZone.col-sm-8 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container-fluid #MainZone.col-sm-12 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
}

@media (min-width: 992px) {
    /* Medium Devices, Desktops */
    /* .container */
    #pageContentWrapper.container #MainZone.col-md-6 .BoxLinksMainZone ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-6 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container #MainZone.col-md-9 .BoxLinksMainZone ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-9 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    #pageContentWrapper.container #MainZone.col-md-12 .BoxLinksMainZone ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-12 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }
    /* .container-fluid */
    #pageContentWrapper.container-fluid #MainZone.col-md-6 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }
    #pageContentWrapper.container-fluid #MainZone.col-md-9 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
    #pageContentWrapper.container-fluid #MainZone.col-md-12 .BoxLinksMainZone ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }
}


/* ==========================================================================================
   ===== Call to Action Feature ===== Content Type #5190 ==================================== 
   ==========================================================================================
*/

.callToActionWrapper {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 0;
    margin-bottom: 0px !important;
}


/*Default white*/

.callToActionOverlay {
    background: rgba(247, 247, 247, 0.75);
    height: -webkit-fill-available;
    margin: auto auto;
    width: 100%;
}

.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(8, 128, 153, 0.75);
}

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

.callToActionWrapper .callToActionOverlayColorRed {
    background: rgba(170, 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: 95%;
    padding: 30px 30px 50px 30px;
    display: block;
}

.callToActionWrapper h2 {
    text-align: center;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 4.5rem;
    padding-top: 0px;
}

@media screen (min-width: 375px) and (max-width: 768px) {
    .callToActionWrapper h2 {
        padding-top: 0px;
    }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
    /*Small Displays*/
    .callToActionWrapper h2 {
        margin-bottom: 35px;
    }
}

.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: center;
    margin: 0 auto;
    padding-top: inherit;
    padding-left: 0px;
}

.callToActionButtonWrapper li.callToActionButton a {
    text-decoration: none;
}

.callToActionButtonWrapper li.callToActionButton a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .callToActionButton {
        margin-bottom: 25px;
    }
    .callToAction {
        padding-bottom: 20px;
    }
}

.callToActionButton {
    background-color: #f7f7f7;
    display: flex;
    flex: 0 1 100%;
    font-family: "Montserrat", sans-serif;
    justify-content: center;
    line-height: 1.6rem;
    margin: 0 15px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}


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

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

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


/* @media screen and (max-width: 992px) and (min-width: 767px) {
    #pageContentWrapper #MainZone .callToActionWrapper .callToActionButton {
        flex-basis: calc(50% - 7px);
    }
    x#pageContentWrapper #MainZone.col-sm-8 .callToActionWrapper .callToActionButton {
        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;
    font-weight: 500;
    height: 100%;
    line-height: 2.4rem;
    padding: 15px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease;
    vertical-align: top;
    width: 100%;
}

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

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

.callToAction ul.callToActionButtonWrapper li.callToActionButton {
    margin-bottom: 30px;
}


/* ==========================================================================================
   ===== 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 .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. */

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

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

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

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

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

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

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

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

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


/* ==========================================================================================
   ===== Law - Card ===== Content Type #5224 ================================================
   ==========================================================================================
*/

.cardGroupRowWrapper .card .card-body.standardContent a {
    color: #088099;
    text-decoration: none;
}

.cardGroupRowWrapper .card .card-body.standardContent a:hover {
    color: #088099;
    text-decoration: underline;
}

.cardGroupRowWrapper .card .card-body.standardContent a:focus {
    color: #088099;
    text-decoration: underline;
}

.cardGroupRowWrapper .card .card-body.standardContent a h3 {
    color: #aa0000;
    text-decoration: none;
}

.cardGroupRowWrapper .card .card-body.standardContent a:hover h3 {
    color: #aa0000;
    text-decoration: underline;
}

.cardGroupRowWrapper .card .card-body.standardContent a:focus h3 {
    color: #aa0000;
    text-decoration: underline;
}

.cardGroupRowWrapper .card .card-footer .standardContent a {
    color: #088099;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

.cardGroupRowWrapper .card .card-footer .standardContent a:hover {
    color: #088099;
    text-decoration: underline;
}

.cardGroupRowWrapper .card .card-footer .standardContent a:focus {
    color: #088099;
    text-decoration: underline;
}

.cardGroupRowWrapper .card-group>.card {
    min-width: 250px;
}

#MainZone .cardsWrapper {
    margin-bottom: 60px;
    padding: 30px;
    background: #f7f7f7;
}

.cardsWrapper .cards {
    display: flex;
    justify-content: space-between;
    /* Tricia's styles */
    /* align-items: stretch;
   flex: 1 1 0;
   padding: 0;
   margin: 0 15px 0 15px;
   background-color: #f7f7f7;*/
}

.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 {
    color: #333333;
    margin: 3rem 2rem 1rem;
}

.cardsWrapper .cardLayout1234 .card h3 {
    font-size: 1.8rem;
    overflow-wrap: normal;
}

.cardText p {
    margin: 30px;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    xborder-bottom: 1px solid #6f6f6f;
    padding: 0 0 30px 0;
}

.cardsWrapper .cardButton {
    margin: 30px;
}

.cardsWrapper .cardButton a {
    display: block;
    font-size: 1.6rem;
    color: #aa0000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    border-top: 1px solid #6f6f6f;
    padding-top: 3rem;
}

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

.standardContent .card .cardDateline p {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 15px 5px 20px;
}

.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 .card {
    background: #fff;
    border: 1px solid #cccccc;
    flex-basis: 25%;
    margin-right: 15px;
}

.cardsWrapper .card:last-of-type {
    margin-right: 0;
}

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

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

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

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

.cardsWrapper.contentItem:last-child {
    margin-bottom: 0px !important;
}

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

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


/* ==========================================================================================
   ===== Carousel ===== Content Type #5203 ================================================== 
   ==========================================================================================
 
*/

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


/* 
    ========================================================================================== 
    ===== Carousel Image ====== Content Type #5284 ===========================================
    ==========================================================================================
    Image slide intended to be only used as a carousel slide.  
*/


/* .carouselImageWrapper {
    display: none !important;
} */

.carouselImageWrapper.carousel-item .card-body {
    background-color: #f7f7f7;
}

.carouselImageWrapper.carousel-item .card-text {
    color: #000000;
    font-size: 1.25rem;
    font-weight: 400;
}

.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) {
    #MainZone.col-xs-12 .carouselImageCaption {
        padding: 1rem 2rem;
    }
}

.carouselImageCaption p {
    color: #fff;
    line-height: 1.5;
    margin: 0;
}


/*========= 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%;
}


/* ==========================================================================================
   ===== Code Only ===== Content Types #5253, #5254, #5073 ================================== 
   ==========================================================================================
   Code only content types
 
*/

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


/* ==========================================================================================
   ===== Box Navigation  ===== Content Type #5218 =========++++++============================ 
   ==========================================================================================
   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 {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-family: "montserrat", sans-serif;
    justify-content: center;
    text-align: center;
    padding: 30px 15px;
    width: 0;
    /*border-right: 1px solid #fff; */
    /*border-right-width: 1%*/
}


/*
#button1::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

#button2::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

#button3::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

#button4::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

#button5::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

#button6::after{
  content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}

*/


/*
.colorButton::after {
   content : "";
  position: absolute;
  right    : -1px;
  z-index: 100;
  top  : 21.5px;
  width  : 2px;
  height   : 70%;
  background: #fff;
}
*/

.colorButton {
    border-right: 2px solid #fff;
    margin: 20px 0;
    padding: 10px 15px;
}

.colorButton:last-child {
    border-right: none;
}

@media (max-width: 767px) {
    .colorButton {
        flex-basis: 33%;
        border-right: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .colorButton:nth-last-child(n+6),
    .colorButton:nth-last-child(n+6)~a {
        flex-basis: 12%;
    }
    /*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 #5176 =============================================== 
   ==========================================================================================
   One, two or three bits of contact information

*/

.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: #000000;
}

.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: 500;
    margin: 0;
    padding: 15px 0 15px 0;
    text-align: center;
}

.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: #aa0000;
}

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

.contactBoxes {
    align-items: flex-end;
    display: block;
    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;
    padding-bottom: 4vh;
    align-self: flex-start;
    margin: 0 auto;
}

.contactBoxes .contactBox:last-child {
    padding-bottom: 1vh;
}

h2.contactBoxTitle {
    padding-top: 2vh;
    padding-bottom: 4vh;
}

.displayNone {
    display: none !important;
}

.contactBoxPhoto img {
    padding: 0;
}


/* Three below are not necessary if .contactBoxes remains display: block */

#MainZone .contactBoxes[data-box-shown="show1-show2-show3"] .contactBox {
    flex-basis: 33%;
}

#MainZone .contactBoxes[data-box-shown="show1-show2"] .contactBox {
    flex-basis: 50%;
}

#MainZone .contactBoxes[data-box-shown="show1"] .contactBox {
    flex-basis: 100%;
}


/* Large Displays*/

@media (min-width: 1200px) {
    /* Only Zone A */
    #MainZone.col-md-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
        display: flex;
    }
    /* Zone A and Zone B*/
    #MainZone.col-md-9 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A, Zone B, and Zone C*/
    #MainZone.col-md-6 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
}


/* Medium Displays*/

@media (min-width: 991px) and (max-width: 1200px) {
    /* Only Zone A */
    #MainZone.col-md-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A and Zone B*/
    #MainZone.col-md-9 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    /* Zone A, Zone B, and Zone C*/
    #MainZone.col-md-6 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 50% !important;
        margin: 0 auto;
    }
}


/* Small Displays*/

@media (min-width: 767px) and (max-width: 991px) {
    #MainZone.col-sm-12 .contactBoxWrapper .contactBoxes .contactBox {
        flex-basis: 33% !important;
    }
    #MainZone.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: 0 auto 50px;
    max-width: 220px;
    height: auto;
    overflow: hidden;
}

.contactBoxPhoto img {
    border-radius: 500px;
    width: inherit !important;
}

.contactBoxInfoWrapper {
    display: flex;
    align-items: center;
}

.contactBoxInfo {
    text-align: left;
    width: 100%;
}

.contactBoxInfo h3 {
    margin: 0;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 2.0rem;
    color: #aa0000;
    /* text-transform: uppercase;
  font-size:1.6rem;
  font-weight: 700;
  margin:0;
  color:inherit; */
}

.contactBoxInfo p {
    margin: 0;
    padding-left: 0;
    xline-height: 3.2rem;
    xfont-size: 1.6rem;
    color: #666;
}

.contactBoxInfoPosition {
    padding-bottom: 15px
}

.contactBoxInfoEmail a {
    color: inherit;
    text-decoration: underline;
}

.contactBoxInfoEmail a:hover,
.contactBoxInfoEmail a:focus {
    /* filter: invert(100%); */
}

.contactBoxInfoAdditional {
    padding: 15px 0 0 0;
}

.contactBoxSupportButton {
    width: 100%;
    max-width: 450px;
}


/* ==========================================================================================
   ===== Law - Contact Box (Single) ===== Content Type #5529 ================================
   ==========================================================================================
   An adaptation of 'Law - Contact Box' with a single stackable contact box 
   and additional 'Phone 2' and 'Fax' fields.
   Added 4/1/2021 by Troy

*/

.contactBoxSingleWrapper {
    color: #ffffff;
    padding: 2em 2em 3.5em 2em;
}

.contactBoxSingleInfoWrapper {
    padding-right: 2em;
}

.contactBoxSingleWrapper h2 {
    font-size: 3.2rem;
    font-weight: 500;
    margin: 0;
    padding: 15px 0 15px 0;
    text-align: center;
}

h2.contactBoxSingleTitle {
    padding-top: 2vh;
    padding-bottom: 4vh;
}

.contactBoxSingleInfo h3 {
    margin: 0;
    font-weight: 500;
    font-size: 2.0rem;
    color: unset !important;
}

.contactBoxSingleInfo p {
    margin: 0;
    padding-left: 0;
    line-height: 1.5;
    font-size: 1.2rem;
    color: unset !important;
}

.contactBoxSingleInfoEmail a {
    color: inherit;
    text-decoration: none;
}

.contactBoxSingleInfoEmail a:hover,
.contactBoxSingleInfoEmail a:focus {
    color: #aa0000;
    text-decoration: underline;
}

.contactBoxSingleInfo {
    text-align: left;
}

.contactBoxSingleInfoPosition {
    padding-bottom: 15px;
}

.contactBoxSingleInfoAdditional {
    padding: 15px 0 0 0;
}

.displayNone {
    display: none !important;
}

.contactBoxSinglePhoto {
    margin: 0 auto 50px;
    max-width: 220px;
    height: auto;
    overflow: hidden;
}

.contactBoxSinglePhoto img {
    padding: 0;
    border-radius: 500px;
    width: inherit !important;
}


/* Default Contact Box (Single) background and text colors */

.contactBoxSingleWrapper.contactBoxSingleColorSUBlack {
    background-color: #333333;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorBlue {
    background-color: #088099;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorNavyBlue {
    background-color: #003282;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorTaupeBrown {
    background-color: #807060;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorEmerald {
    background-color: #008765;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorGold {
    background-color: #cc9f26;
    color: #000000 !important;
}

.contactBoxSingleWrapper.contactBoxSingleColorGreen {
    background-color: #55b31b;
    color: #000000;
}

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

.contactBoxSingleWrapper.contactBoxSingleColorSURed {
    background-color: #aa0000;
    color: #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorRedOrange {
    background-color: #ef4135;
    color: #000000;
    text-shadow: 1px 1px #E22012;
}

.contactBoxSingleWrapper.contactBoxSingleColorWhite {
    background-color: #ffffff;
    color: #333333;
}

.contactBoxSingleWrapper.contactBoxSingleColorYellow {
    background-color: #fdb913;
    color: #000000;
}

.contactBoxSingleWrapper.contactBoxSingleColorYellowTint {
    background-color: #f7f7f7;
    color: #333333;
}


/* Custom Contact Box (Single) text colors */

.contactBoxSingleColorWhite h2,
.contactBoxSingleColorWhite h3 {
    color: #aa0000 !important;
}

.contactBoxSingleColorYellowTint h2,
.contactBoxSingleColorYellowTint h3 {
    color: #aa0000 !important;
}

.contactBoxSingleColorSUBlack a,
.contactBoxSingleColorBlue a,
.contactBoxSingleColorNavyBlue a,
.contactBoxSingleColorTaupeBrown a,
.contactBoxSingleColorEmerald a,
.contactBoxSingleColorForestGreen a,
.contactBoxSingleColorSURed a {
    color: #ffffff;
}

.contactBoxSingleColorGold a,
.contactBoxSingleColorGreen a,
.contactBoxSingleColorRedOrange a,
.contactBoxSingleColorYellow a {
    color: #000000;
}

.contactBoxSingleColorSURed a:hover,
.contactBoxSingleColorRedOrange a:hover,
.contactBoxSingleColorGreen a:hover,
.contactBoxSingleColorForestGreen a:hover {
    color: #088099;
}


/* ==========================================================================================
   ===== Dual column Content ===== Content Type #5217 ======================================== 
   ==========================================================================================
   Two HTML blocks placed side-by-side

*/

.dualColumnWrapper {}

.dualColumn {}


/* START optional centered headline above dual columns */

.dc-headline {
    text-align: center;
    padding-bottom: 50px;
}

.dc-headline h2 {
    font-size: xxx-large;
}


/* END optional centered headline above dual columns */

article.dualColumn a {
    text-decoration: none;
}

article.dualColumn a:visited {
    color: #088099;
    /* Light Blue */
}

article.dualColumn a:hover {
    text-decoration: underline;
}


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

@media screen and (min-width: 1200px) {
    .column1,
    .column2 {
        xpadding-left: 0;
    }
}


/* ==========================================================================================
   ===== Law - Triple Column Content ===== Content Type #5489 =============================== 
   ==========================================================================================
   Three HTML blocks placed side-by-side with one centered HTML block above
   Updated 4/6/2021 by Troy

*/

.tc-headline {
    margin-bottom: 2em;
}

article.tripleColumn a {
    color: #088099;
    text-decoration: none;
}

article.tripleColumn a:hover {
    color: #aa0000;
    text-decoration: underline;
}


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

@media (min-width: 1400px) {
    .tc-headline h2 {
        xfont-size: 4rem;
        font-size: xxx-large;
        margin-bottom: .75em;
    }
}




/* =========================================================================================
   ===== Externships ===== Content Type #5304 ==========Organizer Layout==================== 
   =========================================================================================
*/

.externshipWrapper {
    background-color: #f7f7f7;
}

.externshipWrapper .card-title a {
    color: #003282;
}

.externshipWrapper .card-body p {
    color: #000000;
}


/* =========================================================================================
   ===== Externships ===== Content Type #5304 ==========Fulltext Layout===================== 
   =========================================================================================
*/

.externshipDescription {
    font-size: 1.2rem;
    font-weight: 500;
}

.externshipFulltext address span {
    font-size: 1rem;
    font-weight: 500;
}







/* ========================================================================================== 
   ===== Facebook Feed ===== Content Type #5306 ============================================== 
   ==========================================================================================
   Feed from Facebook API
*/

.facebookFeedWrapper {}


/* ========================================================================================== 
   ===== Feature Content ===== Content Type #5193 ============================================ 
   ==========================================================================================

*/

.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: linear-gradient( rgba(8, 128, 153, 0.8), rgba(8, 128, 153, 0.8)), url(../assets/cityinred19.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    padding: 60px;
}

@media screen and (max-width: 991.98px) {
    /* 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;
}

.featuredCuratedEventsWrapper .curatedEventsTitle h2 {
    color: #ffffff;
    font-family: "Roboto Slab", serif;
    letter-spacing: 2px;
    padding: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
}

.featuredCuratedEventsWrapper .curatedEventsList {
    background: #ffffff;
    padding: 0;
    position: relative;
}

@media screen and (max-width: 991.98px) {
    /* xs + sm */
    .featuredCuratedEventsWrapper .curatedEventsList {
        display: inherit;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem {
    background: #ffffff;
    display: flex;
    margin: 0 0 1px 0;
    padding: 1rem;
    position: relative;
    /* height: 200px; */
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem:before {
    display: none;
}

@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: 2rem;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    line-height: 2rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateDay {
    font-size: 3rem;
    font-weight: 400;
    line-height: 2rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation a:hover {
    text-decoration: none;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
    color: #333333;
    padding: 0 0.5rem;
    line-height: 2rem;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
        text-align: center;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventDateAndTime {
    font-size: 1.2rem;
    font-weight: 500;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle {
    color: #aa0000;
    font-size: 1.2rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle a {
    color: #aa0000;
    text-decoration: none;
}

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


/* ==========================================================================================
   ===== Focus Box ===== Content Type #5178 ================================================== 
   ==========================================================================================
   A rich text field with optional background colors
   Last revised 4/12/2021 by Troy 
*/

.focusBoxWrapper {
    margin-bottom: 2rem;
}

.focusBox {
    xpadding: 3rem;
    padding: 1rem;
}

#SidebarZone .focusBoxContent p {
    font-size: 1rem;
}

#SidebarZone .focusBoxContent h2,
#SidebarZone .focusBoxContent h3,
#SidebarZone .focusBoxContent h4,
#SidebarZone .focusBoxContent h5 {
    margin-top: 0;
}

.focusboxWrapper .focusBox img {
    padding: 0;
}

.focusBox .focusBoxText p,
.focusBox .focusBoxText ul,
.focusBox .focusBoxText ol {
    margin-left: 0;
}

.focusBoxWrapper .color {
    background: #f7f7f7;
}

.focusBoxWrapper .colorSUBlack {
    /* SU Black */
    background-color: #333333;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent p,
.focusBoxWrapper .colorSUBlack .focusBoxContent h1,
.focusBoxWrapper .colorSUBlack .focusBoxContent h2,
.focusBoxWrapper .colorSUBlack .focusBoxContent h3,
.focusBoxWrapper .colorSUBlack .focusBoxContent h4,
.focusBoxWrapper .colorSUBlack .focusBoxContent h5,
.focusBoxWrapper .colorSUBlack .focusBoxContent ul,
.focusBoxWrapper .colorSUBlack .focusBoxContent ul li:before,
.focusBoxWrapper .colorSUBlack .focusBoxContent ol,
.focusBoxWrapper .colorSUBlack .focusBoxContent blockquote,
.focusBoxWrapper .colorSUBlack .focusBoxContent cite,
.focusBoxWrapper .colorSUBlack .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorBlue {
    /* Blue */
    background-color: #088099;
}

.focusBoxWrapper .colorBlue .focusBoxContent p,
.focusBoxWrapper .colorBlue .focusBoxContent h1,
.focusBoxWrapper .colorBlue .focusBoxContent h2,
.focusBoxWrapper .colorBlue .focusBoxContent h3,
.focusBoxWrapper .colorBlue .focusBoxContent h4,
.focusBoxWrapper .colorBlue .focusBoxContent h5,
.focusBoxWrapper .colorBlue .focusBoxContent ul,
.focusBoxWrapper .colorBlue .focusBoxContent ul li:before,
.focusBoxWrapper .colorBlue .focusBoxContent ol,
.focusBoxWrapper .colorBlue .focusBoxContent blockquote,
.focusBoxWrapper .colorBlue .focusBoxContent cite,
.focusBoxWrapper .colorBlue .focusBoxContent i.fa,
#SidebarZone .focusBox.colorBlue hr {
    color: #ffffff;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:active {
    color: #000000 !important;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorNavyBlue {
    /* Navy Blue */
    background-color: #003282;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent p,
.focusBoxWrapper .colorNavyBlue .focusBoxContent h1,
.focusBoxWrapper .colorNavyBlue .focusBoxContent h2,
.focusBoxWrapper .colorNavyBlue .focusBoxContent h3,
.focusBoxWrapper .colorNavyBlue .focusBoxContent h4,
.focusBoxWrapper .colorNavyBlue .focusBoxContent h5,
.focusBoxWrapper .colorNavyBlue .focusBoxContent ul,
.focusBoxWrapper .colorNavyBlue .focusBoxContent ul li:before,
.focusBoxWrapper .colorNavyBlue .focusBoxContent ol,
.focusBoxWrapper .colorNavyBlue .focusBoxContent blockquote,
.focusBoxWrapper .colorNavyBlue .focusBoxContent cite,
.focusBoxWrapper .colorNavyBlue .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:active {
    color: #ef4135 !important;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorTaupeBrown {
    /* Taupe Brown */
    background-color: #807060;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent p,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent h1,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent h2,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent h3,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent h4,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent h5,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent ul,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent ul li:before,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent ol,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent blockquote,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent cite,
.focusBoxWrapper .colorTaupeBrown .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorEmerald {
    /* Emerald */
    background-color: #008765;
}

.focusBoxWrapper .colorEmerald .focusBoxContent p,
.focusBoxWrapper .colorEmerald .focusBoxContent h1,
.focusBoxWrapper .colorEmerald .focusBoxContent h2,
.focusBoxWrapper .colorEmerald .focusBoxContent h3,
.focusBoxWrapper .colorEmerald .focusBoxContent h4,
.focusBoxWrapper .colorEmerald .focusBoxContent h5,
.focusBoxWrapper .colorEmerald .focusBoxContent ul,
.focusBoxWrapper .colorEmerald .focusBoxContent ul li:before,
.focusBoxWrapper .colorEmerald .focusBoxContent ol,
.focusBoxWrapper .colorEmerald .focusBoxContent blockquote,
.focusBoxWrapper .colorEmerald .focusBoxContent cite,
.focusBoxWrapper .colorEmerald .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorEmerald .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorEmerald .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorEmerald .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorEmerald .focusBoxContent a:active {
    color: #000000 !important;
}

.focusBoxWrapper .colorEmerald .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorGold {
    /* Gold */
    background-color: #cc9f26;
}

.focusBoxWrapper .colorGold .focusBoxContent p,
.focusBoxWrapper .colorGold .focusBoxContent h1,
.focusBoxWrapper .colorGold .focusBoxContent h2,
.focusBoxWrapper .colorGold .focusBoxContent h3,
.focusBoxWrapper .colorGold .focusBoxContent h4,
.focusBoxWrapper .colorGold .focusBoxContent h5,
.focusBoxWrapper .colorGold .focusBoxContent ul,
.focusBoxWrapper .colorGold .focusBoxContent ul li:before,
.focusBoxWrapper .colorGold .focusBoxContent ol,
.focusBoxWrapper .colorGold .focusBoxContent blockquote,
.focusBoxWrapper .colorGold .focusBoxContent cite,
.focusBoxWrapper .colorGold .focusBoxContent i.fa {
    color: #000000;
}

.focusBoxWrapper .colorGold .focusBoxContent a:link {
    color: #000000 !important;
}

.focusBoxWrapper .colorGold .focusBoxContent a:visited {
    color: #333333;
}

.focusBoxWrapper .colorGold .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorGold .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorGold .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorGreen {
    /* Green */
    background-color: #55b31b;
}

.focusBoxWrapper .colorGreen .focusBoxContent p,
.focusBoxWrapper .colorGreen .focusBoxContent h1,
.focusBoxWrapper .colorGreen .focusBoxContent h2,
.focusBoxWrapper .colorGreen .focusBoxContent h3,
.focusBoxWrapper .colorGreen .focusBoxContent h4,
.focusBoxWrapper .colorGreen .focusBoxContent h5,
.focusBoxWrapper .colorGreen .focusBoxContent ul,
.focusBoxWrapper .colorGreen .focusBoxContent ul li:before,
.focusBoxWrapper .colorGreen .focusBoxContent ol,
.focusBoxWrapper .colorGreen .focusBoxContent blockquote,
.focusBoxWrapper .colorGreen .focusBoxContent cite,
.focusBoxWrapper .colorGreen .focusBoxContent i.fa {
    color: #000000;
}

.focusBoxWrapper .colorGreen .focusBoxContent a:link {
    color: #000000;
}

.focusBoxWrapper .colorGreen .focusBoxContent a:visited {
    color: #333333;
}

.focusBoxWrapper .colorGreen .focusBoxContent a:hover {
    color: #ef4135;
}

.focusBoxWrapper .colorGreen .focusBoxContent a:active {
    color: #cc9f26 !important;
}

.focusBoxWrapper .colorGreen .focusBoxContent a:focus {
    color: #ef4135;
}

.focusBoxWrapper .colorForestGreen {
    /* Forest Green */
    background-color: #124a12;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent p,
.focusBoxWrapper .colorForestGreen .focusBoxContent h1,
.focusBoxWrapper .colorForestGreen .focusBoxContent h2,
.focusBoxWrapper .colorForestGreen .focusBoxContent h3,
.focusBoxWrapper .colorForestGreen .focusBoxContent h4,
.focusBoxWrapper .colorForestGreen .focusBoxContent h5,
.focusBoxWrapper .colorForestGreen .focusBoxContent ul,
.focusBoxWrapper .colorForestGreen .focusBoxContent ul li:before,
.focusBoxWrapper .colorForestGreen .focusBoxContent ol,
.focusBoxWrapper .colorForestGreen .focusBoxContent blockquote,
.focusBoxWrapper .colorForestGreen .focusBoxContent cite,
.focusBoxWrapper .colorForestGreen .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent a:hover {
    color: #ef4135;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent a:active {
    color: #cc9f26 !important;
}

.focusBoxWrapper .colorForestGreen .focusBoxContent a:focus {
    color: #ef4135;
}

.focusBoxWrapper .colorSURed {
    /* SU Red */
    background-color: #aa0000;
}

.focusBoxWrapper .colorSURed .focusBoxContent p,
.focusBoxWrapper .colorSURed .focusBoxContent h1,
.focusBoxWrapper .colorSURed .focusBoxContent h2,
.focusBoxWrapper .colorSURed .focusBoxContent h3,
.focusBoxWrapper .colorSURed .focusBoxContent h4,
.focusBoxWrapper .colorSURed .focusBoxContent h5,
.focusBoxWrapper .colorSURed .focusBoxContent ul,
.focusBoxWrapper .colorSURed .focusBoxContent ul li:before,
.focusBoxWrapper .colorSURed .focusBoxContent ol,
.focusBoxWrapper .colorSURed .focusBoxContent blockquote,
.focusBoxWrapper .colorSURed .focusBoxContent cite,
.focusBoxWrapper .colorSURed .focusBoxContent i.fa {
    color: #ffffff;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:link {
    color: #ffffff;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:visited {
    color: #f7f7f7;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:hover {
    color: #cc9f26;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:focus {
    color: #cc9f26;
}

.focusBoxWrapper .colorRedOrange {
    /* Red Orange */
    background-color: #ef4135;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent p,
.focusBoxWrapper .colorRedOrange .focusBoxContent h1,
.focusBoxWrapper .colorRedOrange .focusBoxContent h2,
.focusBoxWrapper .colorRedOrange .focusBoxContent h3,
.focusBoxWrapper .colorRedOrange .focusBoxContent h4,
.focusBoxWrapper .colorRedOrange .focusBoxContent h5,
.focusBoxWrapper .colorRedOrange .focusBoxContent ul,
.focusBoxWrapper .colorRedOrange .focusBoxContent ul li:before,
.focusBoxWrapper .colorRedOrange .focusBoxContent ol,
.focusBoxWrapper .colorRedOrange .focusBoxContent blockquote,
.focusBoxWrapper .colorRedOrange .focusBoxContent cite,
.focusBoxWrapper .colorRedOrange .focusBoxContent i.fa,
.focusBoxWrapper .colorRedOrange .focusBoxContent a {
    color: #000000;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent a:link {
    color: #000000;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent a:visited {
    color: #333333;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent a:hover {
    color: #cc9f26;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorRedOrange .focusBoxContent a:focus {
    color: #cc9f26;
}

.focusBoxWrapper .colorWhite {
    /* White */
    background-color: #ffffff;
}

.focusBoxWrapper .colorWhite .focusBoxContent p,
.focusBoxWrapper .colorWhite .focusBoxContent h1,
.focusBoxWrapper .colorWhite .focusBoxContent h2,
.focusBoxWrapper .colorWhite .focusBoxContent h3,
.focusBoxWrapper .colorWhite .focusBoxContent h4,
.focusBoxWrapper .colorWhite .focusBoxContent h5,
.focusBoxWrapper .colorWhite .focusBoxContent ul,
.focusBoxWrapper .colorWhite .focusBoxContent ul li:before,
.focusBoxWrapper .colorWhite .focusBoxContent ol,
.focusBoxWrapper .colorWhite .focusBoxContent blockquote,
.focusBoxWrapper .colorWhite .focusBoxContent cite,
.focusBoxWrapper .colorWhite .focusBoxContent i.fa {
    color: #333333;
}

.focusBoxWrapper .colorYellow {
    /* Yellow */
    background-color: #fdb913;
}

.focusBoxWrapper .colorYellow .focusBoxContent p,
.focusBoxWrapper .colorYellow .focusBoxContent h1,
.focusBoxWrapper .colorYellow .focusBoxContent h2,
.focusBoxWrapper .colorYellow .focusBoxContent h3,
.focusBoxWrapper .colorYellow .focusBoxContent h4,
.focusBoxWrapper .colorYellow .focusBoxContent h5,
.focusBoxWrapper .colorYellow .focusBoxContent ul,
.focusBoxWrapper .colorYellow .focusBoxContent ul li:before,
.focusBoxWrapper .colorYellow .focusBoxContent ol,
.focusBoxWrapper .colorYellow .focusBoxContent blockquote,
.focusBoxWrapper .colorYellow .focusBoxContent cite,
.focusBoxWrapper .colorYellow .focusBoxContent i.fa,
.focusBoxWrapper .colorYellow .focusBoxContent a {
    color: #000000;
}

.focusBoxWrapper .colorYellow .focusBoxContent a:link {
    color: #000000;
}

.focusBoxWrapper .ccolorYellow .focusBoxContent a:visited {
    color: #333333;
}

.focusBoxWrapper .colorYellow .focusBoxContent a:hover {
    color: #aa0000;
}

.focusBoxWrapper .colorYellow .focusBoxContent a:active {
    color: #088099 !important;
}

.focusBoxWrapper .colorYellow .focusBoxContent a:focus {
    color: #aa0000;
}

.focusBoxWrapper .colorYellowTint {
    /* Yellow Tint */
    background-color: #f7f7f7;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent h2,
.focusBoxWrapper .colorYellowTint .focusBoxContent p,
.focusBoxWrapper .colorYellowTint .focusBoxContent h3,
.focusBoxWrapper .colorYellowTint .focusBoxContent h4,
.focusBoxWrapper .colorYellowTint .focusBoxContent h5,
.focusBoxWrapper .colorYellowTint .focusBoxContent ul,
.focusBoxWrapper .colorYellowTint .focusBoxContent ul li:before,
.focusBoxWrapper .colorYellowTint .focusBoxContent h1,
.focusBoxWrapper .colorYellowTint .focusBoxContent ol,
.focusBoxWrapper .colorYellowTint .focusBoxContent blockquote,
.focusBoxWrapper .colorYellowTint .focusBoxContent cite,
.focusBoxWrapper .colorYellowTint .focusBoxContent i.fa {
    color: #333333;
}


/* Buttons */


/* Black button with triple arrow icon */

.focusBoxWrapper .focusBoxContent a.btn.btn-alpha {
    color: #ffffff !important;
}

.focusBoxWrapper .focusBoxContent a.btn.btn-alpha:visited {
    color: #f7f7f7 !important;
}

.focusBoxWrapper .focusBoxContent a.btn.btn-alpha:hover {
    color: #ffffff !important;
    text-decoration-color: #ffffff !important;
}

.focusBoxWrapper .focusBoxContent a.btn.btn-alpha:active {
    color: #aa0000 !important;
    text-decoration-color: #aa0000 !important;
}

.focusBoxWrapper .focusBoxContent a.btn.btn-alpha:focus {
    color: #088099 !important;
    text-decoration-color: #088099 !important;
}


/* Standard white button */

ul.arrowLinks a:link,
ul.arrowLinks a:visited {
    color: initial !important;
    background-color: #ffffff;
}

ul.arrowLinks a:hover,
ul.arrowLinks a:active,
ul.arrowLinks a:focus {
    color: initial !important;
    text-decoration: underline;
    background-color: #ffffff;
}


/* ==========================================================================================
   ===== Form Placeholder ===== Content Type: #5157 ========================================== 
   ==========================================================================================
   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.4rem;
}

.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: 1.953rem;
    xfont-weight: 400;
    margin: 3rem 0 0 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.4rem;
    font-weight: 700;
    margin: 8px 0 3px 0;
}

.formPlaceholder .form-group input[type="text"],
.formPlaceholder .form-group input[type="email"],
.formPlaceholder .form-group select,
.formPlaceholder .form-group textarea {
    /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; Removed on 1/29/18 by Max, made dropdown labels go away*/
    background-color: #f7f7f7 !important;
    border-radius: 0px !important;
    box-shadow: none;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    height: inherit;
    padding: 10px;
}

.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: #04A9C5;
    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 */


/* ==========================================================================================
   ===== Google CSE ====== Content Type #??? ================================================ 
   ==========================================================================================
   Google search bar used in site search. 
   Last revised 04/12/18 by Jason   
*/


/* ================================== Search Results =============================== */


/* used for Google site search on Search page*/

#MainZone .searchAreaWrapper .searchArea table td {
    padding: 0;
    border: none;
}

#MainZone .searchAreaWrapper .searchArea table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 0;
}

#MainZone .searchAreaWrapper .gsc-input-box {
    height: 4rem;
}

#MainZone .searchAreaWrapper .gsc-above-wrapper-area {
    /* wrapper for "About xxx results in xx seconds" */
    border: 0;
    padding: 0;
}

#MainZone .searchAreaWrapper .gsc-result-info {
    /* "About xxx results in xx seconds" text */
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0;
}

#MainZone .searchAreaWrapper .gsc-control-cse {
    font-family: "Montserrat", sans-serif;
    border: 0;
    background-color: inherit;
    padding: 0;
}

#MainZone .searchAreaWrapper .gsc-webResult.gsc-result.gsc-promotion {
    background: #ffffff;
    border: 0;
    border-left: 5px solid #fdb913;
    padding: 0 0 0 15px;
    margin: 15px 0;
}

#MainZone .searchAreaWrapper .gsc-table-result,
#MainZone .searchAreaWrapper .gsc-thumbnail-inside,
#MainZone .searchAreaWrapper .gsc-url-top {
    padding: 0;
}

#MainZone .searchAreaWrapper .gsc-table-result {
    font-family: "Montserrat", sans-serif;
}

#MainZone .searchAreaWrapper a.gs-title,
#MainZone .searchAreaWrapper a.gs-title b {
    font-weight: 700;
    color: #aa0000;
}

#MainZone .searchAreaWrapper a.gs-title:hover,
#MainZone .searchAreaWrapper a.gs-title:focus,
#MainZone .searchAreaWrapper a.gs-title:hover b,
#MainZone .searchAreaWrapper a.gs-title:focus b {
    color: #088099;
}

#MainZone .searchAreaWrapper .gs-webResult .gs-snippet,
#MainZone .searchAreaWrapper .gs-imageResult .gs-snippet,
#MainZone .searchAreaWrapper .gs-fileFormatType {
    color: #333333;
    font-weight: 500;
}

#MainZone .searchAreaWrapper .gsc-url-bottom {
    font-weight: 500;
}

#MainZone .searchAreaWrapper .gs-webResult div.gs-visibleUrl,
#MainZone .searchAreaWrapper .gs-imageResult div.gs-visibleUrl {
    color: #666666;
}

#MainZone .searchAreaWrapper .gsc-results .gsc-cursor-box {
    text-align: center;
    margin: 30px auto;
}

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

#MainZone .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
#MainZone .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:focus {
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 3rem;
    width: 3rem;
}

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

#MainZone .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page:hover,
#MainZone .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page:focus {
    text-decoration: none
}

#MainZone .searchAreaWrapper .gsc-table-result,
#MainZone .searchAreaWrapper .gsc-table-result td,
#MainZone .searchAreaWrapper .gsc-above-wrapper-area-container,
#MainZone .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;
}

.search-button {
    padding: 30px 0px;
    text-align: right;
    float: right;
}

.search-button a {
    height: 40px;
    color: #ffffff;
    width: 40px;
    display: block;
    line-height: 40px;
}

form.search-box {
    width: calc(100% - 40px);
    float: left;
    padding: 30px 0;
}


/* table.gsc-search-box td {
    padding: 0;
    background: #aa0000!important;
} */

#googleSearchBox .gsc-input-box {
    border: 0px solid #aa0000;
    background: transparent;
}

#googleSearchBox td.gsib_b {
    background: #881111;
}

#googleSearchBox td.gsib_b a span {
    color: #ffffff;
}

#googleSearchBox #searchIcon {
    color: #ffffff;
    font-size: 2rem;
    line-height: 40px;
}

.gsc-search-button-v2 svg {
    width: 25px;
    height: 25px;
}

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


/* ==========================================================================================
   ===== Image Box Navigation ===== Content Type #5299 =================================================
   ==========================================================================================
   Last edited 10/24/19 by Steve   
*/

.imageBoxWrapper {
    background: #f7f7f7;
    padding: 30px;
}

.imageBoxWrapper .imageBoxes {
    display: flex;
    justify-content: space-between;
    /* Tricia's styles */
    /* align-items: stretch;
   flex: 1 1 0;
   padding: 0;
   margin: 0 15px 0 15px;
   background-color: #f7f7f7;*/
    flex-basis: 25%;
}

.imageBoxWrapper .imageBox {
    align-items: stretch;
    background-color: #ffffff;
    flex: 1 1 0;
    margin: 0 7px;
    /* padding: 0 15px 0 15px; */
}

.imageBoxWrapper .imageBox a {
    display: block;
    text-decoration: none;
    transition: all 0.2s ease;
}

.imageBoxWrapper .imageBox a:focus,
.imageBoxWrapper .imageBox a:hover {
    box-shadow: 0 0 15px #333333;
}

.imageBoxWrapper .imageBox a:active {
    box-shadow: 0 0 15px #aa0000;
}

.imageBoxWrapper .imageBox h3 {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333333;
    padding: 30px 15px;
    xfont-weight: 500;
    max-width: 70ch;
}

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

.imageBoxWrapper .imageBox:first-of-type {
    margin-left: 0;
}

.imageBoxWrapper .imageBox:last-of-type {
    margin-right: 0;
}

.imageBoxWrapper .imageBoxLayout1234 .imageBox {
    flex-basis: 25%;
}

.imageBoxWrapper .imageBoxLayout123 .imageBox {
    flex-basis: 33.33333%;
}

.imageBoxWrapper .imageBoxLayout12 .imageBox {
    flex-basis: 50%;
}

.imageBoxWrapper .imageBoxLayout1 .imageBox {
    flex-basis: 100%;
}

.imageBoxLegend {
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    #MainZone .imageBoxWrapper .imageBox {
        flex-wrap: wrap;
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout12 .imageBox {
        flex-basis: calc(50% - 7px);
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout123 .imageBox {
        flex-basis: calc(33% - 7px);
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout1234 .imageBox {
        flex-basis: calc(25% - 7px);
    }
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout1234 .imageBox {
        flex-basis: calc(50% - 7px);
    }
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .imageBoxWrapper .imageBoxes {
        display: block;
    }
    .imageBoxWrapper .imageBox {
        margin: 30px 0 0 0;
    }
    .imageBoxWrapper .imageBox .standardContent {
        padding: 0;
    }
}


/* ==========================================================================================
   ===== Image Panel ===== Content Type: #5195 ============================================== 
   ==========================================================================================
   Background image with overlayed text box. 
 
*/


/* updated to bootstrap 5 -  20210413 vic  */


/*********************
*
*   Image Panel
*   bs5 specific modifications
*
**/

.panelWrapper.contentItem.g-0:first-of-type {
    margin: 0!important;
}

.panelWrapper .panelText.card-text {
    padding: 2rem;
}

.panelWrapper .panelText.card-text h2 {
    font-size: 2.6rem;
}

.panelInner .panelText.card-text .panelLinks {
    display: block;
    padding: 1rem 0 0 0;
}

.panelInner .panelText.card-text .panelLinks li {
    margin: 0.25rem 0 0.5rem 0;
}

.panelText.card-text p {
    font-size: 1.4rem;
    line-height: 1.5;
}


/* ***  XX Large max Defaults   *** */

@media screen and (max-width: 1399.98px) {
    .panelWrapper .panelText.card-text h2 {
        font-size: 2rem;
    }
    .panelText.card-text p {
        font-size: 1.2rem;
    }
    .panelInner .panelText.card-text .panelLinks a {
        font-size: 1.25rem;
        line-height: 1.25;
    }
}


/* ***  X Large max Defaults   *** */

@media screen and (max-width: 1199.98px) {
    .panelWrapper .panelText.card-text h2 {
        font-size: 1.8rem;
    }
    .panelText.card-text p {
        font-size: 1rem;
    }
    .panelInner .panelText.card-text .panelLinks a {
        font-size: 1.3rem;
        line-height: 1;
        padding-top: 1rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .panelWrapper .panelText.card-text {
        padding: 1.5rem;
    }
}


/* ***  Large max Defaults   *** */

@media screen and (max-width: 991.98px) {
    .panelWrapper .card-img-overlay {
        padding: 0;
        position: unset;
    }
    .panelWrapper .panelText.card-text h2 {
        font-size: 2rem;
    }
    .card-img-overlay .standardContent {
        padding: 0;
    }
    .panelText.card-text p {
        font-size: 1rem;
    }
    .panelWrapper .card-img-overlay .card-block .panelText.card-text {
        padding: 0;
    }
    .panelInner .panelText.card-text .panelLinks {
        display: flex;
    }
    .panelInner .panelText.card-text .panelLinks {
        padding: 1rem 0 1rem 0;
    }
}


/* ***  Small max Defaults   *** */


/* @media screen and (max-width: 767.98px) {
    .panelWrapper .panelText.card-text {
        padding: 1rem;
    }
    .panelInner .panelText.card-text .panelLinks {
        display: block;
    }
    .panelInner .panelText.card-text .panelLinks li {
        border: 1px solid #088099;
    }
} */


/* ***  X Small max Defaults   *** */


/* @media only screen and (max-width: 575.98px) {
    .panelWrapper .panelText.card-text {
        padding: 0;
    }
    .panelWrapper .card-block .panelText.card-text {
        padding: 0;
    }
} */


/***
*
*   legacy image panel
*   bootstrap 3 stylesheet defaults
*
*/

.panelWrapper {
    padding-top: inherit;
    position: relative;
}

.panelWrapper .panelFlexContainer {
    display: flex;
    float: right;
    margin-bottom: 30px;
    width: 100%;
}

.panelWrapper h2 {
    color: #aa0000;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 30px 0;
}


/*1px gap fix*/


/* @media (min-width:766px) and (max-width:768px) {
    .panelWrapper .clearfix {
        display: block !important;
    }
} */


/*only way to get mobile to not take up space set in html tag*/

@media (max-width: 991.98px) {
    .panelWrapper .panelFlexContainer {
        height: auto !important;
    }
}

.panelWrapper .panelOverlay {
    background-color: #04a9c5;
    background-size: cover;
    width: 100%;
}

@media (max-width: 991.98px) {
    .panelWrapper .panelOverlay {
        height: 300px !important;
    }
}

.panelWrapper .panelText {
    background: #ffffff;
    padding: 70px 60px;
}

@media (max-width: 991.98px) {
    .panelWrapper .panelText {
        background: #ffffff;
        padding: 20px 0 20px 15px;
        width: 100%;
    }
}

.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: 0px 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;
    margin: 0;
    padding: 0;
}


/* hack to hide banner in IE/Edge */

.flexboxtweener .panelWrapper .panelInner {
    border: 0;
}

@media (min-width: 992px) {
    .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 .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;
    }
}


/* xs */

@media screen and (max-width: 767.98px) {
    .panelText h2 {
        margin: 15px 0 15px 0;
    }
}

.panelText p {
    font-size: 1.8rem;
    line-height: 200%;
    margin: 0;
}

.panelInner .panelLinks {
    padding: 30px 0 0 0;
    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: 2px solid #088099;
    display: flex;
    flex: 0 1 calc(50% - 7px);
    flex-direction: column;
    justify-content: center;
}


/* xs */

@media screen and (max-width: 767.98px) {
    .panelInner .panelLinks {
        padding: 15px 20px 0px 10px;
    }
    .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;
    color: #ffffff;
}

.panelInner .panelLinks li:before {
    content: '';
    padding-right: 0px;
}


/* ==========================================================================================
   ===== Infographic ===== Content Type #5179 ===============================================
   ===== Icon Infographic ===== Content Type #5608 ==========================================
   ===== Image Infographic ===== Content Type #5615 =========================================  
   ==========================================================================================
   Set of up to five statistics using numbers or FontAwesome icons with a header and text.

*/

.infographic {
    background-color: #ffffff;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: center;
    width: 100%;
}

#SidebarZone .infographic,
#zoneC .infographic {
    display: block;
}

#SidebarZone .infographic .infographicItem,
#zoneC .infographic .infographicItem {
    width: 100%;
}

#SidebarZone .infographic .infographicItem .infographicItemHeader,
#zoneC .infographic .infographicItem .infographicItemHeader {
    padding: 0;
}

@media (max-width: 767.98px) {
    .infographic {
        display: block;
    }
}

.infographicTitle {
    text-align: center;
}

.infographicItem {
    padding: 15px;
}

.show2 .infographicItem {
    width: 50%;
}

.show3 .infographicItem {
    width: 33.3333333%;
}

.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: 'Montserrat', 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;
    height: 80px;
    line-height: 100%;
    margin: 10px 0;
    text-align: center;
    text-transform: lowercase;
    width: 80px;
}

.infographicItemButton {
    bottom: 15px;
    display: block;
}


/* Icon Infographic */

.iconInfographic .infographicTitle {
    background-color: #fff;
}

.iconInfographic .infographicTitle h2 {
    color: #aa0000;
    font-size: var(--h2);
    font-weight: 500;
}

.iconInfographic .infographicSummary {
    background-color: #fff;
}

.iconInfographic .infographicSummary p {
    font-size: 1.25rem;
    font-weight: 500;
}

.iconInfographic .cardinfographicItem p {
    word-break: break-word;
    word-wrap: break-word;
}

.iconInfographic .cardinfographicItem span {
    word-break: break-word;
    word-wrap: break-word;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .iconInfographic .infographicTitle h2 {
        font-size: 2rem;
    }
    .iconInfographic .cardinfographicItem p {
        font-size: 1rem;
    }
    .iconInfographic .cardinfographicItem span {
        font-size: 1rem;
    }
    .iconInfographic .cardinfographicItem .infographicItemNumber span {
        font-size: 4rem;
    }
}


/* Image Infographic */

.imageInfographic h2.imageInfographicHeader {
    background-color: #fff;
    color: #aa0000;
    font-size: var(--h2);
    font-weight: 500;
}

.imageInfographic .infographicItemHeader {
    padding-bottom: 8px;
}

.imageInfographic .infographicItemText {
    padding-top: 15px;
}

.imageInfographic .infographicItemHeader p {
    font-size: 5rem;
}

.imageInfographic .infographicItemText p {
    color: #aa0000;
    font-size: 2rem;
    font-weight: bold;
}

.imageInfographic .cardinfographicItem .infographicMedia img {
    height: 124px;
}

@media screen and (min-width: 1200px) and (max-width: 1365.99px) {
    .imageInfographic .infographicItemText p {
        font-size: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .imageInfographic .infographicItemHeader p {
        font-size: 3rem;
    }
    .imageInfographic .infographicItemText p {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .imageInfographic .cardinfographicItem .infographicMedia img {
        height: 256px;
    }
}

@media screen and (max-width: 991.98px) {
    .imageInfographic .infographic {
        display: block;
    }
    .imageInfographic .card-group>.card {
        margin-bottom: 0.75rem;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    }
}


/* 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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    color: #ffffff;
}

.infographic .colorWhite {
    background-color: #f7f7f7;
    color: #333333;
}

.iconInfographic .infographic .colorWhite {
    background-color: #fff;
    color: #333333;
}

.infographic .colorWhite .infographicItemNumber,
.infographic .colorWhite .infographicItemHeader {
    color: #aa0000;
}

.infographic .colorWhite .infographicItemIcon {
    background-color: #aa0000;
    color: #ffffff;
}

.infographic .colorWhite .infographicItemText p {
    color: #333333;
}


/* 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;
}

.iconInfographic .infographicItemIcon .fa-trophy {
    font-size: 50px;
}

.iconInfographic .infographicItemIcon .fa-user-lock {
    font-size: 40px;
}


/*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;
}

@media screen and (min-width: 1400px) {
    #MainZone.col-lg-8 .imageInfographic .infographicItemHeader p {
        font-size: 2rem;
    }
    #MainZone.col-lg-8 .imageInfographic .infographicItemText p {
        font-size: 1rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemNumber span {
        font-size: 4rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemHeader p {
        font-size: 1.75rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemText p {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1200px) {
    #MainZone.col-lg-8 .imageInfographic .infographicItemHeader p {
        font-size: 1.5rem;
    }
    #MainZone.col-lg-8 .imageInfographic .infographicItemText p {
        font-size: 0.85rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemNumber span {
        font-size: 3.5rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemHeader p {
        font-size: 1.5rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemText p {
        font-size: 0.85rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    #MainZone.col-lg-8 .imageInfographic .infographicItemHeader p {
        font-size: 1.25rem;
    }
    #MainZone.col-lg-8 .imageInfographic .infographicItemText p {
        font-size: 0.75rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemNumber span {
        font-size: 3.5rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemHeader p {
        font-size: 1.2rem;
    }
    #MainZone.col-lg-8 .iconInfographic .infographicItemText p {
        font-size: 0.85rem;
    }
    .iconInfographic .infographicItemIcon .fa {
        font-size: 40px;
    }
}


/* ==========================================================================================
   ===== Jumbotron I =====  Content Type #5091 ============================================== 
   ==========================================================================================
   Heading, subheading, paragraph and up to nine links.
   Last revised 04/26/18 by Isaac  
   20220113 -vic
*/

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

.jumbotron1 h3.white,
.jumbotron1 p.white {
    color: #ffffff;
}

.jumbotron1Image {
    max-height: 300px;
    overflow: hidden;
}

.jumbotron1Image img {
    width: 100%;
    margin-top: 8px;
}

.jumbotron1 ul.boxlinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: auto auto;
    padding: 0;
    width: 100%;
}

.jumbotron1 ul.boxlinks li {
    display: block;
    flex: unset;
    flex-direction: unset;
    justify-content: unset;
    padding: 15px;
    width: auto;
}

.jumbotron .boxlinks li:before {
    content: none;
}

.jumbotron1 .boxlinks p {
    clear: both;
}

.jumbotron1 .boxlinks li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 225px;
}


/* ==========================================================================================
   ===== Jumbotron III =====  Content Type #5180 ============================================ 
   ==========================================================================================
   Heading, paragraph and up to three links.
*/


/* Extra small devices (phones, less than 768px) */


/* No media query since this is the default in Bootstrap */


/* xs: full-width image on top, text below */

.jumbotron3Wrapper {
    padding: 0
}


/* container for .jumbotron3Image and .jumbotron3Text */

.jumbotron3 {
    display: flex;
    flex-direction: column;
    padding: 0 0 55px 0;
    background-color: #f7f7f7;
}


/* Jumbotron III text */

.jumbotron3Wrapper .jumbotron3Text {
    top: 0;
    left: 0 !important;
    right: 0;
    margin-top: 40px;
    width: 100%;
}

.jumbotron3Text.jumbotron3TextDark {
    background-color: #f7f7f7;
    padding: 0 4% 0 7%;
}

.jumbotron3.alignmentright .jumbotron3Text {
    left: -8.3333%;
}

.jumbotron3Wrapper .jumbotron3Text h2 {
    margin: 15px 0 15px 0;
    text-align: left;
}


/* ? */

.jumbotron3 h2 a:focus,
.jumbotron3 h1 a:hover {
    text-decoration: underline;
}

.jumbotron3 h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}


/* Boxlinks */

#MainZone .jumbotron3Wrapper .boxlinks li {
    margin: 15px 0 0 0;
}

.jumbotron3Wrapper .jumbotron3Text .boxlinks {
    margin-bottom: 15px;
}

.jumbotron3Text.standardContent.no-line {
    border-top: none;
}


/* Image */

.jumbotron3Wrapper .jumbotron3Image {
    background-position: center;
    background-size: cover;
    width: 100%;
}


/*** MEDIA QUERY ***/


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

@media screen and (min-width:768px) {
    /* Jumbotron III picture on card effect */
    /* default is image on left, and the text on the right */
    /* alignmentleft means text is on the left, image is on the right */
    .jumbotron3 {
        flex-direction: row-reverse;
        background-color: #ffffff;
    }
    /* alignmentright means text on right, image on left */
    .jumbotron3.alignmentright {
        flex-direction: row;
    }
    .jumbotron3Wrapper {
        margin-top: 55px;
    }
    .jumbotron3Wrapper .jumbotron3Text {
        margin-top: 40px;
        /* removes background from above text area */
        padding: 60px;
        /* places text in center of text area */
    }
    /* text is on left side of Jumbotron III */
    .jumbotron3Wrapper .alignmentleft .jumbotron3Text h2,
    .jumbotron3Wrapper .alignmentleft .jumbotron3Text p,
    .jumbotron3Wrapper .alignmentleft .jumbotron3Text ul {
        padding-left: 4%;
    }
    .jumbotron3Wrapper .alignmentleft .jumbotron3Image {
        border: 0;
        border-bottom: 40px;
        border-style: solid;
        /* add a little gray box below that makes it look like the content is sitting under the image by 40px*/
        border-image: linear-gradient(to right, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 40px, #ffffff 40px, #ffffff 100%);
        border-image-slice: 1;
    }
    .jumbotron3Wrapper .alignmentright .jumbotron3Image {
        border: 0;
        border-bottom: 40px;
        border-style: solid;
        /* add a little gray box below that makes it look like the content is sitting under the image by 40px*/
        border-image: linear-gradient(to left, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 40px, #ffffff 40px, #ffffff 100%);
        border-image-slice: 1;
    }
}


/* ==========================================================================================
   ===== Jump Links ===== Content Type #5273 ================================================ 
   ==========================================================================================
   Links to other content in the section
   Last revised 9/30/19 by Jason   
*/

.jumpLinksWrapper {
    xmargin-bottom: 60px;
    overflow: auto;
    padding: 30px;
}

.jumpLinksWrapper .jumpLinksTitle {
    margin-top: 0;
}

.jumpLinksWrapper ol {
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    padding: 15px 0;
    list-style-type: none;
    margin: auto;
    padding: 15px 0;
    text-align: center;
}

.jumpLinksWrapper ol li {
    display: inline-block;
    padding: 0px 30px;
    margin-bottom: 0;
}

.jumpLinksWrapper ol li:before {
    display: inline;
}

.jumpLinksWrapper ol li a {
    text-decoration: none;
    text-transform: uppercase;
}

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


/* ==========================================================================================
   ===== Image Banner ===== Content Type #5196 ============================================== 
   ==========================================================================================
   Banner with 2 layouts, one for the section on which it's hosted and a second that's inherited
*/

.imageBanner {
    background: #088099;
    /* Old browsers */
    background: radial-gradient(ellipse at center, #088099 20%, #065666 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    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;
}

.imageBannerOverlay {
    height: 300px;
    /* could be overriden by content item */
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.imageBanner h1,
.imageBannerWrapper+h1 {
    width: 100%;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 5rem;
    font-weight: 300;
    margin: 0;
    text-align: center;
    /* Ingeniux */
    text-shadow: 2px 2px 1px #000, -1px -1px 1px #000;
}

.BannerZone {
    position: relative;
}

div#BannerZone.row {
    margin-left: 0;
    margin-right: 0;
}

div#pageContent.row {
    margin-left: 0;
    margin-right: 0;
}

div#BannerZone.row {
    margin-left: 0;
    margin-right: 0;
}

div#pageContent.row #Mainzone {
    margin-left: 0;
    margin-right: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.imageBannerCenterIntroText {
    max-width: 1400px;
    margin: auto;
    padding: 2vw;
}

.imageBannerWrapper+h1 {
    position: absolute;
    top: 50%
}

.imageBanner h3 {
    color: #ffffff;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .imageBanner .copy .imageBannerText h1 {
        font-size: 3.5rem;
    }
}

.imageBanner .copy .imageBannerText h1 .topLevelSection,
.imageBanner .copy .imageBannerText h1 span {
    color: #333333;
    display: block;
    font-size: 1.6rem;
}

@media (max-width: 767.999px) {
    .imageBanner .copy .imageBannerText h1 .topLevelSection,
    .imageBanner .copy .imageBannerText h1 span {
        font-size: 1.4rem;
    }
}

.imageBannerIntro {
    font-weight: 300;
    padding: 4.5em 0 3em 0;
    text-align: center;
}

.imageBannerIntro h5 {
    color: #aa0000;
    font-size: 3rem;
    font-weight: 300;
}

.imageBannerIntro p {
    color: #333333;
    font-size: 2.2rem;
    line-height: 1.45;
    font-weight: 300;
    text-align: center;
    xpadding: 0 2rem 0;
}

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

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

@media (max-width: 767.999px) {
    .imageBanner {
        background-position: top center;
        height: 300px;
    }
    .imageBanner .imageBannerText {
        padding: 25px 15px;
    }
    .imageBanner .imageBannerText h2 {
        font-size: 2.3rem;
    }
    .imageBannerIntro h5 {
        font-size: 2.3em;
    }
    .imageBannerIntro p {
        font-size: 1.4rem;
    }
}

.imageBannerBreadcrumbs {
    color: #ffffff;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    text-shadow: 1px 1px 2px #000;
    /* Ingeniux */
}

.imageBannerBreadcrumbs a {
    color: #ffffff;
    text-decoration: none;
}

.imageBannerBreadcrumbs a:focus,
.imageBannerBreadcrumbs a:hover {
    color: #fdb913;
    text-decoration: underline;
}

@media(min-width:992px) {
    .imageBannerCenterIntroText {
        padding: 0;
    }
}


/* ==========================================================================================
   ===== Law - Newscenter Story ===== Content Type #5296 ====================================
   ==========================================================================================
*/


/* Mainzone Hero Grid Feed */

.masonryOrganizerWrapper h2.organizerTitle {
    margin: 2rem 0 2.5rem 0;
}

.masonryOrganizer.card-group {
    display: flex;
    flex: 0 0 100%;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.mainHeroItem img.card-img-top {
    padding: 0;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.masonryOrganizer .mainHeroItem .card-body {
    padding: 0;
}

.masonryOrganizer .mainHeroItem .card-footer {
    padding: 0;
}

.mainHeroItem hr.articleBorderBottom {
    border-top: solid #807060;
    display: block;
    margin: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .masonryOrganizer .mainHeroItem .card-body h3 {
        font-size: 1.15rem;
        margin: 0.75rem 0 0.5rem 0;
    }
}

@media (min-width: 992px) {
    .masonryOrganizer.card-group>.mainHeroItem.card {
        margin-bottom: 1rem;
        flex: auto;
    }
    .masonryOrganizer .mainHeroItem {
        padding: 0.5rem;
    }
    .masonryOrganizer .mainHeroItem .card-body h3 {
        font-size: 1.25rem;
        margin: 1rem 0 0.5rem 0;
    }
}

@media (max-width: 991.98px) {
    .masonryOrganizerWrapper {
        padding-bottom: 1rem;
    }
    .masonryOrganizer.card-group {
        flex-direction: column;
        flex: auto;
        padding: 0;
    }
    .masonryOrganizer .mainHeroItem {
        margin: auto;
        width: -webkit-fill-available;
    }
    .masonryOrganizer .mainHeroItem {
        margin-bottom: 1rem;
        padding: 0;
    }
    .masonryOrganizer .mainHeroItem .card-body h3 {
        font-size: 1.25rem;
    }
}


/* News story fulltext layout. Added by Troy 5/1/2021 */

h1,
h2,
h3,
h4,
h5,
h6 {
    hyphens: none;
}

.newsroomArticleByline {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 2em;
}

figure figcaption {
    margin: 1rem auto 0;
    caption-side: top;
    line-height: 1.5rem;
}

figure figcaption span.image-caption {
    display: block;
    font-size: 1rem;
    margin-bottom: .5rem;
}

figure figcaption span.image-credit {
    display: block;
    font-size: .875rem;
    font-style: italic;
}

.newsroomArticleBody .articleText.standardContent p {
    font-size: 1.4rem;
    line-height: 1.428571429;
    color: #333;
    font-weight: 400;
    max-width: 60ch;
}

.icon-text {
    display: none;
}

.social a.nav-link {
    padding-left: 0;
}

li.nav-item a.nav-link {
    padding-left: 0;
}

li.nav-item a.nav-link .icon {
    padding-left: 0;
    transition-duration: 250ms;
    transition-property: transform;
    transition-timing-function: ease-in-out;
}

li.nav-item a.nav-link .icon:hover {
    padding-left: 0;
    transform: translateY(-5px);
}


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

@media (min-width: 576px) {
    .icon-text {
        display: unset;
        margin-left: .5em;
        font-size: .75rem;
        font-family: Montserrat, sans-serif;
        text-decoration: none;
        position: relative;
    }
    .icon-text {
        text-decoration: none;
        position: relative;
    }
    .icon-text::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 300ms ease-in;
    }
    .icon-text:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }
    ul.list-inline.lower-social-icons li,
    ul.upper-social-icons li {
        margin-right: 6rem;
    }
    li.nav-item a.nav-link .icon:hover {
        transform: unset;
    }
}


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

@media (min-width: 768px) {
    ul.upper-social-icons li {
        margin-right: 0;
    }
}


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

@media (min-width: 992px) {
    .icon-text {
        font-size: 1rem;
    }
}


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

@media (min-width: 1400px) {
    .social a.nav-link {
        padding-left: initial;
    }
}


/* ========================================================================================== 
   ===== Law - Masonry Organizer ===== Content Types: #5538 ================================= 
   ==========================================================================================
   Automatically sorts, paginates, and displays content in Mainzone with Masonry Grid
*/

.masonryOrganizerWrapper .organizerTitle h2 {
    margin: 1.25rem 0;
}


/* ========================================================================================== 
   ===== Organizer ===== Content Types: #5274 ========================================== 
   ==========================================================================================
   Automatically sorts, paginates, and displays content of a given type from a given section 
*/


/* .organizerWrapper {} */


/* ==========================================================================================
   ===== Primary Content ===== Content Type #5198 ============================================ 
   ==========================================================================================
   Standard HTML block content in Main Zone
*/

.primaryContentWrapper {}

.primaryContent {}

@media (min-width: 768px) .primaryContentWrapper {
    padding: 0 !important;
    /* Overwrite styles from ? */
}


/* CSS for image captions (Used for floating images in news stories). Added by Troy 5/1/2021 */

.standardContent figure.image-wrapper {
    display: inline-block;
    padding: 15px 20px 5px 0;
}

.standardContent figure.image-wrapper figcaption {
    text-align: left;
    font-size: 1.1rem;
    font-style: italic;
    margin-top: 8px;
}

.standardContent figure.image-wrapper img {
    padding: 0;
}


/* Large mobile devices (425px and up) */

@media (min-width: 425px) {
    .standardContent figure.image-wrapper {
        display: inline-block;
        padding: 15px 25px 10px 25px;
    }
    .standardContent figure.image-wrapper.float-left {
        float: left;
        padding-left: 0;
    }
    .standardContent figure.image-wrapper.float-right {
        float: right;
        padding-right: 0;
    }
}


/* ==========================================================================================
   ===== QuickLinks ===== Content Type #5185 ================================================= 
   ==========================================================================================
   A list of up to nine links to a section, content, external source or media item with an optional header. Merged with #576.
 
*/

.quicklinksWrapper {}

@media (max-width:1199.999px) {
    #zoneC .quicklinksWrapper {
        padding: 15px 0;
    }
}

.quicklinks h2.quicklinksTitle {
    clear: both;
    color: #aa0000;
    xfont-family: "Roboto Slab", serif;
    font-family: "Montserrat", sans-serif;
    font-size: 2.1rem;
    text-transform: none;
}

#SidebarZone .quicklinks h2.quicklinksTitle {
    font-size: 1.8rem;
}

#MainZone .quicklinks {
    padding: 0 25px 25px;
}

#MainZone .quicklinks ul,
#zoneC .quicklinks ul {
    border-top: 1px solid #088099;
    padding: 5px 0 5px 20px;
}


/*#SidebarZone .quicklinks ul {
  border-left: 1px solid #088099;
} */

.quicklinks ul {
    list-style-type: none;
    position: relative;
    padding: .5rem 0 .5rem 0;
}

.quicklinks li {
    display: list-item;
    font-size: 1.4rem;
    margin-bottom: 15px;
    position: relative;
}

.quicklinks li:first-child {
    margin-top: 0px;
}

.quicklinks li a {
    color: #a90400;
    border: 2px solid #088099;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.25;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.quicklinks li a:after {
    font-family: 'seattle-u';
    font-size: 13px !important;
    color: #088099;
    padding-right: 20px;
    position: absolute;
    top: 10px;
    right: 0;
}

.quicklinks li a:hover,
.quicklinks li a:focus {
    background: #088099;
    border: 2px solid #088099;
    color: #ffffff;
    text-decoration: underline;
}

.standardContent .quicklinks ul li::before {
    font-family: unset;
    font-size: unset;
    content: "";
    color: unset;
    padding-right: unset;
    display: none;
    position: unset;
    top: unset;
}


/* ========================================================================================== 
   ===== Quote ===== Content Type #5199 ============================================== 
   ==========================================================================================
   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;
}

#SidebarZone .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: 2;
    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;
}


/* ==========================================================================================
   ===== Social Media Buttons ===== Content Type #5220 ======================================= 
   ==========================================================================================
   Set of social media icons with links to user-specified account pages.
   Last revised 6/22/18 by Jason    
*/

.socialMediaIconsWrapper {}

#MainZone .socialMediaIcons {
    padding: 0 25px 25px;
}

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

#SidebarZone .socialMediaIconsText h2 {
    font-size: 1.8rem;
}

.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;
    list-style-type: none;
    padding: 0;
}


/* 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: #088099;
}

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


/* ============================================================================
   ===== Law - Spotlight ===== Content Type #5201 =============================

   ===== Law - Carousel Spotlight ===== Content Type #5607 ====================
   ============================================================================
   Photo with quote on color background. Carousel version requires
   Law - Carousel while Base version is standalone Mainzone only
   
*/

.spotlightWrapper h3 {
    font-family: "Oswald", sans-serif;
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 3rem;
    text-transform: uppercase;
}

.spotlightWrapper .spotlightCopy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
}

.spotlightWrapper .spotlightCopyBody {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}

.spotlightWrapper .spotlightSource {
    font-weight: bold;
}

.spotlightWrapper .spotlightCopyCitation {
    font-size: 1rem;
}

.spotlightWrapper .spotlightImage {
    align-items: center;
    display: flex;
    justify-content: center;
}

.spotlightWrapper .spotlightImage img {
    border: 10px solid transparent;
    border-radius: 50%;
    height: auto;
    max-height: 300px;
    max-width: 300px;
    padding: 2rem;
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

@media screen and (max-width: 1199.999px) {
    #MainZone .spotlightWrapper.contentItem:first-of-type,
    #SidebarZone .spotlightWrapper.contentItem:first-of-type {
        margin: 0;
    }
}

@media screen and (max-width: 991.99px) {
    .spotlightWrapper .spotlight {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .spotlight {
        display: flex;
        min-height: 400px;
    }
}


/*********************
*
*   Spotlight
*   Palettes
*
**/

.spotlightWrapper .spotlight {
    background-color: #088099;
}

.spotlightWrapper .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightCopyBody {
    color: #ffffff;
}

.spotlightWrapper .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightBioLink:hover {
    color: #000000;
}

.spotlightWrapper .spotlightBioLink:active {
    color: #000000;
}


/*********************
*
*   Spotlight
*   color palettes
*   light blue
*
**/

.spotlightWrapper .spotlight.spotlightPaletteLightBlue {
    background-color: #088099;
}

.spotlightWrapper .spotlightPaletteLightBlue .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteLightBlue .spotlightCopyBody {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteLightBlue .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteLightBlue .spotlightBioLink:hover {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteLightBlue .spotlightBioLink:active {
    color: #000000;
}


/*********************
*
*   Spotlight
*   color palettes
*   red
*
**/

.spotlightWrapper .spotlight.spotlightPaletteRedWhite {
    background-color: #AA0000;
}

.spotlightWrapper .spotlightPaletteRedWhite .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteRedWhite .spotlightCopyBody {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteRedWhite .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteRedWhite .spotlightBioLink:hover {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteRedWhite .spotlightBioLink:active {
    color: #000000;
}


/*********************
*
*   Spotlight
*   color palettes
*   navy
*
**/

.spotlightWrapper .spotlight.spotlightPaletteNavyWhite {
    background-color: #003282;
}

.spotlightWrapper .spotlightPaletteNavyWhite .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteNavyWhite .spotlightCopyBody {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteNavyWhite .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteNavyWhite .spotlightBioLink:hover {
    color: #FDB913;
}

.spotlightWrapper .spotlightPaletteNavyWhite .spotlightBioLink:active {
    color: #FDB913;
}


/*********************
*
*   Spotlight
*   color palettes
*   yellow tint
*
**/

.spotlightWrapper .spotlight.spotlightPaletteYellowRedBlackNavy {
    background-color: #f7f7f7;
}

.spotlightWrapper .spotlightPaletteYellowRedBlackNavy .spotlightCopy h3 {
    color: #AA0000;
}

.spotlightWrapper .spotlightPaletteYellowRedBlackNavy .spotlightCopyBody {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteYellowRedBlackNavy .spotlightBioLink {
    color: #003282;
}

.spotlightWrapper .spotlightPaletteYellowRedBlackNavy .spotlightBioLink:hover {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteYellowRedBlackNavy .spotlightBioLink:active {
    color: #000000;
}


/*********************
*
*   Spotlight
*   color palettes
*   white
*
**/

.spotlightWrapper .spotlight.spotlightPaletteWhiteRedBlackBlue {
    background-color: #ffffff;
}

.spotlightWrapper .spotlightPaletteWhiteRedBlackBlue .spotlightCopy h3 {
    color: #AA0000;
}

.spotlightWrapper .spotlightPaletteWhiteRedBlackBlue .spotlightCopyBody {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteWhiteRedBlackBlue .spotlightBioLink {
    color: #088099;
}

.spotlightWrapper .spotlightPaletteWhiteRedBlackBlue .spotlightBioLink:hover {
    color: #000000;
}

.spotlightWrapper .spotlightPaletteWhiteRedBlackBlue .spotlightBioLink:active {
    color: #000000;
}


/*********************
*
*   Spotlight
*   color palettes
*   black yellow
*
**/

.spotlightWrapper .spotlight.spotlightPaletteBlackWhiteYellow {
    background-color: #000000;
}

.spotlightWrapper .spotlightPaletteBlackWhiteYellow .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteBlackWhiteYellow .spotlightCopyBody {
    color: #FDB913;
}

.spotlightWrapper .spotlightPaletteBlackWhiteYellow .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteBlackWhiteYellow .spotlightBioLink:hover {
    color: #FDB913;
}

.spotlightWrapper .spotlightPaletteBlackWhiteYellow .spotlightBioLink:active {
    color: #FDB913;
}


/*********************
*
*   Spotlight
*   color palettes
*   black green
*
**/

.spotlightWrapper .spotlight.spotlightPaletteBlackWhiteGreen {
    background-color: #000000;
}

.spotlightWrapper .spotlightPaletteBlackWhiteGreen .spotlightCopy h3 {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteBlackWhiteGreen .spotlightCopyBody {
    color: #55B31B;
}

.spotlightWrapper .spotlightPaletteBlackWhiteGreen .spotlightBioLink {
    color: #ffffff;
}

.spotlightWrapper .spotlightPaletteBlackWhiteGreen .spotlightBioLink:hover {
    color: #55B31B;
}

.spotlightWrapper .spotlightPaletteBlackWhiteGreen .spotlightBioLink:active {
    color: #55B31B;
}


/* ========================================================================================== 
   ===== Testimonial ===== Content Type: #5202 ================================================= 
   ==========================================================================================
   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: #5187 ==================================== 
   ==========================================================================================
   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;
}




/* ========================================================================================== 
   ===== Law - Law - Video Banner Vimeo Managed  ===== Content Type #5658 =================== 
   ==========================================================================================
    Looping banner autoplay video with reqauired paid managed vimeo Pro account
    with control code
*/

.videoBanner .vmbv {
    z-index: -1;
    margin-top: -0.25rem;
    margin-bottom: -0.6rem
}


@media screen and (max-width: 991.98px) {
    .videoBanner .vmbv {
        margin-top: -1.75rem;
    }
}





/* ========================================================================================== 
   ===== Law - Video Mainzone YouTube  ===== Content Type #5614 ============================= 
   ==========================================================================================
   YouTube Video that loops without controls and with minimal branding
   Created by vic 20211207
*/

.embeddedVideoWrapper.ytv {
    border-color: #807060;
}

.embeddedVideoWrapper.ytv .embeddedVideoInner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.embeddedVideoWrapper.ytv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embeddedVideoWrapper.ytv h3.videoTitle {
    color: #AA0000;
    font-family: "Montserrat", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
}

.embeddedVideoWrapper.ytv .videoLink a {
    color: #088099;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}

.embeddedVideoWrapper.ytv .videoLink a:hover {
    text-decoration: underline;
}

.embeddedVideoWrapper.ytv .videoLink a:active {
    text-decoration: underline;
}

.embeddedVideoWrapper.ytv .card-body {
    padding: 0;
}

.embeddedVideoWrapper.ytv .card-body p {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.embeddedVideoWrapper.ytv .card-footer p {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.embeddedVideoWrapper.ytv .card-footer {
    padding: 0.5rem 0;
}


/* ========================================================================================== 
   ===== Law - Video Autoplay  ===== Content Type #5610 ===================================== 
   ==========================================================================================
   YouTube Video that loops without controls and with minimal branding
   Created by vic 20211204
*/

body.videopage {
    min-width: auto;
}

.videopage #BannerZone.row {
    margin: 0;
}

.videopage #BannerZone.row .imageBannerWrapper {
    padding: 0;
}

.bannerVideo.ytv.autoplay {
    margin: -4rem 0 -8rem 0;
    z-index: -1;
}

.bannerVideo.vbv.autoplay {
    margin-top: -1rem;
    margin-bottom: -5rem;
    z-index: -1;
}

.autoplay iframe {
    width: 100%;
    height: calc(100vw/1.9);
}

.autoplay .card-img-overlay h2 {
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.autoplay .card-img-overlay p {
    font-weight: 500;
}

@media screen and (max-width: 1399.999px) {
    .bannerVideo.ytv.autoplay {
        top: -5.25%;
    }
}

@media screen and (max-width: 1199.999px) {
    .bannerVideo.ytv.autoplay {
        margin-bottom: 0 0 -8rem 0;
        top: -5.5%;
    }
    .autoplay.contentItem:first-of-type {
        margin-bottom: 0 0 0 0!important;
    }
    .autoplay .card-img-overlay .card-header {
        margin-top: 2rem!important;
        padding: 0!important;
    }
}

@media screen and (min-width: 992px) {
    .autoplay .card-img-overlay h2 {
        font-size: 5rem!important;
    }
    .autoplay .card-img-overlay p {
        font-weight: 900;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.999px) {
    .bannerVideo.vbv.autoplay .mt-5 {
        margin-top: 0rem!important;
    }
    .bannerVideo.vbv.autoplay .card-img-overlay .card-header.m-3 {
        margin-top: 0rem!important;
    }
    .bannerVideo.ytv.autoplay .card-img-overlay .mt-5 {
        margin-top: 1rem!important;
    }
    .bannerVideo.ytv.autoplay .card-img-overlay .card-header .fs-1 {
        font-size: 30px!important;
    }
    .bannerVideo.ytv.autoplay .card-img-overlay .card-text.fs-3 {
        font-size: 20px!important;
    }
}

@media screen and (max-width: 991.99px) {
    .videopage #COVIDbanner .infographicItemText .mb-0 {
        margin-bottom: 1rem!important;
    }
    .bannerVideo.ytv.autoplay {
        margin-bottom: 0;
        top: 0;
        z-index: 0;
    }
    .bannerVideo.vbv.autoplay {
        margin-bottom: 0;
        margin-top: -1.5rem
        /* z-index: 0; */
    }
    .bannerVideo.ytv.autoplay iframe {
        width: inherit;
    }
    .autoplay.contentItem:first-of-type {
        margin-bottom: 0;
        top: 0;
        z-index: 0;
    }
    .autoplay .card-img-overlay {
        padding: 0;
        position: unset;
    }
    .bannerVideo.ytv.autoplay .card-img-overlay {
        margin-top: -2.85rem;
        z-index: 1;
        background-color: #fff;
        border-radius: initial;
    }
    .bannerVideo.vbv.autoplay .card-img-overlay {
        margin-top: -3.5rem;
        z-index: 1;
        background-color: #fff;
        border-radius: initial;
    }
    .bannerVideo.vbv.autoplay .card-img-overlay .textmat {
        background-color: #fff!important;
    }
    .bannerVideo.vbv .opacity-75 {
        opacity: unset!important;
    }
    .autoplay .card-img-overlay .card-header {
        margin: 0!important;
        padding: 0!important;
    }
    .autoplay .card-img-overlay .container {
        margin-top: 0!important;
        padding-top: 0!important;
    }
    .autoplay .card-img-overlay .card-body .text-white {
        color: #000000!important;
    }
}

@media screen and (min-width: 299.99px) and (max-width: 575.99px) {
    .bannerVideo.vbv.autoplay .card-img-overlay {
        margin-top: -4rem;
    }
}

@media screen and (min-width: 399.99px) and (max-width: 492.99px) {
    .bannerVideo.vbv.autoplay .card-img-overlay {
        margin-top: -4.5rem;
    }
}


/* ========================================================================================== 
   ===== Video  ===== Content Type #5189 ============================================ 
   ==========================================================================================
   Add YouTube or Vimeo video 
   Last revised 9/9/19 by Jason
*/

.videoWrapper {
    margin-bottom: 15px;
    position: relative;
}

.video {
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

#sidebarZone .video {
    padding-bottom: 0;
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.videoDescriptionWrapper {
    background: #f7f7f7;
    border-bottom: 2px solid #aa0000;
    padding: 15px;
}

.videoDescription p {
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 15px 0 0 0;
    text-align: left;
    vertical-align: text-top;
}

.video .media-thumbnail {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
}

.video a {
    display: block;
    position: relative;
}

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

.video a .play-button:hover {
    color: #333333;
    text-shadow: 0 0 10px #ffffff;
}


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


/* ====== 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;
}


/* what is all this -----------------------------------------------*/


/* 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%;
}

.accordionWrapper dl {
    /* accordion tweak */
    margin-bottom: 0px;
}

.primaryContentWrapper .primaryContent> :first-child {
    margin-top: 30px;
}

@media screen and (max-width: 767.999px) {
    /* xs */
    .BannerZoneWrapper {
        /*Margin???*/
        /* Apply to zone and not content */
        margin-bottom: 15px;
    }
}

.floating-sidebar {
    position: fixed;
    margin-left: 95%;
    z-index: 200;
    padding: 0;
    width: 45px;
    margin-top: 100px;
    transition: 0.4s;
    transition-timing-function: ease;
}

.floating-sidebar .sidebar-item li {
    list-style-type: none;
    background: #333333;
    text-align: center;
    padding-top: 50%;
    height: 100px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}

.floating-sidebar .sidebar-item:last-child li {
    border-bottom: none;
}

.floating-sidebar .sidebar-item {
    font-size: 1.75rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: 500;
    padding: 0;
    border: none;
}

.floating-sidebar .sidebar-item li:hover,
.floating-sidebar .sidebar-item li:active {
    background-color: #a00;
    border-bottom: 1px solid #a00;
}

#jump-to {
    position: fixed;
    margin-left: 76.5%;
    z-index: 200;
    width: auto;
    margin-top: 100px;
    z-index: 200;
    transition: 0.4s;
    transition-timing-function: ease;
}

#jump-to .jump-list {
    background-color: #6f6f6f;
    padding-left: 0;
}

#jump-to .jump-list a {
    text-decoration: none;
}

#jump-to .jump-list .jump-item {
    list-style-type: none;
    font-size: 1.75rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: 500;
    padding: 15px 40px 15px 40px;
    border-bottom: 1px solid #b7b7b7;
}

#jump-to .jump-list a:last-child .jump-item {
    border-bottom: none;
}

#jump-to .jump-list .jump-item:hover {
    background-color: #05a1ba;
    font-weight: bolder;
}

.programWrapper {
    height: 600px;
}

.programWrapper .program-img-left,
.programWrapper .program-img-right {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.programWrapper .program-img-left {
    background: linear-gradient( rgba(72, 195, 211, 0.7), rgba(72, 195, 211, 0.7)), url(../assets/cityinred19.jpg);
}

.programWrapper .program-img-right {
    background-image: url(../assets/cityinred19.jpg);
}

.programWrapper .program-card {
    position: absolute;
    margin-left: 25%;
    width: 60%;
    height: 100%;
    margin-top: 5%;
    background-color: #ffffff;
    padding: 50px 100px 20px 100px;
}

.program-title {
    color: #a80108;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    font-size: 3.7rem;
    font-weight: 520;
    margin: 30px 0 22px -3px;
}

.program-text {
    font-size: 1.6rem;
    line-height: 3.2rem;
}

.program-text .program-bullets {
    padding-left: 0;
}

.program-text .program-bullets li {
    list-style: none;
}

.program-text .program-bullets li:before {
    color: #01a3b0;
    content: "\2B1B";
    font-size: .85rem;
    padding-right: 1.1225em;
    position: relative;
}

.spotlightCopyCitation.red-border-side {
    border-left: 4px solid #f03f35;
    padding-left: 13px;
}

@media (max-width: 767px) {
    .spotlightCopyCitation.red-border-side {
        border-left: none;
    }
}

.red-border-top {
    border-top: 4px solid #f03f35;
    height: 25px;
    position: relative;
    margin: 0 auto;
}

.explore-wrapper {
    width: 100%;
    height: 600px;
    background-image: url(../assets/cityinred19.jpg);
}

.explore-wrapper .explore-card {
    position: absolute;
    margin-left: 8%;
    width: 40%;
    height: 100%;
    margin-top: 7.5%;
    background-color: #ffffff;
    padding: 30px 60px
}

.scolarship-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    background: linear-gradient( rgba(4, 174, 199, 0.8), rgba(4, 174, 199, 0.8)), url(../assets/cityinred19.jpg);
}

.scolarship-title {
    color: #ffffff;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    font-size: 3.7rem;
    font-weight: 500;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 50px;
}

.boxlinkItem.alt-boxlink a {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 22px 0;
    font-weight: 550;
}

.learn-more-form {
    padding: 0 280px;
}

.learn-more-form input {
    font-size: 1.75rem;
    font-weight: 500;
    color: #2a2a2a;
    border: 2px solid #d9d9d9;
    padding: 10px 15px;
    margin: 15px 0;
}

.learn-more-form select {
    font-size: 1.75rem;
    font-weight: 500;
    color: #2a2a2a;
    background-color: #ffffff;
    border: 2px solid #d9d9d9;
    padding: 10px 15px;
    margin: 15px 0;
}

.learn-more-form #interest {
    width: 48%;
}

.learn-more-form #year {
    width: 48%;
    position: relative;
    float: right;
}

.learn-more-form input[type="submit"] {
    position: relative;
    left: 38%;
    padding: 10px 70px 15px 70px;
    font-variant: small-caps;
    font-size: 2.25rem;
    background-color: #b10a38;
    color: #ffffff;
    border: none;
}

.arrow-wrapper {
    padding: 100px;
}

.return-arrow {
    text-align: center;
    position: relative;
    left: 44%;
    font-size: 40px;
    color: #808080;
    background-color: #eaeaea;
    padding: 20px 30px;
    border-radius: 50%;
}

.biography {
    padding: 50px 0;
}

.biography h3 {
    font-variant: small-caps;
    font-weight: 550;
    font-size: 2.5rem;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 25px;
}

.biography .body {
    padding-bottom: 30px;
}

.biography .body a {
    color: #05a0be;
}

.bioContact {
    background-color: #05A1BA;
    padding-top: 5px;
}

.bioContact h3 {
    color: #FFF;
}

.bioContact p {
    color: #FFF;
}

.bioExpertise {
    border: 2px solid #05A1BA;
    margin-top: 25px;
}

.bioExpertise h3 {
    color: #000;
}

.bioExpertise p {
    color: #000;
}

.standardContent.publications h2 {
    text-align: center;
    width: 100%;
    padding: 20px 0 20px 0;
}

.standardContent.publications .selector-bar {
    text-align: center;
    margin-bottom: 23px;
}

.standardContent.publications:hover {
    /*border: none;*/
    --box-shadow-color: #ff0000;
}

.standardContent.publications .selector-bar a {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 2.25rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
    border-right: 2px solid #a7a7a7;
}

.standardContent.publications .selector-bar a:last-child {
    border-right: none;
}

.standardContent.publications .selector-bar a:hover {
    color: #05a0be;
}

.standardContent.bio-card {
    height: 600px;
    padding-top: 150px;
    /* Delete below this line depending on styles */
    background-color: #ffff;
    background-position: center;
    max-width: 1400px;
}

@media screen and (max-width: 767.999px) {
    .standardContent.bio-card {
        height: 600px;
        background-position-x: right;
        background-position-y: center;
        background-size: cover;
    }
}


/* ========================================================================================== 
   ===== Law - Directory Profile for Faculty-Staff  ===== Content Type #5548 ========== START 
   ==========================================================================================
*/

.StaffListBox a {
    color: #088099;
    font-family: 'Montserrat';
    font-size: 1.25rem;
    font-weight: 500;
    text-decoration: none;
}

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

.StaffListBox a:focus {
    color: #088099;
    text-decoration: underline;
}


/* ========================================================================================== 
   ===== Law - Directory Profile for Faculty-Staff  ===== Content Type #5548 ========== END 
   ==========================================================================================
*/


/* ========================================================================================== 
   ===== Law - Faculty Profile  ===== Content Type #5143 ============================== START 
   ==========================================================================================
*/


/* expand small images to fill available space on all browsers */

.lawFacultyWrapper img.card-img {
    margin: 0;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.lawFacultyWrapper figure {
    display: contents;
    margin: 0;
}

.lawFacultyWrapper a.emailAddress {
    color: #088099;
    text-decoration: none;
}

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

.lawFacultyWrapper a.emailAddress:focus {
    color: #088099;
    text-decoration: underline;
}

.lawFacultyWrapper.listwrapper .card {
    background-color: #f7f7f7;
}


/*** Detail Page customizations ***/

.detailPage .lawFacultyWrapper h3.card-title {
    font-size: 1.25rem;
}

.detailPage .lawFacultyWrapper p.card-text {
    font-size: 1rem;
}


/*** Media Queries Faculty Profile ***/


/*** Desktop Down ***/

@media screen and (max-width: 991.99px) {
    .lawFacultyWrapper.w-50 {
        width: 100%!important;
        margin: 0 0 2rem 0;
    }
    .lawFacultyWrapper .card {
        background-color: #f7f7f7;
        border: 2px solid #f7f7f7;
        border-radius: 0;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    }
    .lawFacultyWrapper img.card-img {
        padding: 0;
    }
    .lawFacultyWrapper img.rounded-circle {
        border-radius: 0!important;
    }
    .lawFacultyWrapper p.card-text {
        font-size: 1.25rem;
    }
    .detailPage .lawFacultyWrapper h3.card-title {
        font-size: 1.8rem;
    }
    .detailPage .lawFacultyWrapper p.card-text {
        font-size: 1.25rem;
    }
}


/*** Mobile Up ***/

@media screen and (min-width: 992px) {
    article.lawFacultyWrapper.col {
        flex: unset;
    }
    article.lawFacultyWrapper.flex-fill {
        flex: unset!important;
    }
}


/*** START Fulltext Layout ***/

/* restore page level row overrider for faculty fulltext to bs5 row defaults */

body.facultyProfileFulltext #pageContentWrapper.row {

    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

body.facultyProfileFulltext #pageContentWrapper .row {

    margin-right: auto;
    margin-left: auto;
}



/* Last update/edit: 5/10/2021 by Troy */


/* START Faculty Profile Breadcrumbs */

nav#breadcrumbs.facultyProfileBreadcrumbs {
    margin-top: 1.25em;
}

#breadcrumbs.facultyProfileBreadcrumbs ol li:last-child {
    font-weight: 700;
    /* darken the faculty member's name */
    color: #000000;
}


/* Don't increase the font-weight of the last right angel (>) symbol. */

#breadcrumbs.facultyProfileBreadcrumbs ol li:last-child::before {
    font-weight: initial;
}


/* END Faculty Profile Breadcrumbs */


/* START Image, Name, Title, Contact Info, CV, Twitter Handle section */

.facultyProfileTop {
    background-color: #f7f7f7;
    padding: 50px 0 50px 0;
}

.facultyProfileWrapper .facultyProfilePicture img {
    border-radius: 50%;
    max-width: 340px;
    width: 100%;
    height: auto;
    margin-bottom: 3em;
}


/* Centers photo, title, room, phone, and email at widths under 768px */

.facultyProfileWrapper .facultyProfilePicture,
.facultyProfileTitles,
.facultyProfileInfo {
    text-align: center;
}


/* Faculty member name */

.facultyProfileInfo h1 {
    text-align: center;
    font-size: 4em;
    margin-bottom: .5em;
}

.facultyProfileCV {
    width: 100%;
    margin-bottom: 2rem;
}

.facultyProfileTwitter {
    width: 100%;
}


.facultyProfileWrapper .facultyProfileEmail {
    color: #088099;
}

.facultyProfileWrapper .facultyProfileEmail a {
    color: #088099;
    text-decoration: none;
}

.facultyProfileWrapper .facultyProfileEmail a:hover {
    text-decoration: underline;
}

.facultyProfileWrapper .facultyProfileEmail a:active {
    text-decoration: underline;
}

/* END Image, Name, Title, Contact Info, CV, Twitter Handle section */


/* START Faculty Profile Sidebar */

.facultyProfileSidebar h3 {
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.primary-profile-sidebar {
    padding: 25px;
    background-color: #088099;
    margin-top: 35px;
    color: #ffffff;
}

.primary-profile-sidebar h3,
.primary-profile-sidebar p {
    color: #ffffff;
}

.primary-profile-sidebar ul li:before {
    color: #ffffff;
    /* bullet color on blue background */
}

.secondary-profile-sidebar {
    padding: 25px;
    border: solid 3px #088099;
    color: #333333;
    margin-top: 35px;
}

.secondary-profile-sidebar h3 {
    color: #333333;
}


/* END Faculty Profile Sidebar */


/* Biography, Publications, and Activity headlines */

.primaryProfileContent h2 {
    font-size: 2.4rem;
}


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

@media (min-width: 768px) {
    .facultyProfileInfo h1 {
        font-size: 4.5rem;
    }
    .primaryProfileContent h2 {
        font-size: 2.75rem;
    }
}


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

@media (min-width: 992px) {
    /* Left align name, title, room, phone, and email */
    .facultyProfileInfo h1,
    .facultyProfileTitles,
    .facultyProfileInfo {
        text-align: left;
    }
    .facultyProfileWrapper .facultyProfilePicture {
        text-align: left;
        max-width: fit-content;
        /* Reduces unneeded column width from Bootstrap default */
    }
    .facultyProfileWrapper .facultyProfilePicture img {
        max-width: 260px;
    }
    .facultyProfileCV {
        width: 50%;
        margin-bottom: revert;
    }
    .facultyProfileTwitter {
        width: 50%;
    }
    /* Adds a gap between the CV and Twitter boxlinks 
  depending on if either or both are used. */
    .cv-twitter:nth-child(1) {
        margin-right: .75rem;
    }
    .cv-twitter:nth-child(2) {
        margin-left: .75rem;
    }
    .facultyProfileBiography {
        max-width: 95%;
    }
}


/*** END Fulltext Layout ***/


/* ========================================================================================== 
   ===== Law - Faculty Profile  ===== Content Type #5143 =================================END 
   ==========================================================================================
*/


/* ========================================================================================== 
   ===== Law - Student Profile  ===== Content Type #5192 ===============================START
   ==========================================================================================
   Last update/edit: 5/24/2021 by Troy
*/


/* START Text-HTML layout 
   Needs #MainZone to display:flex;
*/

.flexContainer {
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    /* makes all flex items equal to the longest item */
}


/* Flexbox item */

.studentProfileWrapper {
    background: #f7f7f7;
    width: 262px;
    margin: 15px;
    padding: 0 2rem;
}

.studentProfile img {
    border-radius: 50%;
}

.studentProfile.standardContent h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 2.3rem;
}


/* END Text-HTML layout styles */


/* START full-text layout styles */

.profile-header {
    background-color: hsl(0, 0%, 98%);
}

.studentProfilePageImage img {
    min-width: 200px;
}

.studentProfileBiography {
    background-color: #ffffff;
}

.studentProfileInfo h2 {
    padding: 0;
    margin: 0 0 0 0;
    line-height: 1.25;
}

.studentProfileInfo p {
    color: #333333;
}

.studentProfileInfo p.studentProfileGraduatingClass {
    line-height: 1.25 !important;
}


/* END full-text layout styles */


/* ===== END Law - Student Profile  ===== Content Type #5192 ============================== */

.standardContent.bio-card .bio-links i {
    padding-right: 10px;
}

.standardContent.publications {
    background-color: #f7f7f7;
}

.standardContent.publications,
.standardContent.news {
    padding-bottom: 55px;
}

.standardContent.publications .data .entry,
.standardContent.news .news-post {
    padding: 50px 0 40px 15px;
    border-bottom: 1px solid #6f6f6f;
}


/* .standardContent.publications .data .entry,
.standardContent.news .news-post:first-child {
  margin-top: 30px;
}*/


/*.standardContent.publications .data .entry:hover .entry-title h2,
.standardContent.news .news-post:hover .news-title h2{
  color: #a70200;
}*/

.standardContent.publications .data .entry:hover {
    border-bottom: none;
    background-color: #fff;
    --box-shadow-color: #000;
    /* Declaring the variable */
    box-shadow: 1px 1px 7px var(--box-shadow-color);
}

.standardContent.publications .data .entry-title h2,
.standardContent.news .news-post .news-title h2 {
    color: #272727;
    font-weight: 500;
    text-align: left;
    padding: 0 0 15px 0;
    margin: 0;
}

.standardContent.publications .data .entry-subtext p,
.standardContent.news .news-post .news-subtext p {
    font-weight: lighter;
    text-transform: uppercase;
}

.resourcesBox {
    background-color: #f7f7f7;
    max-width: 100%;
    margin-bottom: 5%;
}

.resourcesBox h2 {
    text-align: center;
    width: 100%;
    padding: 20px 0 20px 0;
}

.resourcesBox .linkCategory {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 1.9rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
}

.resourcesList li a {
    list-style-type: none !important;
    margin-left: -6px;
    text-decoration: none;
    color: #1ab9d6;
    font-weight: 501;
}

.standardContent .resourcesBox .linkCategory ul.resourcesList li:before {
    margin-left: -29px;
    text-decoration: none;
    color: #1ab9d6;
    font-weight: 501;
}

.entry-category {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: #EE3F3A;
}

.standardContent.news .news-heading {
    text-align: center;
    padding-top: 11px;
}

.standardContent.news .news-post .news-info p {
    color: #01a4b3;
    font-weight: 550;
    font-size: 20px;
}

.standardContent.directory .selector-bar {
    padding: 100px 0 20px 0;
    text-align: center;
}

.standardContent.directory .selector-bar a:last-child {
    border-right: none;
}

.standardContent.directory .selector-bar a {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 2.25rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
    border-right: 2px solid #a7a7a7;
}

.standardContent.directory .selector-bar a:hover {
    color: #05a0be;
}

.titleBanner2BackgroundImage.homepageImage {
    height: 700px !important;
}

.homepageTitleBanner {
    text-align: center;
    width: 78%;
}

.homepageSubtitle,
.homepageTitle,
.homepageArrow {
    text-transform: uppercase;
    display: block;
}

.homepageSubtitle {
    padding-top: 85px;
    padding-bottom: 25px;
}

.homepageTitle {
    font-weight: 700 !important;
    font-size: 140px;
    padding-bottom: 150px;
}

@media screen and (max-width: 991.98px) {
    .homepageTitle {
        font-size: 70px;
    }
}

.homepageArrow {
    border: 2px solid #ffffff;
    border-radius: 50px;
    width: 65px;
    padding: 5px 0;
    margin: 0 auto 61px;
    font-size: 45px;
}

.paragraph-text-title {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-size: 50px !important;
    padding-bottom: 25px;
}

.paragraph-text {
    font-size: 20px !important;
}

@media screen and (max-width: 991.98px) {
    .paragraph-text {
        font-size: 16px !important;
    }
}

.map-image {
    background-image: url(../assets/cityinred19.jpg);
    display: block;
    height: 600px;
}


/* Library Search Bar Styles */

p.libForm {
    border-color: #333333;
    border-width: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 75%;
}

@media screen and (max-width: 500px) {
    p.libForm {
        width: 100%;
        font-size: 13px;
    }
}

p.libAsk {
    border-color: #333333;
    border-width: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 75%;
}

@media screen and (max-width: 500px) {
    p.libAsk {
        width: 100%;
        font-size: 13px;
        margin-bottom: 10px;
    }
}

fieldset.radio {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

@media screen and (max-width: 500px) {
    fieldset.radio {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .radio label {
        display: block;
        padding-left: 0px;
    }
}

span.go {
    background-color: #333333;
    border-color: #333333;
    border-width: 1px;
    border-radius: 0px;
    border-collapse: separate;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    height: 47px;
    line-height: 22.85px;
    margin: 0px;
    padding: 12px 10px 12px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    span.go {
        font-size: 10px;
        width: 30%;
    }
}

#search-bar {
    border: 0;
}

#search-box-lib {
    display: block;
    width: 95%;
    margin: 0 auto;
}

#primoQueryTemp {
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-color: #333333;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-stretch: 100%;
    font-weight: 500;
    height: 47px;
    line-height: 22.85px;
    margin: 0px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    position: relative;
    text-align: start;
    vertical-align: middle;
    width: 100%;
}

@media screen and (max-width: 500px) {
    #primoQueryTemp {
        width: 70%;
    }
}

.search-icon {
    color: rgb(255, 255, 255);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    cursor: pointer;
    border-color: #333333;
}

#search_scope2 {
    float: none;
    margin-left: 0px;
}

#search_scope4 {
    float: none;
    margin-left: 0px;
}

#search_scope5 {
    float: none;
    margin-left: 0px;
}

div.row.Row1 {
    margin-bottom: 0px;
}

p.libForm {
    border-color: #333333;
    border-width: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 75%;
}

@media screen and (max-width: 500px) {
    p.libForm {
        width: 100%;
        font-size: 13px;
    }
}

p.libAsk {
    border-color: #333333;
    border-width: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 75%;
}

@media screen and (max-width: 500px) {
    p.libAsk {
        width: 100%;
        font-size: 13px;
        margin-bottom: 10px;
    }
}

fieldset.radio {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

@media screen and (max-width: 500px) {
    fieldset.radio {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .radio label {
        display: block;
        padding-left: 0px;
    }
}

span.go {
    background-color: #333333;
    border-color: #333333;
    border-width: 1px;
    border-radius: 0px;
    border-collapse: separate;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    height: 47px;
    line-height: 22.85px;
    margin: 0px;
    padding: 12px 10px 12px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    span.go {
        font-size: 10px;
        width: 30%;
    }
}

#search-bar {
    border: 0;
}

#search-box-lib {
    display: block;
    width: 95%;
    margin: 0 auto;
}


/* #primoQueryTemp {
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-color: #333333;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-stretch: 100%;
    font-weight: 500;
    height: 47px;
    line-height: 22.85px;
    margin: 0px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    position: relative;
    text-align: start;
    vertical-align: middle;
    width: 75%;
}

@media screen and (max-width: 500px) {
    #primoQueryTemp {
        width: 70%;
    }
} */

.search-icon {
    color: rgb(255, 255, 255);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    cursor: pointer;
    border-color: #333333;
}

#search_scope2 {
    float: none;
    margin-left: 0px;
}

#search_scope4 {
    float: none;
    margin-left: 0px;
}

#search_scope5 {
    float: none;
    margin-left: 0px;
}

div.row.Row1 {
    margin-bottom: 0px;
}


/* *********************************************************
   SU-Law.css
   Media Library ID 3261521
************************************************************ */