/* ## 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;
}

.banner-hero-wrpr {position:relative; display:block;}
.banner-hero-wrpr.stiching-black-pseudo-after::after {position:absolute; left: 0; right: 0; bottom:-10px; height:20px; z-index:4;}

.banner-hero {display:block; position:relative; z-index:3; margin:0 auto; overflow:hidden; background-color:#000000;}
.banner-hero .banner-image {position:relative; display:block; width:100%; max-width:100%; margin:0 auto; overflow:hidden;}
.banner-hero .banner-image img {display:block; width:100% !important;}
.banner-hero .banner-caption {
    display:block;
    padding:20px;
    z-index:1;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:-2px;
    transform:translateY(0%);
    transition:transform 200ms ease;
}

.banner-hero .banner-caption-mod {display:inline-block; font-size:30px; transition:font-size 200ms ease;}
.banner-hero .caption-primary {font-family:"liberator"; font-size:1em; line-height:1em;}
.banner-hero .caption-secondary {font-family:"liberator"; font-size:1.6em; line-height:1em;}

.banner-hero .caption-cta {margin:0; letter-spacing:0; line-height:0.2em;}
.banner-hero .caption-cta a {padding:10px 20px; font-size:15px; border-radius:10px; border:2px solid rgba(255,255,255,0); transition:all 200ms ease;}
.banner-hero .caption-cta a:hover,
.banner-hero .caption-cta a:focus {border:2px solid rgba(255,255,255,1);}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em) {

    .banner-hero .banner-caption {
        position:absolute;
        left:0; right:0; top:50%; bottom:auto;
        margin-left:10%; margin-right:10%;
        transform:translateY(-50%);
    }

    .banner-hero .caption-primary.stiching-white-pseudo-before::before {position:absolute; height:20px; top:25%; right:99%; width:1000%;}
    .banner-hero .caption-secondary.stiching-white-pseudo-after::after {position:absolute; height:20px; top:32%; left:99%; width:1000%;}

    .banner-hero .banner-caption-mod { }
    .banner-hero .caption-cta a {padding:20px 50px; border-radius:20px; font-size:16px;}

	.wistia_responsive_padding {
        position:absolute;
        left:0; 
		top:50%;
        transform:translateY(-50%);
	}
}

@media only screen and (min-width:64em) {
	.banner-hero .banner-caption-mod {font-size:50px;}
}

/* 16px baseline (1280px +) */
@media only screen and (min-width:80em) {

    .banner-hero .banner-caption-mod {font-size:80px;}
    .banner-hero .caption-primary.stiching-white-pseudo-before::before {top:35%;}
    .banner-hero .caption-secondary.stiching-white-pseudo-after::after {top:38%;}

}

/* 16px baseline (1440px +) */
@media only screen and (min-width:90em) {
   
}