/* *********************************************************
   SU-Law-modified.css
   Media Library ID 421656
************************************************************ */

@import url("https://us.formbank.us/client/public/css/bootstrap-datetimepicker.css");


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


/* Resets */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
}

@media (min-width: 992px) {
    html {
        scroll-padding-top: 150px;
    }
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p {
    margin: 0;
}


/* Global Custom Properties: The HTML element but with higher specificity */
/* Note: Bootstrap 5.2 custom properties are prefixed with bs-
   See https://getbootstrap.com/docs/5.2/customize/css-variables/ */

:root {
    /* Body Text */
    --p: 1.2rem;
    /* Captions */
    --cap: 1.1rem;
    /* Headlines */
    /* minimum, ideal size/growth rate, maximum */
    --fs-xl: clamp(2.2rem, 2vw + 2rem, 3.25rem);
    --h2: 1.65rem;
    --h3: 1.4rem;
    --h4: 1.3rem;
    --h5: 1.25rem;
    --h6: 1.25rem;
    /* SU Color Palette */
    --su-black: #333333;
    --su-blue: #088099;
    --emerald: #008765;
    --forest-green: #124a12;
    --gold: #cc9f26;
    --su-green: #55b31b;
    --navy-blue: #003282;
    --red-orange: #ef4135;
    --su-red: #aa0000;
    --taupe-brown: #807060;
    --su-yellow: #fdb913;
    --su-yellow-tint: #f7f7f7;
}

/* Responsive Typography */
@media (min-width: 576px) {
    :root {
        --h2: 2rem;
        --h3: 1.65rem;
        --h4: 1.4rem;
        --h5: 1.3rem;
    }
}

body {
    background-color: #ffffff;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    /* 10/16 = .625 Value is relative to the user's default font size. */
    font-size: 62.5%;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    /* for the fixed header */
    padding-top: 0;
    /* prevents overflow of long strings in mobile views */
    /* min-width: fit-content; */
    min-width: auto;
}


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

@media (min-width: 992px) {
    body {
        padding-top: 152px;
    }
}

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


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

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

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


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


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

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


/******** START Disappearing-Reappearing Menu ********/


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


/* ========================================================================================== 
     ===== BreadCrumbs (#breadcrumbsWrapper styles) ===========================================
     ========================================================================================== 
  */


/* Last edited by Aubrey 12/11 */


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

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

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

    /* xs plus a bit when the trianlge overlaps*/
    #breadcrumbs {
        width: calc(100% - 45px);
        /* prevent nav#breadcrumbs from falling off right side, add 15px margin to right (45 - 30) */
    }

    #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 TopZone, SidebarZone, and MainZone. */


/* ------------------- Page Structure Diagram ---------------------
  _____________________  _____________________________  ________________________________________
  |XS                 |  |SM                         |  |MD and LG                             |
  |      TopZone      |  |           TopZone         |  |               TopZone                |
  |___________________|  |___________________________|  |______________________________________|
  |                   |  |       |                   |  |        |                             |
  |     MainZone      |  |Sidebar|      MainZone     |  | Sidebar|           MainZone          |
  |                   |  |       |                   |  |        |                             |
  _____________________  _____________________________  ________________________________________
    
  */


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

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


/* ========================================================================================== 
     ===== Global #TopZone styles ==========================================================
     ========================================================================================== 
  */

#TopZone {
    padding: 0;
}


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

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

/* Default */
#SidebarZone .primaryContent.standardContent a:link,
#SidebarZone .primaryContent.standardContent a:visited {
    color: #003282;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.1em solid #008899;
}

#SidebarZone .primaryContent.standardContent a:hover,
#SidebarZone .primaryContent.standardContent a:focus {
    color: #003282;
    border-bottom: 0.1em solid #003282;
}

#SidebarZone .primaryContent.standardContent a:active {
    color: #aa0000;
    border-bottom: 0.1em solid #aa0000;
}

/* Headlines */
#SidebarZone .primaryContent.standardContent h2 a:link,
#SidebarZone .primaryContent.standardContent h3 a:link,
#SidebarZone .primaryContent.standardContent h4 a:link,
#SidebarZone .primaryContent.standardContent h5 a:link,
#SidebarZone .primaryContent.standardContent h6 a:link,
#SidebarZone .primaryContent.standardContent h2 a:visited,
#SidebarZone .primaryContent.standardContent h3 a:visited,
#SidebarZone .primaryContent.standardContent h4 a:visited,
#SidebarZone .primaryContent.standardContent h5 a:visited,
#SidebarZone .primaryContent.standardContent h6 a:visited {
    color: #aa0000;
    border-bottom: none;
    text-decoration: underline #f7f7f7;
}

#SidebarZone .primaryContent.standardContent h2 a:hover,
#SidebarZone .primaryContent.standardContent h3 a:hover,
#SidebarZone .primaryContent.standardContent h4 a:hover,
#SidebarZone .primaryContent.standardContent h5 a:hover,
#SidebarZone .primaryContent.standardContent h6 a:hover,
#SidebarZone .primaryContent.standardContent h2 a:focus,
#SidebarZone .primaryContent.standardContent h3 a:focus,
#SidebarZone .primaryContent.standardContent h4 a:focus,
#SidebarZone .primaryContent.standardContent h5 a:focus,
#SidebarZone .primaryContent.standardContent h6 a:focus {
    color: #aa0000;
    border-bottom: none;
    text-decoration: underline #aa0000;
}

#SidebarZone .primaryContent.standardContent h2 a:active,
#SidebarZone .primaryContent.standardContent h3 a:active,
#SidebarZone .primaryContent.standardContent h4 a:active,
#SidebarZone .primaryContent.standardContent h5 a:active,
#SidebarZone .primaryContent.standardContent h6 a:active {
    color: #008899;
    border-bottom: none;
    text-decoration: underline #008899;
}

/* Hides overflow and adds ellipsis (for long email addresses) */
#SidebarZone .primaryContentWrapper a {
    /* display: inline-block !important; */
    display: inline !important;
    text-overflow: ellipsis !important;
    /* width: -webkit-fill-available !important; */
    overflow: hidden !important;
}


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

/* Default */
#MainZone .primaryContent.standardContent a:link,
#MainZone .primaryContent.standardContent a:visited {
    color: #003282;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.1em solid #008899;
}

#MainZone .primaryContent.standardContent a:hover,
#MainZone .primaryContent.standardContent a:focus {
    color: #003282;
    border-bottom: 0.1em solid #003282;
}

#MainZone .primaryContent.standardContent a:active {
    color: #aa0000;
    border-bottom: 0.1em solid #aa0000;
}

/* Headlines */
#MainZone .primaryContent.standardContent h2 a:link,
#MainZone .primaryContent.standardContent h3 a:link,
#MainZone .primaryContent.standardContent h4 a:link,
#MainZone .primaryContent.standardContent h5 a:link,
#MainZone .primaryContent.standardContent h6 a:link,
#MainZone .primaryContent.standardContent h2 a:visited,
#MainZone .primaryContent.standardContent h3 a:visited,
#MainZone .primaryContent.standardContent h4 a:visited,
#MainZone .primaryContent.standardContent h5 a:visited,
#MainZone .primaryContent.standardContent h6 a:visited {
    color: #aa0000;
    border-bottom: none;
    text-decoration: underline #f7f7f7;
}

#MainZone .primaryContent.standardContent h2 a:hover,
#MainZone .primaryContent.standardContent h3 a:hover,
#MainZone .primaryContent.standardContent h4 a:hover,
#MainZone .primaryContent.standardContent h5 a:hover,
#MainZone .primaryContent.standardContent h6 a:hover,
#MainZone .primaryContent.standardContent h2 a:focus,
#MainZone .primaryContent.standardContent h3 a:focus,
#MainZone .primaryContent.standardContent h4 a:focus,
#MainZone .primaryContent.standardContent h5 a:focus,
#MainZone .primaryContent.standardContent h6 a:focus {
    color: #aa0000;
    border-bottom: none;
    text-decoration: underline #aa0000;
}

#MainZone .primaryContent.standardContent h2 a:active,
#MainZone .primaryContent.standardContent h3 a:active,
#MainZone .primaryContent.standardContent h4 a:active,
#MainZone .primaryContent.standardContent h5 a:active,
#MainZone .primaryContent.standardContent h6 a:active {
    color: #008899;
    border-bottom: none;
    text-decoration: underline #008899;
}

@media (min-width: 992px) {

    div#MainZone {
        padding-left: 0 !important;
        padding-right: 0 !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 {
    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;
}

@media (max-width: 767.999px) {

    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
        padding: 15px;
        border-bottom: none;
    }
}

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

#navLevel {
    display: none;
}

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

@media (max-width: 991.999px) {
    #siteNavigation {
        margin-bottom: 0;
    }

    #siteNavigation .navbar-toggle {
        display: block;
    }

    #siteNavigation button {
        /* menu icon on mobile */
        display: block;
        margin: 0;
        position: absolute;
        top: 0;
        width: 50px;
        right: 0;
        padding: 15px 10px;
    }

    #siteNavigation button span.icon-bar {
        background: #aa0000;
    }

    #siteNavigation button.collapsed span.icon-bar {
        background: #aa0000;
        position: initial !important;
        top: initial !important;
        transform: none !important;
        visibility: visible !important;
    }

    #siteNavigation button span.icon-bar:nth-child(2) {
        position: relative;
        text-transform: uppercase;
        -o-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -webkit-transition: 0.25s;
        top: 6px;
        transition: 0.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: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -webkit-transition: 0.25s;
        transition: 0.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-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;
}


/* all links in all menu items */

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

#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 .list-group-item {
    border: none;
}

#siteNavigation #menu.navbar-collapse {
    align-items: unset;
}

#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 0.4s ease;
    transition: transform 0.4s ease;
}

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

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

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

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

/* ------------------- Make space for variable number of drop-down menu items --------------------- */

/* START TEST MODALS */

/* For 575px and smaller */
#globalHeaderNavigation .admissionModal .globalHeaderNavigationMainLinks {
    margin-bottom: 300px !important;
}

#globalHeaderNavigation .academicsModal .globalHeaderNavigationMainLinks {
    margin-bottom: 900px !important;
}

#globalHeaderNavigation .studentLifeModal .globalHeaderNavigationMainLinks {
    margin-bottom: 900px !important;
}

#globalHeaderNavigation .facultyModal .globalHeaderNavigationMainLinks {
    margin-bottom: 100px !important;
}

#globalHeaderNavigation .centersModal .globalHeaderNavigationMainLinks {
    margin-bottom: 100px !important;
}

/* #globalHeaderNavigation .impactModal .globalHeaderNavigationMainLinks {} */

#globalHeaderNavigation .careersModal .globalHeaderNavigationMainLinks {
    margin-bottom: 350px !important;
}

#globalHeaderNavigation .aboutModal .globalHeaderNavigationMainLinks {
    margin-bottom: 550px !important;
}


@media screen and (min-width: 576px) {

    #globalHeaderNavigation .admissionModal .globalHeaderNavigationMainLinks {
        margin-bottom: 700px !important;
    }

    #globalHeaderNavigation .academicsModal .globalHeaderNavigationMainLinks {
        margin-bottom: 1300px !important;
    }

    #globalHeaderNavigation .studentLifeModal .globalHeaderNavigationMainLinks {
        margin-bottom: 1300px !important;
    }

    #globalHeaderNavigation .facultyModal .globalHeaderNavigationMainLinks {
        margin-bottom: 500px !important;
    }

    #globalHeaderNavigation .centersModal .globalHeaderNavigationMainLinks {
        margin-bottom: 500px !important;
    }

    /* #globalHeaderNavigation .impactModal .globalHeaderNavigationMainLinks {} */

    #globalHeaderNavigation .careersModal .globalHeaderNavigationMainLinks {
        margin-bottom: 800px !important;
    }

    #globalHeaderNavigation .aboutModal .globalHeaderNavigationMainLinks {
        margin-bottom: 1000px !important;
    }

}

@media screen and (min-width: 992px) {

    #globalHeaderNavigation .admissionModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .academicsModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .studentLifeModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .facultyModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .centersModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .careersModal .globalHeaderNavigationMainLinks,
    #globalHeaderNavigation .aboutModal .globalHeaderNavigationMainLinks {
        margin-bottom: unset !important;
    }

}

/* END TEST MODALS */

/* Evens out the column heights of dropdown navigation items at widths of 992px and up */
@media screen and (min-width: 992px) {

    #globalHeaderNavigation .academicsModal .globalHeaderNavigationMainLinks ul {
        max-height: 500px;
    }

    #globalHeaderNavigation .studentLifeModal .globalHeaderNavigationMainLinks ul {
        max-height: 500px;
    }

    #globalHeaderNavigation .facultyModal .globalHeaderNavigationMainLinks ul {
        max-height: 300px;
    }

    #globalHeaderNavigation .centersModal .globalHeaderNavigationMainLinks ul {
        max-height: 325px;
    }

    #globalHeaderNavigation .aboutModal .globalHeaderNavigationMainLinks ul {
        max-height: 375px;
    }

}


@media screen and (min-width: 1400px) {

    #globalHeaderNavigation .academicsModal .globalHeaderNavigationMainLinks ul {
        max-height: 450px;
    }

    #globalHeaderNavigation .studentLifeModal .globalHeaderNavigationMainLinks ul {
        max-height: 400px;
    }

    #globalHeaderNavigation .facultyModal .globalHeaderNavigationMainLinks ul {
        max-height: 275px;
    }

    #globalHeaderNavigation .centersModal .globalHeaderNavigationMainLinks ul {
        max-height: 240px;
    }

    #globalHeaderNavigation .aboutModal .globalHeaderNavigationMainLinks ul {
        max-height: 325px;
    }

}


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

#pageTitle {
    clear: both;
    color: #aa0000;
    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;
}

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


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

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

#globalHeaderNavigationWrapper table.gsc-search-box td.gsc-search-button {
    padding: 0;
    background: #881111;
}

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


/* ==========================================================================================
     ===== Law Library Search Bar Styles ======================================================
     ==========================================================================================
     The first set of styles is the Ingeniux Search Bar styles (don't want)
     The second set is customized Bootstrap 5 Form HTML styles (prefered)
  
     See the 'Law - Code - Main Zone' content types on the Law Library landing page
  */

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

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


/*** Search Law Library - Bootstrap 5
      See 'Bootstrap 5 Form HTML' in the 'Law - Code - Main Zone' content type on the Law Library landing page
      All other styles are Bootstrap 5 classes. Troy 11/2/2021
  */

button.btn-su-blue {
    background-color: #088099;
    color: #ffffff;
    border-radius: 0;
}

.form-check-input:checked {
    background-color: #088099;
    border-color: #088099;
}

.form-control {
    border-radius: 0;
}


/* For use as classes instead of inline styles */

.bg-color-yellow-tint {
    background-color: #f7f7f7;
}

.color-white {
    color: #ffffff;
}


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

/* ==================================================== 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: 1199.999px) {

    /* xs + sm + md */
    #SidebarZone .hspace {
        padding: 0 15px 0 0;
    }
}

@media screen and (min-width: 1200px) {

    /* lg */
    #SidebarZone .hspace {
        padding: 0 0 0 0;
        /* padding 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 {
    /* Largest breakpoint for Bootstrap 5 */
    max-width: 1400px;
    /* centers, if necessary */
    margin: 0 auto;
}


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

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

.standardContent a:link,
.standardContent a:visited {
    color: #003282;
    font-weight: 500;
    text-decoration: underline;
}

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

.standardContent a:active {
    color: #aa0000;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    margin: 1.25rem 0 1.38rem;
}

.standardContent h1 {
    color: #aa0000;
    padding: 0;
    text-decoration: none;
    /* major third */
    font-size: 3.052rem;
    line-height: 1;
}

.standardContent h2 {
    color: #aa0000;
    clear: both;
    font-size: var(--h2);
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

.standardContent h2 a:link,
.standardContent h2 a:visited {
    color: #aa0000;
    text-decoration: underline #f7f7f7;

}

.standardContent h2 a:hover,
.standardContent h2 a:focus {
    /* color: #aa0000; */
    text-decoration: underline #aa0000;
}

.standardContent h2 a:active {
    color: var(--su-blue);
    text-decoration: underline var(--su-blue);
}

.standardContent h3 {
    color: #aa0000;
    font-size: var(--h3);
    margin-bottom: 0.3rem;
}

.standardContent h3 a:link,
.standardContent h3 a:visited {
    color: #aa0000;
    text-decoration: underline #f7f7f7;
}

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

.standardContent h3 a:active {
    color: var(--su-blue);
    text-decoration: underline var(--su-blue);
}

.standardContent h4 {
    color: #aa0000;
    font-size: var(--h4);
    margin-bottom: 0.3rem;
}

.standardContent h4 a:link,
.standardContent h4 a:visited {
    color: #aa0000;
    text-decoration: underline #f7f7f7;
}

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

.standardContent h4 a:active {
    color: var(--su-blue);
    text-decoration: underline var(--su-blue);
}

.standardContent h5 {
    color: #aa0000;
    font-size: var(--h5);
    margin-bottom: 0.2rem;
}

.standardContent h5 a:link,
.standardContent h5 a:visited {
    color: #aa0000;
    text-decoration: underline #f7f7f7;
}

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

.standardContent h5 a:active {
    color: var(--su-blue);
    text-decoration: underline var(--su-blue);
}

.standardContent h6 {
    color: #aa0000;
    font-size: var(--h6);
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.standardContent h6 a:link,
.standardContent h6 a:visited {
    color: #aa0000;
    text-decoration: underline #f7f7f7;
}

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

.standardContent h6 a:active {
    color: var(--su-blue);
    text-decoration: underline var(--su-blue);
}

@media (max-width: 767.999px) {
    .standardContent h1 {
        font-size: 2.4rem;
    }
}


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

.standardContent p {
    color: #333333;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1rem;
}

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


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

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

.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 {
    margin-bottom: 0.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;
}


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


/* when the button is in its own column, take the whole width */

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

#SidebarZone .standardContent .btn {
    display: block;
    margin: 7px 0;
}


/*** Red button in Tiny MCE HTML editor - labeled as 'Attention/Red Button' ***/

.standardContent .btn-attention {
    background-color: #aa0000;
    border: 1px solid #aa0000;
    border-radius: 0;
    color: #ffffff !important;
    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 !important;
    text-decoration: none;
}


/*** Dark button in Tiny MCE HTML editor with embedded svg image labeled as 'Chevron' ***/

.standardContent .btn-alpha {
    background-color: #333333;
    border-radius: 0;
    color: #ffffff !important;
    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;
}

.standardContent .btn-alpha:after {
    background-color: #333333 !important;
    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 {
    background-color: #333333 !important;
    color: #ffffff;
    text-decoration: underline;
}


/*** Box Link style button (white with blue border) in Tiny MCE HTML editor - labeled as 'Arrow' ***/

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

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

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

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

.arrowLinks li a {
    background-color: #ffffff;
    border: 2px solid #088099;
    border-radius: 0;
    color: #aa0000 !important;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    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;
}

.arrowLinks li a:hover,
.arrowLinks li a:focus {
    background: #088099;
    color: #ffffff !important;
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {

    /* sm */
    ul.arrowLinks li {
        flex: 1 1 calc(50% - 7px);
    }
}

@media (min-width: 992px) {

    /* md and lg */
    ul.arrowLinks li {
        flex: 1 1 calc(33.33% - 7px);
        margin-top: 0;
    }
}

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


/*** See Law - Focus Box for 'Arrow' buttons altered for the Law - Focus Box content type ***/


/*** Gray button - Add .btn and .btn-plain classes to the anchor tag. ***/

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


/* -------------------------- Custom Property Buttons -------------------------- */


/* This technique utilizes undefined locally scoped properties and fall backs to reduce selector redundancy for each color.
   On the anchor tag, add the btn class for the default button or add btn + one of the the following btn-color* classes.
*/

.btn+.btn {
    margin-left: 2rem;
}

.btn {
    /* color: var(--btn-clr, #fff) !important; */
    color: var(--btn-clr, #aa0000) !important;
    border: 2px solid var(--btn-clr, #088099) !important;
    /* background-color: #088099; */
    display: inline-block;
    padding: .5rem 1.5rem;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    border-radius: 0;
    text-transform: uppercase;
}


/* On the anchor tag, add the btn-dk-txt class for dark text. For example, White and Yellow Tint buttons need the contrast. */

.btn.btn-dk-txt {
    color: var(--btn-clr, #333333) !important;
    border: 2px solid var(--btn-clr, #333333) !important;
}


/* Button Color (*btn-color) classes */

.btn-bs-gray-600 {
    --btn-clr: var(--bs-gray-600, #6c757d);
}

.btn-black {
    --btn-clr: var(--bs-black, #000000);
}

.btn-blue {
    --btn-clr: var(--su-blue, #088099);
}

.btn-emerald {
    --btn-clr: var(--emerald, #008765);
}

.btn-forest-green {
    --btn-clr: var(--forest-green, #124a12);
}

.btn-gold {
    --btn-clr: var(--gold, #cc9f26);
}

.btn-green {
    --btn-clr: var(--su-green, #55b31b);
}

.btn-navy-blue {
    --btn-clr: var(--navy-blue, #003282);
}

.btn-red-orange {
    --btn-clr: var(--red-orange, #ef4135);
}

.btn-su-black {
    --btn-clr: var(--su-black, #333333);
}

.btn-su-red {
    --btn-clr: var(--su-red, #aa0000);
}

.btn-taupe-brown {
    --btn-clr: var(--taupe-brown, #807060);
}

.btn-white {
    --btn-clr: var(--bs-white, #ffffff);
}

.btn-yellow {
    --btn-clr: var(--su-yellow, #fdb913);
}

.btn-yellow-tint {
    --btn-clr: var(--su-yellow-tint, #f7f7f7);
}

.btn:hover,
.btn:focus {
    /* color: #088099 !important; */
    /* background: var(--btn-clr, #fff); */
    color: #ffffff !important;
    background: var(--btn-clr, #088099);
    transition: all 0.4s ease;
    text-decoration: underline;
}

.btn.btn-dk-txt:hover,
.btn.btn-dk-txt:focus {
    color: var(--su-black, #333333) !important;
    background: var(--btn-clr, #f7f7f7);
}

/* -------------------------- 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 !important;
    font-weight: 400;
    /* same as paragraphs */
    margin-bottom: 1.6rem;
    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: 500;
    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:link,
.standardContent table thead th a:visited {
    color: #ffffff;
    border-bottom: none;
}

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

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

.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: 500;
    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;
    font-size: 1.65rem;
    line-height: 1.5;
    font-weight: 500;
}

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

#MainZone .primaryContent.standardContent table thead th a:link,
#MainZone .primaryContent.standardContent table thead th a:visited {
    color: #ffffff;
    text-decoration: underline;
    border-bottom: none;
}

#MainZone .primaryContent.standardContent table thead th a:hover {
    color: #f7f7f7;
    text-decoration: underline;
}

#MainZone .primaryContent.standardContent table thead th a:active,
#MainZone .primaryContent.standardContent table thead th a:focus {
    color: #fdb913;
    text-decoration: underline;
}

table p,
table li {
    font-size: 1rem !important;
}


/* -------------------------- 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 fewer 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 !important;
    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 !important;
    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%;
    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 !important;
} */

.boxlinks li a:hover,
.boxlinks li a:focus,
.boxlinkItem a:hover,
.boxlinkItem a:focus {
    background: #088099;
    border: 2px solid #088099;
    color: #ffffff !important;
}


/* -------------------------- Read More links -------------------------- */


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

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

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

.standardContent .readmore a:link {
    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;
}

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

.standardContent figure.remove-padding img {
    padding: 0;
}

figcaption {
    font-size: var(--cap);
}


/* Makes sidebar images full bleed */

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

    #SidebarZone figure.image-wrapper {
        padding: 0;
    }
}


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

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

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


/* For 404 and 500 errors */

#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;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    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: #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: #666666; */
    color: #333333;
}


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

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


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

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

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

.criticalUpdate {
    padding: 60px;
}

.criticalUpdate h1 {
    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;
}


/* ========================================================================================== 
     ===== Global Footer styles ===============================================================
     ========================================================================================== 
  */

footer {
    position: relative;
    background: #333333;
}

footer #footerInner {
    padding: 45px 0;
}

footer h4 {
    color: #fdb913;
    font-size: 2.2rem;
    margin: 0 0 2rem 0;
    padding: 0;
}

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

    footer h4 {
        font-size: 1.5rem;
        margin: 0 0 3rem 0;
    }
}

@media (min-width: 1200px) {
    footer h4 {
        font-size: 2rem;
    }
}


/* Migrate h4 to p.h4 */

footer p.h4 {
    color: #fdb913;
    /* font-size: 2.2rem; */
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 2rem 0;
    padding: 0;
}

@media (min-width: 992px) {
    footer #footerInner {
        /* padding: 30px 0; */
        padding: 80px 0;
    }

    footer p.h4 {
        font-size: 1.5rem;
        margin: 0 0 3rem 0;
    }
}

@media (min-width: 1200px) {
    footer p.h4 {
        /* font-size: 2rem; */
        font-size: 1.8rem;
    }
}


/* ---------- Organization, address, phone --------- */

footer #organization {
    color: #ffffff;
    margin-bottom: 30px;
    text-align: center;
}

footer #organization img {
    max-width: 50%;
    /* su logo */
}

footer #organization .name {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 0.2rem;
}

footer #organization address {
    font-size: 1.25rem;
    color: #cccccc;
    margin-bottom: 0.2rem;
    /* keeps phone format consistent */
}

footer #organization .street-address,
footer #organization .city,
footer #organization .state,
footer #organization .postalCode {
    margin-bottom: 0.2rem;
}

footer #organization .phone a:link {
    color: #cccccc;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .org-inner-wrapper {
        width: 180px;
    }

    footer #organization img {
        /* su logo */
        max-width: 100%;
        margin: 0;
    }

    footer #organization .name {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    footer #organization address,
    footer #organization .phone {
        font-size: 0.9rem;
    }

    footer #organization .phone a:link,
    footer #organization .phone a:visited {
        cursor: text;
        text-decoration: none;
    }

    footer #organization .phone a:hover,
    footer #organization .phone a:active {
        color: #ffffff;
        text-decoration: underline;
    }
}

@media (min-width: 1200px) {

    footer #organization address,
    footer #organization .phone {
        font-size: 1.25rem;
    }
}


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

#footerLinksPeople,
#footerLinksEssentials,
#footerLinksEssentials,
#footerLinksVisit {
    text-align: center;
    margin-top: 3rem;
}

footer .footerLinks ul {
    margin-bottom: 30px;
    list-style-type: none;
    padding: 0;
}

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

footer .footerLinks a {
    /* font-size: 1.25rem; */
    font-size: 1.15rem;
}

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

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

@media (min-width: 768px) {
    footer .footerLinks ul {
        display: inline;
    }
}

@media (min-width: 992px) {

    #footerLinksPeople,
    #footerLinksEssentials,
    #footerLinksEssentials,
    #footerLinksVisit {
        text-align: left;
        margin-top: unset;
    }

    footer .footerLinks ul {
        margin: 0;
        display: block;
    }

    footer .footerLinks a {
        /* font-size: 0.9rem; */
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    footer .footerLinks a {
        /* font-size: 1.25rem; */
        font-size: 1.1rem;
    }
}


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

#footerSocialMediaLinks {
    text-align: center;
    margin-top: 3rem;
}

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

footer #footerSocialMediaLinks .social li {
    display: inline-block;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

footer #footerSocialMediaLinks .social a:link,
footer #footerSocialMediaLinks .social a:visited {
    color: #ffffff;
    transition: all 0.2s ease;
}

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

@media (min-width: 768px) {
    footer #footerSocialMediaLinks .social li {
        margin-right: 1.1rem;
    }

    footer #footerSocialMediaLinks .social.row2 li:last-child {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    #footerSocialMediaLinks {
        text-align: left;
        margin-top: unset;
    }

    footer #footerSocialMediaLinks .social li {
        margin-right: unset;
    }
}


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

#footerCallToActionLinks {
    margin-top: 3rem;
    padding-left: 0;
}

#footerCallToActionLinks li {
    margin-bottom: 20px;
}

#footerCallToActionLinks a:link,
#footerCallToActionLinks a:visited {
    background: #333333;
    border: 2px solid #088099;
    color: #ffffff !important;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 10px;
    /* fills inside button */
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.2s ease;
    border-radius: 0;
}

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

@media (min-width: 992px) {
    #footerCallToActionLinks li {
        margin-bottom: 0;
    }

    #footerCallToActionLinks a {
        font-size: 1.25rem;
    }
}

@media (min-width: 1200px) {
    #footerCallToActionLinks a {
        font-size: 1.5rem;
    }
}


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


/* ABA Required Disclosures & Nondiscrimination Policy*/

#subfooterWrapper {
    color: #b3b3b3;
    font-size: 1.25rem;
    border-top: 1px solid;
    padding: 2rem 0;
}

#subfooter #subfooterLinks {
    text-align: center;
}

#subfooterLinks a {
    display: block;
}

#subfooterLinks a:nth-of-type(1) {
    margin-bottom: .5rem;
}

#subfooter a:link,
#subfooter a:visited {
    color: #b3b3b3;
    text-decoration: none;
}

#subfooter a:focus,
#subfooter a:hover,
#subfooter a:active {
    color: #ffffff;
    text-decoration: underline;
}

@media (min-width: 992px) {
    #subfooterWrapper {
        margin-top: 0;
    }

    #subfooterLinks a {
        display: inline;
    }

    #subfooterLinks a:nth-of-type(1) {
        margin: 0 2rem 0 0;
    }

    #subfooterLinks a:nth-of-type(2) {
        margin: 0 2rem 0 0;
    }

    #subfooter #subfooterLinks {
        text-align: right;
        font-size: .9rem;
    }
}

@media (min-width: 1200px) {
    #subfooter #subfooterLinks {
        font-size: 1.25rem;
    }
}


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

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

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


/* Fix problems created by content editors. */

font {
    color: #333333;
}


/* google translate footer override */

.multilingual footer font {
    color: #fff;
}

.multilingual footer .footerLinks .h4 font {
    color: #fdb913;
    font-size: 1.5rem;
}


/* 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: 0.45em;
    left: 0.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;
}


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

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

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


/* ==========================================================================================
     ===== Law - Accordion ===== Content Type #5190 ===========================================
     ==========================================================================================
     Accordion styles updated on 4/21/21 for bootstrap 5  - vic
  */

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

.accordionWrapper h2.accordionTitle {
    color: #aa0000;
    font-size: var(--h2);
    font-weight: 500;
    margin: 3rem 0 2rem 0;
    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.3rem;
    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:focus {
    outline: none;
}

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

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

.accordionWrapper h3.accordionItemHeaderButtonTitle {
    color: #088099;
    font-size: var(--h3);
    font-weight: 500;
    margin: 0;
    width: 100%;
}

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

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

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

.accordionWrapper dl {
    /* accordion tweak */
    margin-bottom: 0px;
}

/* anchor styles inside the accordion item */

.accordionItemInfo.standardContent a:link,
.accordionItemInfo.standardContent a:visited {
    color: #003282;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.1em solid #008899;
}

.accordionItemInfo.standardContent a:hover {
    color: #003282;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.1em solid #003282;
}

.accordionItemInfo.standardContent a:focus {
    color: #003282;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.1em solid #003282;
}

.accordionItemInfo.standardContent a:active {
    color: #aa0000;
    text-decoration: none;
    border-bottom: 0.1em solid #aa0000;
}


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


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

@media screen and (max-width: 1199.99px) {
    .accordionWrapper h3.accordionItemHeaderButtonTitle {
        font-size: calc(1.3rem + 0.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: 0.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 =====  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%;
    }
}


/* ==========================================================================================
   ===== Law - 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
   20171114 Created by Max
   20220721 Modified by Troy
*/

.colorButtonWrapper {
    display: flex;
    flex-wrap: wrap;

    /* If we want to change flex direction to column for mobile and row for desktop. 
    However, colorButtons aren't setup to work with flex: column; */
    /* flex-wrap: nowrap; */

    /* Adds spacing beween topzone and content */
    /* This being overwritten by SU-Law-modified.css Media Library ID 421656 Modified post 20210817 */
    margin: 0 0 15px 0;
}

.colorButton {
    /* changes stacking context - places flex items above the static positioned content */
    position: relative;

    /* For the content inside the colorButton content item, colorButton is a flex item and a flex container */
    display: flex;

    /* Equivalent to flex-grow: 1; meaning 'flex grow enabled.' Allows flex item to take up available space. */
    flex: 1;

    /* the contents inside each colorButton are lined up top to bottom in a column */
    flex-direction: column;

    /* Don't need to re-declare the font family */
    /* font-family: "montserrat", sans-serif; */

    justify-content: center;
    text-align: center;

    /* sets the width, and then overwrites the width with flex-basis */
    width: 0;

    border-right: 2px solid #fff;

    /* margin: 20px 0; */
    margin: 0 0 20px 0;

    /* padding: 30px 15px; */
    padding: 10px 15px;

    flex-basis: 100%;
}

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

/* START moved from bottom */

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

.colorButton p {
    /* font-size: 1.4rem; */
    font-size: 1.15rem;
    /* line-height: 1.7rem; */
    line-height: 1.5;
    margin: 0;
    /* padding-top: 10px; */
    padding-top: .5rem;
}

/* END moved from bottom */

a.colorButton:link,
a.colorButton:visited,
a.colorButton:hover {
    text-decoration: none;
}

a.colorButton:active {
    text-decoration: underline;
}

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

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .colorButton {
        /* flex-basis: 33%; */
        flex-basis: 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    /* tilde is a general sibling combiner that, in this case, means any anchor tag after nth-last-child(n+6)~a */
    /* (n+6) styles all of the elements n a set starting from the sixth. In this case counting from the 6th from last child 
  to the first child or all children in the set if there are 6 */
    /* .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*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .colorButtonWrapper {
        flex-wrap: nowrap;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .colorButton:nth-last-child(n + 6),
    .colorButton:nth-last-child(n + 6)~a {
        flex-basis: 12%;
    }
}


/* START color variations */

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

/* END color variations */


/* ==========================================================================================
     ===== Law - Call to Action Feature ===== Content Type #5084 ==============================
     ==========================================================================================
  */

.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, 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 and (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:link,
.callToActionButtonWrapper li.callToActionButton a:visited {
    color: #333;
    text-decoration: none;
}

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

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

.callToActionButtonWrapper li.callToActionButton a:active {
    color: var(--su-blue);
    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: 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;
}

/* ========================================================================================== 
   ============================ Campus Alert System =========================================
   ==========================================================================================
   ===========Law - Campus Alert System Message===== Content Type #5632 ===================== 
   ==========================================================================================
        Adds banner on top of all pages for use in a campus emergency or snow message
*/

/* See posssible legacy content: Alert page layout, Alert banner (multiple), Critical Emergency Homepage */


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


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


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

.emergencynotice .container {
    font-size: 3rem;
    font-weight: 500;
    line-height: 4rem;
    position: relative;
    padding: 30px 15px;
}

.emergencynotice .notice p {
    display: table;
    margin: auto;
    margin-top: 2rem;
}

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

    /* xs */
    .emergencynotice .container {
        position: relative;
        /* padding: 30px 60px 30px 30px; */
        padding: 10rem 1rem 3rem
    }
}

.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;
    font-size: var(--fs-xl);
    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; */
    /* speak: never; */
    /* speak-as: normal; */
    top: 3px;
}

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

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

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

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

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

/* Blue, green, and red */
.emergencynotice .notice.alertInformational a:link,
.emergencynotice .notice.alertInformational a:visited,
.emergencynotice .notice.alertSubtle a:link,
.emergencynotice .notice.alertSubtle a:visited,
.emergencynotice .notice.alertCritical a:link,
.emergencynotice .notice.alertCritical a:visited {
    color: #ffffff;
}

.emergencynotice .notice.alertInformational a:hover,
.emergencynotice .notice.alertInformational a:focus,
.emergencynotice .notice.alertInformational a:active,
.emergencynotice .notice.alertSubtle a:hover,
.emergencynotice .notice.alertSubtle a:focus,
.emergencynotice .notice.alertSubtle a:active,
.emergencynotice .notice.alertCritical a:hover,
.emergencynotice .notice.alertCritical a:focus,
.emergencynotice .notice.alertCritical a:active {
    color: #f7f7f7;
}

/* Yellow */
.notice.alertAdvisory {
    color: #333333;
}

.emergencynotice .notice.alertAdvisory a:link,
.emergencynotice .notice.alertAdvisory a:visited {
    color: #003282;
}

.emergencynotice .notice.alertAdvisory a:hover,
.emergencynotice .notice.alertAdvisory a:focus,
.emergencynotice .notice.alertAdvisory a:active {
    color: #124a12;
}

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

/*** GLOBAL BANNER ALERT ***/
/* The following are for a content type. For use in a Code-Only
content item located in the Law - Global Navigation folder. */

/*****COVID19********/
/* COVID 19 Banner does not have proper HTML to work as of 1/13/2023.
Instead, change classes in content item as shown in Law - Global Banner Alert (subtle). */
#COVIDbanner .infographicItem {
    padding: 0 !important;
    background-color: #088099;
}

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

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

#COVIDbanner .infographicItemHeader a:focus,
#COVIDbanner .infographicItemHeader a:hover {
    color: #000000;
}

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

#COVIDbanner .infographicItemText.standardContent p a:hover {
    color: #000000;
}


/* Law Commencement Banner Styles */

#lawCommencementBanner .infographicItem {
    background-color: #cc9f26;
}

#lawCommencementBanner .infographicItemHeader.standardContent h2 {
    color: #aa0000;
    clear: both;
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    margin: 2rem 0 1rem 0;
}

@media screen and (max-width: 991.98px) {
    #lawCommencementBanner .infographicItemHeader.standardContent h2 {
        font-size: 2.25rem;
    }
}

#lawCommencementBanner .infographicItemText.standardContent p {
    color: #fff;
    text-decoration: none;
}

#lawCommencementBanner .infographicItemText.standardContent a {
    color: #003282;
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: none;
}

#lawCommencementBanner .infographicItemText.standardContent a:hover {
    color: #aa0000;
    text-decoration: underline;
}

#lawCommencementBanner .infographicItemText.standardContent a:focus {
    color: #aa0000;
    text-decoration: underline;
}

#lawCommencementBanner .infographicItemText.standardContent a:active {
    color: #aa0000;
    text-decoration: underline;
}


/* Law - Global Banner Alert */

#law-global-banner-alert .law-gba-subtle {
    background-color: #088099;
}

#law-global-banner-alert .law-gba-informational {
    background-color: #124a12;
}

#law-global-banner-alert .law-gba-advisory {
    background-color: #cc9f26;
}

#law-global-banner-alert .law-gba-critical {
    background-color: #aa0000;
}

#law-global-banner-alert .infographicItemHeader.standardContent h2 {
    color: #fff;
    clear: both;
    font-size: 2.25rem;
    font-weight: 400;
    margin: 2rem 0 1rem 0;
}

@media (min-width: 992px) {
    #law-global-banner-alert .infographicItemHeader.standardContent h2 {
        font-size: 2.5rem;
    }
}

#law-global-banner-alert .infographicItemText.standardContent p {
    color: #fff;
    text-decoration: none;
}

#law-global-banner-alert .infographicItemText.standardContent a:link {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: underline;
}

#law-global-banner-alert .infographicItemText.standardContent a:visited {
    color: #f7f7f7;
    text-decoration: underline;
}

#law-global-banner-alert .infographicItemText.standardContent a:hover {
    color: #fdb913;
    text-decoration: underline;
}

#law-global-banner-alert .infographicItemText.standardContent a:focus {
    color: #fdb913;
    text-decoration: underline;
}

#law-global-banner-alert .infographicItemText.standardContent a:active {
    color: #f7f7f7;
    text-decoration: underline;
}


/* Advisory (gold) */
#law-global-banner-alert .law-gba-dark-link.standardContent a:link {
    color: #003282;
}

#law-global-banner-alert .law-gba-dark-link.standardContent a:visited {
    color: #003282;
    text-decoration: none;
}

#law-global-banner-alert .law-gba-dark-link.standardContent a:hover {
    color: #003282;
}

#law-global-banner-alert .law-gba-dark-link.standardContent a:focus,
#law-global-banner-alert .law-gba-dark-link.standardContent a:active {
    color: #aa0000;
    text-decoration: underline;
}


/* ==========================================================================================
     ===== Law - Card (legacy) ===== Content Type #5224 =======================================
     ==========================================================================================
  */

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

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

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

.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: 0.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;
    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 {
    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 */
    .cardsWrapper .cardButton .btn-boxlink {
        padding: 0;
    }
}

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

    /* xs */
    .cardsWrapper .cards {
        display: block;
    }

    .cardsWrapper .card {
        margin: 30px 0 0 0;
    }

    .cardsWrapper .card .standardContent {
        padding: 0;
    }

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

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


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


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

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


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

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


/*** Law - Code - Main Zone id: 5253 ***/

.codeMainZoneWrapper {
    font-size: var(--p);
    /* Default so the text is not tiny */
}

.codeMainZoneWrapper a:link,
.codeMainZoneWrapper a:visited {
    color: #088099;
    text-decoration: none;
}

.codeMainZoneWrapper a:hover {
    text-decoration: underline;
}

.codeMainZoneWrapper a:active {
    color: #aa0000;
}

.codeMainZone p {
    font-size: var(--p);
}


/*** Law - Code - Sidebar Zone id: 5254 ***/

codeSidebarZoneWrapper {
    font-size: var(--p);
    /* Default so the text is not tiny */
}

.codeSidebarZone p {
    font-size: var(--p);
}

.codeSidebarZone a:link,
.codeSidebarZone a:visited {
    color: #088099;
    text-decoration: none;
}

.codeSidebarZone a:hover {
    text-decoration: underline;
}

.codeSidebarZone a:active {
    color: #aa0000;
}


/* ==========================================================================================
     ===== Law - Contact Box ===== Content Type #5176 =========================================
     ==========================================================================================
     One, two or three bits of contact information
  
  */

.contactBoxWrapper {
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    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-size: var(--h2);
    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;
    width: 100%;
    /* prevents with less than three items from collapsing */
}

.contactBoxes .contactBox {
    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-size: var(--h3);
    color: #aa0000;
}

.contactBoxInfo p {
    margin: 0;
    padding-left: 0;
    color: #666;
}

.contactBoxInfoPosition {
    padding-bottom: 15px;
}

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

.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: var(--h2);
    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: var(--h3);
    color: unset !important;
}

.contactBoxSingleInfo p {
    margin: 0 0 .25rem 0;
    color: unset !important;
}

.contactBoxSingleInfo {
    text-align: left;
}

p.contactBoxSingleInfoTitle {
    margin-bottom: 1rem;
}

/* Secondary title */
p.contactBoxSingleInfoPosition {
    margin-top: -1rem;
    margin-bottom: 1rem;
}

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

.contactBoxSingleInfoAdditional p {
    margin-bottom: 1rem;
}

.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:link,
.contactBoxSingleColorSUBlack a:visited,
.contactBoxSingleColorBlue a:link,
.contactBoxSingleColorBlue a:visited,
.contactBoxSingleColorNavyBlue a:link,
.contactBoxSingleColorNavyBlue a:visited,
.contactBoxSingleColorTaupeBrown a:link,
.contactBoxSingleColorTaupeBrown a:visited,
.contactBoxSingleColorEmerald a:link,
.contactBoxSingleColorEmerald a:visited,
.contactBoxSingleColorForestGreen a:link,
.contactBoxSingleColorForestGreen a:visited,
.contactBoxSingleColorSURed a:link,
.contactBoxSingleColorSURed a:visited {
    color: #ffffff;
}

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

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

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

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

/* Bullets in additional text */
.contactBoxSingleColorBlue .contactBoxSingleInfo ul li:before,
.contactBoxSingleColorTaupeBrown .standardContent ul li:before {
    color: #fff;
}

/* Lighten underline links */
.contactBoxSingleWrapper.contactBoxSingleColorBlue .standardContent a:link {
    text-decoration: rgba(255, 255, 255, 0.6) underline;
}

.contactBoxSingleWrapper.contactBoxSingleColorBlue .standardContent a:visited {
    color: #f7f7f7;
    text-decoration: underline hsla(0, 0%, 97%, .7);
}

.contactBoxSingleWrapper.contactBoxSingleColorBlue .standardContent a:hover {
    color: #ffffff;
    text-decoration: underline #ffffff;
}

.contactBoxSingleWrapper.contactBoxSingleColorBlue .standardContent a:focus {
    color: #fdb913;
    text-decoration: underline;
}

.contactBoxSingleWrapper.contactBoxSingleColorBlue .standardContent a:active {
    color: #cc9f26;
}

/* Buttons - For more, see Custom Property Buttons */
.contactBoxSingleColorBlue .btn.btn-dk-txt {
    color: var(--btn-clr, #333333) !important;
    border: 2px solid #fff !important;
}

.contactBoxSingleColorBlue a.btn.btn-dk-txt {
    color: #fff !important;
    text-decoration: none !important;
}

.contactBoxSingleColorBlue .btn.btn-dk-txt:hover,
.contactBoxSingleColorBlue .btn.btn-dk-txt:focus {
    color: var(--su-black, #333333) !important;
    background: var(--btn-clr, #f7f7f7);
}


/* ========================================================================================== 
   ===== 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 - Dual Column Content ===== Content Type #5217 =================================
     ==========================================================================================
     Two HTML blocks placed side-by-side
     Updated 9/9/2021 by Troy
  */

.law-sortingPage-775361 article.dualColumn,
.law-landingPageLayout-2130318 article.dualColumn {
    padding: 2rem 1.5rem 3rem;
}

.dc-headline {
    text-align: center;
}

.dc-headline h2 {
    color: #aa0000;
    font-size: var(--h2);
    margin-bottom: 2.5rem;
}

.dc-headline h3 {
    color: #aa0000;
    margin-bottom: 0.5rem;
}

.dualColumnWrapper h3,
.dualColumnWrapper h4,
.dualColumnWrapper h5,
.dualColumnWrapper p {
    color: #333333;
}

.dualColumn h3 {
    margin-top: 3rem !important;
    margin-bottom: 1rem !important;
    text-transform: uppercase;
    font-size: var(--h3);
    font-weight: 500;
}

h3 .p-style-heading {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
}

h3 .p-style-heading-white {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600 !important;
    margin-bottom: 1.5rem;
    color: #ffffff;
}

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

article.dualColumn a:visited {
    color: #088099;
}

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

article.dualColumn a:active {
    color: #aa0000;
}


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


/* Creates more space on landing and sorting pages */

@media (min-width: 1200px) {

    .law-sortingPage-775361 article.dualColumn,
    .law-landingPageLayout-2130318 article.dualColumn {
        padding: 4rem 0 6rem;
    }
}

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


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


/* ========================================================================================== 
     ===== Law - Faculty Profile  ===== Content Type #5143 ============================== START 
     ==========================================================================================
     Original CSS written in 2019. Last update/edit: 11/25/2020. 
  */


/* ****** Bootstrap 5 Organizer layouts - vic 20210425 ****** */


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

@media screen and (min-width: 768px) and (max-width: 991.99px) {
    .lawFacultyWrapper p.card-text {
        font-size: 1rem;
    }
}


/* Below md breakpoint max-width: 767.99px and down) */

@media screen and (max-width: 767.99px) {
    .lawFacultyWrapper.w-50 {
        width: 100% !important;
    }
}



/* ****** End Bootstrap 5 Organizer layouts - vic 20210425 ****** */



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

.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(s), 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: 0.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: 0.75rem;
    }

    .cv-twitter:nth-child(2) {
        margin-left: 0.75rem;
    }

    .facultyProfileBiography {
        max-width: 95%;
    }
}


/*** END Fulltext Layout ***/


/*
  ===== Law - Faculty Profile  ===== Content Type #5143 ================================ END 
  */


/* ========================================================================================== 
     ===== Law - 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 20211129 vic / 20230104 Troy
*/


.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.999px) {
    .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;
    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.999px) {
    .featuredCuratedEventsWrapper .curatedEventsList {
        display: inherit;
    }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem {
    background: #ffffff;
    display: flex;
    margin: 0 0 1px 0;
    padding: 30px;
    position: relative;
}


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

@media screen and (max-width: 767.999px) {
    .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: 0.75rem;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateMonth {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1;
}

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

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

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

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

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

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle {
    color: #aa0000;
    font-size: 1.3rem;
    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: 2em;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
}


/* ==========================================================================================
     ===== Law - Featured Curated Events Box ===== Content Type #5194 =========================
     ==========================================================================================
     Adds up to three events in MainZone. Requires Law - Curated Event (id:5568) content type.
  */


/* ==========================================================================================
     ===== Law - Focus Box ===== Content Type #5178 ===========================================
     ==========================================================================================
     A rich text field with optional background colors
     Last revised 9/5/2023 by Troy
  */

.focusBoxWrapper {
    margin-bottom: 2rem;
}

.focusBox {
    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 {
    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;
    text-decoration: underline hsla(0, 0%, 100%, .7);
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:visited {
    color: #f7f7f7;
    text-decoration: underline hsla(0, 0%, 97%, .7);
}

.focusBoxWrapper .colorSUBlack .focusBoxContent a:hover {
    color: #ffffff;
    text-decoration: underline;
}

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

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

.focusBoxWrapper .colorBlue {
    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;
    /* text-decoration: underline; */
    text-decoration: underline hsla(0, 0%, 100%, .7);
}

.focusBoxWrapper .colorBlue .focusBoxContent a:visited {
    color: #f7f7f7;
    text-decoration: underline hsla(0, 0%, 97%, .7);
}

.focusBoxWrapper .colorBlue .focusBoxContent a:hover {
    /* color: #cc9f26; */
    color: #fdb913;
    text-decoration: underline;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:focus {
    /* color: #cc9f26; */
    color: #fdb913;
    text-decoration: underline;
}

.focusBoxWrapper .colorBlue .focusBoxContent a:active {
    /* color: #fdb913 !important; */
    color: #cc9f26;
}


.focusBoxWrapper .colorNavyBlue {
    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;
    text-decoration: underline hsla(0, 0%, 100%, .7);
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:visited {
    color: #f7f7f7;
    text-decoration: underline hsla(0, 0%, 97%, .7);
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:hover {
    color: #fdb913;
    text-decoration: underline #fdb913;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:focus {
    color: #fdb913;
    text-decoration: underline #fdb913;
}

.focusBoxWrapper .colorNavyBlue .focusBoxContent a:active {
    color: #cc9f26 !important;
    text-decoration: underline #cc9f26;
}

.focusBoxWrapper .colorTaupeBrown {
    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: #ffffff;
}

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

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

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:focus {
    color: #f7f7f7;
    text-decoration: underline;
}

.focusBoxWrapper .colorEmerald {
    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 {
    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 {
    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 {
    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 {
    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;
    text-decoration: underline hsla(0, 0%, 100%, .7);
}

.focusBoxWrapper .colorSURed .focusBoxContent a:visited {
    color: #f7f7f7;
    text-decoration: underline hsla(0, 0%, 97%, .7);
}

.focusBoxWrapper .colorSURed .focusBoxContent a:hover {
    color: #ffffff;
    text-decoration: underline #ffffff;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:active {
    color: #f7f7f7 !important;
    text-decoration: underline #f7f7f7;
}

.focusBoxWrapper .colorSURed .focusBoxContent a:focus {
    color: #f7f7f7;
    text-decoration: underline #f7f7f7;
}


/* bullets */

focusBox.colorSURed .focusBoxContent ul li:before {
    color: #ffffff !important;
}

.focusBoxWrapper .colorRedOrange {
    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: #ffffff;
}

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

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

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

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

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

.focusBoxWrapper .colorWhite {
    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 {
    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 .colorYellow .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 p,
.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;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent h2,
.focusBoxWrapper .colorYellowTint .focusBoxContent h3,
.focusBoxWrapper .colorYellowTint .focusBoxContent h4,
.focusBoxWrapper .colorYellowTint .focusBoxContent h5 {
    color: var(--su-red);
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:link {
    color: var(--navy-blue);
    text-decoration: underline;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:visited {
    color: var(--navy-blue);
    text-decoration: underline;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:hover {
    color: var(--su-blue);
    text-decoration: underline;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:active {
    color: var(--su-red) !important;
    text-decoration: underline;
}

.focusBoxWrapper .colorYellow .focusBoxContent a:focus {
    color: var(--su-red);
}

.focusBoxWrapper .colorYellowTint .focusBoxContent li::before {
    color: var(--navy-blue) !important;
}


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


/*** Button in Tiny MCE HTML editor - labeled as 'Arrow' ***/


/* Altered for use in Focus Box (neutral button colors to work with varying Focus Box background colors) */

.focusBox ul.arrowLinks li {
    flex: 1 1 100%;
    margin-top: 0;
}

.focusBox ul.arrowLinks a:link,
.focusBox ul.arrowLinks a:visited {
    border: none;
    background-color: #ffffff;
    color: #333333 !important;
}

.focusBox ul.arrowLinks a:hover,
.focusBox ul.arrowLinks a:active,
.focusBox ul.arrowLinks a:focus {
    text-decoration: underline;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {

    /* sm */
    .focusBox ul.arrowLinks li {
        flex: 1 1 calc(50% - 7px);
    }
}


/* Allow the button to grow at small widths */
@media (min-width: 992px) {
    .focusBox ul.arrowLinks li {
        margin-top: 0;
    }

    .focusBox ul.arrowLinks li {
        flex: 1 1 calc(33.33% - 7px);
    }
}


/* ==========================================================================================
   ===== Law - Form ===== Content Type: #5157 =============================================== 
   ==========================================================================================
     Holds T4 form code. 
*/

p.form-group.js-paragraph-preview {
    font-weight: 500;
}

/* .formPlaceholder .js-t4form-container .form-group {
    margin-bottom: 20px;
} */

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

label {
    font-size: 1.2rem;
}

.js-t4form-container label {
    font-weight: 500;
    font-size: 1.2rem
}

.formPlaceholder .js-t4form-container .control-label {
    /* labels on all elements*/
    border: 0;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.formPlaceholder .js-t4form-container .js-choice-label {
    font-weight: 500;
    font-size: 1.2rem;
}

.formPlaceholder .js-t4form-container textarea.form-control {
    min-height: 9rem;
}

.formPlaceholder .form-group .btn-primary {
    color: #aa0000;
    font-weight: 600;
    background-color: #fff;
    border-color: var(--su-blue);
}

.formPlaceholder .form-group .btn-primary:hover,
.formPlaceholder .form-group .btn-primary:focus {
    color: #fff;
    background-color: var(--su-blue);
    border-color: #aa0000;
}

.formPlaceholder form {
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
}

.formPlaceholder form h2 {
    /* identical to standard content */
    color: #aa0000;
    clear: both;
    margin: 30px 0 3px 0;
}

.formPlaceholder form h3 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.96rem;
    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 {
    /* position: relative; */
    background-color: #f7f7f7 !important;
    /* border-radius: 0px !important; */
    box-shadow: none;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    /* font-size: 1.2rem; */
    /* line-height: 1; */
    /* height: inherit; */
}

.js-t4form-container .radio input[type="radio"],
.js-t4form-container .radio-inline input[type="radio"],
.js-t4form-container .checkbox input[type="checkbox"],
.js-t4form-container .checkbox-inline input[type="checkbox"] {
    margin-top: 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: ellipsis;
}

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


/* =============================================================================================
     ===== Law - Horizontal Card ===== Content Type #5562 ========================================
     =============================================================================================
     Image on the left with headline, HTML editor, and button link.
     Add Law - Code-Only content item to alter style with full bleed image. 
     Suggested image aspect ratio: 7x5 (1000x563px)
     Made by Troy and Pierce 10/29/2021
  */

@media screen and (max-width: 767px) {
    .cardFooter {
        margin: 0 auto;
    }
}


/* Overriding standardContent styles for hCard */

.horizontalCard p {
    font-size: 1.1rem !important;
    overflow: hidden;
}

.horizontalCard .cardFooter a {
    color: #a90400;
    text-decoration: none;
    max-width: max-content;
    transition: all 0.2s ease;
}

.horizontalCard .cardFooter a:hover {
    /* background: #fff; */
    background: #088099 !important;
    /* color: #088099 !important; */
    color: #fff !important;
    text-decoration: underline;
}

.horizontalCard .btn-sm,
.horizontalCard .btn {
    border-radius: 0;
}

.horizontalCard .cardFooter {
    background-color: transparent;
    border-top: 0px;
    margin-bottom: 5px;
}


/* ==========================================================================================
     ===== Law - 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;
    overflow-y: hidden;
}

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

/* imageBannerWrapper+h1 is used for the Law - Image Banner Treatments CT */
.imageBanner h1,
.imageBannerWrapper+h1 {
    width: 100%;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    text-align: center;
    text-shadow: 0 0 0.35em rgb(30 18 52 / 75%),
        0.035em 0.035em 0 rgb(30 18 52 / 75%);
}

.imageBanner h1.pageTitle {
    font-size: var(--fs-xl);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.8rem;
}

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

.law-landingPage-notitle-2416209 .imageBannerIntro {
    padding: 0;
}

.law-detailPage-notitle-2416212 .imageBannerIntro {
    padding: 0;
}


@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: 2.3em;
    font-weight: 300;
}

.imageBannerIntro p {
    color: #333333;
    font-size: 1.4rem;
    /* line-height: 1.45; */
    font-weight: 300;
    text-align: center;
}

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

    .imageBanner .imageBannerText {
        padding: 25px 15px;
    }

    .imageBanner .imageBannerText h2 {
        font-size: 2.3rem;
    }

}

.imageBannerBreadcrumbs {
    color: #ffffff;
    text-align: center;
    font-size: var(--h3);
    line-height: 1;
    font-weight: 600;
    text-shadow: 0 0 0.35em rgb(30 18 52 / 75%),
        0.035em 0.035em 0 rgb(30 18 52 / 75%);
}

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

    .imageBannerIntro h5 {
        font-size: 3rem;
    }

    .imageBannerIntro p {
        font-size: 1.8rem;
    }
}


/* ==========================================================================================
   ===== Law - Image Box Navigation ===== Content Type #5299 ================================
   ==========================================================================================
   By Steve 10/24/19. Last edited by Troy 4/21/2023.    
*/

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

.imageBoxWrapper .imageBoxes {
    display: flex;
    justify-content: space-between;
    flex-basis: 25%;
}

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

.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;
    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: 992px) and (max-width: 1199.98px) {

    /* 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: 991.98px) {

    /* xs */
    .imageBoxWrapper .imageBoxes {
        display: block;
    }

    .imageBoxWrapper .imageBox {
        margin: 30px 0 0 0;
    }

    .imageBoxWrapper .imageBox .standardContent {
        padding: 0;
    }
}


/* ==========================================================================================
     ===== Law - Image Panel ===== Content Type: #5195 ========================================
     ==========================================================================================
     Background image with overlayed text box. Used on Home and Admission landing pages only.
     Use with 'Law - Homepage' page layout.
     Updated to Bootstrap 5 -  20210413 vic
  */


/* 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;
    font-weight: 500;
}


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


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


/*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: 768px) {
    .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.2rem;
    font-weight: 600;
    padding: 15px 0 0 0;
    text-transform: uppercase;
}

.infographicItemNumber {
    color: #aa0000;
    display: block;
    font-family: "Montserrat", serif;
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
}

.infographicItemIcon {
    background: #f7f7f7;
    background-color: #aa0000;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 52px;
    /* not rem because its a graphic element*/
    height: 80px;
    line-height: 100%;
    margin: 10px 0;
    text-align: center;
    text-transform: lowercase;
    width: 80px;
}

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

.infographicSummary p {
    padding: 10px;
}


/* 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 {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

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

@media (min-width: 992px) and (max-width: 1199.98px) {

    .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: 1.6rem;
}

.imageInfographic .infographicItemText p {
    color: #aa0000;
    font-weight: 600;
}

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

.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 (min-width: 768px) and (max-width: 991.98px) {
    .imageInfographic .infographicItemHeader p {
        font-size: 2.25rem;
    }
}

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


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

.jumbotron1 h2,
.jumbotron1 h2 a,
.jumbotron1 h2 a:visited {
    text-decoration: none;
}

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

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

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

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

.jumbotron1Image img {
    width: 100%;
    /*original image size pre-T4 was 870px; new width is 877px, so this stretches it on large screens */
    margin-top: 8px;
}

.jumbotron1 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 .boxlinks {
    margin-bottom: 0;
}

/* .jumbotron1 ul.boxlinks li {
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 15px;
} */

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

@media (min-width: 992px) {

    /* md and lg */
    /* .container */
    #pageContentWrapper.container #MainZone.col-md-6 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-6 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }

    #pageContentWrapper.container #MainZone.col-md-9 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-9 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }

    #pageContentWrapper.container #MainZone.col-md-12 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-md-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }

    /* .container-fluid */
    #pageContentWrapper.container-fluid #MainZone.col-md-6 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }

    #pageContentWrapper.container-fluid #MainZone.col-md-9 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }

    #pageContentWrapper.container-fluid #MainZone.col-md-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(25% - 7px);
        width: 25%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.999px) {

    /* sm */
    /* .container */
    #pageContentWrapper.container #MainZone.col-sm-8 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-sm-8 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }

    #pageContentWrapper.container #MainZone.col-sm-12 .jumbotron1 ul.boxlinks li,
    #pageContentWrapper[class=""] #MainZone.col-sm-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }

    /* .container-fluid */
    #pageContentWrapper.container-fluid #MainZone.col-sm-8 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(50% - 7px);
        width: 50%;
    }

    #pageContentWrapper.container-fluid #MainZone.col-sm-12 .jumbotron1 ul.boxlinks li {
        flex: 0 1 calc(33.33% - 7px);
        width: 33.33%;
    }
}

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

.jumbotron1 .boxlinks p {
    clear: both;
}

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


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

/* 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 h3 {
    color: #333333;
    margin: 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.jumbotron3 .standardContent p {
    font-weight: 500;
}


/* 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 QUERIES ***/

@media screen and (min-width: 768px) {
    .jumbotron3Wrapper .jumbotron3Image {
        padding: 250px;

    }
}

@media screen and (min-width: 992px) {

    /* 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 .jumbotron3Image {
        padding: initial;
    }

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


/* ==========================================================================================
   ===== Law - Jump Links ===== Content Type #5273 ==========================================
   ==========================================================================================
    Links to other content in the section
    By Jason 9/30/19. Last revised by Troy 4/21/2023.
*/

.jumpLinksWrapper {
    overflow: auto;
}

.jumpLinksWrapper ol li {
    display: inline-block;
}

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

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

/* New 4/2023 */

.jumpLinksWrapper {
    display: flex;
    flex-direction: row;
    padding: 30px 0 0;
}

.jumpLinksWrapper ol {
    text-align: center;
}

.jumpLinksWrapper ol li {
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .jumpLinksWrapper {
        flex: none;
        padding: 15px 0 0;
    }

    .jumpLinksWrapper ol {
        margin: auto;
        max-width: 1400px !important;
        padding: 25px 0;
        line-height: 2.5;
    }

    .jumpLinksWrapper ol li {
        width: unset;
        margin-bottom: unset;
    }

    .jumpLinksWrapper ol li::after {
        content: "|";
        padding-left: 20px;
        padding-right: 20px;
    }

    .jumpLinksWrapper ol li:last-child::after {
        content: "";
    }

    .jumpLinksWrapper ol.jumpLinks a:link {
        color: #333 !important;
        font-weight: 500;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    .jumpLinksWrapper ol.jumpLinks a:visited {
        color: #333 !important;
        font-weight: 400;
    }

    .jumpLinksWrapper ol.jumpLinks a:hover {
        color: #088099 !important;
    }

    .jumpLinksWrapper ol.jumpLinks a:focus,
    .jumpLinksWrapper ol.jumpLinks a:active {
        color: #AA0000 !important;

    }

}


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

.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. Updated by Troy 1/18/2023 */

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

.newsroomArticleWrapper h1#pageTitle {
    font-size: 4rem;
    font-weight: 400;
}

.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: 0.5rem;
}

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

.newsroomArticleBody .articleText.standardContent p {
    color: #333;
    font-weight: 400;
    max-width: 60ch;
}

.newsroomArticleWrapper .newsroomArticleBody .articleText.standardContent ul li {
    font-size: 1.2rem !important;
    line-height: 1.5;
    font-weight: 400;
}

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


@media (min-width: 576px) {
    .icon-text {
        display: unset;
        margin-left: 0.5em;
        font-size: 0.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;
    }
}

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

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

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


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

/* .organizerWrapper {} */


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

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


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


.primaryContentWrapper .primaryContent> :first-child {
    margin-top: 30px;
}

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

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

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


/* ==========================================================================================
     ===== Law - Primary Content - Skinny ===== Content Type #5597 ============================
     ==========================================================================================
     Standard HTML block content in Main Zone. Eight columns at 992px and up to reduce line length.
     New 10/12/2021 Troy
  */

.primary-skinny {
    margin: auto;
}


/* ==========================================================================================
   ===== Law - 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;
    font-family: "Montserrat", sans-serif;
    font-size: 2.1rem;
    text-transform: none;
}

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

#MainZone .quicklinks ul,
#zoneC .quicklinks ul {
    border-top: 1px solid #088099;
    padding-top: 2.5rem;
}

.quicklinks ul {
    list-style-type: none;
    position: relative;
    padding: 0.5rem 0 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;
}


/* ========================================================================================== 
     ===== Law - 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: 0.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;
}


/* ==========================================================================================
     ===== Law - 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-size: var(--h2);
    text-transform: none;
}

#SidebarZone .socialMediaIconsText h2 {
    font-size: var(--h2);
}

.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 0.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: 1rem;
}

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

@media (min-width: 576px) {
    .spotlightWrapper .spotlightCopy {
        padding: 3rem;
    }
}

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


/* ========================================================================================== 
     ===== Law - Student Profile  ===== Content Type #5192 ==================================== 
     ==========================================================================================
     Last update/edit: 5/24/2021 by Troy
  */


/* START Text-HTML layout 
     Needs #MainZone to display:flex;
  */

.studentProfileMasonry .card-body a:link,
.studentProfileMasonry .card-body a:visited {
    text-decoration: underline #fff;
}

.studentProfileMasonry .card-body a:hover {
    text-decoration: underline #aa0000;
}

/* .studentProfileMasonry .card-body a:focus {} */

/* .studentProfileMasonry .card-body a:active {
    color: #088099 !important;
    text-decoration: underline #088099;
} */

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


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


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

.tc-headline {
    text-align: left;
    margin-bottom: 2rem;
}

.tc-headline h2 {
    font-size: 2.65rem;
    /* fall back */
    font-size: var(--h2);
}

article.tripleColumn {
    padding: 2rem 1.5rem 3rem;
}

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

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

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


/* XX-Large devices */

@media (min-width: 1400px) {
    .tc-headline {
        text-align: center;
    }

    .tc-headline h2 {
        font-size: xxx-large;
        margin-bottom: 2.5rem;
    }
}


/* ==========================================================================================
     ===== Law - Columns-4 ========== Content Type #5596 ====================================== 
     ==========================================================================================
     Four HTML blocks placed side-by-side with one centered HTML block above
     New 10/11/2021 by Troy
  */

.c4-headline {
    text-align: left;
    margin-bottom: 2rem;
}

.c4-headline h2 {
    font-size: 2.65rem;
    /* fall back */
    font-size: var(--h2);
}

.p-style-heading {
    text-transform: uppercase;
    color: #333333;
}

article.columns-4 {
    padding: 2rem 1.5rem 3rem;
}

article.columns-4 a:link,
article.columns-4 a:visited {
    color: #088099;
    text-decoration: none;
}

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

article.columns-4 a:active {
    color: #aa0000;
    text-decoration: underline;
}


/* XX-Large devices */

@media (min-width: 1400px) {
    .c4-headline {
        text-align: center;
    }

    .c4-headline h2 {
        margin-bottom: 2.5rem;
    }
}


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



/* ========================================================================================== 
   ===== 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 Vimeo  ===== Content Type #5614 ============================= 
   ==========================================================================================
   Vimeo Video with controls that loops without autoplay
   Created by vic 20221026
*/

.embeddedVideoWrapper.vmv {
    border-color: #807060;
}

.embeddedVideoWrapper.vmv .embeddedVideoInner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.embeddedVideoWrapper.vmv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embeddedVideoWrapper.vmv h3.videoTitle {
    color: #AA0000;
    font-family: "Montserrat", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
}

.embeddedVideoWrapper.vmv .videoLink a {
    color: #088099;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}

.embeddedVideoWrapper.vmv .videoLink a:hover {
    text-decoration: underline;
}

.embeddedVideoWrapper.vmv .videoLink a:active {
    text-decoration: underline;
}

.embeddedVideoWrapper.vmv .card-body {
    padding: 0;
}

.embeddedVideoWrapper.vmv .card-body p {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.embeddedVideoWrapper.vmv .card-footer p {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.embeddedVideoWrapper.vmv .card-footer {
    padding: 0.5rem 0;
}


/* ========================================================================================== 
   ===== 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: -8rem;
        top: -5.5%;
    }

    .autoplay.contentItem:first-of-type {
        margin-bottom: 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
    }

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


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

/* ========================================= Global Utility Classes ============================================== */

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


/*** Helper classes to extend layout options ***/


/* -------------------------- Columns -------------------------- */

/* Add this class to a parent div containing paragraphs to make two columns */
.two-columns {
    /* Sets minimum column width (for both columns), and amount of columns */
    columns: 75ch 2;
    column-gap: 5%;
    /*  overwrites characters limit for .standardContent paragraphs */
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 5em;
}

.small-caps {
    font-variant-caps: small-caps;
}

/* *********************************************************
   SU-Law-modified.css
   Media Library ID 421656
************************************************************ */