/*
Theme Name: 0748 Fayette County National Bank
Theme URI: http://csibankanytime.com/
Author: CSI
Description: Design Pro 3 CSI Banking Theme
Version: 2.0.10
Text Domain: design-pro-3
*/


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

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

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

/*////////////////////////////////////////
//         END ADMIN BAR STYLE              //
//////////////////////////////////////////*/



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

html { font-size: 1rem; }
h1,.text-xxl { font-size: 2.074rem; }
h2,.text-xl  { font-size: 1.728rem; }
h3,.text-lg  { font-size: 1.44rem; }
h4,.text-md  { font-size: 1.2rem; }
h5,.text-sm  { font-size: 1.1rem; }
h6,.text-xs  { font-size: 1.0rem; }

body{
 overflow-x: hidden;
 font-size: 1rem;
}
section {
	position: relative;
	width: 100%;
	float: left;
}
div.carousel{
	min-height: 700px;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
.acf-map img {
	max-width: inherit !important;
}
.archive-events, .archive-people , .archive-videos{
	padding: 15% 0 5%;
	min-height:600px;
}
.archive-events .button, .archive-people .button, .archive-videos .button, .button{
	border-radius: 20px;
	padding: 10px 5%;
}

li.page_item_has_children ul.children{
	display:block;
}
table{
	table-layout: fixed;
}
.highlight{
	background: yellow;
}
div.panel-group{
	margin: 10px 0;
}
.inside-page{
	padding: 2%;
}
/*////////////////////////////////////////
//         END GENERAL STYLE              //
//////////////////////////////////////////*/

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

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border-color: #fff;
}
body .navbar{
	min-height:40px;
}
body .navbar-inverse .navbar-nav>li>a:focus{
	background: gray;
}
body .navbar-inverse .navbar-nav>li>a:hover{
	background: gray;
	text-decoration:underline;
}

.sub-menu li{
	width:100%;
}
section.csi-header section.csi-nav nav.navbar div#navbar{
	width: auto;
    margin: 0 auto;
    text-align: center;
}
section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main{
	display: inline-block;
	list-style: none;
	margin: 0 auto;
}
section.csi-header section.csi-nav nav.navbar div#navbar ul#menu-main>li{
	margin: 0 20px;
	float: left;
}
.csi-header nav ul.dropdown-menu>li{
	width: 100%;
	margin: 0;
}
.csi-header nav ul.dropdown-menu>li a{
	padding: 10px;
	border: none;
}
.csi-header nav ul.dropdown-menu>li a:hover, .csi-header nav ul.dropdown-menu>li a:focus, .csi-header nav ul.dropdown-menu>li a:active{
	text-decoration: underline;
}
.csi-header nav ul.dropdown-menu{
	padding: 0px;	
}
.navbar-inverse .navbar-toggle{
	color: #fff;
}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{
	line-height: 18px;
	border-color: #fff;
}
/*////////////////////////////////////////
//         END MENU STYLE              //
//////////////////////////////////////////*/


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

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

/*////////////////////////////////////////
//         END HEADER STYLE              //
//////////////////////////////////////////*/
/*////////////////////////////////////////
//         HERO STYLE                    //
//////////////////////////////////////////*/
section.csi-hero .tagline{
	bottom: 0;
    right: 10%;
    left: 10%;
    background: rgba(0,0,0,0.5);
    padding: 4% 8%;
}
section.csi-hero .tagline h2{
	color: #fff;
}

/*////////////////////////////////////////
//         END HERO STYLE              //
//////////////////////////////////////////*/
/*////////////////////////////////////////
//         SLIDER STYLE                    //
//////////////////////////////////////////*/
body.home .carousel-fade .carousel-inner .item {
	transition-property: opacity;
}  
body.home .item, body.home .active.left, body.home  .active.right {
	opacity: 0;
}
body.home .active, body.home  .next.left, body.home  .prev.right {
	opacity: 1;
}
body.home .next, body.home .prev, body.home .active.left, body.home .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
}
body.home .carousel-control {
	z-index: 2;
}
/*////////////////////////////////////////
//       END SLIDER STYLE                    //
//////////////////////////////////////////*/
/*////////////////////////////////////////
//         QUICK LINK STYLE              //
//////////////////////////////////////////*/


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


/*////////////////////////////////////////
//            FOOTER STYLE              //
//////////////////////////////////////////*/
.copyright{
	width:100%;
	position:relative;
	float:right;
}
footer .copyright img{
	height: auto;
	width: auto;
}
footer .copyright p{
	margin: 20px 0;
}
body footer{
	padding: 50px 10%;
}
footer div.footer-body{
	padding: 20px 0;
}
footer a:hover img{
	border: 1px solid #000;
	padding: 2px;
	margin: -3px;
}
/*////////////////////////////////////////
//         END FOOTER STYLE              //
//////////////////////////////////////////*/


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



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


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

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

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

 @media (max-width:992px) {
 	.nav-tabs{
 		display:none;
 	}
 }
 
 @media (min-width:992px) {
 	.sub-menu {
 		display: none;
 		position: absolute;
 		background: #222;
 		padding: 10px 15px;
 		width: 200px;
 	}

 	li:hover .sub-menu {
 		display: block;
 	}
     	#navbar li.menu-item-has-children ul.focused.sub-menu{
 		display: block;
 	}
 }
 .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  {
 	color: #fff;
 }

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

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

/*////////////////////////////////////////
//         ACCORDION STYLE             //
//////////////////////////////////////////*/
.panel-default{
	border: none;
}
.panel-default a{
	font-family: "Open sans";
}
.panel-default a:hover, .panel-default a:focus, .panel-default a:active{
	color: #fff;
}
.panel-default .panel-body a:hover, .panel-default .panel-body a:focus, .panel-default .panel-body a:active{
	color: #295593;
}
div.panel-heading{
	background: #1C2E55;
	color: #fff;
	border: 1px solid #dddddd;
    margin-top: 10px;
    padding: 20px;
    display: block;
}
div.panel-heading h3{
	font-size: 1.44rem;
	line-height: 1.5rem;
}
.panel-body{
	background: rgba(255, 255, 255, 0.2);
    border: 1px solid #dddddd !important;
    border-top: none !important;
    border-radius: 0 0 3px 3px;
}
.panel-body .col-md-6 img{
	max-width: 545px;
	width: auto;
	height: auto;	
}
.panel-body img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.panel-body hr{
	border-top: 1px solid #000;
}

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

/*////////////////////////////////////////
//        BUTTON/A STYLE             //
//////////////////////////////////////////*/
.csi-btn{
	background: #1C2E55;
	padding: 20px 30px;
	border-radius: 5px;
}
.csi-btn:hover{
	background: #fff;
	border: #1C2E55 2px solid;
}
div.bankLogin a{
	color: #fff;
}
div.bankLogin a.csi-btn:hover{
	color: #1C2E55;
}


/* USE UNTIL CSI LOGIN
div.bankLogin{
	padding: 35px;
} */

/* USE ONLY FOR CSI LOGIN */

section div.bankLogin form{
	margin-right: -35px;
}
section div.bankLogin form input[type=text], section div.bankLogin form input[type=password] {
	margin-right: 10px;
	margin-left: 0;
	float: left;
}
#McMPassword {
    color: #1C2E55;
    background: #fff;
    border: 1px solid #1C2E55;
   }
section div.bankLogin form input[type=submit]{
	margin-right: 0;
	float: left;
	color: #fff;
	background: #1C2E55;
}
section div.bankLogin form input[type=submit]:hover{
	color: #1C2E55;
	background: #fff;
	border: 1px solid #1C2E55;
}

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

/*////////////////////////////////////////
//        TABLE STYLE                  //
//////////////////////////////////////////*/
table#Fee-Schedule thead tr th:nth-child(1), table#Wire-Transfer thead tr th:nth-child(1){
	width: 85%;
}
	br.mobile-br, p.mobile-table-header{
		display:none;
	}
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		table, thead, tbody, th, td, tr, br.mobile-br { 
			display: block; 
		}
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.table tr td{
			height:100%;
		}
		tr { border: 1px solid #ccc; }
		td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
		}
		br.mobile-br, p.mobile-table-header{
			display:block;
		}

		td p.mobile-table-header { 
			font-weight:bold;
			width: 100%; 
			padding: 5px 10px; 
			white-space: nowrap;
		}
	}


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


/*////////////////////////////////////////
//       PAGE STYLE                  //
//////////////////////////////////////////*/
.standard-section a.accordion-button{
	color: #fff;
	background: #1C2E55;
	border-radius: 2px;
	padding: 20px;
	display: block;
	margin: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	font-size: 1.44rem;
	line-height: 1.5rem;
	font-family: 'Bitter', serif;
}
.standard-section.accordion-buttons p{
	margin: 0;
}
.panel-body img.wp-image-216{
	width: auto;
}
/*////////////////////////////////////////
//       END PAGE STYLE                  //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//       HOME PAGE STYLE                  //
//////////////////////////////////////////*/
.home-page section.home .home-products div.product div.product-text p{
	color: #000;
}
.home-page section.home .home-section{
	padding: 5% 20%;
	background: #2656A7;
	color: #fff;
}
.home-page section.home .home-section h2{
	color: #fff;
	margin-bottom: 20px;
	font-size: 2rem;
}
.home-page section.home .home-section div.col-md-12 p{
	margin-bottom: 30px;
}
.home-page section.home .home-section a{
	padding: 12px 60px;
    border: 1px solid #fff;
    color: #fff;
    background: #2656A7;
    border-radius: 7.5px;
}
.home-page section.home .home-section div.col-md-12 p :nth-child(1) {
    margin-right: 10px;
}
.home-page section.home .carousel-inner .item div.carousel-caption p{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
ol.carousel-indicators{
	bottom: -5px;
}
.home-page section.home .home-products div.product div.product-text{
	min-height: 125px;
}
.home-page section.home .home-products div.product div.product-text h3{
	font-size: 1.25rem;
}
.home-page section.home .home-products div.product div.product-text.text-only{
	margin-top: 0;
	min-height: 360px;
}
.home-page section.home .home-products div.product div.product-text a{
	color: #000;
}
.home-page section.home .home-products div.product div.product-text.text-only h3{
	margin-top: 22.5%;
}
.home-page section.home .carousel-inner .item>img{
	min-height: 500px;
}
div.home-page section.home .carousel-inner .carousel-caption img{
	width: 100%;
	margin: 0;
}
.home-page section.home .carousel-inner .item{
	min-height: 700px;
}
.alert{
	margin-bottom: 0;
}
.carousel-fade .carousel-inner .item{
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -o-transition: -o-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
div.home-page section.home .carousel-inner .item div.carousel-caption{
	padding-bottom: 50px;
}
.carousel-caption a{
	color: #fff;
	background: #1C2E55;
    padding: 20px 30px;
    border-radius: 5px;
}
.carousel-caption a:hover{
	color: #fff;
	background: rgba(0,0,0,0.5);
	border: 1px solid #fff;
}
/*////////////////////////////////////////
//      END HOME PAGE STYLE                  //
//////////////////////////////////////////*/

div.ui-dialog-content h2{
	color: #fff;
}
div.ui-dialog-buttonset button.ui-state-hover, div.ui-dialog-buttonset button.ui-state-focus, div.ui-dialog-buttonset button.ui-state-active{
	background: #1C2E55 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat
}


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

<style type="text/css">
body.page-template-page-calculator #tabs {
display: block;
float: left;
width: 100%;
position:relative;
left:15px;
z-index:1; /*set over .panel*/
}
body.page-template-page-calculator a.tab {
border-collapse: collapse;
border-style: solid solid none solid;
border-color: #2656A7;
border-width: 1px 1px 0px 1px;
padding: 3px 1em 2px 1em;
margin-top: 6px;
margin-right: 2px;
font-family: arial;
text-decoration: none;
float: left;
}
body.page-template-page-calculator a.selectedTab {
padding-top:6px;
margin-top:1px;
color:#000000;
border-width: 3px 1px 1px 1px;
border-bottom: solid 1px white;
background:#FFFFFF;
}
.cTimeValue .panel {
position:relative;
border: solid 1px #2656A7;
background-color: #FFFFFF;
padding: 5px;
height: 310px;
overflow: auto;
display:none;
z-index:0; /*set under #tabs*/
top:-1px;
}
.cTimeValue .selectedPanel {
display: block;
}
.cTimeValue H2, .cTimeValue H3
{
color:black;
}
.cTimeValue li
{
margin-bottom:5px;
}
.calc-body .radio input[type=radio]{ 
	margin-left:-20px;
}
.calc-body .nav a{
    border: 1px solid #1C2E55!important;
}
/*////////////////////////////////////////
//      END CALCULATOR PAGE STYLE           //
//////////////////////////////////////////*/

.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: 12.8px;
	font-weight: 400;
	color: #000;
	justify-content: flex-start;
  line-height: 1.5;
  margin-left: 30px;
}
  
  .fdic-wrapper svg{
	display: flex;
	flex-direction: row;
	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;
	justify-content: center;
	line-height: 1.5;
	margin-right: 10px;
	height: 15.74px;
  }
  
  .fdic-wrapper{
	display: flex;
	height: 48px;
	margin-top: 5px;
	align-items: center;
  }