
.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;}
.hero-banner .banner-wrapper{position: relative;}
.hero-banner .banner-item{height: 150px; background-size: cover; background-repeat: no-repeat; background-position: left;}
.hero-banner .banner-overlay{background: #BA2231; padding: 20px 20px 65px 20px;}
.hero-banner .banner-overlay h1{color:#ffffff; font-size: 1.5em; margin-top: 0;}
.hero-banner .banner-overlay a{display: block; font-size: .9em;}
/* Hero Home Banner */
.hero-banner .slick-controls{position: relative; top: 40px;}
.hero-banner .slick-arrow{background:none;}
.hero-banner .slick-arrow:before{border-color: #fff;}
.hero-banner .slick-prev,
.hero-banner .slick-next{position: absolute; top: 10px; z-index: 999}

.hero-banner .slick-navigation{position:absolute; top: 15px; width: 100%;}
.hero-banner .slick-dots{position: absolute; left: 0; right: 0; text-align: center; bottom: 25px; margin:0 auto;}
.hero-banner .slick-dots li.slick-active button{background: #7E000C;}
.hero-banner .slick-dots li button{background: transparent;}


@media only screen and (min-width: 35em){
		.hero-banner .banner-item{height: 250px;}
		.hero-banner .banner-overlay a{font-size: 1.1em}
}


@media only screen and (min-width: 48em){
		.hero-banner .banner-item{height: 350px; background-position: center;}
		.hero-banner .banner-overlay{position: absolute; right: 5%; max-width: 25em; padding: 40px 40px 60px; top: 10%;}
}

@media only screen and (min-width: 60em){
		.hero-banner .slick-dots{text-align: center;}
}

@media only screen and (min-width: 84em){
		.hero-banner .banner-item{height: 610px;} 
		.hero-banner .banner-overlay{ max-width: 39em; padding:80px 80px 150px;}
		.hero-banner .banner-overlay a{display: inline-block;}
		.hero-banner .banner-overlay h1{font-size: 2.25em; line-height: 1.5em;}
		.hero-banner .banner-overlay .btn{ padding: 10px 50px; }
		.hero-banner .slick-controls{top: -40px;}
		.hero-banner .slick-navigation{position:absolute; top: 120px;}
}

