@charset "utf-8";
/* CSS Document */

body {background:none; color:#fff; height:100%;}

.layer01, .layer02, .layer03, .layer04, .layer05, .layer06 {
	position:relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
	padding:0px;
	margin:0px;
	min-height:100vh;
	}

.filter {position:absolute; top:0; bottom:0; left:0; right:0;}
.filter-blue-primary {background-color:#03244d; opacity:0.7;}
.filter-blue-secondary {background-color:#496e9c; opacity:0.5;}
.filter-orange-primary {background-color:#cc4e0b; opacity:0.5;}
.filter-neutral {background-color:#aa9c8f; opacity:0.5;}
.filter-gradient-one {background:linear-gradient(to right, #03244d, #496e9c);}
.filter-gradient-left {background:linear-gradient(to left, rgba(3,36,77,0), rgba(3,36,77,1), rgba(3,36,77,1));}

.layer_content {position:relative; width:100%;}

.quotebar {text-align:center; padding:30px; background-color:#cc4e0b; color:#fff; font-family:myriad-pro; font-size:20px;}
.quotebar .quotecred {font-size:16px;}
.quotebar .quotecred a {color:#fff; border-bottom:1px dashed #eaeaea;}
	
.headline {font-family:myriad-pro; font-weight:900; text-align: center; line-height: 1; font-size:28px; padding:10px 0px; position:relative;}
	
.info {font-size:18px;}

.btn {white-space:normal;}

/* LAYER ONE */

.layer01 {overflow:hidden;}
	
	.layer01 .layer_content {max-width:1280px; margin:0px auto; padding:0px; height:100vh;}
	.layer01 .layer_content .right {padding-right: 0px; padding-left: 0px;}
	.layer01 .layer_content .right img {width:100%;}
	
	.layer01 .quote {font-family:museo-slab; font-weight:300; font-size:18px; color:#f68029; padding:10px 20px; line-height: 1.2; position:relative;}	
	.layer01 .quote a {color:#fff;}
	.layer01 .quote a:visited {color:#fff;}
	.layer01 .quote a:active {color:#fff;}
	.layer01 .quotecred {font-family:museo-slab; font-weight:300; font-size:16px; color:#fff; padding:10px; text-align:right; line-height:1.2; position:relative;}	.layer01 .quotecred-title {font-size:14px;}
	.layer01 .logo {text-align:center; padding:20px;}
	.layer01 .logo img {max-width:50%;}
	
	.layer01 .scroll {position:absolute; bottom:6%; left:0; right:0; text-align:center; opacity:0.5; display:none;}

	
.layer02 {}
		
	.layer02 .headline {text-shadow:5px 5px 5px #000;}
	.layer02 .info {text-shadow:5px 5px 5px #000;}
	.layer02 {background-color:#03244d;}
	.layer02 img {width:100%;}
	.layer02 .links {text-align:center;}
	.layer02 .links a {font-size:18px; font-weight:600;}

	
.layer03 {}
		
	.layer03 .headline {text-shadow:5px 5px 5px #000;}
	.layer03 .info {text-shadow:5px 5px 5px #000;}
	.layer03 {background-color:#03244d;}
	.layer03 img {width:100%;}
	.layer03 .links {text-align:center;}
	.layer03 .links a {font-size:18px; font-weight:600;}
	
	
.layer04 {}
		
	.layer04 .headline {text-shadow:5px 5px 5px #000;}
	.layer04 .info {text-shadow:5px 5px 5px #000;}
	.layer04 {background-color:#03244d;}
	.layer04 img {width:100%;}
	.layer04 .links {text-align:center;}
	.layer04 .links a {font-size:18px; font-weight:600;}	

	.carousel-control {opacity:1.0;}
	
footer {border:none; background:none; padding:0px;}



@media (min-width: 480px) {	

}

@media (min-width: 768px) {	
	
	.quotebar {font-size:26px; padding:20px 10%;}	
	.quotebar .quotecred {font-size:20px; margin-top:20px;}
	.info {font-size:20px;}
	.layer01 .layer_content .content {position:relative; width:100%;}
	.layer01 .layer_content {display:table;}
	.layer01 .layer_content .left {display:table-cell; float:none; vertical-align:middle; padding:0px;}
	.layer01 .quote {color:#fff; text-shadow:5px 5px 5px #000;}
	.layer01 .logo img {width:80%;}
	
	.layer02 {height:100vh; display:table;}
	.layer02 .layer_content {display:table-cell; vertical-align:middle; padding:0px;}
	.layer02 img {width:100%;}
	
	.layer03  {height:100vh; display:table;}
	.layer03 .layer_content  {display:table-cell; float:none; vertical-align:middle; padding:0px;}
	a.carousel-control:focus {border:1px dashed #f68029;}
	
	.layer04  {height:100vh; display:table;}
	.layer04 .layer_content  {display:table-cell; float:none; vertical-align:middle; padding:0px;}
	a.carousel-control:focus {border:1px dashed #f68029;}
}

@media (min-width: 1024px) {
	.quotebar {font-size:36px;}
	.quotebar .quotecred {font-size:26px;}
	.headline {font-size:40px; padding:20px 10px;}
	.layer01 .quote {font-size:20px; padding:20px 20px; color:#f68029;  text-shadow:none;}
	.layer01 .quotecred {font-size:20px; line-height:1.2;}
	.layer01 .quotecred-title {font-size:18px;}
	.layer01 .logo {text-align:center; padding:20px;}
	.layer01 .logo img {width:60%;}
	.layer01 .layer_content .right {display:table-cell; float:none; vertical-align: bottom; text-align:center;}
	.layer02 .info {font-size:26px;}	
}

@media (min-width: 1280px) {
	.headline {font-size:56px; padding:20px 0px;}
	.layer01 .quote {font-size:32px; padding:20px 20px;}
	.layer01 .quotecred {font-size:28px; line-height:1.2;}
	.layer01 .quotecred-title {font-size:24px;}
	.layer02 {background-image:url(http://auburn.edu/template/2016/_assets/images/bg_images/samford_bg.jpg);}
	.layer03 {background-image:url(http://ocm.auburn.edu/matthewrogers/background_01.jpg);}
	.layer04 {background-image:url(http://auburn.edu/template/2016/_assets/images/bg_images/samford_bg.jpg);}
	
}
	.leathbg {background-image:url(_assets/img/leath_transp.png); background-position:center center; background-repeat: no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; height:100vh; background-size:contain;}

.carousel-fade .carousel-inner .item {opacity: 0; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2; border-bottom:none;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {opacity: 0;      -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {opacity: 0;       -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

	.carousel-fade .carousel-inner {overflow:inherit;}
	.carousel-fade .carousel-inner .item .carousel-caption {position:relative; left:0; right:0; bottom:0; top:0; padding-top:0px; padding-bottom:0px;}
	.carousel-fade .carousel-inner .item .carousel-caption .text {}
	.carousel-fade .carousel-inner .item .carousel-caption p {background-color:#03244d; padding:20px;}
	.carousel-fade .carousel-inner .item .carousel-caption:hover p {visibility:visible;}
	}

	#carousel-01 .glyphicon {color:#f68029;}
