/* ====== START ======== */
/* UPDATES TO BANNER     */
.banner-feature::after {
    background: linear-gradient(90deg,rgba(10, 54, 81, 1) 25%, rgba(10, 54, 81, 0) 60%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    visibility: visible;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}
.banner-feature .outer-slide {
    height: 39rem;
}
.banner-feature .banner-body {
    position: relative;
    min-height: 20rem;
    padding-bottom: 5rem !important;
    background-repeat: repeat-y;
    max-width: 50%;
    float: left;
    text-align: left;
    margin: 2.5rem 0;
    z-index: 2;
}
.banner-body {
    background: none;
}
@media screen and (max-width: 47.983em){
	.banner-feature::after {
		background: rgba(10, 54, 81, .5);
	}
	.banner-feature .outer-slide {
		height: 39rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.outer-slide .banner-inner {
    	display: grid;
		width:calc(100% - 4%);
	}
	.banner-feature .banner-body {
		position: relative;
		min-height: 20rem;
		padding-bottom: 5rem !important;
		background-repeat: repeat-y;
		max-width: calc(100% - 4%);
		float: left;
		text-align: left;
		margin: 2.5rem 0;
		z-index: 2;
	}
}
/* UPDATES TO BANNER     */
/* ======== END ======== */


/* ====== START ======== */
/* UPDATES TO LOGIN BOX  */
/* Overwrites to voice.css  */
div.hpbanners div.page_body {
    position: relative;
}
div.hpbanners div.tab_wrap {
    color: #ffffff;
    color: #000;
    float: right;
    background: #015383;
    background: #fff;
    padding: 1rem 1rem;
    padding:0;
    position: absolute;
    min-width: 28rem;
    text-align: left;
    margin: 0;
    clear: both;
    z-index: 2;
    top: 3rem;
    right: 0;
    max-width: 42rem;
}
div.ob-login div.login-box {
    background: #015383;
    background:#fff;
    padding: 0;
    position: relative;
    text-align: left;
    margin: 0;
    overflow:hidden;
}
div.tab_wrap h2.login-header {
    width: calc(100% - 3.2rem);
    margin: 0;
    float: left;
    color: #fff;
    font-size: 2rem;
}
h2.login-header {
    font-size: 2.2rem;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 600;
    background: #015383;
    padding: 1rem 1.6rem;
}
div.tab_wrap div.ca_tabs {
    margin:1.6rem 1.6rem 0;
    width: calc(100% - 3.2rem);
}
div.tab_wrap .ca_panel {
    padding: 0;
    margin: 1rem 1.6rem 0;
}

.obhelp-box {
    -webkit-transition: max-height .6s ease;
    -moz-transition: max-height .6s ease;
    -ms-transition: max-height .6s ease;
    transition: max-height .6s ease;
    max-height: 4.8rem;
    overflow: hidden;
    background:none;
    position: relative;
    bottom: 0;
    width: calc(100% - 4rem);
    border-top: 1px solid #B7D5E0;
    margin-top: .7rem;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1.6rem;
}
.obhelp-box ul.oblinks {
    margin: 0;
    padding: 1.6rem 0 0 0;
    min-height: 2.8rem;
    display: block;
}
.obhelp-box ul.oblinks a:link, .obhelp-box ul.oblinks a:visited {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    color: #565657;
    margin: 0 .5rem;
    font-size: 1.4rem;
}
div.tab_wrap div.ca_tabs ul li a {
    color:#0080A1;
    background-color: transparent;
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: none;
    border: none !important;
    border-bottom: none !important;
    padding: .4rem 1rem !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
div.tab_wrap div.ca_tabs ul li.current a, div.tab_wrap div.ca_tabs ul li a:hover {
    color: #ffffff;
    background: #5b7b24 !important;
    border: none;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    border-radius: 4px;
}
div.b_fields.input label {
    display: block;
    margin: 2rem 0 0 0;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
}
div.remember {
    position: relative;
    margin-bottom: 2rem;
}
div.ob-login div.login-box div.form-field .input input.field {
    width: 21.7rem;
    display: inline-block;
    float: none !important;
    background-color: #D8E5ED;
    color: #015383;
    border: none;
    line-height: normal !important;
    font-size: 1.6rem;
    font-weight: 400;
    padding: .8rem 0 .8rem 1rem;
    margin-top: 0;
    height: 2.6rem;
    margin-top: .5rem;
    float: left;
}
div.login-box button.bank-button {
    background-color: #0080A1 !important;
    color: #fff;
    border: none !important;
    width: 4.2rem;
    height: 4.2rem;
    font-size: 1.9rem;
    font-weight: 600;
    padding: 0;
    line-height: normal !important;
    margin-top: .5rem;
    float: right;
}

div.remember input[type=checkbox] {
    position: initial;
    opacity: 1;
}
@media screen and (max-width: 47.983em){
	div.hpbanners div.tab_wrap {
		color: #ffffff;
		color: #000;
		float: none;
		background: #015383;
		background: #fff;
		padding: 1rem 1rem;
		position: relative;
		min-width: 28rem;
		text-align: left;
		margin: 4rem 0;
		clear: both;
		z-index: 2;
		top: 0;
		right: 0;
		max-width: 42rem;
	}
}
/* UPDATES TO LOGIN BOX */
/* ======= END ======== */

/* ====== START ======= */
/*  NEW RATES SECTION   */
.contentdeck.homepagerates.hasmenuitem {
    padding-top: 3rem;
}

.homepageratesdeck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
    gap:1rem;
}

/* .ratesdesc {} */

.ratesdesc h2 {
    font-size: 2.4rem;
    margin-top:0;
}

.homepageratesdeck div.ratesdesc p { margin:2.4rem 0 0;}

.ratesbox.rates-unavailable {
    display: grid;
	place-content: center;
    text-align: center;
    grid-template-columns: 1fr;
}

.ratesbox {
    background-color: #fff;
    padding: 1rem;
    display: grid;
    grid-template-columns: unset;
}
.ratesbox div:first-child {
    z-index: 1;
}

div.contentdeck.brandcolor .ratesbox h3 {
    font-size: 2.4rem;
    font-weight: 500;
    color:#565657;
    margin: 0 0 .5rem;
    line-height: 1;
}

.ratesbox h3 span {
    font-size: 1.5rem;
}

.ratesbox .ratenumberbox {
    display: flex;
    grid-template-columns: 1fr 36px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    color:#5B7B24;
}

.ratesbox .ratenumberbox .ratenumber {
    font-size: 6rem;
    font-weight: 600;
    line-height: 1;
}

.ratesbox .ratenumberbox .ratepercentbox {
    line-height: 1.1;
    display: grid;
}

.ratesbox .ratenumberbox .ratepercentbox .ratepercent {
    font-size: 3.6rem;
    font-weight: 600;
}

.ratesbox .ratenumberbox .ratepercentbox .rateapr {
    font-size: 1.5rem;
    font-weight: 600;
}

.ratesbox .rateiconbox {
    display: grid;
    place-content: center;
    position: relative;
}
.ratesbox .rateicon {
    display: grid;
    place-content: center;
    width: 17.2rem;
    height: 11.2rem;
    font-size: 10.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.ratesbox .rateicon svg {
    width:80%;
    margin:0 auto;
}
/*  NEW RATES SECTION   */
/* ======= END ======== */

/* ====== START ======= */
/*  WHY CEFCU SECTION   */
div.contentdeck.brandcolor.whychoosecefcu {
	color:#005581;
	background-color: #D8E5ED !important;
}
div.contentdeck.brandcolor.whychoosecefcu h2 {
	color:#005581;
	margin-bottom:6%;
}
.why-choose_cont {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
    gap: 1rem;
}

.why-choose_item {text-align:center;}

.why-choose_item-icon {
	display: grid;
    place-content: center;
	height: 10rem;
}

.why-choose_item-icon svg {
	width: 8rem;
}

/* div.why-choose_item-text {} */

div.contentdeck.brandcolor.whychoosecefcu div.why-choose_item-text h3 {
	color:#005581;
	font-size: 2rem;
}

div.contentdeck.brandcolor.whychoosecefcu div.why-choose_item-text p {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color:#404041;
    margin: 1rem 0 2.4rem;
    line-height: 1.3;
}
input[type=button],
input[type=submit],
a.button.exp-button,
a.button.exp-button:link,
a.button.exp-button:visited {
    padding: 1rem 2.4rem;
}
/*  WHY CEFCU SECTION   */
/* ======= END ======== */

/* ====== START ======= */
/*  BEST RATES SECTION  */
.bestrates_cont {
	display: grid;
	place-content: center;
}
/* div.contentdeck .bestrates_cont h2 {
} */
div.contentdeck .bestrates_cont p {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color:#404041;
}
#gra_1365auto16982percentage4 {
	width: 620px;
	height: 205px;
}
/*  BEST RATES SECTION  */
/* ======= END ======== */

/* ====== START ========== */
/*  WHAT WE OFFER SECTION  */
/* 320 x 175  */
/* offers_tabs_cont {} */
ul.offers_tabs_cont {
	display:flex;
	flex-wrap:nowrap;
	padding:0;
	list-style-type: none;
    justify-content: center;
    margin-bottom: 5rem;
}
/* ul.offers_tabs_cont li.offers_tabs_item {} */
li.offers_tabs_item a.offers_tab:link,
li.offers_tabs_item a.offers_tab:visited {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
    font-weight: 500;
    color: #6D6E71;
    background: #f1f1f1;
    padding: 1.2rem 3rem;
}
li.offers_tabs_item.current a.offers_tab:link,
li.offers_tabs_item.current a.offers_tab:visited {
    font-weight: 600;
    color: #015385;
    background: #D8E5ED;
}
button.offers_tab {
	font-size: 1.6rem;
    font-weight: 500;
    color: #6D6E71;
    background: #f1f1f1;
    padding: 1.2rem 3rem;
}
button.offers_tab.active {
    font-weight: 600;
    color: #015385;
    background: #D8E5ED;
}
div.offers_cont {
	display: flex;
    flex-wrap: wrap;
	gap: 1rem;
}
/* div.offers_cont.offers-personal {} */
/* div.offers_cont.offers-business {} */
div.offers_item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: .8rem;
    border: 1px solid;
    flex-basis: 31.4rem;
    flex-grow: 1;
}
/* .offers_item img {} */
div.offers_text {
	padding:.4rem .4rem .4rem 0;
}
div.offers_text h3 {
	font-size: 1.8rem;
	margin: 0 0 .5rem;
}
div.offers_text p{
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	margin: 0 auto;
	line-height: 1.2;
}

div.mid-page-callout {
	width: 100%;
	background: linear-gradient(90deg,rgba(10, 54, 81, .8) 50%, rgba(10, 54, 81, 0) 85%, rgba(0, 0, 0, 0) 100%),
		url(/content/images/original/homepage-credit-card-background-cropped.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
div.mid-page-callout .callout-text {
	padding: 5.5rem;
}
div.mid-page-callout .callout-text h3 {
	font-size: 3.2rem;
	color: #fff;
	margin: 0 0 .5rem;
}
div.mid-page-callout .callout-text p {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 2rem;
	color: #fff;
	margin: 1rem 0 2rem;
}

@media screen and (max-width: 55.625em){
    /* div.mid-page-callout {
        background-position: right;
    } */
    div.mid-page-callout .callout-text {
        padding: 2.25rem;
    }
}
@media screen and (max-width: 42.5em){
    div.mid-page-callout {
	    background: linear-gradient(90deg,rgba(10, 54, 81, .8) 100%), url(/content/images/original/homepage-credit-card-background-cropped.jpg);
        /* background-position: right; */
    }
}
/* Hiding and showing on Tabs */
.tab-panel {
      display:none;
}
.tab-panel.current {
      display:block;
}
/*  WHAT WE OFFER SECTION  */
/* ======= END =========== */

/* ====== START ========== */
/*     SECURITY SECTION    */

div.homesecurityfeat p,
div.scamssection p {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
div.clr1-bg-med.scamssection {
    background-color: #015385 !important;
}
.showonsm {display: none;}
.hideonsm {display:block;}

@media screen and (max-width: 47.983em){
.showonsm {display: block;}
.hideonsm {display:none;}
}
/*     SECURITY SECTION    */
/* ======= END =========== */

/* ======================= */
/* COMM JOIN SECTION START */
div.comm-join p,
div.comm-join ul li {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
div.comm-join p {
    margin: 0 0 2.4rem;
}
.community_cont {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    margin-top: 6rem;
}
.community_item.img {
    background-image: url('/content/images/original/homepage-community-hands.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 50.75em){
    .community_item.img {
        height: 30rem;
    }
}
@media screen and (max-width: 35em){
    .community_cont {
        grid-template-columns: 1fr;
    }
}
.join-team {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    background: #D8E5ED;
    padding: 2rem 8rem;
    margin-top: 8rem;
}
.join-team_img {
    display: grid;
    place-content: center;
}
@media screen and (max-width: 35em){
.join-team {
    padding: 2rem;
    grid-template-columns: 1fr;
}
.join-team_img {
    width:80%;
    margin: 0 auto;
}
}
/*  COMM JOIN SECTION END  */
/* ======= END =========== */

/* ======== START ========= */
/*    Disclosure SECTION    */
div.contentdeck div.deckinner.disclosures li {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
/*    Disclosure SECTION    */
/* ======== END =========== */