/* ============================================================ */
/*	HEADER STYLES 
/* ============================================================ */

/* CUSTOM FONTS ========== */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);

	/* ----- ICONS */
		@font-face {
			font-family: 'FontAwesome';
			src: url('../fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3');
			src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
				url('../fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
				url('../fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
				url('../fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
				url('../fonts/FontAwesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
			font-weight: normal;
			font-style: normal;
		}

/* MASTER TRANSITION LIST ========== */
a,
a:before,
.bouncer input.magic_access,
.video_player_box .close_modal,
footer.footer .container {
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}

/* GLOBAL STLYES ========== */
	body {
		background: #222;
		color: #555;
		font-family: 'Raleway', Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
		letter-spacing: .02em;
		padding-top: 0; /* Compensates for Fixed Mobile Nav */
	}
	::selection { background: rgba(108,255,0,.4); }
	::-moz-selection { background: rgba(108,255,0,.4); }
	a {
		color: #277bbb;
	}
	a:hover,a:active,a:focus {
		color: #000;
		text-decoration: none;
	}
	.row { margin: 0; }

	.valign {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}


/* TEXT STYLES ========== */
	h1,h2,h3,h4,h5,h6 {
		font-weight: 300;
		margin: 0;
		padding: 0;
	}



/* ============================================================ */
/*	MAIN STYLES 
/* ============================================================ */

/* GENERAL PAGE STYLES ======================================== */
	main {
		background-color: #fff;
	}
	main.main {
		font-size: 18px;
	}
	main img {
		height: auto;
		max-width: 100%;
	}

/* PAGE CONTENT ===== */
	main.main .content {
		padding: 3em 0;
	}
	main.page .page_title {
		border-bottom: 1px solid rgba(0,0,0,.2);
		color: #277bbb;
		margin-bottom: 1.6em;
		padding-bottom: .8em;
		text-align: center;
	}
	main.page .row.header_image {
		background-position: 50% 50%;
		background-size: cover;
		min-height: 20vw;
	}

/* VIDEO MODAL ========== */
	.video_player_box {
		background: rgba(0,0,0,.8);
		display: none;
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 999
	}
	.video_player_box .inner {
		background: rgba(0,0,0,.8);
		margin: 15vh auto 0;
		padding-top: 45%;
		position: relative;
		width: 80vw;
	}

	.video_player_box .close_modal {
		color: #fff;
		cursor: pointer;
		font-size: 24px;
		display: block;
		margin-top: -1.5em;
		opacity: .5;
		padding: 0.2em 0.4em;
		position: absolute;
		right: -0.4em;
		top: 0;
	}
	.video_player_box .close_modal:hover {
		opacity: 1;
	}

	.video_player_box .inner iframe,
	.video_player_box .inner .video_bg {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	body.mobile-samsung .video_player_box .inner .video_bg {
		display: none;
	}

/* PAGE - SECTION ========== */
	.page .section {
		min-height: 100vh;
		padding: 0 0 5vw;
		z-index: 5;
	}
	
	.page .section .section_title {
		color: #277bbb;
		font-size: 2em;
		margin: 0;
		text-align: center;
	}
	.page .section .section_sub_title {
		font-size: 1em;
		font-weight: 300;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.page .section .section_sub_title:after {
		background: rgba(0,0,0,.2);
		content: '';
		display: block;
		height: 1px;
		margin: 10vw auto;
		width: 20%;
	}
	.page .section hr {
		border: 1px solid rgba(0,0,0,0);
		box-shadow: 0 1px 0 rgba(0,0,0,.3);
		width: 20%;
	}

	.page .skewbox {
		height: 11vw;
		overflow: hidden;
		position: relative;
		z-index: 5;
		width: 100vw;
	}
	.page .skewbox:before {
		background: #fff;
		content: '';
		display: block;
		height: 10vw;
		width: 100vw;
		z-index: 5;		
	}
	.page .skewbox.bottom {
		margin-top: -10.5vw;
		padding-top: 6vw;
	}
	.page .skewbox.bottom:before {
		transform: skewY(-5deg);
		-webkit-transform: skewY(-5deg);
	}

	/* TITLE SECTION AND PAGE ----- */
		.title_box {
			border-bottom: 1px solid rgba(0,0,0,.1);
			clear: both;
			display: block;
			margin: 1em 0 10em;
			padding-bottom: 5em;
		}
		.title_box:last-child { border-bottom: 0; }

		.title_box-right h3 {
			margin: 0 0 1em;
		}


		/* ----- TOP SECTION & VIDEO BG */
			.page .section.top {
				background-color: #222; 
				background-position: 50% 50%;
				background-repeat: no-repeat;
				background-size: cover;
				color: #fff;
				height: 0; /* height value needed for .valign to work */
				min-height: 95vh;
				overflow: hidden;
				padding: 0;
				position: relative;
				text-shadow: 1px 1px 1px rgba(0,0,0,.3);
				width: 100vw;
				z-index: 5;
			}
			.page .section.top .overlay_box {
				background: rgba(108,255,0,.8);
				background: -webkit-linear-gradient(top, rgba(108,255,0,0), rgba(108,255,0,.5));
				background: -moz-linear-gradient(bottom, rgba(108,255,0,0), rgba(108,255,0,.5));
				background: linear-gradient(to bottom, rgba(108,255,0,0), rgba(108,255,0,.5));
				height: 100%;
				padding: 0;
				position: relative;
			}

			.page .section.top .overlay_box .content {
				padding: 0;
			}

			.page .section.top iframe,
			.page .section.top .video_bg {
				background: transparent;
				display: block; 
				height: 56.25vw;
				left: 50%;
				min-height: 120vh;
				min-width: 177.77vh;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				width: 120vw;
				z-index: 0;
			}

			.page .section.top .top_content {
				color: #fff;
				position: relative;
				text-align: center;
				z-index: 5;
			}
			.page .section.top .top_content .top_logo {
				margin: 0 auto;
				max-width: 80%;
			}
			.page .section.top .top_content .top_vid_link {
				background: #6cff00;
				border-radius: 4em;
				color: #000;
				display: inline-block;
				font-size: 4vw;
				font-weight: 700;
				margin: 3vw 0 0;
				padding: 2vw 4vw;
				text-shadow: 0 0 0;
			}
			.page .section.top .top_content .top_vid_link:before {
				content: '\f04b';
				display: inline;
				font-family: 'FontAwesome';
				margin-right: 1vw;
			}
			.page .section.top .top_content .top_vid_link:hover {
				background: #000;
				color: #fff;
				cursor: pointer;
			}

/* BOUNCER ========== */
	.bouncer {
		background: #fff;
		height: 100vh;
		position: fixed;
		width: 100vw;
		z-index: 999;
	}
	.bouncer .form_logo {
		margin: 0 0 4em;
	}
	.bouncer .form_logo img {
		max-width: 100%;
	}
	.bouncer .form_wrap {
		box-sizing: border-box;
		margin: 4em auto;
		text-align: center;
		width: 280px;
	}
	.bouncer input#magic_word,
	.bouncer input#magic_word:focus {
		-webkit-appearance: none;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-family: 'Raleway', Helvetica, Arial, sans-serif;
		font-size: 15px;
		padding: .5em 1em;
	}
	.bouncer input.magic_access {
		-webkit-appearance: none;
		background: #fff;
		border: 1px solid #277bbb;
		border-radius: 5em;
		color: #000;
		font-size: 17px;
		font-weight: 700;
		margin-top: 20px;
		padding: 1em 3em;
		text-transform: uppercase;
	}
	.bouncer input.magic_access:hover {
		background: #000;
		border: 1px solid #000;
		color: #fff;
		cursor: pointer;
	}


/* PAGE STYLE - lonelyplanet ========== */
	main.lonelyplanet .section.top .overlay_box {
		background: rgba(39,123,187,.8);
		background: -webkit-linear-gradient(top, rgba(39,123,187,0), rgba(39,123,187,.5));
		background: -moz-linear-gradient(bottom, rgba(39,123,187,0), rgba(39,123,187,.5));
		background: linear-gradient(to bottom, rgba(39,123,187,0), rgba(39,123,187,.5));
	}
	main.lonelyplanet .section.top .top_content .top_vid_link {
		background: #277bbb;
		color: #fff;
	}
	main.lonelyplanet a,
	main.lonelyplanet .page_title,
	main.lonelyplanet .highlight {
		color: #277bbb;
	}

	main.lonelyplanet .title_box {
		margin: 2em 0 0;
		padding: 0 0 2em;
	}
	main.lonelyplanet .title_box:first-of-type {
		margin-top: 0;
	}
	main.lonelyplanet .title_box h3 {
		margin-bottom: .4em;
	}
	main.lonelyplanet .feature_image {
		margin: 1em 0; 
	}



/* ============================================================ */
/*	FOOTER STYLES 
/* ============================================================ */

/* GENERAL FOOTER ========== */
	footer.footer {}
	footer.footer .footer_section {
		display: block;
		float: left;
		overflow: hidden;
	}
	footer.footer .footer_info {
		clear: both;
		display: block;
		overflow: hidden;
		text-align: center;
	}
	footer.footer .footer_info h5 {
		font-size: 12px;
		padding: 10px 0;
	}



/* ============================================================ */
/*	RESPONSIVE STYLES 
/* ============================================================ */
@media (min-width: 480px) {
	/* SMALL PHONE */
	body { padding-top: 0; }

	main.rest_test .top_logo {
		background-size: auto 100%;
		height: 20vw;
	}
	.channel_button a {
		font-size: 2vw;
	}

	.page .section.top .top_content .top_title {
		font-size: 3vw;
	}
	.page .section.top .top_content .top_sub_title {
		font-size: 9vw;
	}
	.page .section.top .top_content .top_logo {
		max-width: 70%;
	}
	.page .section.top .top_content .top_logo img {
		max-height: 50vh;
	}
	.page .section.top .top_content .top_vid_link {
		font-size: 1.8vw;
		padding: 1.5vw 3vw;
	}


	/* CONTACT PAGE ----- */
		.contact_page .wpcf7 input[type=submit] {
			width: 50%;
		}
}
@media (min-width: 768px) {
	/* TABLET */
	main.main .content {
		padding: 4em 0;
	}
	main.page .page_title {
		margin-bottom: 1.4em;
		padding-bottom: 1em;
	}

	.page .section.top .top_content {
		padding: 5vw 0;
	}
	.page .section.top .top_content .top_title {
		font-size: 1.4vw;
	}
	.page .section.top .top_content .top_sub_title {
		font-size: 4vw;
	}
	.page .section.top .top_content .top_logo {
		max-width: 40%;
	}
	.page .section.top .top_content .top_vid_link {
		font-size: 1.2vw;
		padding: 1vw 2vw;
	}

	.title_box {
		margin: 1em 0 4em;
	}
	.title_box-left {
		margin-bottom: 0;
	}
	.title_box-left img {
		display: block;
		margin: 0 auto;
		width: 80%;
	}
	.title_box-left h3 {
		margin: 1vw 0;
	}
	.title_box-left p a {
		padding: 1vw;
	}

	h1.content_header {
		margin: 0 0 5vw;
		padding: 0 0 1vw;
	}
	
	main.lonelyplanet .feature_image {
		margin: 3em 0; 
	}


}
@media (min-width: 992px) {
	/* DESKTOP */
}
@media (min-width: 1200px) {
	/* LARGE DESKTOP */

	.video_player_box .inner {
		padding-top: 552px;
		width: 964px;
	}
	
	main.lonelyplanet .feature_image {
		margin: 4em 0; 
	}

}