/****************************************************/
/*************** Landing pages styles ***************/
/****************************************************/

.col-66percent.maincol .alert {
	margin-top:20px;
}
.col-66percent.maincol .panel:first-child {
	margin-top:20px;
}
.combo-nav-landing {
	margin-bottom:15px;
}

.page-header h1 {
	margin-top:15px !important;
}  


/*** topbanner wide image styles ***/
.wide-image-banner img {
	width: 100%;
	max-width: 1280px;
}
@media (max-width: 859px) {   /* moved from customnav bar to flexslider as 2 styles only apply to pages with flexslider  */
#topbanner .flexslider {
		margin-top:0px;
	}
.navtop {
		margin-bottom:0px;
	}
}


/*** topbanner narrow image styles - single image, slideshow, video ***/
#topbanner { 
	margin-top: 8.4em;
	border-top: 0;
	display: inline-block; 
}

section.landingpage #topbanner .flexslider {
    margin-right: -20px;
    margin-left: -20px;
	margin-top: -10px;
}
#topbanner .flexslider.single {
	margin-bottom:0px;
} 
#topbanner .flexslider.single .slides > li {
	display: block;
}
#topbanner .flexslider .slide-item img {
    width: 100%;
    height: auto;
}
section.landingpage #topbanner .flexslider .slide-item-caption {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #1a3e68;
}
section.landingpage .slide-item-caption h1 {
    font-size: 1.375em;
    line-height: 1.3em;
    letter-spacing: .015em;
    font-weight: 300 !important;
    color: #fff;
    text-decoration: none;
    margin: 0;
    padding: 15px 20px;
}

.slide-item-caption h1:hover, .slide-item-caption a:hover {
	text-decoration:underline;
	color:#fff;
} 

.flexslider li .slide-item .overlay {
    width: 30%;
    height: 45%;
    position: absolute;
    top: 35%;
    left: 45%;
}

.slide-item:hover .overlay, 
.slide-item:focus .overlay {
    opacity: 1;
	}
	

@media (min-width:860px) {
	.sidebar.col-33percent {
		margin-top:10em;
	} 

	.landingpage.wide .sidebar.col-33percent {
		margin-top:1.25em;
	} 

	.sidebar.col-25percent-sm,
	.leftcol.col-25percent-sm,
	.maincol.col-50percent-sm  {
		margin-top:1.25em;
	}

	#topbanner .flexslider {
		margin-right:-20px; 
		border-top:0px;
	}

	.combo-nav-landing #topbanner .flexslider {
		margin-right:-20px;
		margin-left:0px; 
	}

	#topbanner .flexslider .slide-item img {
		margin-left:0px;
	    width: 100%;
	    height: auto;
	}

	/* Left nav landing page styles */
	.landingpage .leftcol.col-25percent-sm { 
		min-height:330px;
		margin-top:20px;
	}
	.left-nav-landing #topbanner {
		display:block;
	}

	.left-nav-landing #topbanner .flexslider {
		float:right;
		margin-top:0px;
		margin-right:0px;
	}
}

@media (min-width:860px) and (max-width:991px) {
	.left-nav-landing #topbanner .flexslider {
		width:69.5%;
	}
}

@media (min-width:992px) {
	section.landingpage #topbanner .flexslider {
		margin-right:0px; 
	}
	.left-nav-landing #topbanner .flexslider {
		width:74%;
	}
}

@media (max-width:859px) {
	.left-nav-landing #topbanner {
		margin-top:41px; 
	}

	.left-nav-landing #topbanner .flexslider {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 767px) {
    section.landingpage #topbanner .flexslider .slide-item-caption {
        position: absolute;
        width: 60%;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 40, 85, 0.95);
        margin-bottom: 40px;
        right: unset;
    }
	section.landingpage .combo-nav-landing #topbanner .flexslider .slide-item-caption {
    	left: unset;
		right: 0;
	}
    section.landingpage .slide-item-caption h1 {
        padding: 18px 20px 20px 30px;
        text-shadow: none;
        margin-bottom: 0;
    }
}


/* Combo Nav -- Marquee on right -- Adjustments */
section.landingpage .combo-nav-landing #topbanner .flexslider {
    margin-right: -20px;
    margin-left: -20px;
}

@media (min-width:992px) {
    section.landingpage .combo-nav-landing #topbanner .flexslider {
        margin-left: 0px;
    }
}