/*
 Theme Name:     ECU
 Theme URI:      
 Description:    Based on Divi from elegant themes. KeeleSoft team will design and develop your next world class responsive web project. Our SEO experts will help you ensure your web site is thriving online. Our expert development team will help you convert complex business needs to implementation. Our expertise in a wider area will put us in a unique position to deliver an interactive corporate style web product that works brilliantly for your business. Get in touch with us to discuss your next web solution.
 Author:         BirdinkWeb
 Author URI:     http://keelesoft.com
 Template:       Divi
 Version:        2.0.2.1
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
body {
	background-color: #e9eaec;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header, 
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
	top: 0 !important;
}


/* ---------------------------------------------------------------------- */
/*  Header Styling | logo, navigation, slider caption, control etc...
/* ---------------------------------------------------------------------- */


.et_fixed_nav #top-header {
	position: relative;
}

/* Top Menu Styling */
#top-menu-nav #top-menu li { position: relative; }
#top-menu-nav #top-menu li:before { 
	width: 2px; height: 15px; 
	background-color: #fff; 
	position: absolute;
	content: " ";
	left: -15px;
}

#top-menu-nav #top-menu li:first-child:before { display: none; }

#top-menu-nav #top-menu li a { font-weight: 500; }

#et-secondary-menu { float: none; padding-bottom: 0.8rem; position: relative;}
#et-secondary-menu:before {
	position: absolute;
	content: "";
	width: 98.55%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -6px;
	height: 1px;
	background-color: rgba(0,0,0,0.18);
}

#et-secondary-menu:after {
	position: absolute;
	content: "";
	width: 98.55%;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 6px;
	height: 1px;
	background-color: rgba(0,0,0,0.18);
}
/* Secondary menu alignment */
#et-info {
float: none !important;
text-align: center;
}
#et-secondary-menu ul { width: 100%; text-align: center; }
#et-secondary-menu ul li { display: inline-block; margin: 0; width: 175px; text-align: center; }
#et-secondary-menu ul li { background-color: #37236a; }
#et-secondary-menu ul li a { padding: 1rem 0.5rem; }
	/* Sub Menu styles */
	#et-secondary-menu ul li ul { background: rgba(17,11,33,0.85); left: 0; width: 350px; padding: 0;}
	#et-secondary-menu ul li ul li { background-color: transparent; display: block; width: auto; text-align: left; padding: 0; }
	#et-secondary-menu ul li ul li a { display: block; padding: 1rem 2rem; text-transform: none; font-size: 18px; font-weight: 300;}
	#et-secondary-menu ul li ul li a:hover { background: rgba(23,15,44,0.85); }
	/*#top-menu .menu-item-has-children > a:first-child::after*/
	#et-secondary-nav .menu-item-has-children > a:first-child::after {
		content: "";
		width: 21px;
		height: 11px;
		background: url('images/arrow-down.png') no-repeat;
		top: 38%;
		right: 1.2rem;
	}


/*	ECU Slider styling	*/

.ecu-slider .et_pb_slides .et_pb_slide {
	padding-bottom: 15%;
}

.ecu-slider .et-pb-controllers {
	right: 0;
	width: 80%;
	max-width: 1160px;
	bottom: 40%;
	margin: 0 auto;
}
	
	.ecu-slider .et-pb-controllers a {
		position: relative;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		border: 5px solid #ffffff;
	}
		.ecu-slider .et-pb-controllers a:after {
			position: absolute;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			left: 0;
			right: 0;
			content: " ";
			background-color: #fff; 
		}
	
	.ecu-slider .et-pb-controllers a.et-pb-active-control:after {		
		background-color: #37236a; 
	}

/* Footer menu */
#main-footer #footer-widgets { padding-top: 1%; }
#main-footer #footer-widgets .footer-widget h4 { font-weight: 600; text-decoration: underline; }
#main-footer #footer-widgets .footer-widget ul li { padding-left: 0; line-height: 1.22rem; }
#main-footer #footer-widgets .footer-widget ul li:before { display: none; }
#main-footer #footer-widgets .footer-widget ul li a { font-weight: 300; }

/* Footer Section FSCS */
.ecupra-wrapper { background: #170f2c; }

/* CMS page uneven footer style */
.ecu-mt_0 .ecu-ueven-footer { margin-top: 0; background: rgba(255,255,255,1); }

/* ECU CMS page content */
.ecu-featured-content {
	position: relative;
	/*background: rgba(255,255,255,0.05);*/
	background: rgba(0,0,0,0.35);
} 
.ecu-featured-image { 
	width: 100%; 
	min-height: 650px; 
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	opacity: 0.85;
}

.ecu-featured-content.blog .ecu-featured-image { min-height: 450px; }

.ecu-featured-content.blog  { position: relative; }
.ecu-featured-content.blog  .ecu-blog-title { 
	position: absolute;
	z-index: 1000;
	top: 80%;
	left: 0;
	width: 80%;
	max-width: 1170px;
	margin: 0 auto;
	right: 0;
}

.ecu-featured-content.blog  .ecu-blog-title h1 {
	font-size: 70px;
	font-weight: 700;
	color: rgba(255,255,255,0.12);
	letter-spacing: -0.65rem;
	display: inline-block;
	background: rgba(0,0,0,0.3);
	padding: 0 1.5rem 0 0.5rem;
}

	.ecu-featured-content:after {
		position: absolute;
		width: 100%;
		height: 100%;
		content: " ";
		background: rgba(24,16,47,0.55);
		left: 0;
		top: 0;
	}

	.ecu-fimg-title {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		display: inline-block;
		bottom: 10px;
		max-width: 1170px;
		z-index: 10;
	}

	.ecu-fimg-title h1 {	
		font-weight: 700;	
		color: #babdf2;
		font-size: 36px;
		letter-spacing: 1px;
	}

.container.ecu-pContent {
	padding-top: 3%!important;
}

.ecu-pContent #left-area {
	padding-bottom: 0;
}

.ecu-sidemenu-mobile .et_pb_widget.widget_nav_menu {
	width: 100%!important;
	margin: 0!important;
	padding-top: 10%!important;
}

/*.ecu-sidebar-setfixed { position: fixed; top: 650px; }*/
.ecu-sidebar-setfixed .et_pb_widget.widget_nav_menu {  }

.ecu-sidebar-setfixed .et_pb_widget.widget_nav_menu .widgettitle,
.ecu-sidemenu-mobile .et_pb_widget.widget_nav_menu .widgettitle {
	font-size: 18px;
	font-weight: 600;
}

.ecu-pContent .et_pb_section_first {
	padding-top: 3%!important;
}

.ecu-pContent .main_title { margin-bottom: 0; }


/* Archive Styles */
.container.archive {
	padding-top: 6% !important;
}

.container.archive #sidebar { 
	border-right: 1px solid rgba(0,0,0,.1);
}

.container.archive #sidebar h4.widgettitle { 
	font-size: 18px;
	color: #000;
}

.container.archive #sidebar ul li a {
	font-weight: 300;
	color: #666;
	font-size: 16px;
}

.container.archive #sidebar ul li a:hover
{
	color: #37236a;
}

.archive .arcats .column article {
	background-color: #f5f5f5;
	padding: 19px;
	border: 1px solid #d8d8d8;
	word-wrap: break-word;
}

.archive .arcats .column article h2 {
	padding-bottom: 10px;
	color: #333;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.5px !important;
	line-height: 1.2em !important;
}

.container.archive #sidebar .et_pb_widget {
	float: left;
	max-width: 100%;
}

.archive .arcats .column article,
.archive .arcats .column article p {
	font-weight: 200;
	color: #333333 !important;
	font-size: 18px;
}

.ecublg a.more-link,
.archive .arcats a.more-link {
	font-size: 14px;
	text-transform: capitalize;
	color: #f9f9f9;
	font-weight: 500;
	margin-top: 0.8rem;
	display: inline-block;
	padding: 0.2rem 0.8rem;
	background: rgba(0,0,0,0.2);
}

.ecublg a.more-link:hover,
.archive .arcats a.more-link:hover {
	color: #000;
}

.arcats .et_pb_image_container {
	position: relative;
}

.arcats .et_pb_image_container .et_overlay {
	background-color: rgba(0,0,0,0.5);
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid #e5e5e5;
	opacity: 0;	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.arcats article:hover .et_pb_image_container .et_overlay {
	z-index: 1;
	opacity: 1;
}

.arcats .et_pb_image_container .et_overlay::before {
    position: absolute;
    top: 55%;
    left: 50%;
    margin: -16px 0 0 -16px;
    font-size: 32px;
    content: "\e050";
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.arcats .et_overlay.et_pb_inline_icon::before, 
.arcats .et_pb_inline_icon::before {
    content: attr(data-icon);
    color: #fff;
}


/* ECU Single Post style */
.arcats.ecu-post article h1 {
	font-weight: 600;
	font-size: 24px;
}

.arcats.ecu-post article .post-meta {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}

.arcats.ecu-post article .entry-content p {
	font-size: 16px;
	font-weight: 300;
}

.arcats.ecu-post article .entry-content p a:hover,
.arcats.ecu-post article .entry-content span a:hover,
.arcats.ecu-post article .entry-content a:hover {
	color: #37236a;
}


/*.ecu-mt_0.ecu-gradient .ecu-ueven-footer {
    background-image: linear-gradient(5deg,#170f2c 66%,rgba(255,255,255,0) 0%) !important;
    background-color: transparent!important;
}*/

/* Responsive Styles Tablet Portrait And Below */
@media (min-width: 768px) and (max-width: 77rem) { 
	#et-secondary-menu ul li a { font-size: 18px; }
	#et-secondary-nav .menu-item-has-children > a:first-child::after { right: 0.7rem; }
	.ecu-slider .et-pb-controllers { bottom: 28%; }
}

@media (min-width: 0px) and (max-width: 980px) {
	.ecu-feedBar { background-image: none !important; }
	.container.archive #sidebar { border-right: 0 none; }
	
	.container.archive #sidebar .et_pb_widget:nth-child(n) {
		width: 46.25% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}

	.container.archive .arcats  {
		clear: both;
	}

	.container.archive #sidebar .et_pb_widget:nth-child(2n) {
		margin-right: 0!important;
	}

	.ecu-featured-content.blog .ecu-blog-title { top:50%; }
	.ecu-featured-content.blog .ecu-blog-title h1 { font-size: 50px; letter-spacing: -0.2rem; }
}

@media (min-width: 980px) and (max-width: 1200px) {
	.ecu-feedBar { background-size: 150% auto !important; }
}

@media (min-width: 981px){
	.ecu-fWidth {
	    width: 100%!important;
	    float: none !important;
	    padding-right: 0!important; 
	}
	#main-content .container:before {background: none;}

	/* Archive page style for desktop */
	.archive .arcats .column {
		float: left;
		max-width: 100%;
	}

	.archive .arcats .column.size-1of2 {
		width: 46.265%;
		margin-right: 7.47%;
	}

	.archive .arcats .column.size-1of2:nth-child(2n), 
	.archive .arcats .column.size-1of3:nth-child(3n) {
		margin-right: 0 !important;
	}
}

@media (min-width: 0px) and (max-width: 520px) {
	.ecu-featured-image { min-height: 400px; background-attachment: inherit; background-size: cover;}
}

/* ---------------------------------------------------------------------- */
  /*  Loan page styling: Loan Calculator
  /* ---------------------------------------------------------------------- */
  .accrue-field-rate
  {
    display: none;
  }

  .loan-calc h1
  {
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    margin-top: 10px;
    background-color: #f0f0f0;
  }

  .loan-calc .loan-cards.type
  {
    margin-bottom: 5px;
  }

  .slider-input .minus,
  .slider-input .plus
  {
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }

  .slider-input .minus:hover,
  .slider-input .plus:hover
  {
    background: #37236a;
  }

  .slider-input .plus
  {
    float: right;
  }

  .slider-input .minus span,
  .slider-input .plus span
  {
    line-height: 28px;
    color: #170f2c;
    font-size: 18px;
    -moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
  }

  .slider-input .minus:hover span,
  .slider-input .plus:hover span
  {
    color: #ffffff;
  }

  .eslideramnt {
  	margin-top: 0.2rem;
  	margin-bottom: 0.5rem;
  }

  .eslideramnt input {
  	width: 100%;
  	padding: 0.65rem;
  	font-size: 14px;
  }

  .loan-cards.type .ecu-button .ltitle
  {
    color: #f9f9f9;
    background-color: rgba(23,15,44,0.75);
    padding: 0.8rem;
    margin-bottom: 0.5rem;
  }

  .loan-cards.type .ecu-button p {
  	padding-bottom: 0;
  }

  .loan-cards.type .ecu-button .loanstat
  {
    font-size: 16px;
    color: #000;
    border-bottom: 1px dashed #b2b2b2;
  }

  .loan-cards.type .ecu-button .loanstat strong
  {
    display: inline-block;
    width: 72%;
    font-weight: 600;
    color: #333;
  }

  .loan-cards.type .ecu-button .loanstat small
  {
    font-size: 14px;
    display: inline-block;
    text-align: right;
    width: 26%;
  }