/*
 Theme Name:   Oregon State Credit Union Child
 Theme URI:    https://generatepress.com
 Description:  Oregon State Credit Union theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * Refer Friend
 * */
#extole_zone_global_header a, #extole_zone_global_header_menu a, #extole_zone_global_header , #extole_zone_global_header_menu{
    color: var(--primary-palette-navy) !important;
    column-gap: 0.5em;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    padding: 0rem;
    cursor: pointer;
}
#extole_zone_global_footer a, #extole_zone_global_footer {
    color: var(--primary-palette-white);
    margin-bottom: 0px;
    column-gap: 0.5em;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    padding: 0rem;
    cursor: pointer;
}
#extole_zone_global_header > div, #extole_zone_global_footer > div {
	display: flex;
}
span#extole_zone_global_header a::before, span#extole_zone_global_header_menu a::before {
    content: " ";
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/add-profile.svg);
    display: flex;
    background-size: contain;
}

.loginForm {
    padding: 40px;
    background-color: var(--primary-palette-white);
    border-radius: 25px;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.loginForm input:not(.btn-primary) {
	width: 100%;
    border-radius: 10px;
    border: 1.5px solid var(--accent-palette-dark-dark-gray);
    background: var(--primary-palette-white);
}
.loginForm .btn-primary {
	margin-top: 16px;
    width: 144px;
    text-align: start;
}
.loginForm p.h3 {
    margin-bottom: 0;
    color: var(--primary-palette-blue);
    text-align: start;
    text-transform: uppercase;
}
@media (max-width: 767px) {
	.loginForm {
		width: 100%;
		gap: 16px;
	}
	.loginForm .btn-primary {
		width: 120px;
	}
}
#btn-login {
	cursor: pointer;
}
.li-container .login-form-container {
	display: none;
	height: 0;
	transition: height 0.5s ease-in-out;
}
.li-container .login-form-container.is_visable {
	display: block;
	height: 331px;
	transition: height 0.5s ease-in-out;
}

.li-container .login-form-container .loginForm {
	padding: 0;
}
.li-container .login-form-container .loginForm .btn-primary {
    padding: 10px 24px;
    width: 121px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    line-height: normal;
}
.login-form-container .hblinks {
	margin-top: 20px;
}
.login-form-container .hblinks a:hover {
	color: var(--primary-palette-navy);
}
@keyframes slide-down {
	from {
		transform: translateY(50px);
	}
	to {
		transform: translateY(0);
	}
}
.gb-site-header {
  position: relative;
  width: 100%;
  background: #ffffff;
  transition: transform .2s ease, background-color .2s ease;
}
/* Sticky state */
.gb-site-header.is-sticky {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  animation: slide-down;
	animation-duration: 0.5s;
}

/* =========================
   GLOBAL
   ========================= */
.hero-arrow .gb-element-c550878d {
	z-index: 2;
}
@media (max-width: 767px) {
	.mbl-mb-40 {
		margin-bottom: 40px;
	}
}
h1.gb-text.gb-text-863de085 {
    word-wrap: normal;
}
.menu-item-has-gb-mega-menu .gb-overlay--anchored.gb-overlay--width-full {
	z-index: 79 ! important;
}
.is_hidden { display: none !important; }
.box-shadow { box-shadow: 0 0.5px 1px 0 rgba(12, 27, 66, 0.15), 0 4px 10px 0 rgba(12, 27, 66, 0.08); }
.box-shadow-1-1, .gb-overlay__content { box-shadow: 0 1px 1px 0 rgba(12, 27, 66, 0.15), 0 8px 15px 0 rgba(12, 27, 66, 0.08); }
.box-shadow--05-1 { box-shadow: 0 -0.5px 1px 0 rgba(12, 27, 66, 0.15), 0 -4px 10px 0 rgba(12, 27, 66, 0.08); }
.aspect-ratio-1 { aspect-ratio: 1; }
.aspect-ratio-2-1 { aspect-ratio: 2 / 1; object-fit: cover; }
.highlighted-word { color: var(--primary-palette-orange); }
.btn-white:hover svg path { stroke: var(--primary-palette-white); }
.btn-arrow-icon-white:hover svg path { stroke: var(--primary-palette-blue); }
.gb-text.btn-underline, .gb-text.btn-underline-white {
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}
.hero-desktop { background-position: center right; }
.product-grid-image { aspect-ratio: 2 / 1.128; }
.gb-element-51a746f6 { aspect-ratio: 1; }
.bg-gray {
	background-color: var(--primary-palette-gray);
}
.bg-white {
	background-color: var(--primary-palette-white);
}
#join-us-financial-future .gb-loop-item:last-of-type::after {
	content: " ";
}
.cta-list:has(ul)p:last-of-type {
	margin-bottom: 0;
}
.cta-list:not(:has(ul)) p:last-of-type {
	margin-bottom:  40px ! important;
}
.cta-list ul:has(+ p) {
	margin-bottom: 20px ! important;
}
.cta-list:has(ul) p:last-of-type {
	margin-bottom: 40px;
}
.cta-list p:has(+ ul) {
	margin-bottom: 1.5em ! important;
}
@media (max-width: 1076px) {
	.gb-overlay__content { box-shadow: none; }
	.gb-overlay.gb-overlay--width-full, .gb-overlay__content > div {
		background-color: transparent ! important;
	}
}
@media (max-width: 767px) {
	.cta-list::has(ul) p:last-of-type, .cta-list:not(:has(ul)) p:last-of-type {
		margin-bottom: 24px;
	}
	
}
.omnibrowse-code-button {
	padding: 0;
    font-size: 14px;
}
.omnibrowse-code-button, .omnibrowse-code-button:is(:hover,:focus) {
	background-color: unset;
}
div#mobile-search {
	margin-bottom: 0;
}
.product-grid-image {
	width: 100% ! important;
}
@media (min-width: 768px) {
	#menu-item-255 a.gb-menu-link:hover {
		position: relative;
	}
	#menu-item-255 a.gb-menu-link:hover:after {
		content: url(/wp-content/uploads/icon-arrow-blue.svg);
		position: absolute;
		top: 55%;
		right: 0;
		transform: translateY(-50%);
	}
}
.search-container [type=search] {
    outline-offset: 4px ! important;
}
.bb-text p:last-of-type {
	margin-bottom: 0;
}
.bb-text a {
	color: var(--primary-palette-white);
	text-decoration: none;
}
@media (min-width: 1077px) {
	.gb-overlay__content {
		position: relative;
	}
	.gb-overlay__content::after {
		content: " ";
		width: 100vw;
		position: absolute;
		top: -7px;
		height: 50px;
		z-index: 2;
		background: #fff;
	}
}
img {
  pointer-events: none;
}
.nav-all:hover {
	cursor: pointer;
}
#menu-main-menu .menu-item .gb-menu-link {
	cursor: default;
}
#menu-main-menu #menu-item-255 .gb-menu-link:last-of-type {
	cursor: pointer;
}

.swiper-slide.offer-slide {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.swiper-slide.offer-slide:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.accordion-item a:focus {
	color: var(--primary-palette-blue);
}
/* =========================
   HERO
   ========================= */
.hero-flipped .hero-desktop { transform: scaleX(-1); }
@media (max-width: 1024px) and (min-width: 768px) {
    .hero-flipped .hero-diamond {
        padding-left: 22% !important;
        padding-right: 0 !important;
    }
    .hero-flipped .hero-content {
        padding-left: 100px;
        padding-right: 0;
    }
}
@media (min-width: 1025px) {
    .has_diamond { 
		position: relative;
	}
	.diamond-image-container:has(.has_diamond) {
		overflow: visible ! Important;
	}
    .has_diamond:after {
        content: " ";
        width: 650px;
        background: url(/wp-content/uploads/diamond-middle.svg);
        height: 1500px;
        position: absolute;
        top: max(41%, 50%);
        right: min(20vw, 325px);
		background-repeat: no-repeat;
    }
    .has_diamond .diamond-square { z-index: 1; }
}
@media (max-width: 899px) and (min-width: 768px) {
    .hero-diamond { padding-right: 22% !important; }
}
@media (min-width: 1441px) {
    .hero-diamond {
        background: url(/wp-content/uploads/cream-edge-right.svg) center right -1px/cover no-repeat,
                    url(/wp-content/uploads/diamond-white.svg) right center/contain no-repeat !important;
    }
    .hero-diamond-fill {
        position: relative;
    }
/*     .hero-diamond-fill:after {
        background: url(/wp-content/uploads/cream-edge-right.svg) center right -1px/contain no-repeat;
	} */
/*     .hero-diamond-fill.flipped {
        background: url(/wp-content/uploads/cream-edge-left-1.svg) center left -1px/contain no-repeat;
    } */
    .hero-diamond-fill:after {
		content: ' ';
		position: absolute;
		top: 0;
		width: 100%;
		height: calc(100% + 2px);
		right: -1px;
		background-image: url(/wp-content/uploads/cream-edge-right.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center right;
    }

    .hero-diamond-fill.flipped {
        position: relative;
    }
    .hero-diamond-fill.flipped:after {
		content: ' ';
		position: absolute;
		top: 0;
		width: 100%;
		height: calc(100% + 2px);
		left: -1px;
		background-image: url(/wp-content/uploads/cream-edge-left-1.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center left;
    }
    .paper-edge-white, .paper-edge-dark-gray {
		background-size: 1455px 68px ! important;
		background-position: bottom -2px center ! important;
		background-repeat: repeat-x ! important;
        max-width: 100vw ! important;
    }
    .dark-gray-arrow {
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        max-width: 100vw !important;
        height: 134px !important;
    }
    .promo-container { padding-bottom: 63px !important; }
    div.blue-subtract {
        background: url(/wp-content/uploads/subtract-blue-flipped.svg) center left / cover no-repeat,
                    url(/wp-content/uploads/subtract-blue-1.svg) center right / cover no-repeat,
                    var(--inline-bg-image) center left / cover no-repeat;
    }
    div.gray-subtract {
        background: url(/wp-content/uploads/subtract-gray-flipped.svg) center right -1px / cover no-repeat,
                    url(/wp-content/uploads/subtract-gray.svg) center left / cover no-repeat,
                    var(--inline-bg-image) center left / cover no-repeat;
    }
}
@media (max-width: 434px) {
    .hero-mobile {
        background-size: contain;
        background-position: center bottom;
    }
}
@media (max-width: 767px) {
    .image-banner { /* background-size: contain !important; */ }
}

/* =========================
   Person Banner
   ========================= */
@media (min-width: 768px) {
	.person-banner-blue.flipped .blue-subtract {
		order: 1;
		background: url(/wp-content/uploads/subtract-blue-flipped.svg) center left -2px / cover no-repeat, var(--inline-bg-image) center left / cover no-repeat;
	}
	.person_banner-gray.flipped .gb-element-722cacc7 {
		order: 1;
	}
	.person_banner-gray.flipped .gray-subtract {
		order: 0;
		background: url(/wp-content/uploads/subtract-gray-flipped.svg) center right -2px / cover no-repeat, var(--inline-bg-image) center left / cover no-repeat;
	}
}

@media (min-width: 1441px) {
    div.blue-subtract {
        background: url(/wp-content/uploads/subtract-blue-flipped.svg) center left -2px / contain no-repeat,
                    url(/wp-content/uploads/subtract-blue-1.svg) center right / contain no-repeat,
                    var(--inline-bg-image) center left / cover no-repeat;
    }
    div.gray-subtract {
        background: url(/wp-content/uploads/subtract-gray-flipped.svg) center right -1px / contain no-repeat,
                    url(/wp-content/uploads/subtract-gray.svg) center left / contain no-repeat,
                    var(--inline-bg-image) center left / cover no-repeat;
    }
	.person-banner-blue.flipped .blue-subtract {
		background: url(/wp-content/uploads/subtract-blue-flipped.svg) center left -2px / contain no-repeat,
                    url(/wp-content/uploads/subtract-blue-1.svg) center right / contain no-repeat, var(--inline-bg-image) center left / cover no-repeat;
	}
	.person_banner-gray.flipped .gray-subtract {
		order: 0;
		background: url(/wp-content/uploads/subtract-gray-flipped.svg) center right -2px / contain no-repeat, url(/wp-content/uploads/subtract-gray.svg) center left / contain no-repeat, var(--inline-bg-image) center left / cover no-repeat;
	}
}
/* =========================
   DIAMOND IMAGE
   ========================= */
.diamond-square,
.diamond-square-med,
.diamond-square.right-image,
.diamond-square.wwa-left,
.diamond-square.wwa-right {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    aspect-ratio: 1;
}
.diamond-square {
    width: calc(50vw - 104px);
    max-width: 550px;
    transform: rotate(-45deg);
    bottom: 100px;
}
.diamond-square.right-image { transform: rotate(135deg); }
.diamond-square.right-image .diamond-image { transform: rotate(225deg); }
.diamond-square.wwa-left, .diamond-square.wwa-right { max-width: 500px; }
.diamond-square.wwa-right { transform: rotate(135deg); }
.diamond-square.wwa-right .diamond-image { transform: rotate(225deg); }
.diamond-square-med {
    width: calc(50vw - 104px);
    max-width: 350px;
    transform: rotate(135deg);
    bottom: 40px;
    right: -25px;
}
.diamond-image-container { overflow: hidden; }
.diamond-image {
    width: 160%;
    height: 160%;
    aspect-ratio: 1;
    margin: -120px;
    transform: rotate(45deg);
}
.diamond-image-container.diamond-right {
	direction: rtl;
}
.diamond-image-container.diamond-right .gb-element-32a43517 {
	direction: ltr;
}
.diamond-image-container.diamond-large .diamond-square {
	bottom: unset;
}
.diamond-large .gb-element-32a43517 {
	padding: 0 64px;
}
.diamond-image-med {
    width: 149%;
    height: 149%;
    aspect-ratio: 1;
    margin: -60px;
    transform: rotate(225deg);
}

.arrow-container,
.arrow-container-med {
    aspect-ratio: 1;
    width: 100%;
    display: flex;
    position: relative;
    background: url(/wp-content/uploads/diamond-boomarang-1.svg);
    background-repeat: no-repeat;
    background-position: bottom 2px right 2px;
}
.arrow-container { padding: 33px; background-size: auto; }
.arrow-container-med { padding: 21px; background-size: 200px; }
@media (max-width: 1024px) {
    .diamond-square {
        width: calc(50vw - 80px);
        max-width: 415px;
    }
    .arrow-container {
        padding: 30px;
        background-position: bottom 7px right 7px;
        background-size: 74%;
    }
    .diamond-square-med {
        width: 100%;
        bottom: 25px;
        max-width: 300px;
    }
    .arrow-container-med {
        background-position: bottom 5px right 5px;
        background-size: 165px;
    }
    .featured-blog-2 .arrow-container-med div { display: flex; }
}
@media (max-width: 767px) {
    .diamond-square {
        top: 0;
        width: calc(100vw - 100px);
        transform: rotate(-225deg);
    }
    .diamond-image {
        margin: -105px;
        transform: rotate(225deg);
    }
    .diamond-square.wwa-left, .diamond-square.wwa-right { bottom: 0; }
	.diamond-image-container.diamond-right .gb-element-7272cda3 {
		justify-content: flex-start;
	}
	.diamond-large .gb-element-32a43517 {
		padding: 0 24px;
	}
	.diamond-image-container.alternating-diamond:not(.first) .gb-element-7272cda3 {
		padding-top: 48px;
	}
	.diamond-image-container.diamond-left .gb-element-7272cda3 {
		display: flex;
		justify-content: flex-start;
		padding-left: 0;
		padding-right: 58px;
	}
	.diamond-image-container.diamond-left .diamond-square {
		left: -50px;
		transform: rotate(-45deg);
	}
	.diamond-image-container.diamond-left .diamond-image {
		transform: rotate(45deg);
	}
    .gb-element-51a746f6 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
}
@media (min-width: 1025px) {
    .diamond-square.wwa-left, .diamond-square.wwa-right { bottom: -48px; }
	.diamond-image-container.diamond-large {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	.diamond-image-container.diamond-large {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
@media (max-width: 767px) and (min-width:630px) {
    .diamond-square { left: 50px; }
    .arrow-container { padding: 22px; background-size: 54%; background-position: bottom right; }
}
@media (max-width: 629px) { .diamond-square { left: 50px; } }
@media (max-width: 629px) and (min-width:500px) {
    .arrow-container { padding: 21px; background-position: bottom 0px right 0px; background-size: 52%; }
}
@media (max-width: 499px) and (min-width:423px) {
    .arrow-container { padding: 15px; background-position: bottom 0px right 0px; background-size: 54%; }
}
@media (max-width: 422px) and (min-width:387px) {
    .arrow-container { padding: 12px; background-position: bottom 0px right 0px; background-size: 50%; }
}
@media (max-width:386px) {
    .arrow-container { padding: 11px; background-position: bottom 0px right 0px; background-size: 50%; }
}
@media (min-width: 1441px) {
    .diamond-image-container { overflow: visible; }
}
/* =========================
   OSCU CATEGORY POSTS LISTINGS
   ========================= */
a.post-link { text-decoration: none; }
a.post-link p.caption { color: var(--primary-palette-black); }
a.post-link:hover { background-color: var(--primary-palette-blue); }
a.post-link:hover h4, a.post-link:hover p {
	color: var(--primary-palette-white);
}
/* =========================
   OSCU CATEGORY POSTS
   ========================= */
.oscu-category-posts { display: flex; gap: 24px; }
.oscu-post-item {
    background-color: var(--primary-palette-white);
    column-gap: 0px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    row-gap: 0px;
    border-radius: 10px;
    flex: 1 1 30%;
}
.oscu-post-details {
    padding: 24px;
    min-height: 230px;
    display: flex;
    flex-direction: column;
}
.oscu-post-item h4 a { margin-bottom: 16px; text-decoration: none; }
.oscu-post-thumbnail {
    display: flex;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.oscu-post-button-container {
    align-items: flex-end;
    background-blend-mode: normal;
    background-image: url(/wp-content/uploads/button-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 10px;
    bottom: 0px;
    display: inline-flex;
    height: 84px;
    justify-content: flex-end;
    padding-bottom: 10px;
    padding-right: 10px;
    position: absolute;
    right: -1px;
    width: 84px;
}
.oscu-post-excerpt { margin-bottom: auto; }
.oscu-post-readmore { margin-top: 20px; }
.blog-card-image, .oscu-post-thumbnail img {
    max-height: 190px;
    width: 100% !important;
    object-fit: cover;
    aspect-ratio: 5 / 2.3;
}
.oscu-post-item.post-item-no-image .oscu-post-details { padding-bottom: 40px; }
@media (max-width: 1024px) {
    .oscu-category-posts { flex-wrap: wrap; justify-content: center; }
    .oscu-post-item { flex: 1 1 calc(50% - 24px); max-width: 50%; }
}
@media (max-width: 767px) {
    .oscu-category-posts { flex-wrap: wrap; justify-content: center; }
    .oscu-post-item { flex: 1 1 100%; max-width: 100%; }
}

/* =========================
   BUBBLE TAG
   ========================= */
.bubble-tag {
    display: inline-flex;
    padding: 6px 24px;
    align-items: center;
    gap: 4px;
    border-radius: 20px;
    background: #BFEEE2;
    justify-content: flex-start;
    margin-bottom: 16px;
    font-family: Figtree;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #144D3E;
}

/* =========================
   SWIPER SLIDE
   ========================= */
.swiper-slide.product-slide { width: 310px !important; height: auto;}

@media (max-width: 767px) {
    .swiper-slide.product-slide { width: 170px !important; }
}

/* =========================
   HOVER STATES
   ========================= */
.hover-blue {
	border: 1.5px solid var(--primary-palette-neutral-blue);
}
.hover-blue:hover { background-color: var(--primary-palette-blue); border-color: var(--primary-palette-blue);}
.hover-blue:hover p, .hover-blue:hover h4 { color: var(--primary-palette-white); }
.hover-blue:hover h4 { text-decoration: underline; }
.hover-blue:hover .btn-arrow-icon-white svg path { stroke: var(--primary-palette-blue) !important; }

/* =========================
   LISTS
   ========================= */
ul.list-style-yellow, ul.list-style-teal, ul.list_style,
ol.list-style-yellow, ol.list-style-teal, ol.list_style,
.list-style-yellow > ol, .list-style-teal > ol, .list_style > ol,
.list-style-yellow > ul, .list-style-teal > ul, .list_style > ul,
.accordion-content ol, .accordion-content ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    margin-left: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
ul.list_style ul.sub-list, ul.list_style ul, ol.list_style ol, .accordion-content ul li ul, .accordion-content ol li ol, .list-style-yellow > ul > li > ul , .list-style-yellow > ul > li > ul li, .list-style-teal > ul > li > ul , .list-style-teal > ul > li > ul li  { margin-top: 20px; }
ul.list-style-yellow, .list-style-yellow > ul, .accordion-content ul, .list-style-yellow > ul > li > ul { list-style-image: url(/wp-content/uploads/list-marker-1.png); }
ul.list-style-teal, .list-style-teal > ul, .list-style-teal > ul > li > ul  { list-style-image: url(/wp-content/uploads/list-marker-teal.png); }
.list-style-yellow > ul li, .list-style-teal > ul li, .list_style > ul li,
.list-style-yellow > ol li, .list-style-teal > ol li, .list_style > ol li,
.accordion-content ul li, .accordion-content ol li,
.accordion-content ul li ul li, .accordion-content ol li ol li { padding-left: 3px; }
.list-style-yellow.cta-list ul, .list-style-yellow.cta-list ol { margin-bottom: 40px; }
@media (max-width: 1024px) {
    .list-style-yellow.cta-list ul, .list-style-yellow.cta-list ol { margin-bottom: 24px; }
    .list-style-yellow, .list-style-teal, .list_style, .accordion-content ol, .accordion-content ul, .list-style-yellow > ul li, .list-style-teal > ul li, .list_style > ul li,
.list-style-yellow > ol li, .list-style-teal > ol li, .list_style > ol li,
.accordion-content ul li, .accordion-content ol li,
.accordion-content ul li ul li, .accordion-content ol li ol li { font-size: 16px; }
}

/* =========================
   HEADER
   ========================= */
.gb-overlay { display: none; }
.gb-overlay.is-open { display: block; position: relative !important; top: 0; left: 0; padding-bottom: 58px; }
.gb-overlay.gb-overlay--width-full { background-color: var(--primary-palette-white); }
.search-container .wp-block-search__inside-wrapper {
    padding: 7.252px 10.596px 7.596px 11.603px;
    border-radius: 7.252px;
    border: 1px solid var(--accent-palette-dark-dark-gray, #DBDBCD);
    background: var(--primary-palette-white);
}
.search-container .wp-block-search__input {
    padding: 0;
    height: 20px;
    font-size: 14.503px;
    border: none;
}
.search-container button.wp-block-search__button.has-icon.wp-element-button {
    padding: 0;
    font-size: 7.503px;
    width: 17.5px;
    height: 17.5px;
    background-color: #fff;
    background-image: url(/wp-content/uploads/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}
.search-container button.wp-block-search__button.has-icon.wp-element-button svg { display: none; }
.mobile-nav-secondary { display: none; }
@media (max-width: 1193px) {
    .gb-menu-container .gb-menu-link { padding: 1em 10px !important; }
    .gb-element-717685c4 { width: 160px; }
}
@media (min-width: 1077px) {
    .gb-menu-container .gb-submenu-toggle { width: 0; opacity: 0; }
    .gb-menu-container { display: flex; flex-direction: row; align-items: center; }
    
}
@media (min-width: 1077px) {
	#menu-main-menu .gb-menu-link { padding-top: 0 !important; padding-bottom: 0 !important; gap: 0 ! important; }
	li#menu-item-255 { border-left: 2px solid #DBDBCD; }
}
@media (max-width: 1076px) {
    .gb-overlay { max-width: calc(100vw - 48px) !important; }
    .gb-overlay .box-shadow-1-1 { box-shadow: none !important; }
    #menu-main-menu .gb-menu-link { justify-content: flex-start; }
    #menu-main-menu svg.gb-submenu-toggle-icon { display: none; }
    #menu-main-menu span.gb-submenu-toggle:after { content: url(/wp-content/uploads/draw-arrow.svg); }
    #menu-item-255:has(a.gb-menu-link[style*="flex"]) { border-top: 1.5px solid var(--accent-palette-dark-dark-gray); }
    .gb-menu-container.gb-menu-container-51de3962.gb-menu-container--mobile.gb-menu-container--toggled {
        flex-direction: column;
    }
	.gb-menu-container.gb-menu-container-51de3962.gb-menu-container--mobile.gb-menu-container--toggled .gb-element-d43b9f9c {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .mobile-nav-secondary { display: flex; }
}

/* =========================
   LOCATION LISTING
   ========================= */
.location-container { max-height: 550px;overflow-y: scroll;display: flex; flex-direction: column; row-gap: 16px; }
.location:not(.dynamic-content-template):not(.type-location) { padding: 24px; border-radius: 15px; background: var(--primary-palette-gray); }
.location-grid.grid { display: grid; grid-template-columns: 32px 1fr; gap: 16px; }
.location-index {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    gap: 16px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    justify-content: center;
}
.location-index.h3.branch { background: var(--primary-palette-blue); color: var(--primary-palette-white); }
.location-index.h3.atm { background: #64CEB2; color: var(--primary-palette-navy); }
.location-index.h3.co-op-atm { background-color: var(--primary-palette-orange); color: var(--primary-palette-navy); }
h3.location-title.h4 { margin-bottom: 8px; letter-spacing: normal; }
.location-address {
    font-family: Figtree;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 8px;
}
.location-hours {
    font-family: Figtree;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}
.location-hours span.hours { font-weight: 400; }
.location-services, .location-hours { display: flex; flex-direction: row; align-items: center; }
.separator { padding: 0 8px; }
.location-services.h3 { color: var(--primary-palette-blue); text-transform: uppercase; margin-top: 8px; }
.location-services .separator {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.facetwp-facet.facetwp-facet-location_search.facetwp-type-proximity {
    display: grid;
    margin-bottom: 0;
    grid-template-columns: 3fr 1fr;
    gap: 24px;
}
select.facetwp-radius.facetwp-radius-dropdown {
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid var(--accent-palette-dark-dark-gray);
    background: var(--primary-palette-gray);
}
div#facetwp-map { width: 100% !important; border-radius: 25px; }
input.facetwp-search { padding-left: 35px !important; }
input.facetwp-location, input.facetwp-search {
    font-size: 16px;
    width: 100%;
    border-radius: 10px;
    border: 1.5px solid var(--accent-palette-dark-dark-gray, #DBDBCD);
    background: var(--Primary-Palette-White, #FFF);
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
button.facetwp-map-filtering { display: none; }
.facetwp-facet.facetwp-facet-location_category.facetwp-type-fselect { display: none; }
@media (max-width: 767px) {
    .facetwp-facet.facetwp-facet-location_search.facetwp-type-proximity {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    div#facetwp-map { height: 400px !important; border-radius: 0; }
    .location-services, .location-hours { flex-wrap: wrap; }
}

/* =========================
   FACETWP
   ========================= */
.facetwp-facet-financial_education_category .fs-wrap { width: 100%; }
.facetwp-facet-sort_by select, .facetwp-facet-categories select, .facetwp-facet-financial_education_category .fs-label-wrap {
    width: 100%;
    background-color: #F2F2ED;
    border-color: #DBDBCD;
    border-radius: 10px;
    padding: 10px 16px;
}
.facetwp-facet-financial_education_category .fs-label {
    padding-top: 2.5px !important;
    padding-bottom: 2.5px !important;
}
.facetwp-facet-categories select { display: none; }
.facetwp-page:hover .pagniation-icon path {
	stroke: var(--primary-palette-blue);
}
@media (max-width: 767px) {
    .facetwp-facet-categories select { display: block; }
    .facetwp-facet-sort_by, .facetwp-facet-categories { margin-bottom: 16px !important; }
}

/* =========================
   CONTACT FORM
   ========================= */
.gform_wrapper.gravity-theme .gfield_label {
    font-family: Figtree;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
}
.gform_fields input, .gform_fields textarea {
    border-radius: 10px;
    border: 1.5px solid var(--accent-palette-dark-dark-gray);
    background: var(--primary-palette-white);
}
.gform_fields select {
    border-radius: 10px;
    border: 1.5px solid var(--accent-palette-dark-dark-gray);
    background: var(--primary-palette-gray);
}
.gfield--type-captcha .gfield_label { display: none !important; }
.gform_wrapper .gform-footer.gform_footer.top_label {
    display: inline-flex;
    align-items: center;
    background-color: var(--primary-palette-blue);
    color: var(--primary-palette-white) !important;
    column-gap: 0.5em;
    line-height: normal;
    text-decoration: none;
    border-radius: 50px;
    padding: 14px 32px;
    margin-top: 40px;
}
.gform_wrapper .gform-footer.gform_footer.top_label:hover { background-color: var(--primary-palette-navy); }
.gform_wrapper .gform-footer.gform_footer.top_label:after {
    content: " ";
    width: 14px;
    height: 22px;
    background: url(/wp-content/uploads/right-chevron.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
input.gform_button.button {
    align-items: center;
    background-color: transparent;
    color: var(--primary-palette-white) !important;
    column-gap: 0.5em;
    display: inline-flex;
    line-height: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
	margin-bottom: 0 ! important;
}

/* =========================
   SEARCH RESULTS
   ========================= */
.facetwp-facet-search, .facetwp-facet-keywords { margin-bottom: 0 !important; }
.facetwp-facet-search .facetwp-input-wrap, .facetwp-facet-keywords .facetwp-input-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
}
.facetwp-facet-search .facetwp-icon, .facetwp-facet-keywords .facetwp-icon {
    width: 24px;
    left: 10px;
    opacity: 1;
}
.facetwp-facet-search input.facetwp-search, .facetwp-facet-keywords input.facetwp-search {
    border-radius: 10px;
    border: 1px solid var(--accent-palette-dark-dark-gray);
    background: var(--primary-palette-white);
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    line-height: 1.4em;
    padding-left: 45px !important;
    width: 100%;
}
.facetwp-facet-search .facetwp-icon:before, .facetwp-facet-keywords .facetwp-icon:before {
    width: 24px;
    height: 100%;
    background: url(/wp-content/uploads/search.png) no-repeat;
    background-position: 2px 50%;
    background-size: 24px 24px;
}
.search-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 64px;
}
.search-item {
    background-color: var(--primary-palette-white);
    padding: 40px;
    border-radius: 10px;
}
nav.oscu-breadcrumbs.search-result { margin-bottom: 24px; }
.search-container h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 20%;
    text-underline-position: from-font;
}
.facetwp-facet-pagination_numbers, .facetwp-facet-result_number_with_search_kw { text-align: center; }
.facetwp-facet-result_number_with_search_kw { margin-bottom: 0 !important; }
.facetwp-facet-pagination_numbers { margin-bottom: 16px !important; }
.facetwp-facet-pagination_numbers .facetwp-pager {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.facetwp-facet-pagination_numbers a.facetwp-page:not(.next, .prev) {
    color: var(--primary-palette-navy);
    font-family: Figtree;
    font-size: 20px;
    font-weight: 600;
    line-height: 135%;
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 1px solid var(--accent-palette-dark-dark-gray, #DBDBCD);
    background: var(--Primary-Palette-White, #FFF);
    text-decoration: none;
}
.facetwp-facet-pagination_numbers  a.facetwp-page.active {
    color: var(--primary-palette-white);
    background: var(--primary-palette-blue);
}
.facetwp-facet-pagination_numbers a.facetwp-page.next, .facetwp-facet-pagination_numbers a.facetwp-page.prev {
    font-family: figtree;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.facetwp-facet-pagination_numbers span.pagniation-icon {
    display: flex;
    align-items: center;
}
.facetwp-facet-pagination_numbers span.pagniation-icon svg { width: 14px; height: auto; }
.facetwp-facet-result_number_with_search_kw .search-keywords { font-weight: 700; }
.search-item .highlight { font-weight: 700; }
@media (max-width: 767px) {
    .search-container { gap: 16px; margin-bottom: 40px; }
    .search-item { padding: 16px; }
    nav.oscu-breadcrumbs.search-result { margin-bottom: 24px; }
    .search-container h4 { font-size: 18px; text-underline-offset: 25%; }
    .facetwp-facet-load_more { margin-bottom: 0 !important; }
    .facetwp-facet-load_more .facetwp-load-more {
        font-family: Figtree;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.32px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 8%;
        text-underline-offset: 25%;
        text-underline-position: from-font;
        background-color: transparent;
        color: var(--primary-palette-navy);
        padding-left: 0;
        padding-right: 0;
    }
}

/* =========================
   FOOTER
   ========================= */
.wp-block-social-links { margin-bottom: 0; }
@media (max-width: 767px) {
    .wp-block-social-links { margin-bottom: 12px; }
}

/* =========================
   MISC
   ========================= */
.post-content-container img { margin-top: 44px; margin-bottom: 64px; }
@media (max-width: 767px) {
    .post-content-container img { margin-top: 20px; margin-bottom: 40px; }
}

/* ----------------------------
   Announcement Bar - Container
   ---------------------------- */
.announcement-bar {
    width: 100%;
    z-index: 9999;
    background-color: var(--accent-palette-dark-tangerine);
}

.announcement-bar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 30px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: var(--primary-palette-navy);
    line-height: 1.4;
}

.announcement-bar a {
    color: inherit;
    text-decoration: underline;
}
.announcement-bar a:hover {
    opacity: 0.8;
}


/* ----------------------------
   Icon
   ---------------------------- */
.announcement-bar__icon svg {
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor; /* makes icon follow text color */
    flex-shrink: 0;
}


/* ----------------------------
   Desktop / Mobile Text Swap
   ---------------------------- */

/* Desktop by default */
.announcement-desktop-text {
    display: inline;
}
.announcement-mobile-text {
    display: none;
}

/* Ensure WYSIWYG p tags don't break layout */
.announcement-desktop-text p,
.announcement-mobile-text p {
    display: inline;
    margin: 0;
    padding: 0;
}


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

    .announcement-bar {
    }

    .announcement-bar-inner {
        gap: 8px;
        padding: 10px 24px;
    }

    /* Swap text visibility */
    .announcement-desktop-text {
        display: none;
    }
    .announcement-mobile-text {
        display: inline;
    }
}
/**
 *  Breadcrumb
 * */
nav.oscu-breadcrumbs {
    margin-bottom: 40px;
    font-family: figtree, sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    align-items: center;
	color: var(--primary-palette-navy);
}
nav.oscu-breadcrumbs svg {
	width: 5px;
	height: 10px;
}
nav.oscu-breadcrumbs a {
	font-weight: 400 ! important;
	text-decoration: none;
}
.search-page nav.oscu-breadcrumbs a, .search-page nav.oscu-breadcrumbs {
    color: var(--primary-palette-white);
}
.search-page nav.oscu-breadcrumbs svg path {
    stroke: var(--primary-palette-white);
}
@media (max-width: 1024px) {
	nav.oscu-breadcrumbs {
		margin-bottom: 24px;
	}
}
@media (min-width: 768px) {
    .oscu-breadcrumbs {
        padding-right: 25%;
    }
}
/**
 *  Compare CSS
 * */
.rates-list.desktop-only {
    display: grid;
    gap: 16px;
    align-items: end;
}

.rates-list-row.rates-list-value.rates-list-header {
    display: flex;
    height: 82px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 15px 15px 0 0;
    border: 1px solid var(--Primary-Palette-Navy, #02267E);
    background: var(--Primary-Palette-Navy, #02267E);
    color: #fff;
    text-align: center;
	line-height: 1.1em;
}

.rates-list-row.rates-list-value.rates-list-header.header-empty {
    display: none;
}
.checking-rate {
    font-size: 18px;
    box-shadow: 0 1px 1px 0 rgba(12, 27, 66, 0.15), 0 8px 15px 0 rgba(12, 27, 66, 0.08);
    text-align: center;
}
.checking-rate.first-column .rates-list-row.rates-list-value {
	text-align: start;
	justify-content: flex-start;
}
.rates-list-row.rates-list-value:not(.rates-list-header) {
    display: flex;
    height: 55px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.rates-list-row.rates-list-value:not(.rates-list-header) {
    background-color: #D4EDFE;
}
.rates-list-row.rates-list-value:not(.rates-list-header):nth-of-type(even) {
    background-color: #fff;
}

.checking-rate.first-column {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
}
.checking-rate:last-of-type {
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

@media (max-width: 1024px) {
	.rates-list.desktop-only {
		display: none;
	}
    .checking-rates.rates-table-mobile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
		max-height: unset;
    }
	.checking-rates.rates-table-mobile .rates-mobile-card:not(.card-header,.card-secondary-header):nth-of-type(odd) {
		background-color: var(--primary-palette-white);
	}
	.checking-rates.rates-table-mobile .rates-mobile-card {
		padding: 0;
		flex: 0 0 32%;
		border-radius: 10px;
		border: 1px solid var(--accent-palette-dark-dark-gray, #DBDBCD);
		box-shadow: 0 0.5px 1px 0 rgba(12, 27, 66, 0.15), 0 4px 10px 0 rgba(12, 27, 66, 0.08);
		overflow: hidden;
	}
	.checking-rates.rates-table-mobile .rates-mobile-card .rates-mobile-row:first-of-type {
		background-color: var(--primary-palette-navy);
		display: flex;
		padding: 16px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		align-self: stretch;
	}
	.checking-rates.rates-table-mobile .rates-mobile-card .rates-mobile-row:not(:first-of-type):nth-of-type(odd) {
		background-color: var(--accent-palette-light-cerulean);
	}
	.checking-rates.rates-table-mobile .rates-mobile-card .rates-mobile-row:not(:first-of-type):nth-of-type(even) {
		background-color: var(--primary-palette-white);
	}
	.checking-rates.rates-table-mobile .rates-mobile-row {
		padding: 12px 16px;
		align-items: center;
		gap: 8px;
		align-self: stretch;
		display: grid;
		grid-template-columns: 2fr 1fr;
	}
	.checking-rates.rates-table-mobile .rates-mobile-row h4 {
		color: var(--primary-palette-white);
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
    .checking-rates.rates-table-mobile {
        grid-template-columns: 1fr;
    }
}

/*
 * Rate table css
 * */

table.rates-table.desktop-only {
    max-height: 420px;
    overflow: auto;
	table-layout: fixed;
}
.rates-table thead tr:not(.table-header) {
	background-color: var(--primary-palette-navy);
	color: var(--primary-palette-white);
	text-align: start;
}
.rates-table thead tr:not(.table-header) th {
	text-align: start;
	text-transform: uppercase;
}

.rates-table h3 {
	margin-bottom: 0;
	line-height: normal;
	text-transform: uppercase;
}
.table-header th {
	padding: 16px 24px;
	background-color: var(--accent-palette-light-cerulean);
	color: var(--primary-palette-navy);
	line-height: normal;
}
.rates-table tr td, .rates-table thead tr th {
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 0;
	padding-right: 0;
}
.rates-table tr td:first-of-type, .rates-table thead tr th:first-of-type {
	padding-left: 24px;
}
.rates-table tr td:last-of-type, .rates-table thead tr th:last-of-type {
	padding-right: 24px;
}

.rates-table tr td {
	font-size: 16px;
	line-height: 1.25em;
}
.rates-table th, .rates-table td {
    border-width: 0 0px 1px 0;
}
.rates-table th:last-of-type, .rates-table td:last-of-type {
    border-width: 0 1px 1px 0;
}
.rates-table tbody tr:nth-of-type(odd){
    background-color: #F6F6F6;
}
.rates-table tbody tr:nth-of-type(even){
    background-color: var(--primary-palette-white);
}
.rates-table h4 {
	margin-bottom: 0;
}
/** Mobile Table **/
.rates-table-mobile {
	display: none;
	margin-bottom: 1.5em;
}
.rates-table-mobile {
	max-height: 440px;
    overflow: auto;
}
.rates-mobile-card.card-header {
    padding: 12px 16px;
    background-color: var(--primary-palette-navy);
}
.rates-mobile-card.card-header h4 {
	margin-bottom: 0;
    color: var(--primary-palette-white);
}
.rates-mobile-card {
	padding: 16px;
}
.rates-mobile-card:not(.card-header,.card-secondary-header):nth-of-type(odd) {
	background-color: var(--primary-palette-white);
}
.rates-mobile-card:not(.card-header,.card-secondary-header):nth-of-type(even) {
	background-color: #F6F6F6;
}
.rates-mobile-card.card-secondary-header {
    background-color: var(--accent-palette-light-cerulean);
    color: var(--primary-palette-navy);
    padding: 12px 16px;
}
.rates-mobile-card.card-secondary-header h3 {
	margin-bottom: 0;
}
.rates-mobile-row h4{
    color: var(--primary-palette-black);
    margin-bottom: 16px;
}
.rates-mobile-row {
	font-size: 14px;
	line-height: 1.3em;
}
.rates-table td p:last-of-type, .rates-table th p:last-of-type {
    margin-bottom: 0 ! important;
}
@media (max-width: 767px) {
	.rates-table-mobile {
		display: block
	}
	.rates-table {
		display: none;
	}
	.rates-mobile-card p:last-of-type {
		margin-bottom: 0;
	}
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}