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

   Modified post 20210817
************************************************************ */

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

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

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

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

@viewport {
    width: device-width;
}


/* Font and icon declarations */

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


/* Resets */

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


/* Remove default margin */

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


/* Global Custom Properties: The HTML element but with higher specificity */

 :root {
    /* Body Text */
    --p: 1.2rem;
    /* Captions */
    --cap: 1.1rem;
    /* Headlines */
    --h2: 2.65rem;
    --h3: 1.65rem;
    --h4: 1.563rem;
    --h5: 1.25rem;
    /* Color Palette */
    --su-black: #000000;
    --su-blue: #088099;
    --emerald: #008765;
    --forest-green: #124a12;
    --gold: #cc9f26;
    --su-green: #55b31b;
    --navy-blue: #003282;
    --red-orange: #ef4135;
    --su-black: #333333;
    --su-red: #aa0000;
    --taupe-brown: #807060;
    --su-white: #fff;
    --su-yellow: #fdb913;
    --su-yellow-tint: #f7f7f7;
}

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


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


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


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


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


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


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


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


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


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


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

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


/* @media (min-width: 992px) {
  
    #pageContentWrapper.container #SidebarZone{
      padding-right: 4.5rem;
    }
  
    #SidebarZone {
      padding-left:1.5rem;
    }
  
  }
  
  @media (min-width: 1200px) {
    #SidebarZone {
      padding-left: 0;
    }
  } */


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

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


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

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

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

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

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

#MainZone .primaryContent.standardContent a:hover {
    text-decoration: underline;
}

#MainZone .primaryContent.standardContent a:active {
    color: #aa0000;
    /* SU Red */
}


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


/* ==================================================== Site Navigation ========================================== */


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


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

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

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

#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
    /* border-bottom: 1px solid #B7B7B7; */
    color: #333333;
    display: block;
    font-weight: bold;
    font-size: 15px !important;
    height: inherit;
    line-height: 100%;
    padding: 15px 0px 13px 0;
    text-decoration: none;
    text-transform: uppercase;
    /* margin-bottom: 15px; */
}

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

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

#navLevel {
    display: none;
}

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

@media (max-width: 991.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-collapse.collapse {
        display: none!important;
    } */
    #siteNavigation .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #siteNavigation .collapse.in {
        display: block !important;
    }
    #siteNavigation #siteNavigationTitleWrapper {
        border-bottom: 1px solid #b7b7b7;
    }
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
    #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited {
        border-bottom: none;
        font-family: "Oswald", sans-serif;
        padding: 15px 35px 15px 30px;
    }
}


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

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


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


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


/* affects all menu items in desktop */

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


/* focus affects on mobile sidebar menu items */


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


/* all links in all menu items */


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

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

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

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


/* All links in the sitenav menu */


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

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

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

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

#siteNavigation #menu li span.currentsection {
    border-bottom: 1px solid #b7b7b7;
    color: #aa0000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6em;
    padding: 10px 7px 10px 0;
}

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

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

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

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

#siteNavigation .list-group-item {
    /* position: relative; */
    /* display: block; */
    /* padding: 0.5rem 1rem; */
    /* color: #212529; */
    /* text-decoration: none; */
    /* background-color: #fff; */
    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;
    }
}


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

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

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

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

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

#pageTitle:empty {
    display: none;
}


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


/* .searchArea .gsc-search-box {
      display:none;
  } */

.searchAreaWrapper .gsc-input input {
    background: #ffffff !important;
    border: 1px solid #cccccc;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    line-height: calc(4rem - 2px);
    padding: 0 1rem !important;
}

.searchAreaWrapper .gsc-input input:active {
    /*border: 1px solid #aa0000;*/
    border: none;
    height: 24px;
}

.searchAreaWrapper .gsc-input input::placeholder {
    padding: 10px;
    font-size: 1.6rem;
    color: #595959;
    font-family: "Montserrat", sans-serif;
    line-height: 1.6rem;
    text-indent: 0;
}

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

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

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

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


/* #primoQueryTemp {
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-color: #333333;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-stretch: 100%;
    font-weight: 500;
    height: 47px;
    line-height: 22.85px;
    margin: 0px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    position: relative;
    text-align: start;
    vertical-align: middle;
    width: 75%;
} */


/* @media screen and (max-width: 500px) {
    #primoQueryTemp {
        width: 70%;
    }
} */

.search-icon {
    color: rgb(255, 255, 255);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    cursor: pointer;
    border-color: #333333;
}

#search_scope2 {
    float: none;
    margin-left: 0px;
}

#search_scope4 {
    float: none;
    margin-left: 0px;
}

#search_scope5 {
    float: none;
    margin-left: 0px;
}

div.row.Row1 {
    margin-bottom: 0px;
}


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


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

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

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

.standardContent h2 {
    /* major headings */
    color: #aa0000;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    font-weight: 495;
    font-size: 2rem;
    /* 2.441rem; Major scale */
    margin-bottom: 0.5rem;
}

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

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

.standardContent h3 {
    /* minor headings */
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    xfont-size: 1.75rem;
    /* 1.953rem; Major scale */
    font-size: 1.65rem;
    margin-bottom: 0.3rem;
}

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

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

.standardContent h4 {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 1.563rem;
    margin-bottom: 0.3rem;
}

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

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

.standardContent h5 {
    color: #aa0000;
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    margin-bottom: 0.2rem;
}

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

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

.standardContent h6 {
    /* H6s should be disabled. But just in case... */
    color: #333333;
    font-family: "Montserrat", sans-serif;
}

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

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


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

.standardContent p {
    color: #333333;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 1rem;
    /* max-width: 75ch; */
}

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


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

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

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


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

.standardContent ul,
.standardContent ol {
    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: 500;
    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;
    }
}


/*** 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.
     New 11/5/2021 - Troy 
  */

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

.btn {
    color: var(--btn-clr, #fff) !important;
    border: 2px solid var(--btn-clr, #088099);
    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-65-gray {
    --btn-clr: var( --65-gray, #707070);
}

.btn-black {
    --btn-clr: var( --su-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(--su-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);
    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: 1.2rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    /* same as paragraphs */
    width: 100%;
}

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


/* table heading rows */

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

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

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

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

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

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


/* table body cells and row headers */

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

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

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

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

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


/* affects curriculum tables only*/

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


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

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


/* -------------------------- Boxlinks -------------------------- */

ul.boxlinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin: auto auto;
    padding: 0;
    width: 100%;
    /* prevents ULs with 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;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.25;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

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

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

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

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


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


/* #SidebarZone .secondaryContent .standardContent img{
    padding:0 20px;  
  } */

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

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

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

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

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

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

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

.imageWrapper img {
    padding: 0;
}

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

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

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

figcaption {
    font-size: 1.1rem;
    /* fall back */
    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: 18px;
    padding: 10px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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


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


/* div#footerInner .container > * {
    outline: 2px solid red;
  } */

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;
    margin: 0 0 2rem 0;
    padding: 0;
}

@media (min-width: 992px) {
    footer #footerInner {
        padding: 30px 0;
    }
    footer p.h4 {
        font-size: 1.5rem;
        margin: 0 0 3rem 0;
    }
}

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


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

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

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


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


/* 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;
    xfont-size: 2.8rem;
    font-weight: 500;
    xmargin: 4rem 0 2rem 0;
    xtext-align: center;
    clear: both;
}

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

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

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

.accordionWrapper .accordionItemHeader {
    height: auto;
}

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

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

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

.accordionItemHeader.accordion-header a:hover {
    xoutline: 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;
    xpadding: 2rem 0;
    margin: 2rem 0;
}

.accordionWrapper h3.accordionItemHeaderButtonTitle {
    color: #088099;
    xfont-family: "Montserrat", sans-serif;
    xfont-size: 2rem;
    xfont-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;
}


/* anchor styles inside the accordion item */

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

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

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

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


/*********************
  *
  *   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
     Last revised 11/14/17 by Max   
  */

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

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

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

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

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

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

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

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

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

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


/*85,179,27*/

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

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

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

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

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

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

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

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


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

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

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

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

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


/* to keep enough contrast */

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

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

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

.colorButtonEmerald:hover,
.colorButtonEmerald:focus,
.colorButtonEmerald:active {
    background-color: #007054;
    color: #ffffff;
}

.colorButtonBrown:hover,
.colorButtonBrown:focus,
.colorButtonBrown:active {
    background-color: #6a5d4f;
    color: #ffffff;
}

.colorButtonBlack:hover,
.colorButtonBlack:focus,
.colorButtonBlack:active {
    background-color: #2a2a2a;
    color: #ffffff;
}

.colorButtonWhite:hover,
.colorButtonWhite:focus,
.colorButtonWhite:active {
    background-color: #cccccc;
    color: #333333;
}

.colorButton h4 {
    xfont-size: 2.2rem;
    font-size: 1.1rem;
    font-weight: 300;
    xline-height: 2.2rem;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

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


/* ==========================================================================================
     ===== 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 {
    text-decoration: none;
}

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

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

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


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

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

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


/* @media screen and (max-width: 992px) and (min-width: 767px) {
    #pageContentWrapper #MainZone .callToActionWrapper .callToActionButton {
        flex-basis: calc(50% - 7px);
    }
    x#pageContentWrapper #MainZone.col-sm-8 .callToActionWrapper .callToActionButton {
        flex-basis: 100%;
    }
} */

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

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

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


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

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

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


/* ==========================================================================================
     ===== 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;
    /* padding: 0 15px 0 15px; */
}

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

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

.cardsWrapper .card a.cardLink:hover img {
    opacity: 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 {
    /* content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOTEuNDQgMzMuMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkxLjQ0IDMzLjEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VGNDEzNTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1Mi44NCwyOS45MyA1NS41NywzMi43NCA3MC45OSwxOC4yOCA4My4xNSwxOC4yOCA3MC44OSwyOS45MyA3My42MywzMyA5MS4yNywxNi42NSA3My42MywwLjI4IAoJCTcwLjg5LDMuMDUgODMuMTYsMTQuMjggNzEsMTQuMjggNTUuNTcsMC4xMiA1Mi44NCwyLjk3IDY1LjExLDE0LjI4IDUyLjk1LDE0LjI4IDM3LjUyLDAuMTIgMzQuNzgsMi45NyA0Ny4wNSwxNC4yOCAwLjE3LDE0LjI4IAoJCTAuMTcsMTguMjggNDcuMDUsMTguMjggMzQuNzgsMjkuOTMgMzcuNTIsMzIuNzQgNTIuOTQsMTguMjggNjUuMSwxOC4yOCAJIi8+CjwvZz4KPC9zdmc+"); */
    font-weight: 400;
    width: 2.4rem;
    position: absolute;
    margin-left: 1rem;
}

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

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

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

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

.cardsWrapper .card {
    background: #fff;
    border: 1px solid #cccccc;
    flex-basis: 25%;
    margin-right: 15px;
}

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

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

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

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

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

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

@media screen and (min-width: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    .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 - 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 {
      display: none !important;
  } */

.carouselImageWrapper.slick-slide {
    display: block !important;
}

.carouselFlexContainer {
    position: relative !important;
}

.carouselImage {
    width: 100%;
}

.carouselImage img {
    background-size: cover;
    width: 100%;
}

.carouselImageCaption {
    background: rgba(0, 0, 0, 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;
}


/* .carouselImageCaption a {
  } */


/*========= Positioning Styles =========*/


/*== On Image ==*/

.carouselImageWrapper.Center .carouselImageCaption {
    text-align: center;
    bottom: 50%;
    left: 25%;
}

.carouselImageWrapper.topRightCorner .carouselImageCaption {
    top: 5%;
    right: 5%;
}

.carouselImageWrapper.topLeftCorner .carouselImageCaption {
    top: 5%;
    left: 5%;
}

.carouselImageWrapper.bottomRightCorner .carouselImageCaption {
    bottom: 5%;
    right: 5%;
}

.carouselImageWrapper.bottomLeftCorner .carouselImageCaption {
    bottom: 5%;
    left: 5%;
}

.carouselImageWrapper.topCenter .carouselImageCaption {
    text-align: center;
    top: 5%;
    left: 25%;
}

.carouselImageWrapper.bottomCenter .carouselImageCaption {
    text-align: center;
    bottom: 5%;
    left: 25%;
}


/* ==========================================================================================
     ===== 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: 1.2rem;
    /* fall back */
    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: 1.2rem;
    /* fall back */
    font-size: var(--p);
}


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

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

.codeSidebarZone p {
    font-size: 1.2rem;
    /* fall back */
    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;
    /*padding:30px by max, moved to each box*/
    text-align: center;
}

.contactBoxWrapper.contactBoxColorGold {
    background-color: #fdb913;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorBlack {
    background-color: #333333;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorDarkBlue {
    background-color: #003282;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorGreen {
    background-color: #55b31b;
    color: #000000;
}

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

.contactBoxWrapper.contactBoxColorLightBlue {
    background-color: #088099;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorOrange {
    background-color: #ef4135;
    color: #ffffff;
    text-shadow: 1px 1px #e22012;
}

.contactBoxWrapper.contactBoxColorRed {
    background-color: #aa0000;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorWhite {
    background-color: #f7f7f7;
    color: #000000;
}

.contactBoxWrapper.contactBoxColorEmerald {
    background-color: #008765;
    color: #ffffff;
}

.contactBoxWrapper.contactBoxColorBrown {
    background-color: #807060;
    color: #ffffff;
}

.contactBoxWrapper h2 {
    /* font-family: "Montserrat", sans-serif; */
    font-size: 2.65rem;
    /* fall back */
    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-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    color: #aa0000;
}

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

.contactBoxInfoPosition {
    padding-bottom: 15px;
}

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


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

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

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


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

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

.contactBoxSingleInfoWrapper {
    padding-right: 2em;
}

.contactBoxSingleWrapper h2 {
    font-size: 2.65rem;
    /* fall back */
    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: 1.65rem;
    /* fall back */
    font-size: var(--h3);
    color: unset !important;
}

.contactBoxSingleInfo p {
    margin: 0 0 1rem 0;
    padding-left: 0;
    font-size: 1.2rem;
    /* fall back */
    font-size: var(--p);
    line-height: 1.5;
    color: unset !important;
}

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

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

.contactBoxSingleInfo {
    text-align: left;
}

.contactBoxSingleInfoPosition {
    padding-bottom: 15px;
}

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

.displayNone {
    display: none !important;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


/* ==========================================================================================
     ===== 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;
    /* Red */
    xfont-size: 2.65rem;
    /* fall back */
    xfont-size: var(--h2);
    margin-bottom: 2.5rem;
}

.dc-headline h3 {
    color: #aa0000;
    /* Red */
    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: 1.65rem;
    /* fall back */
    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;
    /* Light Blue */
    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;
    }
}


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


/* commented out by vic 20210425 */


/* .facultyProfileWrapper {
  
  
  }
  
  .facultyProfileWrapper h1 {
    font-family: "Montserrat", sans-serif;
  }
  
  .facultyProfileWrapper .facultyProfilePicture {
    
  }
  
  .facultyProfileWrapper .facultyProfilePicture img {
    xmax-width: 100%;
    xpadding: 0;
  }
  
  .facultyProfileBiography h2 {
     margin: 30px 0 10px 0;
  }
  
  .facultyProfileWrapper .facultyProfileRoom,
  .facultyProfileWrapper .facultyProfilePhone,
  .facultyProfileWrapper .facultyProfileEmail {
    xtext-align: right;
    padding-left: 0;
  }
  
  .facultyProfileWrapper .facultyProfileBiography {
    
  }
  
  .facultyProfileWrapper .facultyProfileMiddle {
    xbackground-color: #f7f7f7;
    margin-top: 30pxl
  } */


/* .facultyListItemWrapper {
     flex: 1 1 calc(100% - 30px);
     align-self: flex-start;
     margin: 15px;
     max-width: 233.5px;
  } */


/* 
  div#id977819 .organizer  {
     display: flex;
     flex-wrap: wrap;
     xjustify-content: center;
  } */


/* .facultyListItemWrapper a {
     display: block;
     text-decoration: none;
  }
  
  .facultyListItemWrapper a:hover {
     box-shadow: 0px 0px 15px #888;
     text-decoration: underline;
     color: #333333;
  } */


/* .facultyListItem {
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
  }
  
  .facultyListItemPhoto {
     background-position: center;
     background-size: cover;
     align-self: flex-end;
     min-height: 277px;
     flex: 1 1 100%;
  }
  
  .facultyListItemText {
     align-self: flex-start;
     width: 100%;
  } */


/* .facultyListItemPhoto img {
     padding: 0;
     min-height: 150px;
     object-fit: cover;
  } */


/* .facultyListItem h3  {
     color: #333333;
     font-family: Montserrat;
     font-size: 2rem;
     margin: 10px 0 0 0; 
  } */


/* .facultyListItemText p {
     font-size: 1.4rem;
     text-align: center;
     line-height: 1.8rem;
  } */


/* START New CSS 11/5/2020 */


/* .facultyPhoto img {
      border-radius: 50%;
  } */


/* #facultyFilter .form-check-label {
      font-size: 2rem;
      color: #333333;
      text-transform: uppercase;
  } */


/* form#facultyFilter {
      padding-top: 5vh;
  } */


/* END New CSS 11/5/2020 */


/* Faculty profile - Landing page layout */


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


/* @media (min-width: 768px) { */


/* START - Faculty landing radio labels */


/* #facultyFilter .form-check-inline {
           justify-content: center;
      } */


/* #facultyFilter label::after {
           content: "|";
           padding-left: 20px;
           padding-right: 20px;
      } */


/* #facultyFilter label:last-child::after {
          content: "";
      } */


/* .facultyListItemWrapper {
             xflex: 1 1 calc(50% - 30px);
      } */


/* END - Faculty landing radio labels */


/* } */


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


/* @media (min-width: 992px) {
      .facultyListItemWrapper {
           xflex: 1 1 calc(100% - 30px);
      }
  } */


/* end commented out by vic 20210425 */


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


/*** START Fulltext Layout ***/


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


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


/* .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;
    height: 200px;
} */


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

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

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

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

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

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

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

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


/* .featuredCuratedEventsWrapper .curatedEventsList {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
  } */


/* ***  Large min Defaults   *** */


/* @media screen and (min-width: 992px) {
      .featuredCuratedEventsWrapper .curatedEventsList {
          flex-direction: row;
          flex-wrap: wrap;
      }
  } */


/* ==========================================================================================
     ===== Law - Focus Box ===== Content Type #5178 ===========================================
     ==========================================================================================
     A rich text field with optional background colors
     Last revised 10/29/2021 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 {
    /* SU Black */
    background-color: #333333;
}

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

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

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

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

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

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

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

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

.focusBoxWrapper .colorBlue .focusBoxContent a:link {
    color: #ffffff;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.focusBoxWrapper .colorTaupeBrown .focusBoxContent a:visited {
    color: #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 {
    /* Emerald */
    background-color: #008765;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* bullets */

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

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

.focusBoxWrapper .colorRedOrange .focusBoxContent p,
.focusBoxWrapper .colorRedOrange .focusBoxContent h1,
.focusBoxWrapper .colorRedOrange .focusBoxContent h2,
.focusBoxWrapper .colorRedOrange .focusBoxContent h3,
.focusBoxWrapper .colorRedOrange .focusBoxContent h4,
.focusBoxWrapper .colorRedOrange .focusBoxContent h5,
.focusBoxWrapper .colorRedOrange .focusBoxContent ul,
.focusBoxWrapper .colorRedOrange .focusBoxContent ul li:before,
.focusBoxWrapper .colorRedOrange .focusBoxContent ol,
.focusBoxWrapper .colorRedOrange .focusBoxContent blockquote,
.focusBoxWrapper .colorRedOrange .focusBoxContent cite,
.focusBoxWrapper .colorRedOrange .focusBoxContent i.fa,
.focusBoxWrapper .colorRedOrange .focusBoxContent a {
    color: #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 {
    /* White */
    background-color: #ffffff;
}

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

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

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

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

.focusBoxWrapper .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(--su-blue);
    text-decoration: none;
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:visited {
    color: var(--su-blue);
}

.focusBoxWrapper .colorYellowTint .focusBoxContent a:hover {
    text-decoration: underline;
}

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

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

.focusBoxWrapper .colorYellowTint .focusBoxContent li::before {
    color: var(--su-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: 768px) {
    .focusBox ul.arrowLinks li {
        xflex: 0 1 100%;
        xflex: 1 1 calc(33.33% - 7px);
    }
}

@media (min-width: 992px) {
    .focusBox ul.arrowLinks li {
        margin-top: 0;
    }
    .focusBox ul.arrowLinks li:not:first-child {
        xflex: 1 1 calc(33.33% - 7px);
    }
    .focusBox ul.arrowLinks li {
        flex: 1 1 calc(33.33% - 7px);
    }
}


/* ==========================================================================================
     ===== Law - Form ===== Content Type: #5157 =============================================== 
     ==========================================================================================
     Holds T4 form code.
     Last revised 2/3/16 by Jason   
  */


/* .formPlaceholder{
    padding: 60px 8.333333333333%;
  } */

.formPlaceholder .js-t4form-container .form-group {
    margin-bottom: 30px;
}

.formPlaceholder .js-t4form-container .form-group.list-options {
    margin-bottom: 0;
    /* same class gets applied to form group wrapper and the list items. this eliminates the duplicative margin */
}

.formPlaceholder .js-t4form-container .form-group.list-options .fieldValue:last-of-type {
    margin-bottom: 0;
    /* same class gets applied to form group wrapper and the list items. this eliminates the duplicative margin */
}

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

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

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

.formPlaceholder .form-group .btn-primary {
    color: #ffffff;
    background-color: #aa0000;
    border-color: #ffffff;
}

.formPlaceholder .form-group .btn-primary:hover,
.formPlaceholder .form-group .btn-primary:focus {
    color: #333333;
    background-color: #fdb913;
    border-color: #333333;
}

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

.formPlaceholder form h2 {
    /* identical to standard content */
    color: #aa0000;
    clear: both;
    font-family: "Roboto Slab", serif;
    font-size: 3.2rem;
    font-weight: 400;
    margin: 30px 0 3px 0;
}

.formPlaceholder form h3 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.953rem;
    margin: 3rem 0 0 0;
}

.formPlaceholder form h4 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.8rem;
    margin: 8px 0 3px 0;
}

.formPlaceholder form h5 {
    /* identical to standard content */
    color: #aa0000;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 8px 0 3px 0;
}

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

.formPlaceholder form textarea {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 992px) {
    .formPlaceholder form .field-row {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .formPlaceholder form .field-row:last-child {
        margin-bottom: 0;
    }
}

.formPlaceholder form .input-wrap {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .formPlaceholder form .input-wrap {
        margin-bottom: 0;
    }
}

.formPlaceholder form .select-input {
    padding: 0;
    margin: 0;
    border: 1px solid #cccccc;
    border-radius: 0px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.formPlaceholder form .select-input select {
    padding: 5px 10px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

.formPlaceholder form .select-style select:focus {
    outline: none;
}

.formPlaceholder .js-t4form-container .form-control:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus {
    border-color: #04a9c5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 169, 197, 0.6);
}


/* when an error is detected on the forms, e.g. when a required field is empty */

.formPlaceholder .js-t4form-container .has-error .help-block,
.formPlaceholder .js-t4form-container .has-error .control-label,
.formPlaceholder .js-t4form-container .has-error .radio,
.formPlaceholder .js-t4form-container .has-error .checkbox,
.formPlaceholder .js-t4form-container .has-error .radio-inline,
.formPlaceholder .js-t4form-container .has-error .checkbox-inline,
.formPlaceholder .js-t4form-container .has-error.radio label,
.formPlaceholder .js-t4form-container .has-error.checkbox label,
.formPlaceholder .js-t4form-container .has-error.radio-inline label,
.formPlaceholder .js-t4form-container .has-error.checkbox-inline label {
    color: #aa0000;
}

.formPlaceholder .form-group .js-required {
    color: #aa0000;
}

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

/* added 10-11-18 by Jason */


/* =============================================================================================
     ===== 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 h2 {
    xfont-size: 1.8rem !important;
    xmargin-top: 0 !important;
}

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

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

.horizontalCard .cardFooter a:hover {
    background: #fff;
    color: #088099;
    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;
}

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

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

.BannerZone {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.imageBoxWrapper .imageBoxes {
    display: flex;
    justify-content: space-between;
    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: 768px) and (max-width: 1199.999px) {
    /* sm + md */
    #MainZone .imageBoxWrapper .imageBox {
        flex-wrap: wrap;
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout12 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout12 .imageBox {
        flex-basis: calc(50% - 7px);
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout123 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout123 .imageBox {
        flex-basis: calc(33% - 7px);
    }
    #MainZone.col-sm-12 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-12 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-9 .imageBoxWrapper .imageBoxLayout1234 .imageBox {
        flex-basis: calc(25% - 7px);
    }
    #MainZone.col-sm-9 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-sm-6 .imageBoxWrapper .imageBoxLayout1234 .imageBox,
    #MainZone.col-md-6 .imageBoxWrapper .imageBoxLayout1234 .imageBox {
        flex-basis: calc(50% - 7px);
    }
}

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


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


/* .panelWrapper.contentItem.g-0:first-of-type {
    margin: 0;
}

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

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

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

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

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


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


/* @media screen and (max-width: 1399.99px) {
    .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.99px) {
    .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;
    }
    .panelWrapper.contentItem.g-0:first-of-type {
        margin: 0;
    }
} */


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


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


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


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


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


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


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


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

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

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


/*1px gap fix*/


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


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


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

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

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

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

@media (max-width: 991px) {
    .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: 991px) {
    .panelWrapper .topRightPanel,
    .panelWrapper .centerRightPanel,
    .panelWrapper .bottomRightPanel {
        justify-content: flex-end;
    }
    .panelWrapper .topLeftPanel,
    .panelWrapper .centerLeftPanel,
    .panelWrapper .bottomLeftPanel {
        justify-content: flex-start;
    }
    .panelWrapper .topCenterPanel,
    .panelWrapper .centerCenterPanel,
    .panelWrapper .bottomCenterPanel {
        justify-content: center;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .centerRightPanel,
    .panelFlexContainer .bottomRightPanel {
        margin-right: 4.1666666%;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .topLeftPanel,
    .panelFlexContainer .topCenterPanel {
        margin-top: 4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel,
    .panelFlexContainer .bottomLeftPanel,
    .panelFlexContainer .bottomCenterPanel {
        align-self: flex-end;
    }
    .panelFlexContainer .centerRightPanel,
    .panelFlexContainer .centerLeftPanel,
    .panelFlexContainer .centerCenterPanel {
        align-self: center;
    }
    .panelFlexContainer .topRightPanel,
    .panelFlexContainer .topCenterPanel,
    .panelFlexContainer .topLeftPanel {
        margin-bottom: auto;
    }
    .panelFlexContainer .topLeftPanel,
    .panelFlexContainer .centerLeftPanel,
    .panelFlexContainer .bottomLeftPanel {
        margin-left: 4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel,
    .panelFlexContainer .bottomCenterPanel,
    .panelFlexContainer .bottomLeftPanel {
        margin-bottom: 4.1666666%;
    }
    .panelWrapper .panelRedDiv {
        border: 10px solid #aa0000;
        border-bottom: 0;
        border-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #aa0000 25.01%, #aa0000 100%);
        border-image-slice: 1;
    }
    .panelWrapper .panelOrangeDiv {
        border: 10px solid #ef4135;
        border-bottom: 0;
        border-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #ef4135 25.01%, #ef4135 100%);
        border-image-slice: 1;
    }
    .panelWrapper .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.999px) {
    .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.999px) {
    .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;
} */


/* ==========================================================================================
     ===== Law - Infographic ===== Content Type #5179 =========================================
     ==========================================================================================
     Set of up to three statistics using numbers or FontAwesome icons with a header and text for each.
  
  */

.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.8rem;
    font-weight: bold;
    padding: 15px 0 0 0;
    text-transform: uppercase;
}

.infographicItemNumber {
    color: #aa0000;
    display: block;
    font-family: "Montserrat", serif;
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 8rem;
    text-align: center;
}

.infographicItemIcon {
    background: #f7f7f7;
    background-color: #aa0000;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 52px;
    /* 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;
}


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


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


/* ==========================================================================================
     ===== 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;
    /* text-transform: uppercase; */
}

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

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

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

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

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


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


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


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


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

.jumbotron3Wrapper {
    padding: 0;
}


/* container for .jumbotron3Image and .jumbotron3Text */

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


/* Jumbotron III text */

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

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

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

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


/* ? */

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

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


/* Boxlinks */

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

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

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


/* Image */

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


/*** MEDIA QUERY ***/


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

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


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

.jumpLinksWrapper {
    overflow: auto;
    padding: 30px;
}

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

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

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

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

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

.jumpLinksWrapper ol li a:hover {
    color: #088099;
    text-decoration: underline;
}


/* hack to fix jump link issue */

a:not([href]) {
    display: block;
    position: relative;
    top: -167px;
    visibility: hidden;
}

@media (max-width: 767.999px) {
    a:not([href]) {
        top: 0px;
    }
}


/* ==========================================================================================
     ===== Law - Newscenter Story ===== Content Type #5296 ====================================
     ==========================================================================================
  *
  
  /* News story fulltext layout. Added by Troy 9/8/2021 */

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

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

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

.icon-text {
    display: none;
}

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

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

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

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


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

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


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

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


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

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


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

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


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


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


/* .primaryContentWrapper .primaryContent > :first-child {
    margin-top: 30px; Is this needed?
  } */


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

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

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

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


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

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

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

@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 {
    padding: 0 25px 25px;
}

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

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


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

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

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

#SidebarZone .socialMediaIcons {
    padding: 0;
}

.socialMediaIconsText {
    padding: 0 !important;
}

.socialMediaIconsText h2 {
    clear: both;
    color: #aa0000;
    font-family: "Roboto Slab", serif;
    font-size: 3.2rem;
    font-weight: 400;
    text-transform: none;
}

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

.socialMediaIconsWrapper ul.socialMediaIconsList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    flex-flow: row wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}


/* colors below are unique to the branded of the respective social media channels */

.socialMediaIconsWrapper .themeDefault li.iconFacebook a {
    color: #3b5998;
}

.socialMediaIconsWrapper .themeDefault li.iconTwitter a {
    color: #1da1f2;
}

.socialMediaIconsWrapper .themeDefault li.iconLinkedIn a {
    color: #0077b5;
}

.socialMediaIconsWrapper .themeDefault li.iconInstagram a {
    color: #06365f;
}

.socialMediaIconsWrapper .themeDefault li.iconYouTube a {
    color: #e62117;
}

.socialMediaIconsWrapper .themeDefault li.iconTumblr a {
    color: #36465d;
}

.socialMediaIconsWrapper .themeDefault li.iconGooglePlus a {
    color: #db4437;
}

.socialMediaIconsWrapper .themeDefault li.iconVimeo a {
    color: #00b3ec;
}

.socialMediaIconsWrapper .themeDefault li.iconPinterest a {
    color: #bd081c;
}

.fa-twitter-square:before {
    color: #1da1f2;
}

.socialMediaIconsWrapper .themeRed li a {
    color: #aa0000;
}

.socialMediaIconsWrapper .themeGold li a {
    color: #fdb913;
}

.socialMediaIconsWrapper .themeLightBlue li a {
    color: #088099;
}

.socialMediaIconsWrapper .themeBlack li a {
    color: #333333;
}

.socialMediaIconsWrapper .themeOrange li a {
    color: #ef4135;
}

.socialMediaIconsWrapper .themeGreen li a {
    color: #55b31b;
}

.socialMediaIconsWrapper .themeDarkGreen li a {
    color: #124a12;
}

.socialMediaIconsWrapper .themeDarkBlue li a {
    color: #003282;
}

.socialMediaIconsWrapper .themeEmerald li a {
    color: #008765;
}

.socialMediaIconsWrapper .themeBrown li a {
    color: #807060;
}

.socialMediaIconsWrapper .themeWhite li a {
    color: #ffffff;
}

.socialMediaIconsWrapper .themeWhite li a .fa-inverse {
    color: #aa0000;
}

.socialMediaIconsWrapper .socialMediaIcons li a:hover .fa-stack {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.socialMediaIconsWrapper .fa-stack {
    transition: all 0.2s ease-in-out;
}


/* ==========================================================================================
     ===== Law - Spotlight ===== Content Type #5201 ===========================================
     ==========================================================================================
     Migrated to base stylesheet
     
  */


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


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

.flexContainer {
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    /* makes all flex items equal to the longest item */
}


/* Flexbox item */

.studentProfileWrapper {
    background: #f7f7f7;
    width: 262px;
    margin: 15px;
    padding: 0 2rem;
}

.studentProfile img {
    border-radius: 50%;
}

.studentProfile.standardContent h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 2.3rem;
}


/* END Text-HTML layout styles */


/* START full-text layout styles */

.profile-header {
    background-color: hsl(0, 0%, 98%);
}

.studentProfilePageImage img {
    min-width: 200px;
}

.studentProfileBiography {
    background-color: #ffffff;
}

.studentProfileInfo h2 {
    padding: 0;
    margin: 0 0 0 0;
    line-height: 1.25;
}

.studentProfileInfo p {
    color: #333333;
}

.studentProfileInfo p.studentProfileGraduatingClass {
    line-height: 1.25 !important;
}


/* END full-text layout styles */


/* ===== END Law - Student Profile  ===== Content Type #5192 ============================== */


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


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


/* ========================================= 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 {
    columns: 75ch 2;
    /* Sets minimum column width (for both columns), and amount of columns */
    column-gap: 5%;
    max-width: 100%;
    /*  overwrites characters limit for .standardContent paragraphs */
    margin-top: 0;
    margin-bottom: 5em;
}


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


/* ========================================= What is all this? =================================================== */


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


/* Commenting out to see if this is legacy content */


/* Content Item Tweaks To Implement */


/* #carousel .slick-dots {
    position: relative !important;
    bottom: 0px;
}

#carousel.slick-dotted {
    margin-bottom: 0px !important;
} */


/* .spotlightImage img {
    height: auto;
    max-height: 300px;
    width: 100%;
} */

@media screen and (max-width: 767.999px) {
    /* xs */
    .BannerZoneWrapper {
        /* Apply to zone and not content */
        margin-bottom: 15px;
    }
}

.floating-sidebar {
    position: fixed;
    margin-left: 95%;
    z-index: 200;
    padding: 0;
    width: 45px;
    margin-top: 100px;
    transition: 0.4s;
    transition-timing-function: ease;
}

.floating-sidebar .sidebar-item li {
    list-style-type: none;
    background: #333333;
    text-align: center;
    padding-top: 50%;
    height: 100px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}

.floating-sidebar .sidebar-item:last-child li {
    border-bottom: none;
}

.floating-sidebar .sidebar-item {
    font-size: 1.75rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: 500;
    padding: 0;
    border: none;
}

.floating-sidebar .sidebar-item li:hover,
.floating-sidebar .sidebar-item li:active {
    background-color: #a00;
    border-bottom: 1px solid #a00;
}

#jump-to {
    position: fixed;
    margin-left: 76.5%;
    z-index: 200;
    width: auto;
    margin-top: 100px;
    z-index: 200;
    transition: 0.4s;
    transition-timing-function: ease;
}

#jump-to .jump-list {
    background-color: #6f6f6f;
    padding-left: 0;
}

#jump-to .jump-list a {
    text-decoration: none;
}

#jump-to .jump-list .jump-item {
    list-style-type: none;
    font-size: 1.75rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: 500;
    padding: 15px 40px 15px 40px;
    border-bottom: 1px solid #b7b7b7;
}

#jump-to .jump-list a:last-child .jump-item {
    border-bottom: none;
}

#jump-to .jump-list .jump-item:hover {
    background-color: #05a1ba;
    font-weight: bolder;
}

.programWrapper {
    height: 600px;
}

.programWrapper .program-img-left,
.programWrapper .program-img-right {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.programWrapper .program-img-left {
    background: linear-gradient(rgba(72, 195, 211, 0.7), rgba(72, 195, 211, 0.7)), url(../assets/cityinred19.jpg);
}

.programWrapper .program-img-right {
    background-image: url(../assets/cityinred19.jpg);
}

.programWrapper .program-card {
    position: absolute;
    margin-left: 25%;
    width: 60%;
    height: 100%;
    margin-top: 5%;
    background-color: #ffffff;
    padding: 50px 100px 20px 100px;
}

.program-title {
    color: #a80108;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    font-size: 3.7rem;
    font-weight: 520;
    margin: 30px 0 22px -3px;
}

.program-text {
    font-size: 1.6rem;
    line-height: 3.2rem;
}

.program-text .program-bullets {
    padding-left: 0;
}

.program-text .program-bullets li {
    list-style: none;
}

.program-text .program-bullets li:before {
    color: #01a3b0;
    content: "\2B1B";
    font-size: 0.85rem;
    padding-right: 1.1225em;
    position: relative;
}


/* .spotlightCopyCitation.red-border-side {
    border-left: 4px solid #f03f35;
    padding-left: 13px;
} */


/* @media (max-width: 767px) {
    .spotlightCopyCitation.red-border-side {
        border-left: none;
    }
} */

.red-border-top {
    border-top: 4px solid #f03f35;
    height: 25px;
    position: relative;
    margin: 0 auto;
}

.explore-wrapper {
    width: 100%;
    height: 600px;
    background-image: url(../assets/cityinred19.jpg);
}

.explore-wrapper .explore-card {
    position: absolute;
    margin-left: 8%;
    width: 40%;
    height: 100%;
    margin-top: 7.5%;
    background-color: #ffffff;
    padding: 30px 60px;
}

.scolarship-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    background: linear-gradient(rgba(4, 174, 199, 0.8), rgba(4, 174, 199, 0.8)), url(../assets/cityinred19.jpg);
}

.scolarship-title {
    color: #ffffff;
    clear: both;
    /* acts as a clearing element */
    font-family: "Montserrat", sans-serif;
    font-size: 3.7rem;
    font-weight: 500;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 50px;
}

.boxlinkItem.alt-boxlink a {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 22px 0;
    font-weight: 550;
}

*/ .learn-more-form {
    padding: 0 280px;
}

.learn-more-form input {
    font-size: 1.75rem;
    font-weight: 500;
    color: #2a2a2a;
    border: 2px solid #d9d9d9;
    padding: 10px 15px;
    margin: 15px 0;
}

.learn-more-form select {
    font-size: 1.75rem;
    font-weight: 500;
    color: #2a2a2a;
    background-color: #ffffff;
    border: 2px solid #d9d9d9;
    padding: 10px 15px;
    margin: 15px 0;
}

.learn-more-form #interest {
    width: 48%;
}

.learn-more-form #year {
    width: 48%;
    position: relative;
    float: right;
}

.learn-more-form input[type="submit"] {
    position: relative;
    left: 38%;
    padding: 10px 70px 15px 70px;
    font-variant: small-caps;
    font-size: 2.25rem;
    background-color: #b10a38;
    color: #ffffff;
    border: none;
}

.arrow-wrapper {
    padding: 100px;
}

.return-arrow {
    text-align: center;
    position: relative;
    left: 44%;
    font-size: 40px;
    color: #808080;
    background-color: #eaeaea;
    padding: 20px 30px;
    border-radius: 50%;
}

.biography {
    padding: 50px 0;
}

.biography h3 {
    font-variant: small-caps;
    font-weight: 550;
    font-size: 2.5rem;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 25px;
}

.biography .body {
    padding-bottom: 30px;
}

.biography .body a {
    color: #05a0be;
}

.bioContact {
    background-color: #05a1ba;
    padding-top: 5px;
}

.bioContact h3 {
    color: #fff;
}

.bioContact p {
    color: #fff;
}

.bioExpertise {
    border: 2px solid #05a1ba;
    margin-top: 25px;
}

.bioExpertise h3 {
    color: #000;
}

.bioExpertise p {
    color: #000;
}

.standardContent.publications h2 {
    text-align: center;
    width: 100%;
    padding: 20px 0 20px 0;
}

.standardContent.publications .selector-bar {
    text-align: center;
    margin-bottom: 23px;
}

.standardContent.publications:hover {
    /*border: none;*/
    --box-shadow-color: #ff0000;
}

.standardContent.publications .selector-bar a {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 2.25rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
    border-right: 2px solid #a7a7a7;
}

.standardContent.publications .selector-bar a:last-child {
    border-right: none;
}

.standardContent.publications .selector-bar a:hover {
    color: #05a0be;
}

.standardContent.bio-card {
    height: 600px;
    padding-top: 150px;
    /* Delete below this line depending on styles */
    background-color: #ffff;
    background-position: center;
    max-width: 1400px;
}

@media screen and (max-width: 767.999px) {
    .standardContent.bio-card {
        height: 600px;
        background-position-x: right;
        background-position-y: center;
        background-size: cover;
    }
}


/* ????? */

.standardContent.bio-card .bio-links i {
    padding-right: 10px;
}

.standardContent.publications {
    background-color: #f7f7f7;
}

.standardContent.publications,
.standardContent.news {
    padding-bottom: 55px;
}

.standardContent.publications .data .entry,
.standardContent.news .news-post {
    padding: 50px 0 40px 15px;
    border-bottom: 1px solid #6f6f6f;
}

.standardContent.publications .data .entry,
.standardContent.news .news-post:first-child {
    margin-top: 30px;
}

.standardContent.publications .data .entry:hover .entry-title h2,
.standardContent.news .news-post:hover .news-title h2 {
    color: #a70200;
}

.standardContent.publications .data .entry:hover {
    border-bottom: none;
    background-color: #fff;
    --box-shadow-color: #000;
    /* Declaring the variable */
    box-shadow: 1px 1px 7px var(--box-shadow-color);
}

.standardContent.publications .data .entry-title h2,
.standardContent.news .news-post .news-title h2 {
    color: #272727;
    font-weight: 500;
    text-align: left;
    padding: 0 0 15px 0;
    margin: 0;
}

.standardContent.publications .data .entry-subtext p,
.standardContent.news .news-post .news-subtext p {
    font-weight: lighter;
    text-transform: uppercase;
}

.resourcesBox {
    background-color: #f7f7f7;
    max-width: 100%;
    margin-bottom: 5%;
}

.resourcesBox h2 {
    text-align: center;
    width: 100%;
    padding: 20px 0 20px 0;
}

.resourcesBox .linkCategory {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 1.9rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
}

.resourcesList li a {
    list-style-type: none !important;
    margin-left: -6px;
    text-decoration: none;
    color: #1ab9d6;
    font-weight: 501;
}

.standardContent .resourcesBox .linkCategory ul.resourcesList li:before {
    margin-left: -29px;
    text-decoration: none;
    color: #1ab9d6;
    font-weight: 501;
}

.entry-category {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: #ee3f3a;
}

.standardContent.news .news-heading {
    text-align: center;
    padding-top: 11px;
}

.standardContent.news .news-post .news-info p {
    color: #01a4b3;
    font-weight: 550;
    font-size: 20px;
}

.standardContent.directory .selector-bar {
    padding: 100px 0 20px 0;
    text-align: center;
}

.standardContent.directory .selector-bar a:last-child {
    border-right: none;
}

.standardContent.directory .selector-bar a {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: 550;
    font-size: 2.25rem;
    font-family: "Montserrat", sans-serif;
    padding: 0 25px;
    color: #a7a7a7;
    border-right: 2px solid #a7a7a7;
}

.standardContent.directory .selector-bar a:hover {
    color: #05a0be;
}

.titleBanner2BackgroundImage.homepageImage {
    height: 700px !important;
}

.homepageTitleBanner {
    text-align: center;
    width: 78%;
}

.homepageSubtitle,
.homepageTitle,
.homepageArrow {
    text-transform: uppercase;
    display: block;
}

.homepageSubtitle {
    padding-top: 85px;
    padding-bottom: 25px;
}

.homepageTitle {
    font-weight: 700 !important;
    font-size: 140px;
    padding-bottom: 150px;
}

@media screen and (max-width: 991.999px) {
    .homepageTitle {
        font-size: 70px;
    }
}

.homepageArrow {
    border: 2px solid #ffffff;
    border-radius: 50px;
    width: 65px;
    padding: 5px 0;
    margin: 0 auto 61px;
    font-size: 45px;
}

.paragraph-text-title {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-size: 50px !important;
    padding-bottom: 25px;
}

.paragraph-text {
    font-size: 20px !important;
}

@media screen and (max-width: 991.999px) {
    .paragraph-text {
        font-size: 16px !important;
    }
}

.map-image {
    background-image: url(../assets/cityinred19.jpg);
    display: block;
    height: 600px;
}


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

   Modified post 20210817
************************************************************ */