/*JP 5-22-2014*/

/*CONTENTS:

Overrides to standard.css that customize the interface design
_____________________________________________________________
1. Standard Element and Site Design Overrides
2. Interface Design and Layout Overrides
3. Custom Colors and Formatting
    3.1 STANDARDIZED COLORS
4. Browser Element Customization 
    4.1 Selection Color
    4.2 Form Element Customization
5. Header and Wrapper Layout
	5.1 Site Logo
    5.2 Search Form
	5.3 Wrapper tweaks for main page layout
6. Site Navigation Overrides
	6.1 Main Nav
	6.2 My Summit Menu
	6.3 Mobile Main Nav
	6.4 Mobile My Summit Menu
	6.5 Top Nav
	6.6 Footer Nav
	6.7 Sub Nav
	6.8 Navigation Media Queries
	
7. Footer Overrides
	7.1 Standard Footer Styles
	7.2 Complicance Logos w/hover
	7.3 Footer Quicklinks
	7.4 Bottom Footer Styles
	7.5 Footer Social Icons
	7.6 Footer Disclaimer Text
8. Homepage Element Overrides
	8.1 home announcements
	8.2 home alert
	8.3 home banking login 
9. FlexSlider Banner Overrides
10. Content Area Overrides
    10.1 content areas
    10.2 intro content area
11. Tabbed Content Area Overrides
12. Form Appearance Overrides / Custom Button Styling
13. Survey Style Overrides
14. Sitemap / FAQ Overrides
15. Other Overrides

16. Custom Appended Styles - Not Overrides
	16.1 --
	16.2 --
	16.3 left column modules
	16.4 Google Location Maps and location template
	16.5 checking comparison table
	16.6 mini-button
	16.7 save, unsave, save rate, comment and back buttons
	16.8 Loan App Step Form specific styles
	16.9 GPS Locator on ATM page
	
	
	
18. Posts and Post Lists
	
*/

/* ================ 1. Standard Element and Site Design Overrides ================ */

html, body {
    font-size: 16px; /*rem base*/
	font-size: 1rem;
}

body {
    padding: 0;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    background-image: url(../img/header-bg.png);
    background-repeat: repeat-x;
    background-position: top;
}

/*reduce the global font size on smaller screens*/

@media screen and (max-width: 660px) {
html, body {
    font-size: 14px; /*rem base*/
	font-size: 0.875rem;
}
h1 {font-size:49px !important; font-size:3.5rem !important; line-height:normal !important;}
}



p, ul { /*line-height: 1.4em;*/ margin: 0 0 0.5em 0; }

b, strong { }

a:link, a:visited {
    text-decoration: underline;
    color: #f89521;
}

a:hover, a:active {
    text-decoration: none;
    color: #5998c9;
}

h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; }

.flexslider .slides li { }

/*disable dropdown menus on main nav*/
ul#main-nav ul.sub_menu { /*display:none;*/ }

h1 {
    font-size: 64px;
    font-size: 4rem;
    line-height: 70px;
    line-height: 4.375rem;
    margin: 0 0 15px 0;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgba(39, 100, 156, 1);
    font-weight: 700;
    font-style: normal;
}

h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 38px;
    line-height: 2.375rem;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgba(0, 60, 121, 1);
    margin: 34px 0px 3px 0px;
    font-weight: 600;
    font-style: normal;
}

h3 {
    font-size: 33px;
    font-size: 2rem;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgba(89, 152, 201, 1);
    font-weight: 600;
    font-style: normal;
}

h4 {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgba(52, 113, 157, 1);
}

h5 {
    font-size: 18px;
    font-size: 1.1rem;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgba(46, 81, 107, 1);
}

p { /*see content css*/ }

div.intro, div.intro p {
    text-indent: 0px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 47px;
    line-height: 2.9375rem;
    letter-spacing: 0px;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: #99a3a6;
    margin: 0;
    font-weight: 400;
    font-style: normal;
}

div.intro p { margin: 0px 0px 27px 0px; }

ul, ol {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0px 0px 1em 0px;
    line-height: 31px;
    line-height: 1.9375rem;
}

li {
    line-height: 27px;
    line-height: 1.6875rem;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0px 0px 6px 0px;
}

/* ================ 2. Interface Design and Layout Overrides  ================ */
.header_inner { padding: 0 0 10px 0; }

.col1-head { width: 30.3030303030303% /*300/990*/; }

.col1-head .logo { z-index: 100; }

.col2-head { width: 69.6969696969697% /*690/990*/; }

.col2 { }

.col2-inner { padding: 0 20px 0 0; }

.wrapper {/* margin-bottom: 20px; */ }

@media screen and (max-width: 890px) {

.col2-head .tag { margin: 30px 0 0 50px; }
}

@media screen and (max-width: 770px) {

.col2-head .tag { margin: 30px 0 0 80px; }
}

@media screen and (max-width: 660px) {

.col2-head .tag {
    margin: 0;
    text-align: center;
    width: 100%;
}

.col2-inner { padding: 0; }
}

/* ================ 3.1 STANDARDIZED COLORS ================ */
/*clr1 (color 1) is based on one of the primary brand colors*/
/*clr2 (color 2) is based on the brand's gray color or a standard gray*/
/*each color has dark, med (medium) and lite
each color can be applied to text, borders or backgrounds by using the right style*/

/*There are a few other places that colors must be customized. Here they are...

- list mode alternating row colors - standard.css section 19
- form elements, labels and placeholder - custom.css section 4 (next section in this sheet)
- mini-button - section 16.6 of custom.css
- 

*/
.clr1-dark { color: #003c79; letter-spacing:normal;}

.clr1-med { color: #5998c9; letter-spacing:normal;}

.clr1-lite { color: #eff5fa; letter-spacing:normal;}

.clr2-dark { color: #99a3a6; letter-spacing:normal;}

.clr2-med { color: #cfd4d5; letter-spacing:normal;}

.clr2-lite { color: #f7f8f8; letter-spacing:normal;}

.clr1-bg-dark { background-color: #003c79; letter-spacing:normal;}

.clr1-bg-med { background-color: #5998c9; letter-spacing:normal;}

.clr1-bg-lite { background-color: #eff5fa; letter-spacing:normal;}

.clr2-bg-dark { background-color: #99a3a6; letter-spacing:normal;}

.clr2-bg-med { background-color: #cfd4d5; letter-spacing:normal;}

.clr2-bg-lite { background-color: #f7f8f8; letter-spacing:normal;}

.clr1-bdr-dark { border: solid 1px #003c79; }

.clr1-bdr-med { border: solid 1px #5998c9; }

.clr1-bdr-lite { border: solid 1px #eff5fa; }

.clr2-bdr-dark { border: solid 1px #99a3a6; }

.clr2-bdr-med { border: solid 1px #cfd4d5; }

.clr2-bdr-lite { border: solid 1px #f7f8f8; }

/*to be used in conjunction with border classes to specify where the border is applied (top, bottom, left or right)*/

.bdr-bot {
    border-left: none;
    border-right: none;
    border-top: none;
}

.bdr-top {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.bdr-left {
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.bdr-right {
    border-left: none;
    border-bottom: none;
    border-top: none;
}

/* ================ 4. Browser Element Customization ================ */



/*4.2 Input Element Customization*/

/*only define basic field customizations here. All else in fonts.css*/
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select { color: #7f7272; letter-spacing:normal;}

::-webkit-input-placeholder {
color: #ccc; letter-spacing:normal;
}
:-moz-placeholder { /* Firefox 18- */
color: #ccc; letter-spacing:normal;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ccc; letter-spacing:normal;
}
:-ms-input-placeholder {
color: #ccc; letter-spacing:normal;
}

/* ================ 5. Header and Wrapper Layout ================ */

/*5.1 Site Logo*/

/* logo source and defaults defined in standard.css
only size is defined here as its unique to this site */

.header .logo {
   
    background-size: 200px;
    background-repeat: no-repeat;
    max-width: 250px;
    height: 100px;
    text-indent: -9999em;
}

.header .logo a {
    width: 181px;
    height: 100px;
}

/*use a hi-res logo on retina displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

.header .logo {
    background-position: 20% center;
    margin: 0;
    width: 200px;
    max-width: 250px;
    background-size: 200px;
}
}

/*5.2 Search Form -- see layout.css*/

div.search_form form.search_form { height: 27px; }

div.search_form input[type=text], div.search_form a { float: right; }

input.search_field, input.search_active {
    font-weight: normal;
    width: 95%;
    -moz-box-shadow: inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    -o-box-shadow: inset 0 1px 1px #ccc;
    box-shadow: inset 0 1px 1px #ccc;
}

/*search button / icon*/
input.search_active { }

div.search_form input.submit, input.search_button { }

input.search_button:hover { }

@media screen and (max-width: 660px) {

div.search_form { width: 85%; }

.col3-head div.search_form { display: none; }

.header .logo {margin:0 auto 5%;}
}

/*5.2 Wrapper tweaks for main page layout */


.wrapper_inner { margin: auto; }

.page_body { }

/* ================ 6. Site Navigation ================ */

/* 6.1 Main Nav*/
	



div.main_nav ul li:first-child { padding-left: 0; }

nav.menu-main {
    display: block;
    position: relative;
}

div.nav-main {
    line-height: normal;
    display: block;
    padding: 0;
    position: relative;
    z-index: 10001;
    background: #5998c9;
    border: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
}

div.nav-main ul.nav-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

div.nav-main li:last-child { border-right: none; }

div.nav-main li { padding: 0; }

div.nav-main .nav-menu li { font-size: 16px; font-size: 1rem; }

div.nav-main li a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.1rem;
    border: solid 1px #5998c9;
    border-bottom: none;
}

div.nav-main ul.nav-menu li.nav-item a { padding: 0.8em; }

div.nav-main ul.nav-menu li a:hover {
    background-image: none !important;
    background: #27649c;
    color: #ddeaf4;
}

div.nav-main ul.nav-menu li.on a, div.nav-main ul.nav-menu li.on a:hover {
    background-image: none !important;
    background: #003c79 !important;
    color: #fff;
    border-color: #003c79 !important;
}

div.nav-main ul.nav-menu li.last { float: right; }

/*div.nav-main ul.nav-menu li a.login {
    background: #f89521;
    border-color: #f89521;
}*/

/*on state indicators for static main nav items*/
.wrapper_inner.accounts .nav-main .nav1 a, .wrapper_inner.loans .nav-main .nav2 a, .wrapper_inner.home-loans .nav-main .nav3 a, .wrapper_inner.online .nav-main .nav4 a, .wrapper_inner.business .nav-main .nav5 a, .wrapper_inner.membership-benefits .nav-main .nav6 a {
    background: #27649c ;

    border-color: #27649c ;}


/*6.3 Mobile Main Nav*/


div.header-mobile div.header-bar { background-color: #5998c9; letter-spacing:normal;}

div.header-mobile div.header-bar a.menu-icon { background-color: #27649c; padding: 8px 0 13px 10px; font-size: 29px; font-size: 1.8125rem;}
div.header-mobile div.header-bar a.menu-icon span.menu-word {font-size: 10px; font-size: 0.625rem; position: absolute; top: 35px; clear: both; display: block; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}

button.search-button { background-color: #f89521; letter-spacing:normal;}

div.nav-main-mobile ul.nav-menu li.nav-item { margin: 0; }

div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
    padding: 4px 0;
    font-size: 0.9em;
}

div.nav-sub-mobile ul li a.on { }

div.nav-sub-mobile ul li.nav-item a.parent { border-bottom: 1px solid #ededed; }

div.nav-sub-mobile ul li.nav-item a.on.parent { text-decoration: none; }

div.nav-sub-mobile ul li.nav-item a.on.parent:hover { text-decoration: underline; }

div.header-mobile div.header-menu { background-color: #27649c; letter-spacing:normal;}

div.header-mobile div.header-menu a { color: #fff; }

div.nav-main-mobile { border-right: 1px solid #fff; }

div.nav-main-mobile ul.top-nav-menu { border-top: 1px solid #777; }

/*ul#main-nav-mobile li a.active {
    background-color: #aaa !important;
    color: #fff;
    text-shadow: none !important;
    border: solid 1px #7e2332 !important;
    opacity: .8;
    background-image: none;
}*/

/* 6.5 Top Nav*/
div.topnav { border: none !important; }

div.inner.topnav { padding: 0; }

div.nav-top { float: right; }

div.nav-top ul.nav-menu li {
    margin: 0 .5em;
    padding: 0;
	float: left;
    font-size: 0.8em;
    font-weight: 600;
}

div.nav-top ul.nav-menu li.nav-item a {
    display: inline-block;
   /* padding: 0 2px; */
    color: #27649c;
    margin: 0;
}

div.nav-top ul.nav-menu li.nav-item a:hover, div.nav-top ul.nav-menu li.nav-item a.on {
    background: none;
    text-shadow: 0 0 3px #fff;
}

div.nav-top ul.nav-menu li.last  {     padding-right: 0;    margin-right: 0; }
div.nav-top ul.nav-menu li.last a { border-right: none !important;  padding-right: 0;    margin-right: 0;}

div.nav-top ul.nav-menu { margin: auto; }

/* 6.6 Footer Nav*/

div.nav-footer, div.nav-footer ul { }

div.nav-footer ul.nav-menu li.nav-item a {
    color: #ffffff;
    font-size: 14px;
    font-size: .9rem;
    font-weight: 300;
    line-height: normal;
}

div.nav-footer ul.nav-menu li.nav-item a {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #fff;
}

div.nav-footer ul.nav-menu li.last a {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

/* 6.7 Sub Nav*/

div.nav-sub, div.subnav {
    margin: 0 0 2em;
    padding: 0;
}

div.nav-sub h3, div.subnav h3 {
    font-size: 20px; font-size: 1.25rem;
    border-bottom: 1px solid #BBC8C7;
    padding: 0 0 0 15px;
    margin: 0;
}

div.nav-sub ul.nav-menu, div.subnav ul {
    list-style: none;
    margin: 13px;
    padding: 0;
}

div.nav-sub ul.nav-menu li, div.subnav ul li {
    font-weight: normal;
    font-size: .85em;
    margin: 0 0 22px 0;
}


div.nav-sub ul.nav-menu li a.on, div.subnav ul li a.on {
    font-weight: normal; 
    text-decoration: none;
    color: #717e82;
}

div.nav-sub ul.nav-menu ul, div.subnav ul ul {
    margin: inherit;
    margin-bottom: 10px;
    margin-left: 15px;
    padding: 0;
}

div.nav-sub ul.nav-menu ul li, div.subnav ul ul li {
    font-weight: normal;
    font-size: 13px; font-size: 0.8125rem;
    margin: 4px 0 12px 0;
}

div.nav-sub ul.nav-menu ul li ul li, div.subnav ul ul li ul li { font-weight: normal; }

/* 6.8 Navigation Media Queries*/


/*step down the padding between main nav items to allow a single line nav bar down to 768px*/


@media screen and (max-width: 940px) {

div.nav-main ul.nav-menu li.nav-item a { padding: .8em .6em; }
}

@media screen and (max-width: 890px) {

div.nav-main ul.nav-menu li.nav-item a { padding: .8em .5em; }
}

@media screen and (max-width: 865px) {

div.nav-main ul.nav-menu li.nav-item a { padding: .8em .4em; }
}

@media screen and (max-width: 845px) {

div.nav-main ul.nav-menu li.nav-item a { padding: .8em .3em; }
}

@media screen and (max-width: 820px) {

div.nav-main ul.nav-menu li.nav-item a {
    font-size: 1em;
    padding: .8em .5em;
}
}

@media screen and (max-width: 800px) {

div.nav-main ul.nav-menu li.nav-item a {
    padding: .8em .4em;
}
}

/*end main nav bar step down*/



/*mobile nav menu showing and hiding is handled in layout.css by default*/

	/*make some drastic changes to navigation at 660 wide*/
@media screen and (max-width: 767px) {

/*remove the top, split and main nav because they are all accomodated in the mobile menu*/
div.topnav, div.nav-split, div.nav-main { display: none; }

div.oblogin { /*position: relative;
top: 0;
right: 0;
width: 100%;
float: right;*/ }
}

/* ================ 7. Footer ================ */




/* 7.1 Standard Footer Styles*/

div.footer { font-weight: 300; }

div.footer {
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0;
    color: #ffffff;
    clear: both;
    background-color: #27649c;
    color: #ffffff;
    background: url(/img/pattern-bg.png);
    font-size: 14px;
    font-size: .9rem;
}


@media screen and (max-width: 767px) {

div.footer, div.footer .inner { margin: 0; }
}

.footer-left {
    width: 66%;
    background-color: rgba(255,255,255,.05);
    background-image: none;
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
    -moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
    -webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
}

.footer-right {
    width: 33%;
}

/* 7.2 Complicance Logos */

@media screen and (max-width: 769px) {

.footer .nav-footer, .footer li.disclaimer { text-align: center; }



}

/* 7.3 Footer Quicklinks */

div.footer_quicklinks {
    text-align: left;
   
}

div.footer_quicklinks h3 {
    font-size: 18px; font-size: 1.125rem;
    margin: 0;
    padding: 0 0 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.5);
    font-weight: 600;
}

div.footer_quicklinks h3, div.footer_quicklinks ul li a {
    color: #ffffff;
    padding:0 0.5em;
}

div.footer_quicklinks ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.8em;
    padding: 0;
    font-weight: 600;
}

/* 7.4 Bottom Footer Styles */

.footer .lower { }

div.foot_info { clear: both; }

/*7.5 Footer Social Icons */

div.footer div.social {
    float: right;
    margin: 0;
    text-align: center;
    clear: both;
}

div.footer div.social a {
    display: inline-block;
    margin: 4px;
    text-decoration: none;
}

div.footer div.social a i { }

div.footer div.social a:hover { }

@media screen and (max-width: 769px) {

div.foot_nav div.nav-footer, div.footer div.social, div.foot_info, ul.compliance, div.routing, div.footer div.copyright {
    padding-left: 0;
    margin-left: 0;
    float: none;
    display: block;
    text-align: left;
    overflow: hidden;
}
}

/*7.6 Footer Disclaimer Text  - unused on this site

.site-foot-disclaimer {
    clear: right;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    color: #666;
    padding: 1em 0;
}

.site-foot-disclaimer h6 {
    font-style: normal;
    padding: 1em 0;
    font-size: 1em;
    font-weight: normal;
}

@media screen and (max-width: 769px) {

.site-foot-disclaimer {
    text-align: center;
    padding: 0 0;
    clear: both;
}
} */

/* ================ 8. Homepage Element Overrides ================ */

/*8.1 home announcements*/

div.hpannbox .announcement {text-align: center; font-size: 1rem;}
div.announcements .onethird .inner {padding-top: 0; padding: 0 1%;}
.content-bar.hpannbox {background-color: #fff; letter-spacing:normal;}
.content-bar.hpannbox .inner {padding: 0 20px !important; color: #222;}
div.announcements, div.announcements a {	color: #222; letter-spacing:normal;}
div.announcements h3, div.announcements h4, div.announcements h5 {margin: 0 !important; text-align: center; }
div.announcements h3 {color: #000; display: none;}
div.announcements h4, .page_body.homepage .inner h4 { margin: 0 0 0.5em 0; } /*make both titles used on the homepage consistent*/
div.announcements h4 { color: #000;}
div.announcements h5 {margin:0;}
div.announcements .announcement {color: #222; border: none !important;   display: block;    padding: 20px 10px;	height: 105px; overflow: hidden;
background: #F7F9FC url(/img/ann_back_swoosh.png) no-repeat center top;

}


div.announcements .announcement:hover  { text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;

box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
-moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
-webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
}
div.announcements a:hover h4 {text-decoration: underline;}

/*div.announcement:hover a:link h4, div.announcement:hover a:visited h4	{text-decoration: underline;}*/

div.announcements .announcement h5.annc-title { }

div.announcements .announcement .desc { }
	@media screen and (max-width: 600px) {
	div.announcements .announcement {height: auto;	overflow: visible;}
	}
	}




















/*8.2 home alert*/
.alert {
    text-align: center;
    font-size: 1rem;
    border-color: #ddeaf4;
    background-color: transparent;
    color: #003c79;
}

.alert h4 {
    margin: 0;
    font-weight: 600;
    font-size: 1.2em;
}

.alert h4, .alert h4 a { color: #e00018; }

/* includes fix for bulleted lists */
.alert .inner {margin:auto; padding: 0; text-align: left;}
.alert .inner ul, .alert .inner ul li ul {text-align: left; margin: 5px auto 0 auto; list-style-position: inside; padding: 0;}
.alert .inner ul li {text-align: left; margin: 5px auto 0 auto; }

div.alert-desc, .alert p {
    font-size:1rem;
	color: #003c79;
	line-height: 1.3rem;
}

div.alert-desc a {color: #003c79;}

/* new color options */
.alert.alert-red {background-color: #d21600 !important; color: #fff;}
.alert.alert-red h5, .alert.alert-red h4, .alert.alert-red h3, .alert.alert-red h2  {color: #fff !important; margin-top: 2px;}
.alert.alert-red a, .alert.alert-red .alert-desc, .alert.alert-red p, .alert.alert-red .fa-exclamation-circle:before {color: #fff !important;}

.alert.alert-orange {background-color: #ffcc64 !important; color: #000;}
.alert.alert-orange h5, .alert.alert-orange h4, .alert.alert-orange h3, .alert.alert-orange h2 {color: #000 !important; margin-top: 2px;}
.alert.alert-orange a, .alert.alert-orange .alert-desc, .alert.alert-orange p, .alert.alert-orange .fa-exclamation-circle:before {color: #000 !important;}

.alert.alert-yellow {background-color: #fbebaa !important; color: #000;}
.alert.alert-yellow h5, .alert.alert-yellow h4, .alert.alert-yellow h3, .alert.alert-yellow h2 {color: #000 !important; margin-top: 2px;}
.alert.alert-yellow a, .alert.alert-yellow .alert-desc, .alert.alert-yellow p, .alert.alert-yellow .fa-exclamation-circle:before {color: #000 !important;}

.alert.alert-green {background-color:  #c1efaf !important; color: #000;}
.alert.alert-green h5, .alert.alert-green h4, .alert.alert-green h3, .alert.alert-green h2 {color: #000 !important; margin-top: 2px;}
.alert.alert-green a, .alert.alert-green .alert-desc, .alert.alert-green p, .alert.alert-green .fa-exclamation-circle:before {color: #000 !important;}

.alert.alert-blue {background-color: #b9dbf4 !important; color: #000;}
.alert.alert-blue h5, .alert.alert-blue h4, .alert.alert-blue h3, .alert.alert-blue h2 {color: #000 !important; margin-top: 2px;}
.alert.alert-blue a, .alert.alert-blue .alert-desc, .alert.alert-blue p, .alert.alert-blue .fa-exclamation-circle:before {color: #000 !important;}

/* fix padding when editor is turned on */
.alert p { margin: 0; padding-bottom: 6px;}



/*8.3 home banking login */

div.ob-login, div.cwizard {
    max-width: 990px;
    margin: auto;
    padding: 0;
    position: relative;
    top: 30px;
    z-index: 999;
}

div.ob-login div.login-box {
    float: left;
    background: #fff;
    width: 200px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 20px 0;
    position:absolute;
    left:40px;
    box-shadow: 0 0 9px #333;
}

div.ob-login div.login-box .ob-links {
    margin: 8px 8%;
    float: right;
    width: auto;
}

div.ob-login div.login-box .ob-links a {
    
    font-size: 12px;
    font-size: 0.75rem;
    float: right;
}


div.ob-login div.login-box h2.login-header {
    background: #27649c;
    width: 90%;
    margin: 0 0 5% 0;
    float: left;
    color: #fff;
    padding: 2px 5%;
    font-family: ;
    font-weight: 500;
    font-size: 19px;
    font-size: 1.1875rem;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

div.ob-login div.login-box h2.login-header:after {
    content: "\f023";
    float: left;
    font-size: 17px; font-size: 1.0625rem;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin: 1px 7px 0 0;
}

div.ob-login div.login-box h6 {font-size:14px; font-size: 0.875rem; padding:0 10px; margin:0;}

.ob-login-iframe {width:170px;z-index:1;background-color:transparent; height:90px; /* width:170px; */ width: 195px;}

div.banking-inner.mobile-size div.ob-login  	{display: none;}

@media screen and (max-width:800px) {
div.ob-login div.login-box {left:20px;}
}


@media screen and (max-width:600px) {
div.banking-inner.non-mobile div.ob-login	{display: none;}
div.banking-inner.mobile-size div.ob-login	{display: block; position: relative;}

.wrapper_inner {top:0;}

div.ob-login {
    max-width: 100%;
    margin: auto;
    top: 0;
    z-index: 999;
}

div.ob-login div.login-box {
    float: none;
    width: 100%;
    position:relative;
    left:0;
}

div.ob-login div.login-box, div.ob-login div.login-box h2.login-header {margin:0 ; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px;}


.ob-login-iframe {width:50%; height:80px; float:left;}
.ob-links {display:block; width:20% !important; float:left !important;}

}








.flexslider { margin: 0 0 0; }

/* ================ 9. FlexSlider Banner Overrides ================ */


.flexslider {
    background: transparent;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.flex-control-nav {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 10px;
    text-align: left;
}

.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a { }

.flex-control-paging li a:hover {
    text-decoration: none;
    background-color: #efefef;
    color: #555;
}

.flex-control-paging li a.flex-active { }

.flex-direction-nav { display: none; }

/* ================ 10. Standard Content Area Overrides ================ */

/*10.1 content areas*/



/* ================ 11. Tabbed Content Area Overrides ================ */

.tabbedca-title {
    font-size: 1.5em;
    border-bottom: 1px solid #BBC8C7;
}

div.ca_tabs { border-bottom: 1px solid #99a3a6; }

div.ca_tabs ul { line-height: normal; }

div.ca_tabs ul li a {
    color: #fff;
    padding: 6px 8px 4px 8px;
    border: solid 1px #5998c9;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 1em;
    background-color: #5998c9;
}

div.ca_tabs li a:hover {
    border: solid 1px #2e516b;
    background-color: #2e516b;
}

div.ca_tabs li.current {
    margin: 0 3px -2px 0;
    padding: 0 0 1px 0;
}

div.ca_tabs li.current a {
    text-decoration: none;
    border: solid 1px #99a3a6;
    border-bottom: 1px solid #ffffff;
    background-color: #fff;
    padding-top: 7px;
    color: #27649c;
}

/* ================ 12. Form Appearance Overrides ================ */

/*form appearance overrides*/

/*input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select { border: solid 1px #ccc; }*/

/*custom form and anchor buttons are styled in content.css*/


/* ================ 14. Sitemap / FAQ Overrides ================ */

ul.faq-list li { }

ul.faq-list li ul li { }

.faq-answer { }

/*container for FAQ's on search results page... */
.faq-search { }

.faq-search h3 { }

/* ================ 16. Custom Appended Styles - Not Overrides ================ */




/*fixed sidebar modules and module titles*/

div.title {
    /*font-size: 10px;*/
    margin: 0;
    padding: 0;
    /*text-align:center;*/
    color: #333;
}

div.module_recently, div.module_topsaved, div.module_toprated {
    padding: 0 0 0 16px;
    margin: 0 0 20px 0;
}

/*if titles are within the module div*/
div.module_recently h4, div.module_topsaved h4, div.module_toprated h4 {
    padding: 0;
    margin: 4px 0 7px 0;
    font-size: 15px; font-size: 0.9375rem;
}

/*if titles are outside of module div and underlined*/
h4.module-title {
    padding: 0;
    padding: 0 0 4px 15px;
    margin: 50px 0 7px 0;
    font-size: 15px; font-size: 0.9375rem;
    border-bottom: 1px solid #BBC8C7;
}

div.module_recently ul, div.module_topsaved ul, div.module_toprated ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px; font-size: 0.75rem;
}

div.module_recently ul li, div.module_topsaved ul li, div.module_toprated ul li {
    padding: 0;
    margin: 0 0 10px 0;
}

div.module_recently ul li em, div.module_topsaved ul li em, div.module_toprated ul li em { font-size: 11px; font-size: 0.6875rem;}

label.required { }

label.agree { font-size: 11px; font-size: 0.6875rem;}

/*16.3 left column modules*/

/*related block*/
div.related_content 	{margin: 10px 0 20px 0; 	padding: 0;  border-bottom: solid 1px #eeeeee;}
div.related_content h4 	{margin: 0;    		padding: 10px 0;}
div.related_content ul 	{margin: 0 0 0 0;   padding: 0;    list-style: none;}
div.related_content ul li {list-style-type: none; margin: 0; padding: 0; display: block;}

div.related_content a {background-color: #ffffff; zoom: 1; padding: 10px; margin: 0 0 0 0; display: block; border-top: solid 1px #eeeeee;
text-decoration: none;}
div.related_content a:hover, div.related_content a:active  {  text-decoration: underline;}


/* for individual branch maps */
@media screen and (max-width: 660px) {

div.map_container_individual {
    float: none;
    margin: 0 auto 20px;
    width: 300px;
}

.individual_map_canvas, .loc_dropdown { margin: auto; }
}

/* 16.6 mini-button - (similar to fancy button) */

a.mini-button:link, a.mini-button:visited, a.minibutton:link, a.minibutton:visited, div.minibutton a:link, div.minibutton a:visited, div.mini-button a:link, div.mini-button a:visited {
    font-weight: normal;
    font-size: 1em !important;
    border: solid 1px #99a3a6;
    background-color: #99a3a6;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 12px 5px 12px;
    text-shadow: none !important;
    border: none !important;
    display: inline-block;
    /*white-space:nowrap;*/
    text-decoration: none;
    -webkit-transition: background-color .6s ease;
    -moz-transition: background-color .6s ease;
    -ms-transition: background-color .6s ease;
}

a.mini-button:hover, a.minibutton:hover, div.mini-button a:hover, div.minibutton a:hover {
    -webkit-box-shadow: 0 1px 2px #838a90;
    -moz-box-shadow: 0 1px 2px #838a90;
    box-shadow: 0 1px 2px #838a90;
    border: solid 1px #c1b8b7;
    background-color: #fff;
    color: #a89f9f;
}

/*16.7 save, unsave, save rate, comment and back buttons*/




a.back-button, a.comment-button {
    display: block;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #dfe5e5;
    width: auto;
    float: left;
    margin: 4px 2px 0 0;
    background-color: transparent;
    font-weight: normal;
    cursor: pointer;
}

a.back-button:hover, a.comment-button:hover {
    background-color: #cae8f0;
    text-decoration: none;
}

a.back-button:active, a.comment-button:active {
    -webkit-box-shadow: inset 0 0 3px #333;
    -moz-box-shadow: inset 0 0 3px #333;
    -o-box-shadow: inset 0 0 3px #333;
    box-shadow: inset 0 0 3px #333;
    background-color: #cae8f0;
}

a.fancy-ratebutton {
    background-color: #c71d6d !important;
    color: #fff !important;
    border: solid 1px #a90e5c !important;
    text-shadow: none !important;
    text-transform: lowercase;
}

a.fancy-ratebutton:hover {
    background-color: #20aac5 !important;
    border: solid 1px #1c97af !important;
}

a.back-button {
    font-size: 0.8em;
    text-transform: uppercase;
    float: none !important;
    width: 40px;
    margin: 0 0 1em 0;
}

a.comment-button {
    font-size: 0.8em;
    text-transform: uppercase;
    border: none;
}

a.comment-button:hover { color: #fff; background-
}

a.comment-button-big {
    font-size: 1.27em;
    border: solid 1px #93bac6;
    text-transform: none;
    padding: 4px 8px;
}

/* ================ 18. Posts and Post Lists ================ */

.post-content p {
    font-size: 18px; font-size: 1.125rem;
    color: #222;
    line-height: 27px;
}

.post-list .abstract, .post-list .abstract p {
    font-size: 15px !important; font-size: 0.9375rem !important;
    color: #222 !important;
    line-height: 23px !important;
}

ul.posts { }

ul.posts li { }

ul.posts li img { }

ul.post-featured li { /* min-height: 100px;
    max-height: 120px;*/ }

ul.post-featured li a { max-height: 100px; }

ul.post-featured li a h2 { }

ul.post-featured li a:hover h2, ul.post-list li a:hover h2 { }

ul.post-featured li a:hover, ul.post-list li a:hover { background: #f7f9f9; }

ul.post-featured .abstract { max-height: 60px; }

ul.post-list li { }

ul.post-list li a { }

ul.post-list li a h2 { }

/* ----------- GOOGLE SEARCH and FAQs - Integration into results page  -----*/

div.google_search_box {
    max-width: 45%;
    border-right: 1px solid #E9E9E9;
    display: inline;
    float: left;
    margin-right: 1%;
    padding: 2% 2% 2% 0;
}

div.silvercloud_results_wrapper, div.faq-search {
    position: relative;
    display: inline-block;
    float: right;
    max-width: 48%;
    margin-left: 1%;
}

div.faq-search h3 { margin-top: 0; }

@media screen and (max-width: 740px) {

div.google_search_box {
    float: none;
    width: auto;
    display: block;
    max-width: 100%;
    clear: both;
}

div.silvercloud_results_wrapper, div.faq-search {
    float: none;
    width: auto;
    display: block;
    max-width: 100%;
    clear: both;
    margin-top: 40px;
}
}

div#gsearchresults { padding: 5px; }

div#gsearchresults a, .gs-result .gs-title, .gs-result .gs-title * {
    color: #f89521 !important;
    font-weight: 400;
    text-decoration: none;
}

div#gsearchresults a b { color: #f89521 !important; }

div#gsearchresults div.gs-visibleUrl, .gs-result .gs-visibleUrl { color: #5998C9 !important; }

/* table.gsc-resultsHeader {padding:  15px 0px !important; }*/
div.gsc-control { width: auto; }

input.gsc-input {
    height: 39px;
    font-size: 21px; font-size: 1.3125rem;
}

div.gsc-cursor-page {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: solid 1px #ccc !important;
    text-decoration: none !important;
    color: rgba(89, 152, 201, 1) !important;
}

div.gsc-cursor-current-page {
    background-color: #5998C9 !important;
    color: #ffffff !important;
}

div.gsc-cursor-box { margin-top: 20px !important; }

.gsc-webResult .gsc-result {
    padding-bottom: 15px !important;
    border-bottom: 1px dotted #CACACA !important;
    margin-bottom: 15px !important;
}

.gsc-above-wrapper-area {
    border-bottom: 1px dotted #CACACA !important;
    width: 561px !important;
}

.gsc-result-info-container { max-width: 428px !important; }

.gsc-above-wrapper-area-container {
    clear: both;
    max-width: 428px !important;
}

.gsc-above-wrapper-area { max-width: 428px !important; }

div.onewhole { padding: 0; }

img#powered-by {
    display: inline !important;
    clear: right;
    margin-top: 10px;
}

.gsc-above-wrapper-area { width: auto !important; }
/* ----------- GOOGLE SEARCH and FAQs - end  -----*/


/* style overrides for voice search installation */
div.vsrch-container {position: relative;    display: inline-block;    float: left; width: 63%; margin-right: 4%; padding: 1em 0;}
div.faq-search {position: relative; float: none; width: 33%; margin: 0;}
div.vsrch-container h3, div.faq-search h3 {margin: 0 0 10px 0; border-bottom: 1px dotted #dedede; padding-bottom: 10px;}

@media screen and (max-width: 767px) {
	div.vsrch-container,div.faq-search {
		float: none;
		width: auto;
		display: block;
		width: 100% !important;
		max-width: 100%;
		clear: both;
	}
}

/* style overrides for microsite FAQ results */
div.faq_search_results_spec_cats div.faq-search {position: relative; float: none; width: 90% !important;; max-width: 100%; margin: 1%;}
div.faq_search_results_spec_cats ul.faq-list {padding: 0; margin-left: 0;}

/* override to fix seminar display */
.seminars-list .list-item.title, .seminars-list .list-item.date, .seminars-list .list-item.location  {width: 30%;}
.seminars-list .list-item.head {font-size: 1.2em; color: #5998C9; font-weight: 600;}
div.sem_field label {font-size: 1.25em; color: #5998C9; }