/*
Theme Name: FNB Lifetime
Theme URI: http://csibankanytime.com/
Author: CSI
Description: Design Pro 3 CSI Banking Theme for FNB Lifetime
Version: 2.0.1
Text Domain: design-pro-3
*/



/* *{ transition: all 0.7s ease; -webkit-transition: all 0.7s ease } */


/* COLORS
BASIC BACKGROUND: #0a3c5f
MENU HOVER: #547AA5
ORANGE BACKGROUND: #e69951
ORANGE HOVER BACKGROUND #913e00;
*/

/*////////////////////////////////////////
//         GENERAL STYLE                   //
//////////////////////////////////////////*/

#wpadminbar #wp-admin-bar-wp-logo{
	display:none;
}

.admin-bar .navbar-fixed-top{
margin-top: 32px;
}

li.page_item_has_children ul.children{
	display:block;
}

html { font-size: 1rem; }
h1,.text-xxl { font-size: 3.3rem; font-family: 'Roboto Slab', sans-serif;}
h2,.text-xl  { font-size: 1.728rem; }
h3,.text-lg  { font-size: 1.44rem; }

h4 {
	font-weight: 800;
	letter-spacing: 0.1rem;
	color: #ed8a4a;
	font-size: 0.95rem;
}

p { font-size: 1.0rem; }

h1, h2, h3, h4, h5, h6 {
	color: #424242;
}

body {
 overflow-x: hidden;
 font-family: 'Raleway', sans-serif;
 background-color: #f4efeb;
 color: black;
}

/*////////////////////////////////////////
//         END GENERAL STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         MENU STYLE              //
//////////////////////////////////////////*/

.menu-text {
	display: none;
}

.menu-nav {
	background: #0a3c5f;
	height: 63px;
	width: 100%;
	position: inherit;
	z-index: 999;
}
.navbar-inverse {
	background-color: #0a3c5f;
	border-color: #0a3c5f;
}

.navbar-nav.sm-collapsible a.has-submenu {
	position: relative;
}

.navbar-inverse .navbar-nav>li>a {
	margin: 9px 17px 0;
	font-weight: 600;
	color: #fff;
}
.navbar-inverse .navbar-nav>li:first-child {
	margin-left: 10px;
}

.sm-collapsible .caret {
	opacity: 1;
}
.sub-menu li{
	width:100%;
}

.dropdown-menu .highlighted{
	color:black!important;
}

.dropdown-menu {
    z-index: 1002!important;
	background-color: #ed8a4a;
}

.navbar-collapse .dropdown-menu li .caret  {
	display: inline-block;
	color: #fff;
}

.navbar-nav ul.sm-nowrap > li > a {
	white-space: normal !important;
	color: #fff;
}

a{
	text-decoration: underline;
}

a:focus, a:hover{
	text-decoration: none;
}

body .navbar{
	min-height:40px;
}
body .navbar-inverse .navbar-nav>li>a:focus{
	background: #547AA5;
	border-radius: 2px;
}
body .navbar-inverse .navbar-nav>li>a:hover, body .navbar-inverse .navbar-nav>li>a:focus{
	background: #547AA5;
	text-decoration:underline;
	border-radius: 2px;
}
.archive-events, .archive-people , .archive-videos{
	padding: 15% 0 5%;
	min-height:600px;
}
/* Financial calculator styling overrrides for better compliance */
#tabs a.tab{
	background: black;
}
#tabs a.selectedTab{
	background:white;
}

/* match responsive nav width in media queries */

.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover, .sub-menu a:focus  {
	color: #fff;
	text-decoration: underline;
}

.current-menu-parent li a {
	background: inherit;
	color: inherit;
}
.current-menu-parent .current-menu-item a {
	color: #fff;
	font-weight: bold;
}


/*////////////////////////////////////////
//         END MENU STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         HEADER STYLE                //
//////////////////////////////////////////*/

.csi-header{
	z-index:100;
	position:relative;
}

section.csi-header{
	padding: 0;
}

.csi-logo-ib {
	padding: 0;
}

.logo-box {
	background: #f5efeb;
	height: 86px;
}

.logo-box img {
	width: 456px;
	height: 60px;
	margin-left: 40px;
}

.bank-login {
	background-color: #ed8a4a;
	background: #ed8a4a;
	height: 110px;
	text-align: center;
	color: #111; /* #fff */
	font-weight: 700;
	padding-top: 45px;
}

.bank-login a {
	margin: 43px;
	color: inherit;
}

.bank-login:hover, .logo-bar a:hover, .carousel a:hover, .bank-login:focus, .logo-bar a:focus, .carousel a:focus {
	color: #fff; /*#913e00;*/
}

/*////////////////////////////////////////
//         END HEADER STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         HERO STYLE                    //
//////////////////////////////////////////*/

.csi-hero {
	height: 300px;
    background-color: #000!important;
}

.csi-hero-locations {
	height: 394px;
}

.csi-hero-locations h1 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.hero-fade {
    background-color: #000;
	height: 300px;
}
.tagline {
	margin-left: 21%;
	margin-top: 108px;
	width: 39%;
	color: #fff;
	line-height: 1.7rem;
}

.tagline h1 {
	margin-bottom: 35px;
	font-weight: 300;
	color: #fff;
	line-height: 3.2rem;
	position: relative;
    z-index: 10;
}

.tagline-head h1 {
	color: #f5f4e7;
}

.csi-hero-locations .tagline-head h1 {
	z-index: 10;
    position: relative;
}


/*////////////////////////////////////////
//         END HERO STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         QUICK LINK STYLE              //
//////////////////////////////////////////*/
.col-xs-9, .col-xs-3 {
	padding: 0;
}

.quick-bar {
	height: 100px;
  margin-top: -100px;
  position: relative;
  z-index: 10;
  background: rgba(9,49,77,0.9 /*10,69,95,0.9 - 255, 255, 255,0.3*/);
  padding-top: 0px;
}

.quick-link-div {
	margin-top: 20px;
	font-size: 1.1rem;
	font-weight: 500;
}

.quick-link-div a {
	color: #fff!important;
	white-space: nowrap;
}


.quick-link-div .col-sm-9{
	margin-top: 10px;
}

.quick-link-div a:hover, .quick-link-div a:focus {
	color: #fff!important;
}

.quick-link-div .col-xs-12:hover, .quick-link-div .col-xs-12:focus {
 text-decoration: underline;
}

.quick-bar .row {
	margin: 0;
}


/*////////////////////////////////////////
//         END QUICK LINK STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//            FOOTER STYLE              //
//////////////////////////////////////////*/

footer{
	background: #222222;
	color: white;
	display: block;
	padding: 20px 0;
	font-size: 	0.6875rem;
}

footer p {
	font-size: 0.825rem;
}

footer hr {
	opacity: 0.18;
}

.copyright{
	width:100%;
	position:relative;
	float:right;
	padding: 15px 0;
}

.copyright a {
	color: #fff; /*rgba(255, 255, 255, 0.5);*/
	font-size: 0.9rem;
}

footer .copyright img{
	height:100%;
}

footer .fdic-warning,
footer .fdic-warning a {
	color: #f8f8f8;
    /*opacity: 0.15;*/
	line-height: 1.4rem;
}

footer .bottom-locale, footer .top-locale {
	line-height: 1.2rem;
	font-size: 0.75rem;
}
footer .footer-bottom {
	margin-top: 50px;
}
footer .fdic-warning a:hover, footer .fdic-warning a:focus {
	color: #fff;
}

footer .col-sm-3{
	margin-bottom: 13px;
}

.footer-margins {
	margin: 0;
}

/*////////////////////////////////////////
//         END FOOTER STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         SIDEBAR STYLE              //
//////////////////////////////////////////*/

.sidebar p, table li {
	font-size: 0.9rem;
}

.sidebar {
	line-height: 1.7rem;
}

.sidebar hr {
	border-top: 1px solid #dbdbdb;
}

.sidebar p {
	opacity: 1;
}

.soc-logos {
	margin-bottom: 40px;
}

#socialmedia_widget-2 {
	margin-bottom: 40px;
}

.social-media-icon {
	margin-right: 15px;
}

 .indent {
	margin-left: 25px;
}

.soc-logos img {
	margin-right: 15px;
}


/*////////////////////////////////////////
//         END SIDEBAR STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         CONTENT BODY STYLE              //
//////////////////////////////////////////*/

.locations-body {
	color: rgba(0, 0, 0, 0.55);
}

.locations-body .col-md-4, .locations-body .col-md-8 {
		border-bottom: 1px solid #dbdbdb;
}

.locations-body .col-md-4 {
	height: 386px;
}

.locations-body h3 {

	color: rgba(0, 0, 0, 0.7);
	font-weight: 800;
	margin: 15px 0;
	padding-top: 30px;

}

.home-body h3 {
	color: rgba(0, 0, 0, 0.7);
	font-weight: 800;
}

a:hover > img{
	border: 1px solid black;
}

a > img{
	border: 1px solid transparent;
}
a{
	color: #2b689d;
}
footer a{
	color:white;
}

footer a:focus, footer a:hover{
	color:white;
}

.main-body, .home-body {
	padding: 60px 25px 44px 25px;
	color: rgb(81, 72, 72);
	line-height: 2.0rem;
}

.main-body a, .locations-body a{
	color: rgb(81, 72, 72);
}

.main-body a:hover, .locations-body a:hover, .main-body a:focus, .locations-body a:focus {
	color: #005580;
}

.main-body .lead p{
	font-size: 1.44rem;
	line-height: 2.4rem;
	color: rgba(0, 0, 0, 0.55);
	font-weight: 400;
}

.home-body .lead p {
	font-size: 1.3rem;
	color: rgba(0, 0, 0, 0.55);
	font-weight: 400;
	margin-top: -30px;
}

.main-body h2 {
	font-weight: bold;
}

.main-body h3 {
	color: rgba(0, 0, 0, 0.7);
	font-weight: 800;
	border-top: 1px solid #dbdbdb;
	margin: 15px 0;
	padding-top: 30px;
}

 .main-body hr {
  	border-top: 1px solid #dbdbdb;
		
 }

.img-post {
    width: 300px;
    max-width: 300px;
    height: auto;
}
 
 /*////////////////////////////////////////
 //      END CONTENT BODY STYLE              //
 //////////////////////////////////////////*/

 /*////////////////////////////////////////
 //            MOBILE STYLE             //
 //////////////////////////////////////////*/
.mobile-hero {
	display: none;
	color: #fff;
}

.mobile-hero img {
	width: 100%;
	height: auto;
}

.tagline-mobile {
	padding: 0 10px;
}

.mobile-stores {
	text-align: center;
}

.mobile-stores img {
	margin-left: 20px;
}

.carousel-mobile {
	display: none;
}

/*////////////////////////////////////////
//         END MOBILE STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//         ACCORDION STYLE             //
//////////////////////////////////////////*/
.panel-body {
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.6rem;
}

.panel-heading a {
	text-decoration: none;
	display: block;
	color: inherit;
}

.panel-heading:hover, .panel-heading:focus {
	background-color: rgba(84, 122, 166, 0.1);
	text-decoration: underline;
}

.panel-title {
	font-size: 0.9rem;
	font-weight: 600;
	padding: 10px 15px;
	letter-spacing: 0.01rem;
}

.panel-heading a, .panel-heading a:hover, .panel-heading a:focus {
	color: rgb(23, 22, 101);
}

.accordion-group {
	border: 1px solid #B3C4D0;
	border-bottom: 1px solid #B3C4D0;
	border-radius: 4px;
	margin-bottom: 20px;
}

/*////////////////////////////////////////
//         END ACCORDION STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        BUTTON/A STYLE             //
//////////////////////////////////////////*/

.btn-hr {
	margin-top: 73px;
}

.download-btn, .btn-small {
	border: 1px solid #547AA5;
	border-radius: 4px;
	padding: 10px 30px;
	text-align: center;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.download-btn {
	width: 100%;
	position: relative;
	float: left;
	color: #496b91!important; /*#547AA5 !important;*/
}

.btn-small {
	width: 35%;
	position: relative;
	float: left;
	color: #547AA5 !important;
}

.download-btn:hover, .btn-small:hover, .download-btn:focus, .btn-small:focus {
	background-color: #547AA5;
	text-decoration: underline;
	color: white !important;
}

.label-warning {
	background: #f89406;
	color: #1A1A1A;
	float: left;
    margin-top: 8px;
}

.label-gray {
	background: #999;
	float: left;
    margin-top: 8px;
	color: #1A1A1A;
}

.label {
	padding: 3px;
	margin-right: 5px;
}

.home-btns {
	border: 1px solid white;
	background: #a85f32; /* none; */
	color: #fff; /*#111;*/
	text-shadow: none;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 0.675rem;
	letter-spacing: .11em;
	border-radius: 2px;
	padding: 9px 10px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

a.home-btns:hover, a.home-btns:focus {
	background: #944e22; /*rgba(0, 0, 0, 0.1);*/
	color: #fff; /*#000;*/
	text-decoration: underline;
}

/*////////////////////////////////////////
//        END BUTTON/A STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        TABLE STYLE                  //
//////////////////////////////////////////*/

tr td:first-child {
	width: 270px;
}


td {
	border-left: 1px solid rgba(100, 100, 100, 0.1);
}

table li {
	line-height: 1.4rem;
}

.privacy-statement {
	color: #000;
}

.privacy-statement table, .pdf-table table {
	border-bottom: 1px solid #dbdbdb;
	border-radius: 4px;
	margin-bottom: 30px;
}

.dark-head-2 tr:not(:first-child) td:first-child, .pdf-table tr:not(:first-child) td:first-child, .press-release tr:not(:first-child) td:first-child  {
	font-weight: 400;
}

.dark-head tr:first-child, .dark-head-2 tr:first-child, .pdf-table tr:first-child{
	font-weight: bold;
}

.pdf-table, .press-release table {
	color: black;
}

.pdf-table tr td:first-child {
		width: 570px;
}

.pdf-table tr td {
	border-left: none;
}

.pdf-table a {
	color: #547AA5;
}


.bottom-2-table {
	margin-top: -31px;
}

.bottom-2-table td{
	font-weight: 400 !important;
	background: #f4efeb;
	width: 100% !important;
}


.full-top tr:first-child td:last-child {
	border-left: none;
}


.no-bold td{
	font-weight: 400 !important;
}

.press-release {
	margin-bottom: 20px;
}

.press-release .table-striped>tbody>tr:nth-of-type(even) {
	background: rgba(84, 122, 166, 0.1);
}

.press-release .table-striped>tbody>tr:nth-of-type(odd) {
	background: #f4efeb;
}

.press-release tr td{
	border: 0;
}

.press-release tr td:first-child {
	width: 528px;
}


/*////////////////////////////////////////
//       END TABLE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//       PAGE STYLE                  //
//////////////////////////////////////////*/

.board-col {
	border-bottom: 1px solid #dbdbdb;
	padding: 20px;
	min-height: 176px;
}


.board-3col {
	border-bottom: 1px solid #dbdbdb;
	padding: 20px;
}

.officers h3 {
	border-top: none;
	margin: -30px 0 15px;
}

.officers {
	border-bottom: 1px solid #dbdbdb;
	min-height: 290px;
	margin-top: 30px;
}

/*////////////////////////////////////////
//       END PAGE STYLE                  //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//       HOME PAGE STYLE                  //
//////////////////////////////////////////*/

.carousel {
	background: #0a3c5f;
}

.carousel h1 {
	color: #fff;
	font-size: 3.75rem;
}

.carousel p {
	font-size: 1.25rem;
	line-height: 34px;
	font-weight: 300;
	/*width: 42%;*/
	margin-bottom: 40px;
}

.carousel-caption {
	top: 85px;
}


.carousel-caption a {
    color: #fff!important;
}
.right {
	display: none;
}

.left {
	display: none;
}

.carousel-inner {
	height: 590px;
}

.carousel-inner img {
	position: relative;
    z-index: 9;
	right: -250px;
}

.carousel a, a.btn-orange {
	background-color: #a85f32; /* #ab4e11 -> #ed8a4a;*/
    background-position: center center;
	color: #fff; /* #fff */
	text-shadow: none;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 0.675rem;
	letter-spacing: .12em;
	border-radius: 3px;
	padding: 15px 34px;
	margin-top: 15px;
	-moz-box-shadow: 2px 2px 4px 0px rgba(62, 34, 5, 0.3);
	-webkit-box-shadow: 2px 2px 4px 0px rgba(62, 34, 5, 0.3);
	box-shadow: 2px 2px 4px 0px rgba(62, 34, 5, 0.3);
}

.home-accounts h4 {
	margin-bottom: 35px;
}

.carousel a:hover, a.btn-orange:hover, .carousel a:focus, a.btn-orange:focus {
    background-color: #944e22;
    color: #fff;
	background-position: 0 -15px;
	transition: background-position .1s linear;
}

.orange-background {
	background: url(/wp-content/uploads/sites/58/2017/08/bg-orange.jpg) fixed center center #ed8a4a;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 70px 0;
	color: #fff;
	position: relative;
}

.orange-background img {
	width: 100%;
	height: auto;
	max-width: 370px;
	box-shadow: 0px 4px 9px 0px rgba(135, 42, 0, 0.41);
	height: 209px;
}

.orange-background h4 {
	color: #111; /*#fff;*/
	font-weight: 400;
	font-size: 1.4rem;
	margin: 40px 0 30px;
	letter-spacing: 0.01rem;
}

.triangle img {
	width: auto;
	height: auto;
	box-shadow: none;
}

.triangle {
	position: relative;
	top: -71px;
	text-align: center
}

.orange-background .row {
	margin: 0 auto;
}

.orange-background .col-lg-6 {
	padding: 5px;
}

.slideshow .row{
	margin: 0;
}
/*////////////////////////////////////////
//      END HOME PAGE STYLE                  //
//////////////////////////////////////////*/











/*////////////////////////////////////////
//     aug css                 //
//////////////////////////////////////////*/



.quick-links-button {
    background-color: rgba(9,49,77,0.9)!important;
    color: #fff!important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:focus {
	color: black;
	background-color: white;
	text-decoration: underline;
}
.navbar-nav ul.sm-nowrap > li > a:hover, .navbar-nav ul.sm-nowrap > li > a:focus {
	color: black;
	text-decoration: underline;
}

.translate{
    position: absolute;
	text-align: center;
    text-align: -webkit-center;
}

.first-visit-modal{
	color:white;	
}

.first-visit-modal a {
    color:#ff3000 !important;
}

.first-visit-modal h1, .first-visit-modal h2, .first-visit-modal h2, 
.first-visit-modal h3, .first-visit-modal h4, .first-visit-modal h5, .first-visit-modal h6 {
    color: #E3F0FF;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable{
	max-width: 1000px
}

.ui-dialog-buttonset {
    color: black;
}

div#ui-id-1 {
    padding: 1em;
}
.ui-dialog .ui-dialog-titlebar-close{
	overflow:hidden;
}


/* UPDATED EXTERNAL LINK NOTICE */
.page-template-test .ui-widget-content {
	border: 0;
	background: white !important;
	color: black;
}

.page-template-test .ui-widget-header, .page-template-test .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	color: #0b3e6f;
	font-weight: bold;
	background: transparent;
	border: none;
}

.page-template-test .ui-dialog .ui-dialog-titlebar-close {
	display: none;
	/* position: absolute;
	right: 0.3em;
	top: 50%;
	width: fit-content;
	margin: -10px 0 0 0;
	height: auto; */
}
.page-template-test .ui-widget-header .ui-icon {
	display: none;
}

.btn-link{
	color: #2D6A9F;
}

.page-template-test .ui-dialog .ui-dialog-buttonpane button {
	padding: 0.5rem 1.5rem;
	border: 0;
	background-color: #0B5ED7;
	border-color: #0B5ED7;
	color: white;
}
.page-template-test .ui-dialog .ui-dialog-buttonpane button:hover, .page-template-test .ui-dialog .ui-dialog-buttonpane button:focus {
	background-color: white;
	border: 1px solid #0B5ED7;
	color: #0B5ED7;
	font-weight: 700;
}
.page-template-test .ui-dialog .ui-dialog-buttonpane button:nth-child(2){
	padding: 0.5rem 1.5rem;
	border: 0;
	background-color: #ffffff;
	border: 1px solid #9c9c9c;
	color: #0B5ED7;
}
.page-template-test .ui-dialog .ui-dialog-buttonpane button:nth-child(2):hover, .page-template-test .ui-dialog .ui-dialog-buttonpane button:nth-child(2):focus{
	background-color: #0B5ED7;
	color: white;
	font-weight:700;
}

.carousel-inner .item::after, .csi-hero-locations::after{
	content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 9;
    opacity: 0.85;
    background-color: rgba(0, 0, 0, 0.6);
}
.csi-hero-locations::after{
	height: 575px;
}

.logo-bar svg{
	margin-left: 56px;
	/* height: 18px; */
}

.fdic-wrapper .fdic-notice{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8rem;
	font-weight: 400;
	color: #000;
}
.fdic-wrapper .fdic-notice svg {
	width: auto;
    height: 15.74px;
    margin-right: .75em;
    display: block;
	min-width: 37.36px;
}

.logo-box .csi-2nd-logo{
	width: 120px;
    height: 80px;
    margin-top: 10px;
}

.logo-box .navbar-brand{
	display: flex;
}