/* ## Banner Effects Slideshow ## */
/* 
powered by Cycle2 - http://jquery.malsup.com/cycle2/
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/

.bannerEffects .slideItem { display:block; width:100%; }
.bannerEffects .slideItem img { width:100% !important; display:block; position:absolute; top:0; left:0; padding: 0; }

/* in case script does not load */
.bannerEffects img:first-child { position: static; z-index: 100; }


/* pager */
.bannerEffects .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden; }
.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family: arial; font-size: 50px; line-height:16px; cursor: pointer; }
.bannerEffects .cycle-pager span.cycle-pager-active { color:#D69746; }
.bannerEffects .cycle-pager > * { cursor: pointer; }

.bannerEffects .cycle-pager-number span { width:auto; height:auto; padding:0 3px; font-size:1em; }

.bannerEffects .cycle-pager-image span { width:50px; height:auto; margin:0 7px; font-size:1em; }
.bannerEffects .cycle-pager-image span img { border:2px solid #fff; }
.bannerEffects .cycle-pager-image span.cycle-pager-active img { border-color:#D69746; }

.bannerEffects .cycle-pager-text span { width:auto; height:auto; padding:0 3px; font-size:1em; }


/* text overlay */
.bannerEffects .cycle-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:#fff;
    background:#3F3F3F;
    opacity:0.75;
    z-index:101;
}

/*  Slick banners  for Home page*/


.featured-carousel{margin: 0 20px;}
.featured-carousel .slick-slide{ padding: 0 15px; }
.featured-carousel .slick-slide a{display: block; text-decoration: none; color: #113363; }
/* .featured-carousel .slick-slide img{width: 300px!important; height: 200px!important;} */
.featured-carousel .slick-arrow {position:absolute; top:10px; z-index:10; outline: none;}
.featured-carousel .slick-prev {
    width: 40px;
    height: 40px;
    color: transparent;
    text-indent: -99999px;
    border: none;
    background: transparent;
    top: -15%;
    left: -20px;
    bottom: 0;
    margin: auto;

}
.featured-carousel .slick-next {
    width: 40px;
    height: 40px;
    color: transparent;
    text-indent: -99999px;
    border: none;
    background: transparent;
    top: -15%;
    right: -20px;
    bottom: 0;
    margin: auto;
}


.featured-carousel .slick-prev:after {
		  content: " ";
    width: 30px;
    height: 30px;
    z-index: 11;
    top: 5px;
    left: 5px;
    position: absolute;
    transform: rotate(45deg);
    border-left: 5px solid #113363;
    border-bottom: 5px solid #113363;
	}
	.featured-carousel .slick-next:after {
		content: " ";
		width: 30px;
  height: 30px;
		z-index: 11;
		top: 5px;
		right: 5px;
		position: absolute;
		transform: rotate(-45deg);
		border-right: 5px solid #113363;
		border-bottom: 5px solid #113363;
	}


	.featured-carousel .featured-item .featured-image h2{font-size: 1em; display: none;}
	.featured-carousel .featured-item .headline h2{font-size: 1.5em;}
	.featured-carousel .featured-item .headline{padding: 20px 0;}
	.featured-salaries a.view-more,
	.featured-maps a.view-more,
	.featured-reports a.view-more,
	.featured-charts a.view-more{position: absolute; bottom: 20px; display: block; text-align: center; width: 100%;}
    .featured-carousel .slick-arrow.slick-disabled{display: none!important;}
@media only screen and (min-width:48em){

 .featured-salaries a.view-more,
 .featured-maps a.view-more,
 .featured-reports a.view-more,
 .featured-charts a.view-more{display: inline-block; float: right; position: relative; width: auto; bottom: 0;}
 .featured-carousel .featured-item .featured-image h2{font-size: 1em; display: none;}

}