[x-cloak] {
     display: none !important;
}
a {
    display: inline;
    min-width: 24px;
    min-height: 24px;
}
a:hover {
	 color: unset;
}

/* = Utilities ------------------------------------------------------- */

.btn-base {
    text-decoration: none;
    letter-spacing: 3px;
    display: block;
    color: white;
    padding: 1rem !important;
    margin-right: auto;
    margin-left: auto;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: none;
    text-transform: uppercase;
    width: fit-content;
}

.btn-base:hover {
    color: #fff;
}

.btn-base:focus {
    color: #fff!important;
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}

.btn-wysiwyg {
    margin: 0;
    display: inline;
}

.sys-wide-spacing {
    letter-spacing: 3px;
}

.center-list-formatting ul {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
}
.code-format {
    color: #374151;
    font-size: 1rem;
}
.cards img.wysiwyg-mx-auto {
    margin-left: auto!important;
    margin-right:auto!important;
}
img.wysiwyg-mx-auto {
    margin-left: auto!important;
    margin-right:auto!important;
}
p.wysiwyg-mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
    width: fit-content;
}

.-mt-3 {
    margin-top: -0.75rem;
}
/* = Accordion ------------------------------------------------------- */
 .acc-div h2 {
     margin: 0;
 }
 .accordion {
	 margin-top: 15px;
	 margin-bottom: 15px;
}
.accordion-black .accordion, .accordion.accordion-black {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
 .accordion-header {
	 margin-top: 0px;
	 margin-bottom: 0px;
}
 .accordion-button {
	 font-size: 1.1rem;
	 font-weight: 500;
	 /*color: var(--tab-button-arrow);*/
}
.accordion-button:focus-visible {
    outline: auto -webkit-focus-ring-color!important;
}
 .accordion-button:not(.collapsed) {
	 background-color: #ebebeb;
	 color: black;
	 /*color: var(--tab-button-arrow);*/
}
.accordion-button p {
    margin: 0;
    line-height: 1.5;
}
 .accordion-body {
	 font-size: 1rem;
}
.accordion-lines .accordion-button, 
.accordion-sep .accordion-button,
.accordion-solid .accordion-button,
.accordion-lines .accordion-button:not(.collapsed), 
.accordion-sep .accordion-button:not(.collapsed),
.accordion-solid .accordion-button:not(.collapsed) {
    box-shadow: none;
}
 .accordion-lines .accordion-item:last-of-type .accordion-header .accordion-button {
     border-bottom: 1px black solid;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
.accordion-lines .accordion-item:first-of-type .accordion-header .accordion-button {
    border-radius: 0;
}
 .accordion-lines .accordion-item:last-of-type .accordion-button:not(.collapsed) {
     border-bottom: none;
}
 .accordion-lines .accordion-button, .accordion-lines .accordion-button:not(.collapsed) {
     background-color: white!important;
     color: #000000 !important;
     border-radius: 0;
     border-top: 1px black solid;
}
 .accordion-lines .accordion-body {
     border-radius: 0;
     background-color: white!important;
     color: #000000!important;
}
 .accordion-lines .accordion-item:last-of-type .accordion-body {
     border-bottom: 1px black solid;
}
 .accordion-lines .accordion-item {
     margin-bottom: 0;
     border: none;
}
.accordion-sep .accordion-item, .accordion-solid .accordion-item {
    margin-bottom: 1rem;
}
 .accordion-sep .accordion-button p:after {
     width: 0px;
     height: 0px;
}
 .accordion-sep .accordion-button, .accordion-solid .accordion-button {
     border-radius: 6px;
}
.accordion-solid .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
 .accordion-sep .accordion-body {
     margin-top: 10px;
     border-radius: 6px;
}
.accordion-solid .accordion-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
 .accordion-sep .accordion-item, .accordion-solid .accordion-item {
     border: none;
}
.accordion-sep.accordion-gray .accordion-button, .accordion-solid.accordion-gray .accordion-button {
    background-color: #ebebeb;
}
.accordion-sep.accordion-gray .accordion-body, .accordion-solid.accordion-gray .accordion-body {
    background-color: #ebebeb;
}
.accordion-sep.accordion-black .accordion-button, .accordion-solid.accordion-black .accordion-button {
    background-color: #000;
    color: #fff;
}
.accordion-sep.accordion-black .accordion-body, .accordion-solid.accordion-black .accordion-body {
    background-color: #000;
    color: #fff;
}
 .acc-toggle {
     border: none;
     background: none;
     font-weight: 700;
     text-decoration: underline;
}
 .panel, .panel-group .panel-heading+.panel-collapse>.panel-body {
     border: none;
}
/** banner w/ cta/link */
.background-cta {
    display: flex;
    background-repeat: no-repeat;
    min-height: 250px;
    align-items: center;
    background-size: cover;
    background-position-x: center;
}
.background-cta a {
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}
.background-cta a.btn.btn-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(178 151 90)!important;
    color: #fff!important;
    border: none;
}
.background-cta-btn {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.085em;
    padding: 0.9em 1.7em 0.9em 1em !important;
}
a.background-cta-btn:hover {
    text-decoration: underline !important;
    box-shadow: none;
}
 .banner-cta {
     text-align: center;  
  }
 .banner-cta a {
	 display: grid;
	 grid-row-gap: 5px;
	 text-decoration: none;
	 text-align: center;
}
 .banner-cta img {
     margin: 0 auto;
}
 .banner-cta p {
     margin-top: unset;
	 margin-bottom: unset;
}
 .banner-cta strong {
	 font-weight: 700;
}
 .banner-cta-content {
	 margin-top: auto;
	 margin-bottom: auto;
}
 .banner-cta-link {
     text-decoration: none;
 }
 .bg-black-100.columns {
	 --tw-bg-opacity: 1;
	 color: #fff;
	 background-color: rgb(0 0 0 / var(--tw-bg-opacity))!important;
}
.bg-black-100.columns a, .bg-black-100.columns strong {
    color: #fff;
}
.bg-black-100.columns .columns-sidebar, .bg-black-100.columns .columns-sidebar a {
    color: #374151;
}
.bg-black-100.columns a:hover {
    color: #000;
}
.bg-black-100.columns h1, .bg-black-100.columns h2, .bg-black-100.columns h3, .bg-black-100.columns h4, .bg-black-100.columns h5, .bg-black-100.columns h6 {
    color: #fff;
}
.bg-dark-gray-100 {
    background-color: #3d3c3b;
}
 .bg-gray-100.columns {
	 --tw-bg-opacity: 1;
	 background-color: rgb(235 235 236 / var(--tw-bg-opacity))!important;
}
 .btn-primary {
     display: block;
	 background-color: #887344 !important;
}
 .btn-primary:hover {
	 background-color: rgb(178 151 90) !important;
	 color: #ffffff!important;
	 box-shadow: none;
}
 .btn-secondary {
	 background-color: #212529 !important;
}
 .btn-secondary:hover {
	 background-color: #585d62 !important;
	 color: #ffffff!important;
	 box-shadow: none;
}
 .btn-tertiary {
	 background-color: #ebebec !important;
	 color: #374151 !important;
}
 .btn-tertiary:hover {
	 background-color: #757575 !important;
	 color: #ffffff !important;
}
 .blockquote {
	 padding-left: 0;
	 border: none;
}
@media (max-width: 710px) {
     .brand-bar {
        display: block;
    }
    .brand-bar > div {
        text-align: center;
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }
    .brand-bar > div > a {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }
    .brand-bar > div > ul {
        text-align: center;
    }   
}
.breadcrumb a {
    text-decoration: underline;
}
.breadcrumb a:hover {
    color: #887344;
}
.button-bar {
    background-color: rgb(178 151 90);
}
.button-card.card {
    border: 4px solid rgb(142 121 72);
}
.button-menu-btn {
    text-decoration: none;
    width: 100%;
    letter-spacing: 3px;
    display: block;
    color: white;
    padding: 1rem !important;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    font-size: 1rem;
    font-family: 'Source Sans Pro';
    text-shadow: none;
    text-transform: uppercase;
}
/* temp for campus footer */
.text-footer-gold {
    color: #d6b86b!important;
}
.campus-footer-content {
    color: white;
}
.campus-footer-content a {
    color: white;
}
.campus-footer-links {
    list-style: none;
    padding-left: 0;
}
.campus-footer-links li {
    padding-left: 0;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
.campus-footer-links a {
    color: white;
    border-bottom: none;
}
.campus-footer-img {
    border-bottom: none!important;
}
.campus-footer-img:hover {
    border-bottom: none!important;
    background-color: transparent!important;
}
 .carousel-indicators {
	 bottom: 20;
}

.carousel-indicators button {
    background-image: url('/its/template/cascade_system/2024/_files/images/icons/carousel-ui/inactive_indicator.png');
    background-repeat: no-repeat;
    background-color: unset!important;
    width: 11px!important;
    height: 11px!important;
}

.carousel-indicators button.active {
    background-image: url('/its/template/cascade_system/2024/_files/images/icons/carousel-ui/active_indicator.png');
    background-repeat: no-repeat;
    background-color: unset;
    width: 11px;
    height: 11px;
}
@media (max-width: 991px) {
    .carousel-indicators {
        display: none;
    }
    .carousel-indicators button.active {
        background: linear-gradient(to right, var(--btn-from) 0%,var(--btn-to) 100%);
    }
}

.carousel-mobile-indicators span {
    display: none;
}

@media (max-width: 991px) {
    .carousel-mobile-indicators {
        display: block;
        position: static;
        overflow: hidden;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    
    .carousel-mobile-indicators button {
        background: linear-gradient(to right, var(--btn-from) 0%, var(--btn-to) 100%);
        color: #fff;
        margin-top: 1rem;
        font-size: 1.5rem;
        text-indent: 0!important;
        width: 75px !important;
        height: 75px !important;
        border-radius: 70px;
        border-top: 0!important;
        border-bottom:0!important;
    }
    
    .carousel-mobile-indicators span {
        display: block;
    }
    
    .carousel-mobile-indicators img {
        object-fit: cover;
        max-width: unset;
    }
}
 .carousel-bg {
	 background-color: #b7b7b7;
}
.carousel-item {
    background-position: center;
}
 .carousel-item > div > img, .carousel-item > img {
	 margin-right: auto;
	 margin-left: auto;
	 height: auto;
}

@media (max-width: 991px) {
    .carousel-item > img {
        display: none !important;
    }
}
 .carousel-container {
	 margin: 30px auto;
	 display: flex;
	 height: 400px;
	 width: fit-content;
	 position:relative;
	 overflow: hidden;
	 align-items: center;
}
 .carousel-overlay {
	 margin-right: auto;
	 margin-left: auto;
	 position:relative;
	 width: fit-content;
	 overflow: hidden;
}
 .carousel-overlay:before {
	 content: "";
	 position:absolute;
	 bottom: -32px;
	 left: 0;
	 height: 30%;
	 width: 100%;
	 margin-bottom: 32px;
	 background: rgba(0,0,0,0.5);
}
 @media (max-width: 991px) {
	 .carousel-container {
		 height: 250px;
	}
	 .carousel-overlay:before {
		 display: none;
	}
}
/* Chart */
.pie-chart {
    max-width: 500px;
    max-height: 500px;
}
 .cta-container {
	 display: flex;
	 height: initial;
}
 .cta-card {
	 width: 100%;
	 height: inherit;
	 display: flex;
	 justify-content: space-between;
	 flex-direction: column;
}
 .cta-card h3, .cta-card h2 {
	 text-align: center;
}
 .cta-card a {
	 height: max-content;
	 margin: 20px;
}
 .cta-container .cta-card a:not(.bg-white-500) {
     color: white;
 }
 .cta-card p {
	 text-align: center;
}
 .lg\:w-1\/1 > .cta-card {
	 width: 100%;
}
 body {
	 font-family: unset;
}
/* = Cards ----------------------------------------------------------- */
 .card {
	 position: unset;
	 background-clip: unset;
	 background-color: unset;
	 border: unset;
	 border-radius: unset;
}
.cards-gradient::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(to top, var(--gradient-color), var(--gradient-color));
}
.cards-container {
    position: relative;
    z-index: 10;
}
.cards {
    position: relative;
    padding: 1rem;
}
.cta-container .profile-card a:not(.bg-white-500) {
    color: #111827;
    font-weight: 600;
    margin: 0;
}
.profile-card a:hover {
    text-decoration: underline;
}
.profile-card img {
    height: 17rem;
}
.profile-heading {
    margin-bottom: 1.6em!important;
}
/* = Columns---------------------------------------------------------- */
.columns h2 {
    margin: 0 0 1rem;
    color: #374151;
}
.columns h2.text-gold-600 {
    --tw-text-opacity: 1;
    color: rgb(142 121 72 / var(--tw-text-opacity));
}
.columns-sidebar .list-group-flush {
    background-color: unset!important;
}
.columns-sidebar .list-group-item {
    background:none;
}
/* = Content w/ Image BG ----------------------------------------------------------- */
.content-bg > div {
    max-width: 100%;
}
 .content-bg {
     text-align: center;
     padding: 150px 200px;
     background-position: center;
}
 @media only screen and (max-width: 1080px) {
     .content-bg {
         text-align: left;
         padding: 150px 100px;
    }
}
 @media only screen and (max-width: 632px) {
     .content-bg {
         padding: 100px 32px;
    }
}
 .content-bg p, .content-bg h1, .content-bg h2 {
     max-width: 1400px;
     margin: auto;
}
 .content-bg-p {
     font-size: 1rem;
 }
 .content-bg h2, .content-bg-left h2, .content-bg-right h2 {
     margin-bottom: 1.2rem;
}
 .content-bg-left {
     text-align: left;
     display: grid;
     grid-template-columns: 1.7fr 1fr;
}
 @media only screen and (max-width: 1080px) {
     .content-bg-left {
         grid-template-columns: 1fr;
         grid-template-rows: 1fr 1fr;
    }
}
 .content-bg-left-body {
     grid-column: 2;
     padding: 100px 200px 100px 0px;
}
 @media (max-width: 1440px) and (min-width: 1081px) {
     .content-bg-left-body {
         padding: 100px 100px 100px 0px;
    }
}
 @media only screen and (max-width: 1080px) {
     .content-bg-left-body {
         grid-row: 2;
         grid-column: 1;
         padding: 50px 100px;
    }
}
 @media only screen and (max-width: 632px) {
     .content-bg-left-body {
         padding: 50px 32px;
    }
}
 .content-bg-right {
     text-align: left;
     display: grid;
     grid-template-columns: 1fr 1.7fr;
}
 @media only screen and (max-width: 1080px) {
     .content-bg-right {
         grid-template-columns: 1fr;
         grid-template-rows: 1fr 1fr;
    }
}
 .content-bg-right-body {
     grid-column: 1;
     padding: 100px 0px 100px 200px;
}
 @media (max-width: 1440px) and (min-width: 1081px) {
     .content-bg-right-body {
         padding: 100px 0px 100px 100px;
    }
}
 @media only screen and (max-width: 1080px) {
     .content-bg-right-body {
         padding: 50px 100px;
    }
}
 @media only screen and (max-width: 632px) {
     .content-bg-right-body {
         padding: 50px 32px;
    }
}
 .content-bg-img {
     overflow: hidden;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     min-height: 220px;
}
 @media only screen and (max-width: 1080px) {
     .content-bg-img {
         grid-row: 1;
    }
}
 .content-bg-img-left:after {
     display: inline-block;
     position: relative;
     height: 100%;
     left: 20.6%;
     width: 79.6%;
     background: linear-gradient(to right, var(--bg-left-t-color) 50%, var(--bg-left-color) 100%);
     content: "";
     clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}
 @media only screen and (max-width: 1440px) {
     .content-bg-img-left:after {
         left: 11%;
         width: 89.5%;
    }
}
 @media only screen and (max-width: 1080px) {
     .content-bg-img-left:after {
         display: none;
    }
}
 .content-bg-img-right:after {
     display: inline-block;
     position: relative;
     height: 100%;
     left: -0.1%;
     width: 79.8%;
     background: linear-gradient(to left, var(--bg-right-t-color) 50%, var(--bg-right-color) 100%);
     content: "";
     clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
 @media only screen and (max-width: 1440px) {
     .content-bg-img-right:after {
         right: 11%;
         width: 89.5%;
    }
}
 @media only screen and (max-width: 1080px) {
     .content-bg-img-right:after {
         display: none;
    }
}
 @media (max-width: 1770px) {
     .factoids {
         padding: 50px 500px;
    }
}
 @media (max-width: 1570px) {
     .factoids {
         padding: 50px 400px;
    }
     .cta p {
         padding: 0;
    }
}
 @media (max-width: 1570px) {
     .factoids {
         padding: 50px 400px;
    }
}
 @media (max-width: 1370px) {
     .factoids {
         padding: 50px 300px;
    }
}
 @media (max-width: 1150px) {
     .content-bg-items {
         display: block;
    }
}
 @media (max-width: 1170px) {
     .factoids {
         padding: 50px 220px;
    }
}
 @media (max-width: 800px) {
     .content-bg>div {
         padding: 0;
    }
}
 @media (max-width: 670px) {
     .factoids {
         display: block;
    }
     .factoid p {
         text-align: center;
    }
}
.directory-profile-heading {
    font-size: 2rem;
}
 .mt-2 {
	 margin-top: unset!important;
}
 .bg-gold-600 {
	 background-color: #887344;
}
 [type='text'] {
	 padding-top: 0.5rem!important;
	 padding-bottom: 0.5rem!important;
}
/* fact card */
.fact-card {
    min-height: 230px;
}
.fact-card-value {
    font-family: 'Noto Serif', 'Palatino', 'serif';
    font-style: italic;
    font-size: 3rem;
    font-weight: 500;
}
.fact-card-hr {
    border-color: rgb(142 121 72);
    opacity: 1;
    margin: 0.5rem auto 1rem;
    max-width: 5rem;
}
.factoid h2 {
    margin: 0;
}
/*video*/
.featured-videos iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}
 .featured-videos {
     position: relative;
     padding-top: 75px;
     padding-bottom: 75px;
     min-height: 500px;
}

.h-fit {
    height: fit-content;
}
.header-department {
    font-size: 1.6rem;
    font-weight: 600;
    color: #8e7948;
}

header .dropdown-positioning {
    opacity: 0;
}
header .column-item {
    position: relative;
}
header .panel-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e0e0e0;
    pointer-events: none;
}

h1.text-2xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media (min-width: 768px) {
    h1.md\:text-3xl {
        font-size: 1.625rem;
        line-height: 2rem;
    }
}
h1.font-semibold {
    font-weight: 600;
}
h1.text-gold-600 {
    --tw-text-opacity: 1;
    color: rgb(142 121 72 / var(--tw-text-opacity));
}
h2.text-2xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media (min-width: 768px) {
    h2.md\:text-3xl {
        font-size: 1.625rem;
        line-height: 2rem;
    }
}
h2.font-semibold {
    font-weight: 600;
}
h2.text-gold-600 {
    --tw-text-opacity: 1;
    color: rgb(142 121 72 / var(--tw-text-opacity));
}
.factoid .mt-6 {
    margin-top: 1.5rem;
}
@media (min-width: 640px) {
    .factoid .sm\:mt-12 {
        margin-top: 3rem;
    }
}
h2.footer-links {
    text-transform: uppercase;
}
.footer-links a {
    width: fit-content;
}
.footer a:visited, .footer a:link {
    border-bottom: none;
    height: 24px!important;
    display: inline-block;
}
.footer .policy-bar {
    font-size: 0.75rem !important;
}    
.footer .lang-bar {
    font-size: 0.75rem !important;
    padding-bottom: 1rem;
}
.footer .policy-bar a:visited, .footer .policy-bar a:link {
    text-decoration: underline!important;
    font-size: 0.75rem;
}
.footer .lang-bar a:visited, .footer .lang-bar a:link {
    text-decoration: underline!important;
    font-size: 0.75rem !important;
}
.footer .lang-bar button {
    height: 24px;
}
.footer {
    font-size: 14px;
}
@media screen and (min-width: 992px) {
    .footer .local-links {
        border-right-width: 1px;
        border-right-color: #ffffff4f;
        display: flex;
    }
    .footer .system-links {
        padding-left: 100px;
    }
}
@media screen and (max-width: 991px) {
    .footer-content {
        text-align: center;
    }
    .footer .local-links {
        text-align: center;
        border-bottom-width: 1px;
        border-color: #ffffff4f;
        padding-bottom: 2rem;
    }
    .footer .system-links {
        padding-top: 2rem;
        text-align: center;
    }
    .local-links div:nth-child(2) {
        padding-top: 1rem;
    }
    .footer .system-links h2.footer-links {
        margin-top: 0 !important;
    }
    .footer .footer-meta {
        text-align: center;
    }
    .footer .footer-meta div:nth-child(1), .footer .footer-logo {
        display: flex;
    }
    .footer .footer-meta div:nth-child(1) a, .footer .footer-logo a {
        margin-left: auto;
        margin-right: auto;
    }
}
/* = Splide ------------------------------------------------------- */
.hero.home .splide__slide:not(:first-child) {
    display: block;
}
 .hero-gradient {
	 width: 100%;
	 background: linear-gradient(to var(--hero-align), transparent 30%, var(--hero-color) 60%);
}
 .hero-gradient-center {
	 width: 100%;
	 background: linear-gradient(to right, transparent 5%, var(--hero-color) 30%, var(--hero-color) 70%, transparent);
}
/* make splide video text/button clickable */
.splide__slide--has-video .hero-text {
    z-index: 10;
}

.splide.is-playing .hero-text {
    display: none;
}
.splide__pagination__page {
    width: 24px!important;
    height: 24px!important;
}
.splide__pagination__page.is-active {
    transform: scale(1.1)!important;
}
.hero .hero-content .hero-text, .hero .hero-content .hero-text h1 {
    padding: 1rem 3rem;
    line-height: 1;
}
@media (max-width: 1050px) {
    .hero .hero-content .hero-text, .hero .hero-content .hero-text h1 {
        font-size: 2rem;
    }
}
@media (max-width: 400px) {
    .hero .hero-content .hero-text, .hero .hero-content .hero-text h1 {
        padding: 1rem;
    }
}
@media (max-width: 767px) {
    .hero.home .hero-content {
        position: relative !important;
        background: var(--hero-img);
        background-position: center;
        background-size: cover;
    }
    .hero.home .hero-content.hero-gradient, .hero.home .hero-content.hero-gradient-center {
        background: linear-gradient(var(--hero-color), var(--hero-color)), var(--hero-img); 
        background-position: center;
        background-size: cover;
    }
    
    .hero.home .splide__slide img {
        display: none;
    }
}
 .hero-transparent {
	 padding: 20px;
	 background-color: var(--hero-color);
}
 .hero .hero-content .hero-text, .hero-text h1 {
	 font-family: "Source Serif Pro", serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
 .hero-text {
	 width: 100%;
}
 .hero-text p, .hero-text h1 {
	 width: 35%;
	 text-shadow: none;
	 padding-top: 20px;
	 margin-bottom: 1.5rem;
	 color: #444444;
	 font-weight: 600;
	 font-size:1.1em;
}
@media (max-width: 400px) {
    .hero-text p, .hero-text h1 {
        font-size: 2rem;
    }
}
 .page-title-plain {
	 font-family: "Source Serif Pro", serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	 font-size: 2.75rem;
	 line-height: 1;
	 color: #2d2d2d;
	 font-weight: 600;
	 margin: 0;
	 padding-top: 1rem;
}
.hero-gradient-center > .hero-text p, .hero-gradient-center > .hero-text h1 {
    width: 40%;
}
 @media (max-width: 770px) {
	 .hero-gradient-center > .hero-text p, .hero-gradient-center > .hero-text h1, .hero-text p, .hero-text h1 {
		 width: 100%;
	}
}
 .hero-left {
	 margin-left: 0;
	 margin-right: auto;
	 padding-left: 50px;
}
 .hero-left a {
	 margin-left: 0;
}
 @media (max-width: 770px) {
	 .hero-left {
		 margin-left: auto;
	}
	 .hero-left a {
		 margin-left: auto;
	}
}
 .hero-right {
	 margin-left: auto;
	 margin-right: 0;
	 padding-right: 50px;
}
 .hero-right a {
	 margin-right: 0;
}
 @media (max-width: 770px) {
	 .hero-right {
		 margin-right: auto;
	}
	 .hero-right a {
		 margin-right: auto;
	}
}
 .hero-center {
     text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}
 .hero-button {
	 font-weight: 500;
	 letter-spacing: 3px;
	 display: block;
	 color: white;
	 padding: 1rem !important;
	 width: fit-content;
	 margin-right: auto;
	 margin-left: auto;
	 margin-top: 20px;
	 font-size: 1rem;
	 font-family: 'Source Sans Pro';
	 text-shadow: none;
	 text-transform: uppercase;
	 line-height: 1;
}
.hero-gradient-desc.hero-content {
    display: block;
    align-content: end;
}
@media (max-width: 1350px) {
    .hero-gradient-desc.hero-content {
       padding-left: 4.5rem;
       padding-right: 4.5rem;
    }
}
@media (max-width: 767px) {
    .hero.home .hero-gradient-desc.hero-content {
       background: linear-gradient(var(--hero-color), var(--hero-color)), var(--hero-img);
       background-position: center;
       background-size: center;
    }
}
.hero-gradient-desc .hero-desc {
    padding: 0;
}
.hero-gradient-desc-container {
    align-self: end;
    height: 100%;
    display: flex;
    background-image: linear-gradient(to top, var(--hero-color) 60%, transparent);
}
.hero-content.hero-gradient-desc h1.hero-text, .hero-content.hero-gradient-desc p.hero-text {
    text-shadow: none;
    padding: 0 0 1rem 0;
}
/* = Hero ------------------------------------------------------------ */
.standard-hero {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
}
@media (max-width: 1023px) {
    .standard-hero {
        display: block;
    }
}
.standard-hero-black {
    background-color: #000;
}
@media (max-width: 1023px) {
    .standard-hero-black {
        background-color: unset;
    }
}
.standard-hero-text {
    grid-column: span 6 / span 6;
    margin: auto 0 auto auto;
    max-width: 615px;
    width: 100%;
}
@media (max-width: 1280px) {
    .standard-hero-text {
        padding-left: 2rem;
        max-width: unset;
    }
}
@media (max-width: 1023px) {
    .standard-hero-text {
        background: linear-gradient(#ffffffcc, #ffffffcc), var(--standard-hero-img);
        background-size: cover;
        padding: 3rem 2rem;
        min-height: 300px;
        display: flex;
        text-align: center;
    }
    .standard-hero-black .standard-hero-text {
        background: linear-gradient(#000000cc, #000000cc), var(--standard-hero-img);
    }
}
.standard-hero-text .hero-text {
    font-family: "Source Serif Pro", serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    line-height: 1;
    font-size: 2.75rem;
    color: #2d2d2d;
    text-shadow: none;
}
@media (max-width: 1023px) {
    .standard-hero-text .hero-text {
        margin-top: auto;
        margin-bottom: auto;
    }
}
.standard-hero-black .standard-hero-text .hero-text {
    color: #fff;
}
.standard-hero-bg {
    min-height: 400px;
    grid-column: span 6 / span 6;
    position: relative;
    background-size: cover;
}
@media (max-width: 1023px) {
    .standard-hero-bg {
        display: none;
    }
}
.standard-hero-overlay {
    background-image: linear-gradient(to right, #fff 3%, #ffffffcc 35%, transparent 90%) !important;
    inset: 0;
    position: absolute;
}
.standard-hero-black .standard-hero-overlay {
    background-image: linear-gradient(to right, #000 3%, #000000cc 17%, transparent 90%) !important;
}
.standard-black, .standard-white {
    text-shadow: none!important;
    font-weight: 600!important;
}
.standard-black {
    color: #fff!important;
}
.standard-white {
    color: #2d2d2d!important;
}
.standard-hero-full-overlay {
    background-image: linear-gradient(to right, var(--hero-overlay-color) 70%, transparent 90%), var(--hero-img);
}
@media (max-width: 1023px) {
    .standard-hero-full-overlay {
    background-image: linear-gradient(to right, var(--hero-overlay-color) 70%, var(--hero-overlay-color) 100%), var(--hero-img);
    }
}

@media(min-width: 1024px) {
     .standard-hero-full-overlay .hero-content {
        padding-right: 16rem!important;
    }   
}

.standard-description-hero {
    height: 60vh!important;
}
@media (min-width: 768px) {
    .standard-description-hero {
        height: 50vh!important;
    }
}
.standard-description-hero.hero .hero-content .hero-text {
    padding: 1rem 0;
}
.standard-description {
    align-content: center;
    flex-wrap: wrap;
}
/* = ----------------------------------------------------------------- */
.hh-directory .select-container:after {
    content: "";
}
.icon-bar-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(178 151 90 / var(--tw-bg-opacity)) !important;
    color: #fff !important;
    border: none !important;    
}
.icon-bar-btn:hover {
    background-color: rgb(142 121 72) !important;
}
.icon-bar-btn-hover {
    transition: 0.5s;
}
@media (prefers-reduced-motion: no-preference) {
   .icon-bar-btn-hover:hover {
        font-size: 5rem;
        margin-bottom: 0.8rem!important;
        transition: 0.5s;
    } 
}
.icon-bar-img-hover {
    transition: 0.5s;
}
@media (prefers-reduced-motion: no-preference) {
    .icon-bar-img-hover:hover {
        transition: 0.5s;
        transform: scale(1.4);
        margin-bottom: 2em;
    }
}
.interested h2 {
    margin: 0;
}
@media (min-width: 1024px) {
 .lg\:inline-block {
    display: inline-block;
    }   
}
/* = Icon Card ------------------------------------------------------- */
.icon-cards {
    padding-bottom: 6rem;
    background: linear-gradient(to bottom, #fff 80px, #f4f4f4 80px, #f4f4f4 100%);
}
.icon-card {
    border: 2px solid #ececec;
    background: #fff;
}
.icon-card-pattern {
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='107' height='54' viewBox='0 0 107 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.03'%3E%3Cpath d='M23.53 54L29.41 48.09L35.34 53.99H45.14L29.42 38.31L13.8 54H23.53Z' fill='black'/%3E%3Cpath d='M76.95 0.209999L82.83 6.12L88.76 0.209999L98.56 0.220001L82.84 15.89L67.22 0.209999H76.95Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.03'%3E%3Cpath d='M0 36.05V47.71L29.28 18.29L65.13 53.98H76.79L29.29 6.63L0 36.05Z' fill='black'/%3E%3Cpath d='M9.12 54L29.36 33.67L49.77 53.99L60.56 53.98L29.37 22.89L0 52.39V54H9.12Z' fill='black'/%3E%3Cpath d='M23.27 0.230003L11.61 0.220001L0 11.78V23.42L23.27 0.230003Z' fill='black'/%3E%3Cpath d='M7.04 0.220001H0V7.23L7.04 0.220001Z' fill='black'/%3E%3C/g%3E%3Cg opacity='0.03'%3E%3Cpath d='M89.03 54.01H100.64L106.99 47.62V35.96L89.03 54.01Z' fill='black'/%3E%3Cpath d='M105.3 54H106.99V52.31L105.3 54Z' fill='black'/%3E%3Cpath d='M82.7 35.91L47.15 0.199997L35.54 0.190002L82.71 47.57L106.99 23.37V11.73L82.7 35.91Z' fill='black'/%3E%3Cpath d='M103.19 0.220001L82.7801 20.53L62.5401 0.199997H51.8101L82.7901 31.31L106.99 7.19V0.220001H103.19Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
 .moreArticles {
	 margin-top: 0.9rem !important;
	 padding-left: 1.2rem;
}
 .moreArticles li {
	 padding-left: 0;
	 display: flex;
	 align-items: start;
}
 .moreArticles li::marker {
     content: "";
}
 .moreArticles li:before {
     background: #686869;
     content: "";
     width: 0.3rem;
     height: 0.3rem;
     border-radius: 50%;
     position: absolute;
     margin-left: -1rem;
     margin-top: 0.6em;
 }
/* =Tabs --------------------------------------------------------------- */
.nav-tabs {
    border: none;
    margin-bottom: 0px;
    margin-left: -25px;
}
.tabs-container {
    padding-top: 75px;
    padding-bottom: 75px;
}
.nav-tabs .nav-link {
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 1.25rem;
    margin-right: 1rem;
}
.nav-bar {
list-style: none;
}
@media (max-width: 1080px) {
    .nav-tabs .nav-link {
        font-size: 1rem;
    }
}
.nav-tabs-bordered {
    margin-bottom: 1rem;
}
.nav-tabs-bordered .nav-link {
    padding-left: 0;
    padding-right: 2.5rem;
}

.nav-tabs-bordered .nav-link.active {
    border-bottom: 2px solid #000;
}

.nav-tabs-solid .nav-link {
    padding-top: 1rem;
}

.nav-tabs-solid .nav-link.active {
    background-color: var(--tab-bg);
    color: var(--tab-text);
}

.tab-content-solid {
    background-color: var(--tab-bg);
    color: var(--tab-text);
    padding: 1rem;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tab-content-solid a, .tab-content-solid strong, .tab-content-solid h2, .tab-content-solid h3, .tab-content-solid h4, .tab-content-solid h5 {
    color: var(--tab-text);
}
/* = News ------------------------------------------------------- */
.hh-news .wysiwyg a[id] {
    padding: 0;
    border: none;
}
.hh-news .wysiwyg p:has(>a[id]) {
    margin: 0;
}
.news h2 {
    margin: 0;
}
.news h2.font-semibold {
    font-weight: 600;
}
.news h2.text-gold-600 {
    --tw-text-opacity: 1;
    color: rgb(142 121 72 / var(--tw-text-opacity));
}
.news h2.text-2xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media (min-width: 768px) {
    .news h2.md\:text-3xl {
        font-size: 1.625rem;
        line-height: 2rem;
    }
}
 .news-btn {
	 width: fit-content;
	 font-weight: 600;
	 padding: 0.9em 1.7em 0.9em 1em !important;
}
 .news-btn a {
	 font-weight: 400;
	 font-size: 0.9rem;
	 text-align: left;
	 letter-spacing: 0.085em;
}
 .news-content a {
	 text-decoration: none;
	 color: #887344;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 0.15em;
	 font-size: 0.9em;
}
.news-content-title a {
	 text-decoration: none;
	 color: #000000;
	 font-weight: 600;
	 font-size: 1.1em;
	 letter-spacing: inherit;
	 text-transform: none;
}
 .news-content p {
	 color: #686869;
	 line-height: 1.6em;
	 font-size: 0.9em;
}
 .news-content > .title {
	 font-size: 1em;
}
.newsWrapper {
    margin-top: 3rem;
}
/* News and Events component */
 .ne-column {
     display: flex;
     flex-direction: column;
}
 @media (max-width: 1199px) {
     .ne-column {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media (max-width: 1199px) and (min-width: 1081px) {
     .ne-column:nth-of-type(2) {
         margin-top: 2rem;
    }
}
 .events {
     border-radius: 10px;
     padding: 20px;
     margin: 10px 0;
     font-size: 1rem;
     flex-grow: 1;
}
 a.events {
     text-decoration: none;
}
 .eventsWrapper {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
}
 .events-date {
     font-size: 1.5rem;
     font-weight: 700;
}
 @media (max-width: 1080px) {
     .events-date {
         font-size: 1rem;
    }
}
 @media (min-width: 1081px) {
     .events-title {
         margin-top: 0.3rem;
    }
}
 .events-date, .events-title {
     margin-bottom: 0;
}
 .news-events {
     padding-top: 3rem;
     padding-bottom: 7rem;
}
 @media only screen and (max-width: 1080px) {
     .news-events {
         padding-top: 30px;
         padding-bottom: 30px;
    }
}
 @media only screen and (max-width: 1080px) {
     .news-events h2 {
         font-size: 1rem;
         margin-bottom: 1rem;
         margin-top: 1rem;
         padding-left: 1rem;
    }
}
 .news-featured {
     background-color: #ececec;
     border-radius: 10px;
     margin: 10px 0;
     font-size: 1rem;
     flex-grow: 1;
}
 .news-featured a {
     display: grid;
     height: 100%;
     grid-template-columns: 1fr 1fr;
     text-decoration: none;
}
 @media only screen and (max-width: 1080px) {
     .news-featured a {
         grid-template-columns: 1fr;
    }
}
 .news-desc {
     padding: 20px;
     grid-column: 2;
}
 @media only screen and (max-width: 1080px) {
     .news-desc {
         grid-column: unset;
    }
     .news-description {
         display: none;
    }
}
 .news-title {
     font-weight: 700;
}
 .news-img {
     overflow: hidden;
     border-radius: 10px 0px 0px 10px;
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     transition: all 0.5s ease-in-out;
}
 @media (prefers-reduced-motion) {
     .news-img {
         transition: none;
    }
}
 .news-featured>a:hover>.news-img-wrapper>.news-img {
     -webkit-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     transition: all 0.5s ease-in-out;
}
 @media (prefers-reduced-motion) {
     .news-featured>a:hover>.news-img-wrapper>.news-img {
         transition: none;
    }
}
 @media only screen and (max-width: 1040px) {
     .news-img {
         height: 200px;
    }
}
 .news-img-wrapper {
     border-radius: 10px 0px 0px 10px;
     overflow: hidden;
}
/* ------------------------------------------------------- */
.no-banner {
    background: url('https://www.hawaii.edu//its/template/cascade_system/2024/_files/images/banners/no-banner-bg.png'), #3d3c3b;
    background-repeat: none;
    background-size: cover;
}
.no-banner > .hero-content > .hero-text {
    padding: 0;
}
 .tb_app_container {
	 min-height: auto !important;
}
#search-button {
    margin-left: 3em;
    margin-right: 0.5em;
}
#desktopSearch {
    width: 150px;
}
.sidebar {
    max-width: 80rem;
    margin: auto;
}
.social-links {
    text-align: right;
}
@media (max-width: 710px) {
    .social-links {
        margin-top: 10px;
    }
}
.social-links-f li {
    margin-right: 0.7rem;
}
@media (max-width: 991px) {
    .social-links-f li {
        margin-right: 0.3rem;
        margin-left: 0.3rem;
    }
}
.social-links-f a:link {
    border-bottom: none;
}
.splide {
    background: var(--mobile-color);
}

/* updating splide navigation arrows */
 .splide__arrow {
	 background: #2d2d2d!important;
	 width: 50px!important;
	 height: 50px!important;
	 opacity: 1 !important;
}
 .splide__arrow svg {
	 fill: #FFFFFF !important;
	 height: 2em !important;
	 width: 2em !important;
}
 .splide__arrow:hover:not(:disabled) {
	 opacity: .7 !important;
}

.system-header-links {
    display: flex;
    align-items: center;
}
@media (max-width: 710px) {
    .system-header-links {
        display: block;
    }
}
.system-header-logo-link {
    width: 300px;
}
@media (max-width: 710px) {
    .system-header-logo-link img {
        margin-left: auto;
        margin-right: auto;
    }
}
.system-header-links a {
    display: initial;
    font-weight: 400;
    letter-spacing: 2px;
}
/* =Subnav --------------------------------------------------------------- */
.subnav-side-mobile {
    display: none;
}
.subnav-side-desktop {
    display: block;
}
@media(max-width: 767px) {
    .subnav-side-mobile {
        display: block;
    }
    .subnav-side-desktop {
        display: none;
    }
}

aside.subnav-side > ul > li {
    border-bottom: 2px solid #2d2d2d;
    padding: 0.5rem 0;
}
aside.subnav-side a {
    display: block;
    width: 100%;
    padding-right: 2rem;
}
@media (max-width: 1024px) {
    aside.subnav-side a {
        font-size: 1rem;
    }
}
aside.subnav-side a:hover {
    font-weight: 800;
}
aside.subnav-side-mobile .subnav-mobile-menu {
    display: none;
}
aside.subnav-side-mobile .subnav-mobile-menu.open {
    display: block;
}
.subnav-item-has-children .secondary-sub-menu {
    display: none;
}
.subnav-item-has-children {
    position: relative;
}
.subnav-item-has-children li {
    padding: 1rem 0 0 1.5rem;
}
.subnav-item-has-children > li > a {
    padding-right: 2rem;
}
.secondary-toggle {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0.5rem;
    right: 0.5rem;
    border: none;
    background: none;
}
.secondary-toggle.secondary-toggle-close:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: var(--fa-font-solid);
    text-rendering: auto;
    content: "\f107";
}
.secondary-toggle.secondary-toggle-open:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f077";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.subnav-mobile-btn {
    position: relative;
    font-size: 1rem;
    border-bottom: 2px solid #2d2d2d;
}
.subnav-mobile-btn:after {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
}
.subnav-mobile-btn-close:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.subnav-mobile-btn-open:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "x";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
/* =Table ----------------------------------------------------------------- */
.table {
    font-size: 1em;
}
.table-div h2 {
    margin: 0;
}
.table.table-dark th {
    color: #fff;
}
.table-borderless thead, .table-borderless > tbody > tr {
    border: none;
}
/* =TOC ----------------------------------------------------------------- */
a.toc-link {
    border: none;
}
a.toc-link:hover {
    background: none;
    border: none;
}
.wysiwyg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

 @media(max-width: 640px) {
	 .cta-card a {
		 padding: 20px;
		 text-align: center;
	}
}
 @media (max-width: 767px) {
	 .hero.home .swiper, .hero.home .splide {
		 height: fit-content;
	}
	 .cta-header h3 {
		 font-size: 1.125rem;
	}
	 .hero-gradient {
		 background: linear-gradient(to var(--hero-align), transparent 0%, var(--hero-color) 25%);
	}
	 .hero-gradient.hero-right {
		 padding-right: 0;
	}
	 .hero-gradient.hero-left {
		 padding-left: 0;
	}
	 .hero-right {
		 padding-right: 0;
	}
	 .hero-left {
		 padding-left: 0;
	}
	 .hero-transparent {
		 padding-top: inherit !important;
	}
	 .hero-content {
		 margin-left: auto !important;
		 margin-right: auto !important;
		 text-align: center !important;
		 align-items: center!important;
	}
	 .hero-text p, .hero-text h1 {
		 padding-left: 2rem;
		 padding-right: 2rem;
	}
}
 @media (min-width: 768px) {
	 .hero.home .swiper, .hero.home .splide {
		 height: var(--banner-height);
	}
}
 @media (min-width: 768px) {
	 .cta-card h3, .cta-card h2 {
		 font-size: 1rem;
	}
}
 @media(min-width: 1024px) {
	 .cta-card h3, .cta-card h2 {
		 font-size: 1.25rem;
	}
}
/* =Gallery ------------------------------------------------------- */
/* Hover effect */
 .gallery .nGY2GThumbnail:hover {
     transform: scale(.95);
     transition: transform .6s;
}
 .gallery .nGY2GThumbnail {
     transition: transform .6s;
}
/* Lightbox styles */
 .nGY2 {
     font-family: montserrat, sans-serif;
}
 .nGY2Viewer .ngy2viewerToolAction .fa {
     color: #aaa;
}
 .nGY2Viewer .ngy2viewerToolAction:hover .fa {
     color: white;
}
 .nGY2Viewer .ngy2viewerToolAction:hover {
     opacity: 1 !important;
}
 
/* =Utilities ----------------------------------------------------------------- */
.tw-text-right {
    text-align: right;
}
.tw-text-center {
    text-align: center;
}
.tw-text-left {
    text-align: left;
}
 .text-c-white {
     color: #fff;
}
 .text-c-gold {
     color: #8e7948;
}
 .text-c-gray {
     color: #374151;
}
 @media (min-width: 768px) {
     .md\:w-2\/3{
         width: 66% 
    }
}
 @media (min-width: 1024px) {
     .lg\:w-2\/3{
         width: 66%;
    }
}
.man-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.rss-items li::marker {
  color: black;
}
.rss-item {
    color: blue;
    font-size: 1rem;
}

/* = Watermark Pattern ------------------------------------------------------- */
.watermark-banner {
    background-image: url('/its/template/cascade_system/2024/_files/images/pattern-bg.svg');
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    height: 50px;
}


/* = Watermark Pattern End --------------------------------------------------- */