#content-full {
	min-height: 0;
}

/* Page Global*/
.media-post-content {
	text-align: center;
	padding: 10px 0;
}

	.media-post-content #content h2 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 900!important;
		line-height: 45px;
		font-size: 62px;
		text-transform: uppercase;
		margin: 0;
	}

		.media-post-content h2 strong,
		.media-post-content h2 span {
			display: block;
			color: #999999;
		}

		.media-post-content h2 strong {
			color: #383838;
		}

		.media-post-content #content h2 em {
		    color: #ca902a;
		}

	.media-post-content p {
		font-size: 22px;
		line-height: 28px!important;
		margin: 10px 0!important;
	}


.media-section {
	position: relative;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

	.media-section .media-accent {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 54%;
		height: auto;
		display: block;
	}

	.media-section .container,
	.media-section .media-carousel-wrap {
		z-index: 1;
		position: relative;
	}

	.media-section .section-header {
		position: relative;
		width: 45%;
		padding: 34px 0 27px;
		text-align: left;
	}

		.section-header .section-logo-title {
			position: relative;
			padding: 0 0 24px 0;
		}

			.section-header .section-logo-title img {
				width: 100%;
				height: auto;
				display: block;
			}

			.section-header .section-logo-title span {
				display: block;
				font-size: 100px;
				color: #383838;
				line-height: 100px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 800;
				text-transform: uppercase;
			}

		.media-section .section-header p {
			line-height: 28px;
			font-size: 20px;
			color: #333333;
			display: block;
			max-width: 90%;
		}


.media-carousel-wrap {
	position: relative;
	max-width: 1281px;
	margin: 100px auto 50px;
	padding: 0 72px;
	box-sizing: border-box;
}

	.media-carousel-wrap .media-carousel-prev,
	.media-carousel-wrap .media-carousel-next {
		position: absolute;
		z-index: 5;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		overflow: hidden;
		border: 1px solid #ca902a;
		text-align: center;
		cursor: pointer;
		color: #ca902a;

		top: 40%;
		margin-top: -22.5px;

		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
	}

		.media-carousel-wrap .media-carousel-prev:hover ,
		.media-carousel-wrap .media-carousel-next:hover {
			background: #ca902a;
			color: #fff;
		}

		.media-carousel-wrap .media-carousel-prev span,
		.media-carousel-wrap .media-carousel-next span {
			line-height: 45px;
			font-size: 15px;
			
		}

	.media-carousel-wrap .media-carousel-prev {
		left: 0;
	}

	.media-carousel-wrap .media-carousel-next {
		right: 0;
	}

	.media-carousel-wrap .media-section-carousel {
		position: relative;
		z-index: 4;
	}

		.media-section-carousel .media-entry {
			position: relative;
			padding: 0 1px;
		}

		.media-section-carousel .media-entry .media-entry-hero {
			position: relative;
			background: url(../../images/media/background-slick-media.jpg) center center;
			overflow: hidden;
		}

		.media-section-carousel .media-entry .media-entry-title {
			position: relative;
			text-align: center;
			padding: 10px;
			font-weight: 700;
			color: #282826;
			font-size: 18px;
			text-transform: uppercase;
			background: #fff;
			line-height: 20px;
		}

			.media-section-carousel .media-entry .media-entry-title span {
				display: inline-block;
			}
		
		/* Default - Center Content*/
		.media-section-carousel .media-entry .media-content-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 3;
			font-size: 0;
		}

		.media-section-carousel .media-entry .media-content-overlay:hover {
			background: rgba(204,147,43,.7);
			background-position: center center;
			background-size: 21% auto;
			background-repeat: no-repeat;
		}

		.media-section-carousel .media-nohover .media-content-overlay:hover {
			background: none;
			background-position: center center;
			background-size: 21% auto;
			background-repeat: no-repeat;
		}

			.media-section-carousel .media-entry .media-content-overlay:before {
				width: 0;
				height: 100%;
				display: inline-block;
				vertical-align: middle;
				content: '';
			}

			.media-section-carousel .media-entry .media-content-overlay .media-content-middle {
				display: inline-block;
				vertical-align: middle;
				width: 100%;
				font-size: 17px;
				text-align: center;
			}

			.media-section-carousel .media-entry .media-content-overlay .media-content-middle img {
				display: block;
				max-width: 100%;
				width: auto;
				height: auto;
				margin: 0 auto;
			}

		/* For Video */
		.media-section-carousel .media-entry.media-video canvas{
			width: 100%;
		    height: auto;
		    display: block;
		    position: relative;
		    z-index: 1;
		    background: center center;
		    background-size: cover;
		    background-repeat: no-repeat;
		}

		.media-section-carousel .media-entry.media-video .media-video-overlay {
			position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 2;
		    background: rgba(0,0,0,.3) url(../../images/listings/play-btn.png);
		    background-position: center center;
		    background-size: 21% auto;
		    background-repeat: no-repeat;

		    transition: all .25s ease-in-out;
		    -webkit-transition: all .25s ease-in-out;
		    -moz-transition: all .25s ease-in-out;
		}

		.media-section-carousel .media-entry.media-video .media-video-overlay:hover {
			background: rgba(204,147,43,.7) url(../../images/listings/play-btn.png);
			background-position: center center;
			background-size: 21% auto;
			background-repeat: no-repeat;
		}



/* Overwrites */
/* HGTV */
#media-hgtv {
	background-image: url(../../images/media/background-hgtv.png);
}

	#media-hgtv .media-accent {
		right: 0;
		height: auto;
		display: block;
	}

	#media-hgtv .section-header .section-logo-title img {
		max-width: 219px;
	}


/* TV */
#media-tv {
	background-image: url(../../images/media/background-tv.png);
}

	#media-tv .media-accent {
		left: 0;
	}

	#media-tv .section-header  {
		text-align: right;
		margin-left: auto;
	}

	#media-tv .section-header p {
		margin-left: auto;
	}

	#media-tv .media-carousel-wrap {
		margin: 80px auto 50px;
	}

/* Publications */
#media-publications {
	background-image: url(../../images/media/background-publications.png);
}

	#media-publications .media-accent {
		right: 0;
	}

	#media-publications .section-header  {
		text-align: left;
	}

	#media-publications .media-carousel-wrap {
		margin: 80px auto 50px;
	}

	#media-publications .section-logo-title span {
		font-size: 62px;
	}


/* TV */
#media-speaking {
	background-image: url(../../images/media/background-speaking.png);
}

	#media-speaking .media-accent {
		left: 0;
	}

	#media-speaking .section-header  {
		text-align: right;
		margin-left: auto;
	}

	#media-speaking .section-header p {
		margin-left: auto;
	}

	#media-speaking .media-carousel-wrap {
		margin: 80px auto 50px;
	}

	#media-speaking .section-logo-title span {
		font-size: 70px;
	}


/* Youtube */
#media-youtube {
	background-image: url(../../images/media/background-youtube.png);
}

	#media-youtube .media-accent {
		right: 0;
		height: auto;
		display: block;
	}

	#media-youtube .section-header .section-logo-title img {
		max-width: 219px;
	}

	#media-youtube .media-carousel-wrap {
		margin: 80px auto 50px;
	}


/* Popups */
.kn-popup-middle.video-popup-wrap {
    padding: 0;
}

.video-popup-wrap {
	position: relative;
}

	.video-popup-frame {
		position: relative;
	}

		.video-popup-frame canvas {
		    width: 100%;
		    height: auto;
		    display: block;
		}

		.video-popup-frame iframe {
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;
		    display: block;
		}

		.video-popup-details {
		    background: #fff;
		    color: #383838;
		    font-size: 30px;
		    font-weight: 600;
		    line-height: 32px;
		    text-transform: uppercase;
		    padding: 4%;
		    text-align: left;
		}

		.kn-popup-wrapper .kn-popup-close {
			z-index: 10;
		}



/* Media Queries */

@media only screen and (max-width: 1280px) {
	.media-carousel-wrap {
		margin: 50px auto 50px;
	}

	#media-tv .media-carousel-wrap,
	#media-publications .media-carousel-wrap,
	#media-speaking .media-carousel-wrap,
	#media-youtube .media-carousel-wrap {
		margin: 50px auto 50px;
	}

	.media-carousel-wrap .media-carousel-prev {
		left: 10px;
	}
	.media-carousel-wrap .media-carousel-next {
		right: 10px;
	}

	.media-section .media-accent {
		width: 66%;
	}

	#media-hgtv .media-accent,
	#media-publications .media-accent,
	#media-youtube .media-accent {
	    right: -10%;
	}

	#media-tv .media-accent,
	#media-speaking .media-accent {
	    left: -10%;
	}

}

@media only screen and (max-width: 1199px) {
	#media-publications .section-logo-title span {
		font-size: 52px
	}
}

@media only screen and (max-width: 1024px) {
	
	.media-section .media-accent {
	    width: 84%;
	}

	#media-tv .media-accent, 
	#media-speaking .media-accent {
	    left: -23%;
	}

	#media-hgtv .media-accent,
	#media-publications .media-accent,
	#media-youtube .media-accent {
	    right: -23%;
	}

}


@media only screen and (max-width: 991px) {
	.media-section .section-header {
		width: 100%;
	}

	.media-section .section-header p {
		background: rgba(255,255,255,.8);
		padding: 10px;
	}

	.media-post-content #content h2 {
		line-height: 40px;
		font-size: 40px;
	}

}

@media only screen and (max-width: 767px) {

	#media-hgtv .section-header .section-logo-title img,
	#media-youtube .section-header .section-logo-title img {
	    max-width: 129px;
	}
	
	#media-hgtv .media-accent, #media-publications .media-accent, #media-youtube .media-accent {
		right: 0;
	}

	#media-tv .media-accent, #media-speaking .media-accent {
	    left: 0;
	}

	.section-header .section-logo-title img {
		margin: 0 auto;
	}

	.media-section .section-header p {
		width: 100%;
	}

	.section-header .section-logo-title span {
		font-size: 40px;
		line-height: 40px;
		text-align: center;

		background: rgba(255,255,255,.5);
		padding: 10px;
	}

	#media-publications .section-logo-title span,
	#media-speaking .section-logo-title span {
	    font-size: 40px;
	    line-height: 40px;
	    text-align: center;
	}


	.video-popup-details {
		font-size: 20px;
		line-height: 22px;
	}

}

