/* 
    Created on : 12-Oct-2014, 16:49:44
    Author     : Ben
*/

.bg-img, .filter, .bg-img .mwc {
	height: 100%;
	min-height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;  
    -webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.filter {background-color: rgba(0, 0, 0, 0.15);}
.bg-img {box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.57);}

#skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {
	//background-image: url('../images/2014-05-07 11.17.56.jpg') !important;
	//height: 95vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 80px;
	margin-bottom: 80px;
}

.content h2 {
	font-size: 42px;
	font-weight: 800;
	margin-bottom: 40px;
}
.content p a{text-decoration:underline; color:black;}
.content p a:hover{color:rgb(18, 140, 175);}

.byline p a {color: rgb(18, 140, 175);}

/* judges comments */
.judge {background-color: rgb(18, 140, 175); padding: 15px 25px;}
.judge h2, .judge h3, .judge p {color:#fff; font-size: 24px}
.judge h2 {margin-bottom: 20px;}
.judge h3 {}
.judge p {font-size: 18px; padding-bottom: 10px;}

.video-caption {
	max-width:80%;
	margin-right:auto;
}

.cd-header {-webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
.cd-header a img {display: none;}
.cd-header.is-fixed {-webkit-transform: translate3d(0, -90%, 0);
    -moz-transform: translate3d(0, -90%, 0);
    -ms-transform: translate3d(0, -90%, 0);
    -o-transform: translate3d(0, -90%, 0);
    transform: translate3d(0, -90%, 0);}
.cd-header.is-fixed a img {display: inline;}
.cd-primary-nav-trigger .cd-menu-icon, .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {background-color: #fff;}
.cd-header.is-fixed .cd-primary-nav-trigger .cd-menu-icon, .cd-header.is-fixed .cd-primary-nav-trigger .cd-menu-icon::before, .cd-header.is-fixed .cd-primary-nav-trigger .cd-menu-icon:after {background-color: #000;}
.cd-header.is-fixed .cd-primary-nav-trigger .is-clicked {background-color: rgba(255, 255, 255, 0);}

.cd-primary-nav-trigger-essays .cd-menu-icon, .cd-primary-nav-trigger-essays .cd-menu-icon::before, .cd-primary-nav-trigger-essays .cd-menu-icon:after {background-color: #fff;}
.cd-header.is-fixed .cd-primary-nav-trigger-essays .cd-menu-icon, .cd-header.is-fixed .cd-primary-nav-trigger-essays .cd-menu-icon::before, .cd-header.is-fixed .cd-primary-nav-trigger-essays .cd-menu-icon:after {background-color: #000;}
.cd-header.is-fixed .cd-primary-nav-trigger-essays .is-clicked {background-color: rgba(255, 255, 255, 0);}

.comment{position:relative;top:-30px;color:gray;padding-right:50px;}
.comment h2{font-size:18px; font-weight:100; margin:0px 0px 10px 0px;}
.comment p{font-size:18px;margin:0px 0px 0px 0px;line-height:20px}
.comment p:before {content:"\201C";margin-left: -9px;}
.comment p:after {content:"\201D";right:0; bottom:0;}



/* BS md-max */
@media (max-width: 1200px){
	.content h2 {font-size: 32px;}
}

@media (max-width: 1024px){
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {min-height: 760px;}
	.judge {padding-left: 30px; padding-right: 30px;}
	.judge-sm {background-color: rgb(18, 140, 175);margin: 0 -60px;}
	/*.filter {
		background-color: rgba(0,0,0,0.5);position: absolute;top: 0;width: 100%;
		background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
		background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
		background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
		background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	}*/
	.bg-img {background-attachment: scroll!important;}
}

/* BS xs-max */
@media (max-width: 768px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {min-height: 1020px;}
	.after-img {padding-top: 75px;}
	.judge {padding-left: 45px; padding-right: 45px;}
}

@media (max-width: 580px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4, .bg-img .mwc {height: 100%; min-height: 0px;}
	.content h2 {font-size: 26px; margin-top: 60px; margin-bottom: 30px;}
	.judge {margin: 0 -15px; padding-left: 45px; padding-right: 45px;}
	.judge-sm {margin: 0 -10px;}
	.judge h2 {margin-top: 15px;}
	.judge h2, .judge h3{font-size: 18px}
	.judge p {font-size: 14px; padding-bottom: 10px;}
	.filter {background: none;}
}
/*
@media (max-height: 1024px){
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 1030px; min-height: 1030px;}
}

@media (max-height: 768px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 100%;	min-height: 770px;}
}

@media (max-height: 674px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 100%;	min-height: 674px;}
}
*/
@media (max-height: 580px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4, .bg-img .mwc {height: 100%; min-height: 0px;}
}
/*
@media (max-height: 580px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 100%; min-height: 580px;}
}

@media (max-height: 480px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 100%; min-height: 480px;}
}

@media (max-height: 330px) {
	.bg-img, .filter, #skrollr-img, #skrollr-img2, #skrollr-img3, #skrollr-img4 {height: 100%; min-height: 330px;}
}*/