/*@import '/css/modules/tabbed-content.css';*/

/*
	Index
	---
	Dark Gray: #787878
	Medium Gray: #9E9E9E
	Light Gray: #ECECEC
	Color: #232323
*/

/* ----- Links & Colors ----- */
a, a:visited { color: #004750; text-decoration: underline; }
a:hover,a:focus,a:active { color: #303030; }
a.noLink { text-decoration:none; color:#707070; cursor:text; font-weight:bold; }
a.noLink:hover { color:#707070; }
a.phone[href^=tel]:link, .phone a {color:#004750;}
a[href^=tel]{ color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
:focus { outline: 2px solid #ff670f; }


/* ----- Structure ----- */
body { background: #FFF; color: #343434; font-size: 14px; font-size: .875rem; }
.pagewrap { background: #FFF; }
body.homepage main > .container { width: 100%; max-width: 100%; }


/* ----- Header ----- */
.masthead { background: #FFF; position: relative; z-index: 5; padding: 0; }
.logo img { display: block; padding: 1.25em 1.5em 1.25em 0; float: none; margin: 0 auto; }

	/* Secondary Menu */
	.secondary-nav { position: relative; background: #ddddd8; font-size: 14px; font-size: .875rem; }
	.secondary-nav ul li { position: relative; display: block; float: left; }
	.secondary-nav a { color: #4b4b4d; padding-right: 2em; text-decoration: none; cursor: default; }
	.secondary-nav a:after { content: ""; width: 15px; height: 8px; display: inline-block; background: url(/images/icon-arrow-down-gray.png) no-repeat; margin-left: 10px; }
	.secondary-nav a:last-child { cursor: pointer; }
	.secondary-nav a:last-child:after { content: ""; background: none; }

	.secondary-nav p, .secondary-nav ul { margin: .675em 0; }
	.secondary-nav p.member-line { color: #003366; font-weight: 600; }
	.secondary-nav p.member-line:before { content: ""; background: url('/images/icon-members.png') no-repeat; display: inline-block; width: 16px; height: 14px; margin-right: .5em; vertical-align: middle; }

		/*Second Tier*/
		.secondary-nav .reg-menu ul { position: absolute; top: 100%; left: 50%; right: 0; transform: translateX(-50%); width: 300px;background: #fff;border-radius: .25em;padding: 1em;box-shadow: 0 5px 15px rgba(0,0,0,.25);text-align: center; z-index: 99; }
		.secondary-nav .reg-menu ul:before { content: ''; position: absolute; top: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom-color: #fff; }
		.secondary-nav .reg-menu ul:after { content: ''; position: absolute; top: -20px; height: 20px; width: 100%; left: 0; }
		.secondary-nav .reg-menu:hover > ul { display: block; }
		.secondary-nav ul li > ul li { float: none; text-align: center; }
		.secondary-nav ul li > ul li a { padding-right: 0; cursor: pointer; line-height: 2; }
		.secondary-nav ul li > ul li a:hover { color: #000; }
		.secondary-nav ul li > ul li a:after { content: ""; background: none; margin: 0; }

	/* Online Banking */
	.olb { background: #993333; color: #fff; padding: 1.5em; margin: 0 3em; }
	.olb .olb-title { color: #fff; text-transform: uppercase; font-size: 18px; font-size: 1.125rem; font-weight: 700; }
	.olb .olb-links a, .olb .olb-links a:active, .olb .olb-links a:focus, .olb .olb-links a:visited { color: #fff; font-size: 15px; padding-right: 1em; }
	.olb input { border: 0; border-radius: 0; }
	.olb input[type="text"] { height: 40px; border: 1px solid #ccc; }
	.olb input[type="submit"] { position: absolute; right: 1px; top: 1px; }
	.olb input[type="submit"].button.blue { height: 38px; padding: 0 1.5em; margin: 0; }


/* ----- Content ----- */
body.homepage .content { padding: 0; }
.content { padding: 20px 0; }

	/* Homepage Styling ----- */
	.homepage .page-title { display: none; }

		/* Featured Links */
		.featured-links { position: relative; background: #ddddd8; color: #4b4b4d; border-top: 6px solid #fff; border-bottom: 6px solid #fff; margin: 0; padding: 0; }
		.featured-links p { padding: 0; margin: 0; }
		.featured-links p a { display: inline-block; padding: 2em .5em; width: 100%; text-align: center; font-size: 18px; font-size: 1.125rem; font-weight: 700; text-decoration: none; }
		.featured-links a:hover { background: #c8c6be; }
		.featured-links p.loan a:before { content: ""; background: url('/images/icon-case.png') center top no-repeat; display: inline-block; width: 47px; height: 39px; margin-right: .5em; vertical-align: middle; }
		.featured-links p.deposit-rates a:before { content: ""; background: url('/images/icon-wallet.png') no-repeat; display: inline-block; width: 47px; height: 39px; margin-right: .5em; vertical-align: middle; }
		.featured-links p.community a:before { content: ""; background: url('/images/icon-card.png') no-repeat; display: inline-block; width: 47px; height: 39px; margin-right: .5em; vertical-align: middle; }
		.featured-links p.loan-rates a:before { content: ""; background: url('/images/icon-rates.png') no-repeat; display: inline-block; width: 51px; height: 39px; margin-right: .5em; vertical-align: middle; }


	/* Subpage Styling ----- */
	.page-title { background: url('/images/bg-wood.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.contact-us .page-title { background: url('/images/bg-city-hall.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.locations .page-title { background: url('/images/bg-contact-computer.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.free-atms .page-title { background: url('/images/bg-contact-computer.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.loans .page-title { background: url('/images/bg-loans.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.deposits .page-title { background: url('/images/bg-counting-money.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.online-services .page-title { background: url('/images/bg-pagetitle-personal.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.about-us .page-title { background: url('/images/bg-about.jpg') no-repeat; background-size: cover; padding-top: 170px; }
	body.about .page-title { background: url('/images/bg-about.jpg') no-repeat; background-size: cover; padding-top: 170px; }




	.page-title .gray-bar { background: rgba(0,51,102,.75); }
	.page-title h1 { color: #fff; padding: .5em 0 0; }

		/* Sidebar Menu */
		.sidebar-menu { background: #ddddd8; margin: 0; padding-bottom: 1em; }
		.sidebar-menu p { background: #036;; font-size: 20px; font-size: 1.25rem; color: #fff; padding: 1em; }
		.sidebar-menu ul li a { color: #4b4b4d; text-decoration: none; padding: .75em 1.5em; display: block; transition: .3s;
		-moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
		.sidebar-menu ul li a:before { content: ""; display: inline-block; width: 15px; height: 15px; background: url('/images/icon-arrow-menu.png') no-repeat; vertical-align: middle; padding-right: .5em; }
		.sidebar-menu ul li a:hover { color: #003366; text-decoration: none; padding: .75em 2em; display: block; transition: .3s;
		-moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }

		/* Breadcrumbs */
		.brundle_rundll_crumbles { display:block; color: #343434; font-size:12px; font-size: .75rem; line-height: 24px; padding-bottom: .75em; text-transform: uppercase; }
		.brundle_rundll_crumbles a { text-decoration:underline; font-weight: bold; color:#993333; }
		.brundle_rundll_crumbles a:hover { color: #343434; }
		.arrow { background: url("/images/icon-arrow-seperator.png") no-repeat scroll 0px 6px transparent; display: inline-block; height: 20px; margin: 0; padding: 0 0 0 15px;}

		/* Contact page */
		.contactform li { margin-bottom: 1em; }
		.contactform li h3 { margin: 25px 0 5px; }
		.contactform li label { display: block; margin: 0 0 3px; font-weight: bold; }
		.contactform li .inline { display: inline; margin-left: 10px; }
		.contactform li .nomargin { margin: 25px 0 0; }
		.contact-location-list { list-style: none; margin: 0; padding: 0; }
		.contact-location-list li { margin: 0 0 30px; }

		/* Location List */
		ul.locations { list-style: none; margin: 0; padding: 0; }
		ul.locations li { border-bottom: 1px solid #EEE; padding: 0 0 15px; margin: 0 0 15px; }
		ul.locations li:last-child { border: 0; padding: 0; margin: 0; }
		ul.locations li .img { float: left; width: 17%; margin: 0 2% 0 0; }
		ul.locations li .right { float: right; width: 81%; }
		ul.locations li h2 { margin: 5px 0 10px; }

/* --- Footer --- */
.footer { padding: 2em 0 60px; background: url('/images/bg-cedar-rapids.jpg') center center no-repeat; background-size: cover; }
.footer p { color: #fff; margin: 0; text-align: left; float: none; }
.footer p a { color: #fff; }
.footernav { list-style: none; margin: 15px 0; padding: 0; }
.footernav li a { color: #fff; display: block; text-decoration: none; padding: 10px; border-bottom: 1px solid #EEE; }
.footernav li a:hover { text-decoration: underline; }

.footer-info .footer-info-title, .footer-info .members .footer-info-title { font-size: 20px; font-size: 1.25rem; text-align: left; margin-bottom: 1.5em; }
.footer-info .top-pages a:after { content: ""; display: block; border-bottom: 1px solid rgba(255,255,255,.65); width: 80%; padding: .5em 0; }
.footer-info a { color: #fff; text-decoration: none; }
.footer-info a:hover { text-decoration: underline; }

.footer-info .members p { font-size: 15px; font-size: .938rem; padding: 0 0 .5em; }
.footer-info .members p span:after { content: ""; display: block; border-bottom: 1px solid rgba(255,255,255,.65); width: 80%; padding: .5em 0; }

.footer .copyright { margin-top: 2em; }
.footer .copyright p { font-size: 12px; font-size: .75rem; }
.footer .copyright img { margin: .75em; }
.footer img.ncua { vertical-align: middle; margin: .75em 0; }
.footer .footer-intro { border-bottom: 1px solid rgba(255,255,255,.65); margin: 1em 0 3em; padding: 1em 0; }
.footer .socials img { margin-left: 1em; padding-top: 1em; }
img#vguard-img {float:right;}

iframe#tc-frame {
	z-index: 10;
	bottom: 10px;
	right: 10px;
}


/* ----- Quick Forms ----- */
.quickform { list-style: none; margin: 0; padding: 0; }
.quickform li { margin-bottom: 1em; }
.quickform .full h3 { margin: 25px 0 5px; }
.quickform li label { display: block; margin: 0 0 3px; }
.quickform .full.cbox { margin: 0 0 5px; }
.quickform .full.cbox label { display: inline; }
.quickform .full.cbox input { margin: 0 10px 0 0; }
.quickform .full .hint { color: #707070; font-size: 11px; font-size: .668rem; display: block; }
.quickform .full .nomargin { margin: 25px 0 0; }


/* ----- Overlay ----- */
.modal { position: fixed; background: #fff; display:none; width: 90%; left: 5%; top: 5%; overflow-y: auto; padding: 25px; text-align:left; border-radius: 5px; z-index: 999; }
.modal h2 { margin-top: 0; }
.modal .close { position: absolute; width: 24px; height: 24px; cursor: pointer; right: 15px; top: 15px; display: block; background: url("/images/close.png") no-repeat; text-indent: -9999em; }
.overlay-mask { display: none; position: fixed; background: #545454; background: rgba(75,75,75,.75); left: 0; top: 0; width: 100%; height: 100%; z-index: 16; }

/* Table Styles ----- */
	table.responsive-table { padding: 0; margin: 0; border-collapse: collapse; }
	table.responsive-table th { background-color: #435270; color: #fff; padding: 1.25em; border-right: 2px solid #fff; font-weight: bold; }
	table.responsive-table tr th.wide {width: 50%;}
	table.responsive-table th:nth-child(odd) { background-color: #001e45; }
	table.responsive-table tr { border-bottom: 2px solid #FFF; }
	table.responsive-table tr td { padding: 1em; color: #343434; background-color: #c9c8c3; text-align: center; border-right: 2px solid #fff;}
	table.responsive-table tr td:nth-child(1) { padding: 1em;color: #343434; text-align: center; font-weight: bold; width:20%;  }
	table.responsive-table tr td:nth-child(odd) { background-color: #ddddd8;  border-right: 2px solid #fff; }



/* ----- Typography ----- */
body, p, ul, ol, dl, input, textarea, select, button { font-family: 'Open Sans', sans-serif; line-height: 1.65; }

	/* Headings ----- */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Open Sans', sans-serif; margin: .5em 0; line-height: 1; }
	h1 { color: #4b4b4d; font-size: 45px; font-size: 2.625rem; font-weight: 700; margin: 0 0 .5em; }
	h2 { color: #993333; font-size: 37px; font-size: 2.313rem; }
	h3 { color:#003366; font-size: 25px; font-size: 1.563rem; }
	h4 { color:#4b4b4d; font-size: 20px; font-size: 1.25rem; }
	h5 { color:#FFF; font-size: 18px; font-size: 1.125rem; }
	h6 { color:#666666; font-size: 14px; font-size: .875rem; }

	/* Text Elements ----- */
	p, li, table, blockquote { font-size: 17px; font-size: 1.063rem; }
	p { margin: 0 0 1em; }
	blockquote { margin: 1.5rem; }
	ul, ol, dl { margin: 1.5em; list-style-position:outside; }
	.disclaimer-text { color: #363636; font-size: 11px; font-size: 0.688; font-style: italic; line-height: normal; }
	.disclaimer-text.white { color: #fff; }
	.arrows li { list-style: none; padding-left: 36px; background: url(/images/icon-checkmark.png) left 4px no-repeat; margin: 15px; text-align: left; }


/* ZOOM chat */
    .chat-buttons {
        display: flex;
        flex-direction: row;
        margin: 20px;
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 9000;
    }

    .chat-button {
        all: unset;
        display: flex;
        height: 56px;
        width: 56px;
        border-radius: 100%;
        background: rgb(14, 114, 237);
        color: #fff;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        filter: drop-shadow(0 4px 8px rgb(19 22 25 / 20%)) drop-shadow(0 2px 4px rgb(19 22 25 / 10%));
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        margin-left: 20px;
    }

    #zoom-live-chat svg.hover {
        display: none;
    }

    #zoom-live-chat:hover svg {
        display: none;
    }

    #zoom-live-chat:hover svg.hover {
        display: block;
    }
/* END ZOOM chat */

@media screen and (max-width:480px) {
	.olb { margin: 0; }
}
@media screen and (min-width: 769px) {
 /* ----- Structure ----- */



/* ----- Header ----- */
.masthead {  }
	.logo img { float: left; }


	/* Search */
	.search-wrapper { position: relative; }
	.search-wrapper .searchField { background: transparent url("/images/icon-search.png") 23px center no-repeat; color: #FFF; width: 10px; -ms-transition: width 300ms; -webkit-transition: width 300ms; transition: width 300ms; position:absolute; right: 0; z-index: 2; height: 41px; font-weight: 300; padding-left: 35px; }
	.search-wrapper .searchSubmit { display: none; }
	.search-wrapper .searchField,
	.search-wrapper .searchField:focus { border: 0; box-shadow: none; border-radius: 0; }
	.search-wrapper .searchField:focus { width: 300px; padding-left: 45px; background: #333 url("/images/icon-search.png") 7px center no-repeat}
	textarea:focus, input:focus{outline: none;}
	input.searchField, select.searchField, textarea.searchField { color: #fff; letter-spacing:1px;}
	.search-wrapper input::-webkit-input-placeholder { color: #FFF; }
	.search-wrapper input:-ms-input-placeholder { color: #FFF; }
	.search-wrapper input::-moz-placeholder { color: #FFF; opacity: 1; }
	li.search-wrapper { padding-left: 40px; }


/* ----- Navigation -----  */
.menu { background: #787878; position: relative; z-index: 5; margin-top: 6em; }
.menu li { display: block; float: left; position: relative; }
.menu a { display: block; padding: 10px 15px; color: #003366; text-decoration: none; font-weight: 600; font-size: 20px; font-size: 1.25rem; }
.menu a:after { content: ""; background: url('/images/icon-arrow-lt-gray.png') 4px no-repeat; display: inline-block; width: 18px; height: 20px; margin-left: .5em; vertical-align:middle; }
.menu a:hover {  }

	/* Second Tier ----- */
	.menu li > ul { display: none; position: absolute; top: 100%; left: 0; background: #FFF; width: 400px; padding: 0; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
	.menu li:hover > ul { display: block; }
	.menu li li { float: none; display: block; font-size: 13px; font-size: .813rem; padding: 0; }
	.menu li li a { display: block; font-size: 16px; font-size: 1rem; padding: 20px 10px; border: 0; border-bottom: 1px solid #DDD; color: #003366; text-shadow: none; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; text-align: left; }
	.menu li li a:after { content: ""; background: #c8c6be url('/images/icon-arrow-white.png') center center no-repeat; display: inline-block; margin-left: .5em; vertical-align:middle; position: absolute; right: 0; top: 0; width: 75px; height: 100%; }
	.menu li li:last-child a { border: 0; }
	.menu li li a:hover:after { background: #003366 url('/images/icon-arrow-white.png') center center no-repeat; filter: none; box-shadow: none; }

	/* Third Tier ----- */
	.menu li li > ul { margin: 0; left: 100%; top: 0; background: #EEE; box-shadow: inset 1px 0 3px rgba(0,0,0,.1); }


/* --- Content --- */
body.homepage .content { padding: 0; }
.content { padding: 3% 0; }
.main.last { float: right; }

	/* Homepage Styling ----- */

	/* Subpage Styling ----- */

		/* Site Options */
		.site-options { position: fixed; bottom: 0px; right: 10px; display: block; margin: 0 0 1em; padding: .5em; background: #fff; -webkit-box-shadow: 3px 2px 15px #888888; box-shadow: 3px 2px 15px #888888; z-index: 99; }
		.site-options li { display: inline-block; font-size: 15px; margin: 0; vertical-align: middle; font-weight:600; cursor: pointer;}
		.site-options li input[type=submit] { display: none; }
		.site-options li.title { color: #003366; margin: 0 1em; text-transform: uppercase; }
		.site-options li img { display: block; }
		.site-options li.last { padding-right: 1em; margin: 0 1em; border-right: 1px solid #000; }
		.site-options li.textResizer { margin: 0; font-family: Arial, sans-serif; font-weight: bold; }
		.site-options li a { text-decoration: none; color: #003366; }
		.site-options li a:hover { color: #993333; }
		.site-options li a.smlFnt { font-size: 11px; }
		.site-options li a.mdmFnt { font-size: 14px; }
		.site-options li a.lrgFnt { font-size: 16px; }
		.site-options li.last-text { margin-right: 1.5em; }

		iframe#tc-frame {
			bottom: 42px;
			right: 15px;
		}

/* ----- Footer ----- */
.footer { padding: 2em 0; }
.footer p.floatLeft { float: left; }
.footer p.floatRight { float: right; }
.footernav { text-align: center; margin: 0 0 15px; }
.footernav li { display: inline-block; }
.footernav li:after { content: " | "; display: inline-block; vertical-align: middle; color: #bfbfbf; margin: 0 10px; }
.footernav li:last-child:after { display: none; }
.footernav li a { display: inline; padding: 0; border: 0; }


/* --- Overlay --- */
.modal { width: 500px; left: 50%; top: 15%; margin-left: -250px; padding: 2em; z-index: 999; }

}

@media screen and (max-width: 1399px) {
.large-only { display: none; }
}


@media screen and (min-width: 1400px) {
 /* ----- Structure ----- */
.mobileonly { display: none !important; }
	.olb { margin: 0; }
	/* ZOOM chat */
	.chat-buttons {
		bottom: 60px;
	}
}
.fb-page, .fb-page iframe[style], .fb-page span, a.twitter-timeline {
    width: 100% !important;
}

/* --- Smart Banner --- */
.sb-info strong{
	font-size: 12px !important;
	font-size: .75rem !important;
}

@media screen and (max-width: 800px) {
   .logo img{
	   padding-top: 90px;
   }
}