/*
Theme Name: 0708 Harvard State Bank
Theme URI: http://csibankanytime.com/
Author: CSI ( Steve Bargas | Design | Developer )
Description: Design Pro 3 CSI Banking Theme
Version: 1.3.1
Text Domain: design-pro-3
*/


/* *{ transition: all 0.7s ease; -webkit-transition: all 0.7s ease } */
.hsb-btn{
	background: #c74a4a;
    color: white;
    padding: 15px 30px;
    margin-top: 15px;
    -webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
}
#wpadminbar #wp-admin-bar-wp-logo{
	display:none;
}

html { font-size: 1rem; }
a:hover, a:focus{
	text-decoration:underline;
}
body{
 overflow-x: hidden;
}

.red{ font-color: red; }

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

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

.sub-menu li{
	width:100%;
}


.sub-menu li{
	width:100%;
}

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;
}

.archive-events, .archive-people , .archive-videos{
	padding: 15% 0 5%;
	min-height:600px;
}

.archive-events .button, .archive-people .button, .archive-videos .button, .button{
	border: 1px solid gray;
	border-radius: 20px;
	padding: 10px 5%;
}

/*Code for External Notice to get rid fo word close overlapping the x button */
.ui-dialog-titlebar button{
	overflow:hidden;
}

/*change color of text for button on the external notice yes or no */
.ui-dialog.ui-dialog-buttonpane.ui-dialog-buttonset{
	color: black;
}
/*for for the yes and no hover for external notice*/
.ui-dialog-buttonset button:hover{
	background: black;
	color: white;
}




/* Financial calculator styling overrrides for better compliance */
#tabs a.tab{
	background: black;
}

#tabs a.selectedTab{
	background:white;
}

/* match responsive nav width in media queries */
@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;
}
*/

.sidebar{
	margin-top: 40px;
	color: #444
}

.sidebar h3{
	color: #888;
}
@media (max-width:992px) {
	.nav-tabs{
		display:none;
	}
}

.btn{
	white-space:normal !important;
    word-wrap: break-word; 
}

/* =============================
	My code
	=========================== */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	
body {
  background-color: white;
  font-weight: 400;
  line-height: 1.8;
  color: #525252;
  font-family: 'Open Sans', sans-serif;
}
 
 
/*
	
font-family: 'Noto Serif', serif;
font-family: 'Open Sans', sans-serif;

*/ 

h1, h2, h3, h4, h5, h6{
	font-weight: 200;
	color: #c74a4a;
	font-family: 'Noto Serif', serif;
}


h1, h2, h3, h4 {
	margin: 1.414em 0 0.5rem;
	line-height: 1.2;
}

h1 {
	margin-top: 0;
	font-size: 3.157rem;
}

h2 { font-size: 2.369rem; }

h3 { font-size: 1.777rem; }

h4 { font-size: 1.333rem; }

h5, h6{
	text-transform: uppercase;
	font-size: 1.1rem;
}

p { 
	font-size: 1.2rem;
	margin-bottom: 1.3rem; 
	}
	
ul li,
ul a{
	font-size: 1.1rem;
}

small{ font-size: 0.75rem; }




.csi-header{
	position:absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	/*padding: 45px 0;*/
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}




.csi-logo-ib{
	position: relative;
}

.csi-logo-ib .col-md-3{
	padding-left: 0;
	padding-right: 0;
}

.csi-logo-ib .col-md-7{
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	min-height: 200px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

	.csi-ib{
		background: #c74a4a;
		width: 100%;
		height: 100%;
		display: block;
		padding: 20px 15%;
		text-align: center;
	}
	
		.csi-ib input{
			display: block;
			width: 100%;
		}
		
		

		
		::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #000;
			background: #fff;
		}
		::-moz-placeholder { /* Firefox 19+ */
		  color: #000;
		  background: #fff;
		}
		:-ms-input-placeholder { /* IE 10+ */
		  color: #000;
		  background: #fff;
		}
		:-moz-placeholder { /* Firefox 18- */
		  color: #000;
		  background: #fff;
		  
		}
		
		
		
			.bankLogin input:first-child{
				background: transparent;
				border: 1px solid white;
				color: white;
				text-align: center;
				padding: 8px;
				margin: 12px 0;
			}
			
			
			.bankLogin button, .bankLogin .account-button{
				background: #271d1f;
				color: white;
				border: 0 transparent;
				padding: 10px;
				text-transform: uppercase; 
				width: 100%;
				border-radius: 0;
			}
			.open-account-div{
				width:100%;
				position:relative;
			}
			.open-account-div .account-button{
    display: block;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
				    background: #c74a4a;
    color: white;
    padding: 15px 30px;
    margin-top: 15px;
    -webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
    text-decoration: none;
			}
.open-account-div .account-button:hover, .open-account-div .account-button:focus{
	text-decoration:underline;
}
				.bankLogin button:hover, .bankLogin button:focus, .bankLogin .account-button:hover, .bankLogin .account-button:focus{
					background: #312729 !important; 
				}
			
			
			.bankLogin h4{
				color: white;
				font-size: 1.1rem;
				margin-top: 14px;
			}
			
			
			.csi-ib a,
			.csi-ib span{
				color: white;
				font-size: 0.7rem;
				text-transform: uppercase;
			}
		
		
		
	.csi-logo{
		max-width: 580px;
		margin: 20px auto 0 auto;
		position: relative;
	}
	
		.logo-links{
			width: 100%;
			min-height: 30px;
			border-top:1px solid rgba(255, 255, 255, 0.2);
			text-align: center;
			bottom: 0;
			
		}
		
			.logo-links,
			.logo-links a{
				color: #fafafa;
				font-size: 1rem;
			}
			
			.logo-links ul{
				margin-top: 10px;
			}
	
	
	button:focus,
	.btn-link:focus,
	.btn-link:hover,{
		color: transparent !important;
		outline: none !important;
		
	}
	
	input:focus, textarea:focus {
   // outline: none;
}
	
	button.csi-hamburger{
		/*max-width: 50px;*/
		margin-top: 15px;
		left: 50%;
		margin-left: -25px;
		text-align: center;
		position: absolute;
	}
	
		button.csi-hamburger p{
			color: #fafafa ;
		}
	
		.stick-container {
			width: 50px;
			height: auto;
			cursor: pointer;
			margin: 60px auto 0 auto;
			display:block;
		}
		
		.stick {
			display:block;
			max-width: 80px;
			height: 5px;
			border-radius: 7px;
			margin-bottom: 10px;
			background-color:  #c74a4a;
			transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			/*display: inline-block;*/
		}
		
			button:hover .stick-container .stick{
				background-color: white;
			}
		

		.stick:first-child,
		.stick:last-child {
			max-width: 35px;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		button:hover .stick-container .stick:first-child,
		button:hover .stick-container .stick:last-child{
			max-width: 100%;
		}
		


.carousel{
	position: relative;
	z-index: 0;
}

.carousel-fade .carousel-inner .item{
	min-height: 850px;
}


.carousel-inner>.item.active:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background-image: linear-gradient(to bottom right, #002f4b, #dc4225);*/
 background: rgba(0, 0, 0, 0.5);
}



.carousel-caption {
    position: relative;
    right: 0;
    /* bottom: 20px; */
    left: 0;
    z-index: 9999;
    /* padding-top: 20px; */
    padding-bottom: 20px;
    color: #fff;
     text-align: left; 
    text-shadow: none;
	margin-top: 300px;
}


	.carousel-caption h1{
		color: #fff;
		font-size: 4rem;
		font-weight: 800;
	}
	
	.carousel-caption p{
		margin: 15px 0 50px 0;
	}


	.carousel-caption a{
		background: #c74a4a;
		color: white;
		padding: 15px 30px;
		margin-top: 15px;
		-webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		text-decoration: none;
	}


	.carousel-control{
		position: relative;
		
	}
	
	.control-buttons-box{
		width: 60px;
		height: 60px;
		background: rgba(0, 0, 0, 0.81);
		position: absolute;
		border-radius: 6px;
		z-index: 99999999;
		right: 50px;
		bottom: 150px;
	}
	
	.carousel-indicators{
		display: none;
	}
	
	span.glyphicon.glyphicon-chevron-right {
    	right: -48px;
		top: 32px;
	}

	span.glyphicon.glyphicon-chevron-left {
    	top: 16px;
		left: 13px;
	}

.section-two-image{
	min-height: 700px;
}


.csi-home-section-02{
	   border-top: 1px solid rgba(97, 76, 65, 0.56);
	   border-bottom: 1px solid rgba(97, 76, 65, 0.56);
}

	.csi-home-section-02 .right-card{
		background: #fff;
		margin-top: -60px;
		position: relative;
		padding: 8%;

	}
	
	
	.csi-home-section-02 .right-card a{
		background: #c74a4a;
		color: white;
		padding: 15px 30px;
		margin-top: 15px;
		-webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
	}
	
	
	
.csi-home-section-03{
	position: relative;
	padding: 260px 0;
}

.csi-home-page > .csi-home-section-03:before {
  content: " ";
  z-index: 0;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}


	.csi-home-section-03 h2,
	.csi-home-section-03 p,
	.csi-home-section-03 a{
		color: #fff;
	}
	
	.csi-home-section-03 a{
		background: #c74a4a;
		color: white;
		padding: 15px 30px;
		margin-top: 15px;
		-webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
	}
	
	
.csi-home-section-04{
	padding: 60px 0 140px 0;
}

	.csi-home-section-04 a{
		   background: #c74a4a;
		   color: white;
		   padding: 15px 30px;
		   margin-top: 15px;
		   -webkit-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		   -moz-box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		   box-shadow: 10px 22px 58px 0px rgba(0,0,0,0.75);
		   display: inline-block;
	}
	
.hidden-alt{
	position:absolute;
	left:-9999px;
}


footer{
	background: #c74a4a;
	padding: 45px;
}


	footer .bank_logo{
		float: left;
	}
	
	footer  p,
	footer  a{
		color: white;
		font-size: 0.9rem;
		margin-top: 20px;
		text-align: center;
		font-weight: 600;
	}
	
	footer a:hover{
		color: rgba(255, 255, 255, 0.7);
	}
	
		footer .bank_logo img{
		}
	
	footer .fdic_img{
		float: right;
	}
	
		footer .fdic_img img{
			max-width: 100px;
		}
		
	footer hr{
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	}





/* FULL SCREEN MODAL STYLES
	-------------------------------------------------- */
	
	
	
.modal-body{
	text-align: left;
	padding: 0;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto; 
    z-index: 1050;
    right: 0;
    width: 600px;
    max-width: 600px;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-header{
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 9999;
}

button.close{
	opacity: 0.8;
}



.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

	.modal-backdrop{
		position: relative;
	}
	
	.fullscreen .modal-dialog {
		position: relative;
		z-index: 30;
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0;
		color: #333;
	}

	.fullscreen .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		color: #333;
		background: rgba(0, 0, 0, 0.95);
		overflow:auto;
	}

	.fullscreen .modal-body ul {
		padding: 60px 0 0 0;
	}

	.fullscreen .modal-body li {
		padding: 10px 0 10px 0 ;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}

	.fullscreen .modal-body a {
		color: #fff;
		font-size: 1.4rem;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}
	
	
		.fullscreen .nav>li>a:focus,
		.nav>li>a:hover{
			background-color: transparent;
			color: #c74a4a;
			font-size: 1.5rem;

		}
		
		
	.home-icon{
		width: 28px;
		height: 28px;
		background: green;
	}
	
	
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
		background: transparent;
	}
	
	
	/* dropdown backgrounds */
		.dropdown-menu{
			background-color: transparent;
			font-size: 2rem;
			box-shadow: none;
			border-radius: 0;
			border: 0 none transparent;

		}
		
		
		.navbar-nav.sm-collapsible .caret,
		.navbar-nav.sm-collapsible ul .caret{
			        width: 28px;
					height: 28px;
					position: static;
					float: right;
					font-size: 1.3rem;
					/* background: #c74a4a; */
					border-radius: 50px;
					border-color: transparent;
					color: #c74a4a;
					/* padding-top: 2px; */
		}
		
		
			

			.navbar-nav.sm-collapsible .caret .caret,
			.navbar-nav.sm-collapsible ul .caret {
				margin-top: 1px !important;
			}
			
		.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
			color: #c74a4a;
		}
		
		
		.navbar-nav .dropdown-menu > li > a{
			    background-color: transparent !important;
				text-align: left;
				padding-left: 45px;
				
				color: #fff;
				/*text-transform: uppercase;
				font-weight: 600;
				letter-spacing: .09em;*/
				font-size: 1.2rem;
		}
		

		.navbar-nav .dropdown-menu > li > a:hover,
		.navbar-nav .dropdown-menu > li > a:active,
		.navbar-nav .dropdown-menu > li > a:focus
		{
			color: #c74a4a !important;
		}
		
		
			
	
		.navbar-nav.sm-collapsible a[href*="personal"],
		.navbar-nav.sm-collapsible a[href*="business"],
		.navbar-nav.sm-collapsible a[href*="loans"],
		.navbar-nav.sm-collapsible a[href*="convenient-services"],
		.navbar-nav.sm-collapsible a[href*="check-us-out"]{
			color: white;
			font-size: 1.4rem;
			font-weight: 300;
			letter-spacing: 0;
			text-transform: none;
		}
		
		
		.fullscreen .modal-body ul ul {
			padding: 15px;
			margin-top: 10px;
		}
		
		
			.fullscreen .modal-body ul ul ul{
				background: transparent;
			}
			
			.fullscreen .modal-body ul ul ul a {
				font-size: 1.1rem;
				font-style: italic;
				padding-left: 70px !important;
			}
		

	.fullscreen .modal-body ul ul{
		background: rgba(255, 255, 255, 0.05);
		border-radius: 0;
	}
	

	
	.fullscreen .nav>li{
		border-bottom: 1px solid rgba(255, 255, 255, 0);
		border-top: 1px solid rgba(255, 255, 255, 0);
	}
	
	
	.fullscreen .nav>li:hover{
		background-color: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
/*
	@media (max-width: 480px){
		.fullscreen .modal-body ul {
			padding: 30px 0 0 0;
			overflow: auto;
		}

		.fullscreen .modal-body li {
			padding: 4px 0 4px 0 ;
		}

		.fullscreen .modal-body a {
			color: #333;
			font-size: 200%;
			text-transform: uppercase;
			font-weight: 700;
		}
	}
*/


/* inside pages -*/


.breadcrumbs a{
	font-size: 1rem;
	
}

.inside-pages .csi-hero{
	width: 100%;
	min-height: 600px;
	background: #1d1d1d;
}

.inside-pages h1,
.inside-pages h2,
.inside-pages h3,
.inside-pages h4{
	font-weight: bold;
	
}

.inside-pages .tagline {
    margin-top: 350px;
    margin-left: 100px;
}

	.inside-pages .tagline h2{
		color: white;
		font-size: 3vw;
	}
	
		.inside-pages .tagline p{
		color: white;
	}

	

.inside-pages .client-content{
	background: whitesmoke;
	padding: 120px 0;
}

.inside-pages .container-csi{
	max-width: 1600px;
	margin: 0 auto;
}

.inside-pages hr{
	border-top: 4px solid #eee;
}

.inside-pages p{
	/*font-size: 1rem;*/
}

	.inside-pages  p > strong {
    	color: #a23c3c;
		font-size: 1.2rem;
	}
.inside-pages ul li,
.inside-pages ul a {
   /* font-size: 1rem;*/
}

table{
	font-size: 1rem;
}

	td:first-child{
		font-weight: bold;
	}

.table>tbody>tr>td{
	padding: 50px;
}


.account_deets .row {
    border-bottom: 1px solid #eaeaea;
}

.account-sections{
	padding: 60px 0;
}

.paper-section {
    padding: 5%;
    border-radius: 6px;
    /* border: 1px solid black; */
    -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.3);
	box-shadow: 0 20px 35px rgba(0, 0, 0, 0.3);
	background: #fff;
}

.account-titles p{
	font-size: 1.2rem;
}

.page-id-325 .two_col_section{
	border-bottom: 4px solid #eee;
	padding: 45px;
}


.link-landing-page .btn-csi{
	min-height: 200px;
	background: #c74a4a;
	color: #fff;
	border: 0 none transparent;
	margin-bottom: 30px;
	padding-top:85px;
}
	.link-landing-page .btn-csi a{
		color: #fff;
	}