:root {
  --main-logo-img: url('/content/_theme_images/default_logo.jpg');
  --main-logo-sizing: auto;
  --background-1: #FFFFFF;
  --dark-background-1: #000025;
  --background-2: #FCFCFC;
  --dark-background-2: #292929;
  --background-3: #F4F4F4;
  --dark-background-3: #1E1E1E;
  --header-1: #678D98;
  --dark-header-1: #FFFFFF;
  --header-2: #343479;
  --dark-header-2: #7171A1;
  --small-headers: #000000;
  --dark-small-headers: #FFFFFF;
  --paragraph: #000000;
  --dark-paragraph: #FFFFFF;
  --links: #678D98;
  --power-color-1-foreground: #FFFFFF;
  --power-color-1: #343479;
  --power-color-2-foreground: #ffffff;
  --power-color-2: #668a38;
  --power-color-3-foreground: #000000;
  --power-color-3: #678d98;
  --power-color-4-foreground: #000000;
  --power-color-4: #c2ac80;
  --power-color-5-foreground: #FFFFFF;
  --power-color-5: #5b4a42;
  --power-color-6-foreground: #000000;
  --power-color-6: #658A38;
  --power-color-7-foreground: #000000;
  --power-color-7: #678d98;
  --secondary-architecture: #010852;
  --dark-secondary-architecture: #A4A9E1;
  --image-placeholder-color: orange;
  --primary-header-font: 600 24px/32px 'Rubik', 'Verdana',sans-serif;
  --primary-header-font-variant: uppercase;
  --secondary-header-font: 600 20px/26px 'Roboto Slab', 'Arial',sans-serif;
  --secondary-header-font-variant: uppercase;
  --small-header-font: 500 15px/17px 'Roboto Slab', 'Arial',sans-serif;
  --small-header-font-variant: uppercase;
  --nav-text-font: 300 12px/14px 'Rubik', 'Arial',sans-serif;
  --paragraph-font: 300 14px/17px 'Rubik', 'Arial',sans-serif;
  --secondary-button-fonts: 400 13px/15px 'Rubik', 'Verdana',sans-serif;
}
/*======================================================================
    GLOBAL - styles | desktop *home page overrides*
========================================================================*/
/*---------------------------------------------------------------------------------------------------
Global Fonts
font-family: "Baskervville", serif; (400) | (normal,italic)
font-family: "Libre Baskerville", serif; (400,700) | (normal,italic)
font-family: "Sarabun", sans-serif; (100,200,300,400,500,600,700,800) | (normal,italic)
----------------------------------------------------------------------------------------------------*/
.home {
    /*--font-header-color: #0B0B0B;*/
    --font-header-1: normal 600 30px/34px "Inter Tight", sans-serif;
    --font-header-2: normal 500 30px/36px "Inter Tight", sans-serif;
    --font-header-3: normal 500 24px/29px "Inter Tight", sans-serif;
    --font-header-4: normal 500 22px/26px "Inter Tight", sans-serif;
    --font-header-5: normal 500 16px/20px "Inter Tight", sans-serif;
    
    --font-body: normal 300 16px/19px "Inter Tight", sans-serif;
    /*--font-body-color: #505050;*/
    --font-ordered-list-marker: normal 600 17px/22px "Sarabun", sans-serif;
    
    /*// home > quicklink variables //*/
    --font-quicklink: normal 400 15px/16px "Inter Tight", sans-serif;
    --quicklink-bg-color: #003B46;
    --quicklink-color-1: #FE391F;
    --quicklink-color-2: #93DCD7;
    --quicklink-color-3: #DFFF58;
    
    /*// home > unique segment variables //*/
    --font-limelight-description: normal 500 16px/23px "Inter Tight", sans-serif;
    --font-limelight-month: normal 500 12px/12px "Inter Tight", sans-serif;
    --font-limelight-day: normal 500 20px/24px "Inter Tight", sans-serif;
    --font-limelight-date: normal 300 14px/17px "Inter Tight", sans-serif;
    --font-baluster-subheader: normal 300 14px/17px "Inter Tight", sans-serif;
    --font-baluster-description: normal 300 15px/19px "Inter Tight", sans-serif;
}
.home .button.alternate, .home a.button-like.alternate {
    --button-bg-color: #001233;
    --button-hover-bg-color: #00318C;
}
/*======================================================================
    Accessibility - styles | Home
=======================================================================*/
/*---------------------------------- Accessibility > High Contrast ----------------------------------*/
/*body.high-contrast .home {*/
/*    --font-body-color: #000000;*/
/*    --quicklink-color: #000000;*/
/*}*/
/*body.high-contrast .home .button-like {*/
/*    color: var(--font-button-color) !important;*/
/*}*/
/*body.high-contrast .home .alternate {*/
/*    --font-body-color: #FFFFFF;*/
/*}*/
/*body.high-contrast .home .button.alternate, body.high-contrast .home a.button-like.alternate {*/
/*    --button-hover-bg-color: #002158;*/
/*    color: var(--font-body-color) !important;*/
/*}*/
/*---------------------------------- Accessibility > Dark Mode ----------------------------------*/
html:has(body.dark-mode) .home {
    /*// home > quicklink variables (darkmode) //*/
    --quicklink-bg-color: #001B20;
    --quicklink-color-1: #D51A01;
    --quicklink-color-2: #3CBEB3;
    --quicklink-color-3: #B3DB00;
}
html:has(body.dark-mode) .limelight-segment .limelight-sidebar .upcoming-events .event .event-date:before {
    opacity: 1;
}
/*html:has(body.dark-mode) .quicklinks-list .quicklink-item .item-icon {*/
/*    background-color: var(--button-bg-color);*/
/*}*/
html:has(body.dark-mode) .substance-component {
    background-image: url(/content/_site_images/icon_darken-repeat.svg);
    background-color: var(--theme-primary-color-4-dark-mode);
}
html:has(body.dark-mode) .substance-component .component-content .slider-container .swiper-button-prev, html:has(body.dark-mode) .substance-component .component-content .slider-container .swiper-button-next {
    background-image: url(/content/_site_images/icon_darken-repeat.svg);
    background-color: var(--theme-primary-color-4-dark-mode);
}
html:has(body.dark-mode) .baluster-component .component-item:before {
    opacity: 0.56;
}
html:has(body.dark-mode) .baluster-component .component-item:after {
    background: url(/content/_site_images/icon_darken-repeat.svg) repeat;
    opacity: 1;
}

/*---------------------------------- Accessibility > Bigger Text ----------------------------------*/
body.bigger-text .home {
    --font-header-1: normal 600 33px/37px "Inter Tight", sans-serif;
    --font-header-2: normal 500 33px/39px "Inter Tight", sans-serif;
    --font-header-3: normal 500 27px/32px "Inter Tight", sans-serif;
    --font-header-4: normal 500 25px/29px "Inter Tight", sans-serif;
    --font-header-5: normal 500 19px/23px "Inter Tight", sans-serif;
    --font-body: normal 300 19px/22px "Inter Tight", sans-serif;
    --font-ordered-list-marker: normal 600 20px/25px "Sarabun", sans-serif;
    --font-quicklink: normal 400 18px/19px "Inter Tight", sans-serif;
    --font-limelight-month: normal 500 14px/14px "Inter Tight", sans-serif;
    --font-limelight-day: normal 500 23px/27px "Inter Tight", sans-serif;
    --font-limelight-date: normal 300 17px/20px "Inter Tight", sans-serif;
    --font-baluster-subheader: normal 300 17px/20px "Inter Tight", sans-serif;
    --font-baluster-description: normal 300 18px/22px "Inter Tight", sans-serif;
}

/*// header styles overrides //*/
.home h1, .home .h1-like {
    margin: 0 0 13px 0;
}
.home h2, .home .h2-like {
    margin: 0 0 15px 0;
}
.home h3, .home .h3-like {
    margin: 0 0 12px 0;
}
.home h5, .home .h5-like {
    margin: 0 0 7px 0;
}
/*// body styles overrides //*/
.home p {
    margin: 0;
    /*opacity: 0.80;*/
}
/*// list styles overrides //*/
.home ul li, .home ol li {
    margin-bottom: 5px;
    opacity: 0.93;
}
.home ul li {
    padding-left: 23px;
}
.home ul li:before {
    top: 5px;
}
.home ul li ul {
    margin: 5px 0 0 0;
}
.home ul li ul li ul {
    margin: 5px 0 0 0;
}
.home ol li {
    padding-left: 4px;
}
.home ol li ol {
    margin: 5px 0 0 0;
}
.home ol li ol li ol {
    margin: 5px 0 0 0;
}

/*// general "button" styles //*/
/*.home button, .home a.button-like {*/
/*    margin-top: 25px;*/
/*    padding: 10px 14px 11px;*/
/*    background-color: var(--button-bg-color);*/
/*    border: none;*/
/*    color: var(--font-button-color);*/
/*    font: var(--font-button);*/
/*    letter-spacing: 0.2px;*/
/*    text-decoration: none;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    transition: background-color .2s;*/
/*    cursor: pointer;*/
/*}*/
/*.home button:hover, .home a.button-like:hover {*/
/*    background-color: var(--button-hover-bg-color);*/
/*    transition: background-color .3s;*/
/*}*/
/*/ button "primary" styles /*/
/*.home a.button-like.primary:after {*/
/*    background-color: var(--font-button-color);*/
/*}*/
/*/ button "secondary" styles /*/
/*.home button.secondary, .home a.button-like.secondary {*/
/*    margin: 25px 0 0 0;*/
/*    padding: 9px 13px 10px;*/
/*    background-color: var(--button-secondary-bg-color);*/
/*    border: 1px solid var(--font-secondary-button-color);*/
/*    color: var(--font-secondary-button-color);*/
/*}*/
/*.home button.secondary:before, a.button-like.secondary:before {*/
/*    display: none;*/
/*}*/
/*.home button.secondary:hover, a.button-like.secondary:hover {*/
/*    background-color: var(--button-secondary-hover-bg-color);*/
/*}*/
/*/ button "prompt" styles; used for the "Donate" button in the header /*/
.home button.prompt, .home a.button-like.prompt {
    margin: 0 0 0 21px;
    padding: 10px 13px;
    font: var(--font-prompt-button);
}
.home button.prompt:before, .home a.button-like.prompt:before {
    opacity: 0.5;
    transform: none;
    transition: opacity .2s, background-color .2s;
}
.home button.prompt:hover:before, .home a.button-like.prompt:hover:before {
    opacity: 1;
    transition: opacity .3s, background-color .3s;
}

.home .segment-filter li {
    margin: 0;
    padding: 0;
    opacity: 1;
}

.home .tag-list {
    margin: 0;
}
.home .tag-list li {
    margin: 0 10px 0 0;
    padding: 0;
}
.home .tag-list li:last-of-type {
    margin: 0;
}

/* Limelight Segment; used for campaigns */
.limelight-segment {
    width: 100%;
    margin: 0 0 117px 0;
    display: flex;
    justify-content: space-between;
}
.limelight-segment hr {
    margin: 0;
}   
.limelight-segment a.button-like {
    margin: 22px 0 0 16px;
}
.limelight-segment a.button-like.secondary {
    margin-left: 0;
}
.limelight-segment .slider-container {
    width: calc(100% - 435px);
}
.limelight-segment .slider-container p {
    font: var(--font-limelight-description);
}
.limelight-segment .slider-container .swiper {
    width: 100%;
    padding: 0;
}
.limelight-segment .slider-container .swiper .swiper-wrapper {}
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide {
    background-color: var(--theme-secondary-color-1);
    border-radius: 5px 110px 0 0;
    flex-direction: column;
}
/*.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide h1,*/
/*.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .h1-like {*/
/*    margin: 0 0 13px 0;*/
/*}*/
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .slide-media {
    width: 100%;
    position: relative;
}
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .slide-media .media {
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 5px 110px 5px 110px;
    aspect-ratio: 1.75/1;
    display: block;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .slide-media .media-bottom-border {
    width: calc(100% + 30px);
    background-color: var(--body-bg-color, #FCFCFC);
    border-radius: 5px 110px 0 110px;
    position: absolute;
    bottom: -30px;
    left: -30px;
    z-index: 1;
}
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 65px 40px 72px 40px;
}
.limelight-segment .slider-container .swiper .swiper-wrapper .swiper-slide .slide-content .details {}
.limelight-segment .limelight-sidebar {
    width: 395px;
    padding: 40px 0 0 0;
}
.limelight-segment .limelight-sidebar .ll-sidebar-item {
    margin: 0 0 36px 0;
}
.limelight-segment .limelight-sidebar .ll-sidebar-item:last-of-type {
    margin: 0;
}
.limelight-segment .limelight-sidebar .ll-sidebar-item .h3-like {
    margin: 0 0 15px 0;
}
.limelight-segment .limelight-sidebar .item-row {
    margin: 0 0 15px 0;
    padding: 0 22px;
    display: block;
}
.limelight-segment .limelight-sidebar .item-row:last-of-type {
    margin: 0;
}
.limelight-segment .limelight-sidebar .item-row .item-row-heading {
    margin: 0 0 8px 0;
    font-weight: 600;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    display: block;
}
.limelight-segment .limelight-sidebar .upcoming-events {
    width: 100%;
    padding: 0 22px;
    position: relative;
}
.limelight-segment .limelight-sidebar .upcoming-events .tag-list {
    margin: 0 0 23px 0;
}
.limelight-segment .limelight-sidebar .upcoming-events .event-group {
    width: 100%;
    opacity: 0;
    position: absolute;
    transform: translateY(-5px);
    pointer-events: none;
    transition: opacity 0s;
}
.limelight-segment .limelight-sidebar .upcoming-events .event-group.active {
    opacity: 1;
    position: relative;
    transform: translateY(0);
    pointer-events: all;
    transition: opacity .3s, transform .3s;
}
.limelight-segment .limelight-sidebar .upcoming-events .event {
    width: 100%;
    margin: 0 0 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.limelight-segment .limelight-sidebar .upcoming-events .event:last-of-type {
    margin: 0;
}
.limelight-segment .limelight-sidebar .upcoming-events .event a.event-clickable-area {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*background-color: red;*/
    /*opacity: 0.25;*/
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-date {
    width: 55px;
    height: 55px;
    border-radius: 0 20px 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.limelight-segment .limelight-sidebar .upcoming-events .event.is-clickable .event-date {
    opacity: 0.8;
    transition: opacity .3s;
}
.limelight-segment .limelight-sidebar .upcoming-events .event.is-clickable:hover .event-date {
    opacity: 1;
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-date:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--theme-primary-color-3);
    opacity: 0.28;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-date .month {
    font: var(--font-limelight-month);
    display: block;
    position: relative;
    z-index: 5;
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-date .day {
    font: var(--font-limelight-day);
    display: block;
    position: relative;
    z-index: 5;
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-details {
    width: calc(100% - 70px);
}
.limelight-segment .limelight-sidebar .upcoming-events .event.is-clickable .event-details h5 {
    opacity: 0.8;
    transition: opacity .3s;
}
.limelight-segment .limelight-sidebar .upcoming-events .event.is-clickable:hover .event-details h5 {
    opacity: 1;
}
.limelight-segment .limelight-sidebar .upcoming-events .event .event-details p {
    margin: 0;
    font: var(--font-limelight-date);
}

/* Quicklinks List */
.quicklinks-list {
    width: 100%;
    /*max-width: 917px;*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:10px;
}
/* override base styles */
.quicklinks-list a {
    color: var(--font-body-alt-color, --font-body-color);
    text-decoration: none;
}
.quicklinks-list a:hover {
    color: var(--font-body-alt-color, --font-body-color);
}
/*.quicklinks-list a:hover {*/
/*    --quicklink-color: var(--font-link-color, #668D4E);*/
/*    text-decoration: none;*/
/*}*/
.quicklinks-list .quicklink-item {
    width: 100%;
    max-width: 112px;
}
.quicklinks-list .quicklink-item .item-icon {
    width: 100%;
    height: 112px;
    background-color: var(--quicklink-bg-color);
    color: var(--font-button-color);
    border-radius: 0 40px 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.quicklinks-list .quicklink-item:hover .item-icon, .quicklinks-list .quicklink-item:focus .item-icon {
    background-color: var(--theme-secondary-color-3);
}
.quicklinks-list .quicklink-item .item-icon .item-letter {}
.quicklinks-list .quicklink-item .item-heading {
    margin-top: 16px;
    font: var(--font-quicklink);
    text-align: center;
    display: block;
    transition: color .3s;
}
.quicklinks-list .quicklink-item:hover .item-heading {
}
.quicklinks-list .quicklink-item .item-separator {}

/* Substance Component; used as a two column layout for a image + slider */
.substance-component {
    width: 100%;
    padding: 0 56px 0 0;
    background: url(/content/_site_images/icon_lighten-repeat.svg) repeat;
    background-color: var(--theme-primary-color-3);
    border-radius: 10px 132px 0 132px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.substance-component.red {
    background-color: var(--theme-primary-color-1);
}
.substance-component.navy {
    background-color: var(--theme-primary-color-2);
}
.substance-component.blue {
    background-color: var(--theme-primary-color-3);
}
.substance-component.green {
    background-color: var(--theme-primary-color-4);
}
.substance-component.pink {
    background-color: var(--theme-secondary-color-8);
}
.substance-component.reverse {
    padding: 0 0 0 56px;
    border-radius: 10px 134px 0 134px;
    flex-direction: row-reverse;
}
.substance-component .component-media {
    width: 100%;
    max-width: 392px;
    background: url(/content/_site_images/icon_darken-repeat.svg) repeat;
    background-color: var(--theme-secondary-color-2);
    /*border-radius: 0 134px 0 0;*/
    aspect-ratio: 0.92 / 1;
    overflow: hidden;
}
.substance-component .component-media.has-image {
    background: no-repeat center;
    background-size: 102%;
    background-color: var(--theme-primary-color-4);
}
.substance-component .component-content {
    width: calc(100% - 416px);
}
.substance-component .component-content .slider-container .swiper-button-prev, .substance-component .component-content .slider-container .swiper-button-next {
    /*background: none;*/
    background: url(/content/_site_images/icon_lighten-repeat.svg) repeat;
    background-color: var(--theme-primary-color-3);
    background-position-y: 7px;
}
.substance-component.red .component-content .slider-container .swiper-button-prev, 
.substance-component.red .component-content .slider-container .swiper-button-next {
    background-color: var(--theme-primary-color-1);
}
.substance-component.navy .component-content .slider-container .swiper-button-prev, 
.substance-component.navy .component-content .slider-container .swiper-button-next {
    background-color: var(--theme-primary-color-2);
}
.substance-component.blue .component-content .slider-container .swiper-button-prev, 
.substance-component.blue .component-content .slider-container .swiper-button-next {
    background-color: var(--theme-primary-color-3);
}
.substance-component.green .component-content .slider-container .swiper-button-prev, 
.substance-component.green .component-content .slider-container .swiper-button-next {
    background-color: var(--theme-primary-color-4);
}
.substance-component.pink .component-content .slider-container .swiper-button-prev, 
.substance-component.pink .component-content .slider-container .swiper-button-next {
    background-color: var(--theme-primary-color-8);
}

/*.substance-component .component-content .slider-container .swiper-button-prev {*/
/*    background-position: 4px 7px;*/
/*}*/
/*.substance-component .component-content .slider-container .swiper-button-next {*/
/*    background-position: 4px 7px;*/
/*}*/

/* Baluster Component; used as a three column layout for any content */
.baluster-component {
    width: 100%;
    border-radius: 0 100px 0 100px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    
    /* override base variables */
    --skeleton-color: var(--theme-primary-color-5);
}
.baluster-component .component-item {
    width: calc(33% - 28px);
    padding: 53px 37px 80px;
    /*background: url(/content/_site_images/icon_darken-repeat.svg) repeat;*/
    /*background-color: var(--theme-primary-color-5);*/
    position: relative;
}
.baluster-component .component-item.blank {
    opacity: 0.4;
}
.baluster-component .component-item:before, .baluster-component .component-item:after {
    content: "";
    width: 100%;
    height: 100%;
    /*background: url(/content/_site_images/icon_darken-repeat.svg) repeat;*/
    /*background-color: var(--theme-primary-color-5);*/
    /*opacity: 0.11;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.baluster-component .component-item:before {
    background-color: var(--theme-primary-color-5);
    opacity: 0.4;
}
.baluster-component .component-item:after {
    background: url(/content/_site_images/icon_lighten-repeat.svg) repeat;
    opacity: 0.75;
}
.baluster-component .component-item .item-content {
    width: 100%;
    position: relative;
    z-index: 5;
}
.baluster-component .component-item .item-content h4 {
    margin-top: 0;
}
.baluster-component .component-item .item-content a.button-like {
    margin: 18px 0 0 0;
}
.baluster-component .component-item .item-content .options {
    width: 100%;
    margin: 18px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 5px;
}
.baluster-component .component-item .item-content .options a.button-like {
    margin: 0;
}
.baluster-component .component-item .item-content .item-media {
    width: 100%;
    margin: 0 0 22px 0;
    aspect-ratio: 1.78 / 1;
    display: block;
}
.baluster-component .component-item .item-content .item-media.has-image {
    background: var(--body-media-bg-color) no-repeat center;
    /*background-size: 95%;*/
    background-size: cover;
}
.baluster-component .component-item .item-content .item-details {
    width: 100%;
}
.baluster-component .component-item .item-content .item-details p {
    margin: 14px 0 0 0;
    max-height: 58px;
    font: var(--font-baluster-description);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.baluster-component .component-item .item-content .item-details p.detail {
    margin: 0 0 5px 0;
    font: var(--font-event-date);
    display: flex;
    column-gap: 6px;
    align-items: center;
}
.baluster-component .component-item .item-content .item-details p.detail .detail-icon {
    width: 17px;
    display: flex;
    justify-content: center;
}
.baluster-component .component-item .item-content .item-details a.button-like {
    margin: 18px 0 0 0;
}
.baluster-component .component-item .item-content .item-subheader {
    width: 100%;
    margin: 0 0 15px 0;
    font: var(--font-baluster-subheader);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: block;
}
/*
.baluster-component .component-item .item-content .booklist-books {
    width: 100%;
    margin: 0 0 25px 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
}
.baluster-component .component-item .item-content .booklist-books .book {
    width: calc(33% - 6px);
    aspect-ratio: 0.66 / 1;
    position: relative;
}
.baluster-component .component-item .item-content .booklist-books .book.has-image {
    background: transparent no-repeat center;
    background-size: 100%;
}
.baluster-component .component-item .item-content .booklist-books .book.default {
    background-color: var(--theme-primary-color-5);
    pointer-events: none;
}
*/
.baluster-component .component-item .item-content .books-list {
    width: 100%;
    margin: 0 0 25px 0;
    display: flex;
    column-gap: initial;
    row-gap: 10px;
    justify-content: space-between;
    
    /* override base variables */
    --preload-cover-bg-color: var(--theme-primary-color-5);
}
.baluster-component .component-item .item-content .books-list .book-item {
    width: calc(33% - 6px);
    padding: 0;
    background-color: transparent;
    border-radius: initial;
    /*aspect-ratio: 0.66 / 1;*/
    position: relative;
}
.baluster-component .component-item .item-content .books-list .book-item.default {
    background-color: var(--theme-primary-color-5);
    aspect-ratio: 0.66 / 1;
    pointer-events: none;
}
.baluster-component .component-item .item-content ul.quicklinks-paths {
    width: 100%;
    margin: 0;
    padding: 0;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li:last-of-type {
    margin: 0;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li:before {
    content: initial;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li a {
    width: 100%;
    margin: 0;
    padding: 7px 21px;
    background-color: var(--body-bg-color);
    border-radius: 0 16px 0 16px;
    color: var(--font-body-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;/* used to hide the edges of any skeleton pesudo elements */
}
.baluster-component .component-item .item-content ul.quicklinks-paths li a:after {
    display: none;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li a svg {
    display: block;
    transform: translateX(0);
    transition: transform .3s;
}
.baluster-component .component-item .item-content ul.quicklinks-paths li a:hover svg {
    transform: translateX(5px);
}

/* Statements list; "Our Vision/Mission" */
.statements-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 63px;
    row-gap: 50px;
    
    /* override base variables */
    --font-header-3: normal 400 26px/27px "Libre Baskerville", serif;
}
/* override base styles */
.statements-list h3, .statements-list .h3-like {
    margin: 0 0 16px 0;
    position: relative;
}
.statements-list .statement-item {
    width: calc(50% - 63px);
}

/* eResource Item; used in the "Online Database" slider */
/* global style the .eresource-item element *mainly used in the eresources segment on the home page. */
.eresource-item {
    width: 100%;
    text-decoration: none;
}
/* override base styles */
.eresource-item h4, .eresource-item .h4-like {
    /*margin: 0 0 14px 0;*/
    transition: color .3s;
}
.home .eresource-item .item-media {
    width: 100%;
    /*background: url(/content/_site_images/icon_darken-repeat.svg) repeat;*/
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eresource-item .item-media .item-media-image {
    width: 95%;
    height: 95%;
    background: no-repeat center;
    background-size: contain;
    display: block;
}
.eresource-item .item-media .item-media-image.default {
    height: 100%;
    display: block;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ @1140px \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media only screen and (max-width: 1140px) {
    /*------------------ Full Segment - styles | @1140 ------------------*/
    .full-segment {
        width: calc(100% - 100px);
    }
    .full-bucket-segment {
        width: calc(100% - 100px);
    }
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ @1023px \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media only screen and (max-width: 1023px) {
    /*------------------ Body styles - styles | @1023 ------------------*/
    .limelight-segment {
        margin: 0 0 85px 0;
        flex-direction: column;
    }
    .limelight-segment .slider-container {
        width: 100%;
    }
    .limelight-segment .limelight-sidebar {
        width: 100%;
        margin: 50px 0 0 0;
        padding: 0;
    }
    
    .quicklinks-list {
        column-gap: 20px;
        row-gap: 14px;
    }
    
    .substance-component {
        border-radius: 10px 100px 0 100px;
    }
    .substance-component .component-media {
        max-width: 275px;
    }
    .substance-component .component-content {
        width: calc(100% - 309px);
    }
    
    .baluster-component {
        column-gap: 15px;
        row-gap: 15px;
        border-radius: initial;
        flex-wrap: wrap;
        justify-content: center;
    }
    .baluster-component .component-item {
        width: 100%;
        max-width: 380px;
        border-radius: 0 100px 0 100px;
        overflow: hidden;
    }
    .baluster-component .component-item.blank {
        display: none;
    }
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ @950px \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media only screen and (max-width: 950px) {
    .substance-component {
        padding: 20px;
        flex-direction: column;
        gap: 15px;
    }
    .substance-component.reverse {
        padding: 20px;
        flex-direction: column-reverse;
    }
    .substance-component .component-media {
        /*max-width: none;*/
        /*margin: 0 0 15px 0;*/
        display: none;
        /*border-radius: 0 134px 0 134px;*/
    }
    .substance-component .component-content {
        width: 100%;
    }
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ @750px \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media only screen and (max-width: 750px) {
    .full-segment {
        width: 100%;
        max-width: none;
        margin: 0 auto 91px;
    }
}