@charset "utf-8";
/* Stylesheet rules specific to the e-Nable Hub */

sup {
	vertical-align: super;
}

.col-six {
	display:block;
	width:100%;
	max-width: 860px;
	margin: 0 auto;
}

.col-eight {
	display:block;
	width:100%;
	max-width: 1150px;
	margin: 0 auto;
}

.prizes-row {
	display:grid;
	grid-column-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}

 @media only screen and (max-width: 900px) {
 	.prizes-row {
		grid-template-columns: repeat(1, 1fr);
	}
 }



#contestContainer {
	max-width: 1800px;
	font-family: 'Montserrat', sans-serif;
}

#contestContainer .row{
	margin:0px !important;
}


.enable-header-text-lg {
	font-size:4.5em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.enable-header-text-md {
	font-size:2.0em;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

.enable-header-text-sm {
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

.enterContestButton {
	background: rgb(53, 219, 105) !important;
	font-weight:bold !important;
	color: #fff !important;
	width:250px !important;
	font-size:1.5em !important;
}

.enterContestButton:hover {
	background: rgba(53, 219, 105, 0.7) !important;
}

.enable-widget {
	height:340px;
}

.enable-video-container {
	padding:10px;
}

.within-logo-image {
	width:150px;
	margin-right:10px;
	cursor:pointer;
}


.enable-image {
	max-width:100%;
	width:100%;
	border:1px solid #ccc;
}

.enable-video-container img {
	width: 100%;
}
.enable-video-overlay {
	opacity: 0.65;
	position:absolute;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	border:1px solid #ccc;
}

.enable-video-overlay:hover {
	opacity: 1;

}

.contest-section-header {
	text-align:center;
	font-size:2em;
	text-transform: uppercase;
	font-weight:bold;
	padding-top:10px;
}

.enable-video-link{
	font-size:1.0em;
	text-transform: uppercase;
	font-weight:bold;
	color:#333;

}

.enable-video-link-container {
	padding:10px 0px;
}

.modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	background:transparent;
	border:none;
	outline:none;
}
.modal-content iframe {
	border:none;
	padding:0;
	margin:0;
}
.close {
	font-size: 40px;
	margin:-20px 0 0 0;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
	/***** MODAL PROPERTIES *****/
	.modal-body {
		height:100px;
		padding:0;
		margin: 0;
	}
	.modal-content {
		padding:0;
		margin: 0;
	}
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 15px;
	}
	.close {
		margin:-12px 0 0 0;
	}
}
@media only screen and (min-width: 768px) {
	/***** MODAL PROPERTIES *****/
	.close {
		font-size: 40px;
		margin:30px -30px -20px 100px;
	}
}

/* override max width */
	.container {
		max-width:1800px;
	}

/* revised contest page */

.page-contest {
	padding-bottom:35px;
	font-size:15px;
	line-height:1.6em;
}

.page-contest p {
	margin: 0 0 13px;
}

kbd {
	padding: 2px 4px;
	font-size:15px;
	font-weight:bold;
	background: transparent;
	box-shadow: none;
}

kbd.handle {
	color: #E74D3C;
}

kbd.hashtag {
	color: #E77E21;
}

kbd.social {
	color: #344A5F;
}

#cred {
	text-align: center;
	margin:60px 0 80px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: rgba(174, 183, 191, 0.11) 5px solid;
	background: #F7F9F9;
	border-radius:3px;
}

@media screen and (min-width: 1200px) {
	#contest .video-container {
		margin-top:100px;
	}
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.deadline {
	font-size: 14px;
	margin-top:20px;
}

@media screen and (min-width: 767px) {
	.deadline {
		font-size: 18px;
	}
}

.s1 {
	width:200px;
	right:0;
	bottom:0;
}

#sponsors {
	text-align: center;
}

#sponsors a {
	display:inline-block;
	margin:20px;
	max-width:250px;
}

#sponsors img {
	max-width:350px;
	width: 100%;
}

@media screen and (min-width: 767px) {
	#sponsors img {
		width:auto;
	}
}

#cred img {
	max-width:200px;
	width: 100%;
}

#cred .links img {
	max-width:100px;
}

.page-contest a {
	font-weight: bold;
	color: #2980B9;
	text-decoration: underline;
}

.content {
	word-wrap: break-word; /* fix long links on mobile */
}

#models {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	margin-top:20px;
	margin-bottom:20px;
}

#models img {
	width:100%;
	text-align: center;
	border:5px solid #F7F9F9;
}

@media screen and (min-width: 767px) {
	#models img {
		border:10px solid #F7F9F9;
	}
}

#models .item {
	margin:5px;	
	width: 45%;
	display:inline-block
}

@media screen and (min-width: 767px) {
	#models .item {
		max-width: 25%;
		display:inline-block
	}
}

@media screen and (min-width: 1200px) {
	#models .item {
		max-width: 19%;
		display:inline-block
	}
}

#models .quiet {
	color: #AEB7BF;
	text-align: center;
	display:block;
	font-size: 12px;
	line-height:1.5;
	margin-top:5px;
}

#models .flex {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.flex .item {
}

.page-contest img {
	max-width:100%;
}

.page-contest h2 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	text-shadow: 0.078em 0 #AED6F1;
	letter-spacing: 0.08em; /* make sure the letters don't overlap */
}

#register {
	padding:40px 0;
	margin-top:30px;
	margin-bottom:30px;
}

#prizes {
	background-color: #BF3A2B;
	padding:40px 0;
	margin-top:30px;
	margin-bottom:30px;
	background: url('/static/patterns/bubbles-grey.svg') repeat;
}

#prizes a.no-border:hover {
	text-decoration: none;
}

#prizes a.no-border,
#prizes .first-place a.no-border,
#prizes .no-border img {
	border:none;
}

.grand-prize {
	display:block;
	text-align: center;
}

#prizes img {
	max-width:250px;
	max-height:180px;
}

#prizes h3 {
	background: #2ECC70;
	padding:10px 20px;
	color: #fff;
	font-size: 19px;
	border-radius: 3px;
	margin-top: 15px;
}

#prizes ul {
	padding-right: 5px;
}

@media screen and (min-width: 767px) {
	#prizes h3 {
		font-size: 24px;
	}
}

#prizes li {
	font-weight:bold;
}

#prizes li a:hover {
	text-decoration:none;
}

@media screen and (min-width: 767px) {
	#prizes li {
		font-size:17px;
		line-height:1.7em;
	}
}

#prizes .first-place h3 {
	background: #E74D3C;
}

#prizes .first-place a,
#prizes .first-place li {
	color: #E74D3C;
}

#prizes .first-place a {
	border-bottom:1px solid #E74D3C;
}

#prizes .first-place a:hover {
	color: #BF3A2B;
	border-color: #BF3A2B;
}

#prizes img {
	border-radius: 3px;
	border: #F7F9F9 4px solid;
	max-height: 140px;
}

#prizes .second-place h3 {
	background: #2ECC70;
}

#prizes .second-place a,
#prizes .second-place li {
	color: #2ECC70;
}

#prizes .second-place a {
	border-bottom:1px solid #2ECC70;
}

#prizes .second-place a:hover {
	color: #27AF60;
	border-color: #27AF60;
}

#prizes .third-place h3 {
	background: #3498DB;
}

#prizes .third-place li {
	color: #3498DB;
}

#prizes .third-place a {
	border-bottom:1px solid #3498DB;
}

#prizes .third-place a:hover {
	color: #287FB8;
	border-color: #287FB8;
}

#how-to-enter {
	margin-top:30px;
	margin-bottom:30px;
}

@media screen and (min-width: 767px) {
}

#judges {
	background: #F7F9F9;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}

@media screen and (min-width: 767px) {
	#judges {
		padding:20px;
		margin-top:30px;
		margin-bottom:30px;
	}
}

.page-contest .btn {
	background: #344A5F;
	border-radius:3px;
	color: #fff;
	margin:10px auto;
	padding:10px 20px;
	font-size:18px;
}

.page-contest .btn.btn-wide {
	max-width:320px;
}

.page-contest .btn.btn-full {
	width:100%;
}

.page-contest .btn:hover {
	background: #2B3D4F;
}

.page-contest .btn:active {
	position: relative;
	top: 1px;
	left: 1px;
}

.page-contest .btn.btn-highlight {
	background: #36a9e1;	
}

.masthead {
	background-color: #36A9E1;
	color: #fff;
	border-radius:3px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: -15px;
	margin-right: -15px;
}

.masthead .title {
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
}

.masthead .subtitle {
	font-size:18px;
}

.gradient {
	padding: 160px 20px 0;
	border-radius:3px;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, transparent), color-stop(80%, transparent), color-stop(90%, rgba(0, 0, 0, 0.95)), color-stop(100%, rgba(0, 0, 0, 0.95)));
	background-image: -webkit-linear-gradient( top, transparent, transparent 60%, rgba(0, 0, 0, 0.95) 100% );
	background-image: -moz-linear-gradient( top, transparent, transparent 60%, rgba(0, 0, 0, 0.95) 100% );
	background-image: -ms-linear-gradient( top, transparent, transparent 60%, rgba(0, 0, 0, 0.95) 100% );
	background-image: -o-linear-gradient( top, transparent, transparent 60%, rgba(0, 0, 0, 0.95) 100% );
}

@media screen and (min-width: 767px) {
	.gradient {
		padding: 200px 60px 0;
	}
}

.masthead .navigation {
	display:block;
	padding-top:10px;
	margin-bottom:10px;
}

.masthead .navigation a {
	display:block;
	margin:0;
	margin-bottom:-5px;
	background:#fff;
	color: #333;
	padding:8px 5px;
	border-radius:5px;
	font-weight:bold;
}

@media screen and (min-width: 500px) {
	.masthead .navigation a {
		padding:10px 30px;
		display:inline-block;
	}
}

.masthead .navigation li.active a {
	border-bottom: 2px solid #E74D3C;
}

.masthead .navigation li a {
	border: #F7F9F9 2px solid;
}

.masthead .navigation li:hover {
	background:inherit;
}

/* cards */

.cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}

.card {
	border: #F7F9F9 1px solid;
	background: #FFFFFF;
	border-radius: 3px;
	display:inline-block;

}

.cards .card {
	width:100%;
	margin:10px 10px;
	align-self: flex-start;
}

@media screen and (min-width: 500px) {
	.cards .card {
		width:45%;
	}
}

@media screen and (min-width: 1300px) {
	.cards .card {
		width:20%;
	}
}

.card-image,
.card-content,
.card-cta {
	padding:20px 20px 20px;
}

.card-image {

}

.card-image img {
	max-width:100%;
	border-radius:3px;
}

.card-content {
	padding-top:0;
}

.card-content .card-title {
	margin:0 0 5px;
	font-family:'Montserrat';
	font-size:16px;
}

.card-content .card-subtitle {
	margin:4px 0 10px;
	font-family:'Roboto';
	font-size: 15px;
	line-height:1.3;
	color: #2980b9;
}

.watermark {
	background: url('/static/brand/mh-logo-blue.svg') top center no-repeat;
	background-size: 500px 500px;
	position: fixed;
	display: block;
	width: 100%;
	height: 500px;
	width: 500px;
	overflow: hidden;
	bottom: 150px;
	left: -75px;
	opacity:0.1;
	z-index: -1000;
}

.page-contest-envisionthefuture .embed-youtube {
	margin-top:20px;
}

#winners .row {
	border-bottom:#F7F9F9 1px solid;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#winners .row:last-child {
	border-bottom:none;	
}

a.place {
	text-decoration: none;
	color:#333;
	font-weight:normal;
	padding:20px;
	margin:0 10px;
	display:block;
	border-radius:5px;
}

a.place:hover {
	background:#F7F9F9;
}

a.place:hover .place-title {
	text-decoration: underline;
	color:#2980b9;
}

.place .place-image {
	margin-bottom:15px;
}

.place .place-image img {
	max-width:100%;
	border-radius:3px;
}

.place .place-title {
	font-size:18px;
	color:#333;
	margin-top:10px;	
	font-weight: bold;
}

.place .place-author {
	color: #333;
}

.place .place-author {
	color:grey;
	font-size:15px;
	margin-bottom:10px;	
}

.place::before {
	content:"";
	display:block;
	margin-top:20px;
	width:65px;
	height:65px;
	padding-top:20px;
	padding-bottom:25px;
	color:#fff;
	position:absolute;
	left:20px;
	text-align: center;
	font-size:20px;
	border-radius:50%;
}

.place.place-first::before {
	content:"1st";
	background: linear-gradient(to left, #BF3A2B, #E74D3C);
	border: 1px solid #E74D3C;
}

.place.place-second::before {
	content:"2nd";
	background: linear-gradient(to left, #27AF60, #2ECC70);
	border: 1px solid #2ECC70;
}

.place.place-third::before {
	content:"3rd";
	background: linear-gradient(to left, #287FB8, #3498DB);
	border: 1px solid #3498DB;
}


.tag {
	font-size: 13px;
	display: inline-block;
	margin-top: 10px;
	margin:auto;
	background: #dff3ff;
	clear: both;
	padding: 5px 10px;
	border-radius: 10px;
}

.tag.tag-category {
	background: #dff3ff;
	color: #53829e;
	text-align: center;
	width:100%;
	margin:10px auto;
	display:block;
}

@media screen and (min-width:767px) {
	.tag.tag-category {
		display:none;
	}
}

/* RC */

.page-contest-openrc {
	font-family:'Roboto';
}

.page-contest-openrc .gradient {
	padding-top:40px;
}

.page-contest-openrc .logo-img {
	margin-bottom:25px;
	max-width:400px;
	width:100%;
}

.page-contest-openrc .card-content .card-subtitle {
	color: #3D3E3F;
}

.page-contest-openrc .masthead {
	padding-bottom:10px;
}

@media screen and (min-width: 885px) {
	.page-contest-openrc .masthead {
		padding-bottom:0;
	}
}

.page-contest-openrc .masthead .navigation a {
	display:block;
	margin:0;
	margin-bottom:-5px;
	background:#fff;
	color: #333;
	padding:8px 5px;
	border-radius:5px;
	font-weight:bold;
}

@media screen and (min-width: 885px) {
	.page-contest-openrc .masthead .navigation a {
		padding:10px 30px;
		display:inline-block;
	}
}

@media screen and (min-width: 885px) {
	.detail-boxes {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.detail-box {
	padding:20px; 
	margin:5px 0;
	display:inline-block;
	/* border:1px solid #2A2B2B; */
	background-color:#F7F9F9;
	color: #161717;
	font-weight:bold;
	width:100%;
	border-radius:5px;
	font-family:'Roboto';
	background-image: url(https://lh3.googleusercontent.com/B71uHeVqqBuqwLhDJhOlHfk3qQk1hwSV2-2Kn-UTzMMN2iD7Unjcze0v_lWrN2Tb8rdn5U-7o8lMkilgZH7hJrDMGz4=s300);
}

@media screen and (min-width: 885px) {
	.detail-box {
		margin:5px 10px;
	}

	.detail-box:first-child {
		margin-left:0;
	}
}

.detail-box h3 {
	margin:0 0 10px;
	color: #0071BB;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size:15px;
	letter-spacing:0.02em;
}

.detail-box a {
	color: #161717;
}

.detail-box a:hover {
	text-decoration:none;
}

.page-contest-openrc .races {
	display:block;
	width:100%;
	/* background-color: #F7F9F9; */
	background: url(https://lh3.googleusercontent.com/CIqyp7xFU43KoTI2zT0Yq0bS9tMdi6NS-mwKq27arrTinuIvWZ2zUY3n8RKKB8esWDMGpNzSqpNOSuXRHugAkdh3qw=s1600);
	border-radius:5px;
	background-size:cover;
}

@media screen and (min-width: 885px) {
	.page-contest-openrc .races {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.page-contest-openrc .races h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.page-contest-openrc .race {
	padding:20px 40px;
	border-right:2px solid #6d6d6d;
	color: #fff;
	width:100%;
}

@media screen and (min-width: 885px) {
	.page-contest-openrc .race {
		padding:20px 40px;
	}
}

.page-contest-openrc .race:last-child {
	border-right:none;
}

.page-contest.page-contest-openrc h2 {
	text-shadow:none;
}

.page-contest-openrc .btn {
	box-shadow: 2px 2px 0px 0px #dee3e8;
}

.page-contest-openrc .btn i {
	font-size:15px;
	padding-left:5px;
}

/* page-contest-agorist */

.page-contest-agorist h1 {
	font-size:26px;
}

@media screen and (min-width: 767px) {
	.page-contest-agorist h1 {
		font-size:36px;
	}
}


.page-contest-agorist h2 {
	text-shadow:none;
}

.page-contest-agorist #prizes p {
	color: #344A5F;
}

.page-contest-agorist #prizes h3 {
	font-size:19px;
}
.page-contest-agorist h3 {
	font-size: 1.17em;
}

.page-contest-agorist .gradient {
	padding: 50px 60px 0;
}

@media screen and (min-width: 1000px) {
	.page-contest-agorist .gradient {
		padding: 200px 60px 0;
	}
}

.page-contest-agorist .examples {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.page-contest-agorist .masthead .navigation a {
	display:block;
	text-decoration:none;
}

@media screen and (min-width: 1000px) {
	.page-contest-agorist .masthead .navigation a {
		padding:10px 30px;
		display:inline-block;
	}
}