@charset "utf-8";
/* CSS Document */

.lastUpdateRow {color:#fff;}
	
	.index {
		position:relative;
		background-color:#202020;
		}

	.index .content_row {width:100%;}
	
	
	
	.page_content {background-image: url('_assets/images/samford-background-01.jpg');
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: cover;}
	.row01 .content_container [class*="col-"] {position:relative; padding:10px; text-align:center;}
	.row01 .content_container [class*="col-"] .button {position:relative;}
	.row01 .content_container [class*="col-"] .button .filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity: 0.65;}
	.row01 .content_container [class*="col-"] .button .title {white-space: normal; font-size:16px; font-weight:600; margin:15px 0px; padding:15px 0px; border-bottom:1px solid #cc4e0b; border-top:1px solid #cc4e0b; position:relative; z-index: 1; color:#fff;}
	.row01 .content_container [class*="col-"] .button .info {white-space: normal; font-size:16px; position:relative; z-index: 1; color:#fff; display:none;}
	
	
	
	
	.video-controls {position: absolute; top:0; left:0; padding:1%; color:#fff;}
	.vid-controls a:hover {cursor: pointer;}
	.video-controls a .glyphicon {color:#eaeaea;}
	
	@media (min-width:768px) {
		.index .row-navigation a {color:#fff;}
		.index .row-navigation .content_container ul li {border-right:1px solid #a1a1a1;}
		.row-navigation .content_container ul li:last-child {border-right:none;}
		.row-navigation a {text-shadow: 2px 2px 2px #000;}

		.navbar-default {background-color:none; border:none; background:none;}
		.row01 .content_container [class*="col-"] .button a:hover .filter {opacity: 1; background-color: #03244d;}
		.row01 .content_container [class*="col-"] .button a:focus .filter {opacity: 1; background-color: #cc4e0b;}
		.row01 .content_container [class*="col-"] .button a:focus .title {border-bottom:1px solid #fff; border-top:1px solid #fff;}
	}
		
	@media (min-width:992px) {
	
		
		
		
		.row01 {min-height:70vh; display:table;}
		.row01 .content_container {width:80%; display:table-cell; vertical-align: middle;}
		.row01 .content_container [class*="col-"] {display:table-cell; float:none; vertical-align: middle; position:relative; padding:10px;}
		.row01 .content_container [class*="col-"] .button {}
		
		.row01 .content_container [class*="col-"] .button .title {font-size:20px; min-height: 116px;}

		.row-navigation a {font-size:18px;}
		
		
	}
	
		
	@media (min-width:1600px) {
		.row01 .content_container [class*="col-"] .button {min-height:350px;}
		.row01 .content_container [class*="col-"] .button .info {display:block;}

	}