/*

Z-Indexes:

header:				5
#search-bar:		4
#search-overlay:	3
#menu:				2
footer:				1

*/

@media only screen and (max-width: 991px) {
	
	/* ----------------------------------- +
	MOBILE SCALING @viewport
	+ ----------------------------------- */
	@viewport {
		zoom: 1.0;
		width: extend-to-zoom;
	}
	
	body.menu-open {
		overflow-y: hidden;
	}

	/*
	div,input,h1,h2,h3,li {
		font: 300 18px/20px 'Lato';
	}
	*/

	ul, li {
		/*display: block;*/
		margin: 0;
		padding: 0;
		/*list-style: none;*/
	}

	.clear {
		clear: both;
	}

	a {
		text-decoration: none;
	}

	a.yellow-link {
		color: #eea800!important;
	}

	header {
		position: fixed;
		top:0;
		left:0;
		z-index: 200;
		width: 100%;
		height: 72px;
	}

	#header-bar {
		width: 100%;
		height: 100%;
		background: url('img/footer/dark-wood.jpg') 0 0 repeat;
	}

	#search-bar {
		position: absolute;
		top: -72px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #151515;
		z-index: 4;
		
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		transition-duration: 300ms;
	}

	#search-bar.open {
		top: 0;
		
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		transition-duration: 300ms;
	}

	#search-bar #search-overlay {
		display: none;
		position: fixed;
		width: 100vw;
		height: calc(100vh - 72px);
		background-color: black;
		top:72px;
		left:0;
		overflow: hidden;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 70;
		-khtml-opacity: 70;
		opacity: 70;
	}

	#search-bar-icon {
		position: absolute;
		display: block;
		border-radius: 30px;
		height: 12px;
		width: 12px;
		border: 3px solid #eea800;
		margin: 24px 16px;
	}
	#search-bar-icon:after {
		content: "";
		height: 3px;
		width: 12px;
		background: #eea800;
		position:absolute;
		top:13px;
		left:10px;
		-webkit-transform: rotate(45deg);
		 -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		   -o-transform: rotate(45deg);
	}

	#search-form {
		position: absolute;
		display: block;
		width: calc(99% - 48px);
		height: 100%;
		margin: 0 0 0 48px;
		padding: 0;
		top: 0;
	}

	#search-form-field {
		width: calc(100% - 10px);
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		margin: 12px 0;
		padding: 3px 5px;
		background: #151515;
		color: rgba(255,255,255,.96);
		border: none;
		outline: 0;
	}
	
	/*****************************************************
PAGE HEADER
*****************************************************/
.page-header {
	height: 60px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	width: 100%;
	cursor: default;
	background-color: rgba(255,168,0,1);
}
.center-it {
	position: relative;
	padding: 0 16px;
	width: calc(100% - 32px);
	max-width: 900px;
	height: auto;
	margin: 0 auto;
}
.page-header .label {
	font: 700 28px/60px 'Raleway', 'Lato';
	color: rgba(255,255,255,.96);
	text-shadow: 1px 1px 1px rgba(0,0,0,.15);
	text-transform: uppercase;
	vertical-align: middle;
	position: relative;
	display: block;
	margin: 0; padding: 0;
}

.uplynk-clickthrough-video .loading {
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	background-color: rgba(0,0,0,0.4);
}

.uplynk-clickthrough-video .error {
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0,0,0,0.4);
}

.uplynk-clickthrough-video .link {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}

.uplynk-clickthrough-video iframe {
	border: none;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 4;
	position: absolute;
}

.uplynk-clickthrough-video-info .duration {
	font-size: 11px; 
	float: right; 
	position: relative;
}

.uplynk-clickthrough-video .play-for-mobile {
	background: rgba(15,12,15,.68);
	color: rgba(255,252,255,.68);
	cursor: pointer;
	display: block;
	font: 60px/60px 'entypo';
	width: 60px!important; height: 60px!important;
	margin: 0 auto; padding: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: calc(50% - 30px);
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	vertical-align: top;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
}
.uplynk-clickthrough-video .play-for-mobile::after {
	position: absolute;
	display: block;
	content: "▸";
	left: calc(100% - 37px);
	top: calc(50% - 30px);
}
.uplynk-clickthrough-video:hover .play-for-mobile,
.uplynk-clickthrough-video:active .play-for-mobile {
	background: rgba(15,12,15,.96);
	color: rgba(255,252,255,.96);
	box-shadow: inset 0 0 1px 0 #3ee906; -moz-box-shadow: inset 0 0 1px 0 #3ee906; -webkit-box-shadow: inset 0 0 1px 0 #3ee906;
}



#theater-block .watch-description a {
	color: rgb(255,160,0);
	transition: 200ms;
}

#theater-block .watch-description a:hover {
	color: white;
	transition: 200ms;
}

.spinner-1 {
	width: 50px;
    height: 50px;
    margin: 0 auto;
    top: calc(50% - 25px);
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    border: solid 7px rgba(255,255,255,0.2);
    border-top-color: #FFF;
    -webkit-animation: spin 1s infinite linear;
    z-index: 9999;
    position: relative;
    display: block;
}
@-webkit-keyframes spin { 
  100% { 
    -webkit-transform: rotate(360deg); 
  } 
}
.scalevid.about {
	width: 100%; height: 0;
	position: relative;
	margin: 0; padding: 0 0 56% 0;
	display: block;
}
.scalevid.about a.link {
	display: block; 
	height: 100%!important; 
	width: 100%;
	padding: 0;
}
.uplynk-clickthrough-video.about {
	width: 100%; height: 100%;
	display: block;
} 
.poster.about-us {
	background: url('/wp-content/themes/travel-lifestyle-culture/img/about-us-poster.png') center center no-repeat;
	background-size: cover;
	width: 100%; height: 0;
	display: block;
	position: relative;
	padding: 0 0 56.25% 0;
}


/*****************************************************
HOMEPAGE
*****************************************************/
.slide-title.tac-show {
	font-family: 'Raleway';
	font-weight: 600;
	color: #fcfcfc;
	font-size: 46px;
	line-height: 42px;
	max-width: 700px;
	text-shadow: 2px 3px 2px rgba(0,0,0,.5);
	z-index: 999;
    text-transform: uppercase;
}
.slide-title.medium {
	font-family: 'Raleway';
	font-weight: 600;
	color: #fcfcfc;
	font-size: 36px;
	line-height: 36px;
	max-width: 700px;
	text-shadow: 2px 3px 2px rgba(0,0,0,.5);
	z-index: 999;
}
.caption i {
	text-transform: lowercase; 
	font: 300 36px/42px 'Lato'; 
	font-style: italic; 
	color: rgba(255,255,255,.55);
}
.caption.slide-subline,
.caption.slide-airtime {
	font-family: 'copperplate_fsregular';
	color: rgba(255,255,255,.96);
	font-size: 20px;
	line-height: 20px;
	text-shadow: 1px 2px 1px rgba(0,0,0,.5);
	text-transform: lowercase;
	z-index: 999;
}
.caption.slide-oneline,
.caption.slide-desc { 
	font: 16px/22px 'Lato'; 
	font-weight: 400; 
	color: rgba(255,255,255,.9);
	text-shadow: 1px 2px 1px rgba(0,0,0,.5);
	z-index: 999;
}
.caption.slide-links {
	width: 470px;
	z-index: 999;
}
.caption.slide-links a.hero-link-basic::before {
	content: "";
	background: url('//theafricachannel.com/wp-content/themes/travel-lifestyle-culture/img/tac-rotator-arrow.png') 0 0 no-repeat;
	width: 28px; height: 28px;
	display: inline-block;
	position: relative;
	padding: 0; margin: 0 5px 0 0;
	line-height: 28px;
	vertical-align: bottom;
}
.caption.slide-links a.hero-link-basic.dark::before {
	content: "";
	background: url('//theafricachannel.com/wp-content/themes/travel-lifestyle-culture/img/tac-rotator-arrow-dark.png') 0 0 no-repeat;
	width: 28px; height: 28px;
	display: inline-block;
	position: relative;
	padding: 0; margin: 0 5px 0 0;
	line-height: 28px;
	vertical-align: bottom;
}
.caption.slide-links a.hero-link-basic {
	font: 20px/28px 'Raleway'; 
	font-weight: 600; 
	color: rgba(255,255,255,.75);
	display: block;
	z-index: 999999;
	position: relative;
	text-shadow: 1px 2px 1px rgba(0,0,0,.5);
	vertical-align: top;
	margin-bottom: 5px;
    text-decoration: none;
	
	-webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}
.caption.slide-links a.hero-link-basic.dark {
	font: 20px/28px 'Raleway'; 
	font-weight: 600; 
	color: rgba(14,48,93,.95);
	display: block;
	z-index: 999999;
	text-shadow: none;
	position: relative;
	vertical-align: top;
	margin-bottom: 5px;
	
	-webkit-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}
.caption.slide-links a.hero-link-basic:hover {
	color: rgba(255,168,0,.94);
}
.caption.slide-links a.hero-link-basic.dark:hover {
	color: rgba(0,0,0,.94);
}
.caption.slide-links a.hero-link-hashtag {
	color: rgba(245,161,0,.95); font-size: 16px; font-weight: 500;
    text-decoration: none;
}
.caption.slide-links a.hero-link-hashtag.dark-blue {
	color: rgba(14,48,93,.95);
    text-decoration: none;
}

/* - - - MS Overrides - - - */
.tacslider-home .ms-skin-default .ms-nav-next {
	right: 16px!important;
}
.tacslider-home .ms-skin-default .ms-nav-prev {
	left: 16px!important;
}

#tom-latest .center-it.tom {
	margin: 15px auto;
}
.TOM-latest {
	width: 100%;
	position: relative;
	display: block;
	margin: 0; padding: 0;
}
.TOM-latest .title {
	width: 100%;
	padding: 16px 0 10px 0;
	margin: 0 0 10px 0;
	font-size: 24px;
	border-bottom: 1px solid #e8e8e7;
	font-weight: 700;
}
.TOM-latest .title span {
	font-weight: 500;
}
.TOM-latest .filters {
	width: 100%;
	padding: 0;
	list-style: none;
	display: block;
	margin: 0 0 10px 0;
}
.TOM-latest .filters li {
	width: auto;
	display: block;
	float: left;
	margin: 0 5px 0 0; padding: 5px 12px;
	border: 3px solid rgba(0,0,0,.85);
	font: 700 16px/20px 'Lato';
	text-transform: uppercase;
	color: rgba(0,0,0,.85);
	cursor: pointer!important;
	
	-webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.TOM-latest .filters li:hover {
	color: rgba(255,255,255,.96);
	background: rgba(0,0,0,.85);
	border-color: transparent;
	cursor: pointer!important;
}
.TOM-latest .filters li.active {
	color: rgba(255,255,255,.96);
	background: rgba(0,0,0,.85);
	border-color: transparent;
	cursor: default!important;
}
.TOM-latest .TOM-list-container{
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
	min-height: 400px;
}
.TOM-latest .TOM-list-container > div {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
}
.TOM-latest .TOM-list-container ul {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.TOM-latest .TOM-list-container ul li {
	margin: 15px 1px 15px 0;
	padding: 0;
	list-style: none;
	height: 66px;
	display: block;
	width: 100%;
}
.TOM-latest .TOM-list-container ul li a {
	margin:0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: block;
}
.TOM-latest .TOM-list-container ul li .TOM-list-thumb {
	width: 110px;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	opacity: 1;
	position: relative;
	box-shadow: 0 0 3px rgba(0,0,0,.25); -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.TOM-latest .TOM-list-container ul li:hover .TOM-list-thumb {
	opacity: 0.8;
}
.TOM-latest .TOM-list-container ul li .TOM-list-thumb-video .TOM-list-thumb-video-icon {
	width: 25px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgb(255,168,0);
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	color: rgba(255,255,255,.9);
}
.TOM-latest .TOM-list-container ul li .TOM-list-thumb-video .TOM-list-thumb-video-icon::after {
	font: 24px 'entypo';
	content: "▶";
	line-height: 22px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	vertical-align: middle;
	text-align: center;
	display: block;
	color: #fcfcfc;
	width: 25px;
}
.TOM-latest .TOM-list-container ul li .TOM-list-title {
	float: left;
	height: 90%;
	width: calc(100% - 125px);
	margin-left: 6px;
	font-weight: 500;
	font: 16px/20px 'Oxygen', 'Lato';
	overflow: hidden;
	color: rgba(0,0,0,.85);
}
.TOM-latest .TOM-list-container ul li .fa {
	padding-right: 6px;
	color:#999;
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.TOM-latest .TOM-list-container ul li:hover a,
.TOM-latest .TOM-list-container ul li:hover .fa {
	color:rgb(255,168,0);
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.TOM-latest .TOM-list-container .more-link {
	display: block;
	margin-top: 6px;
	padding: 6px 0;
	text-align: center;
	border: 3px solid rgba(0,0,0,.85);
	color: rgba(0,0,0,.85);
	font: 700 16px/22px 'Raleway';
	text-transform: uppercase;
    transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
    text-decoration: none;
}
.TOM-latest .TOM-list-container .more-link:hover {
	color: rgba(255,255,255,.96);
	background: rgba(0,0,0,.85);
	border-color: transparent;
}
#TOM-header-articles {
	left: 100%;
}
.mobile-ad-block-default {
	width: 100%; height: auto;
	display: block;
	margin: 15px 0;
	padding: 0;
	position: relative;
}
.ad-placement-container {
	width: 300px; 
	position: relative; 
	margin: 0 auto; padding: 0;
}
@media screen and (min-width: 728px) {
	.TOM-latest {
		width: calc(100% - 330px);
		float: left;
	}
	.mobile-ad-block-default {
		width: 300px; height: 250px;
		margin: 58px 0 0 0; padding: 0 0 0 30px;
		display: block;
		float: left;
	}
}
.ad-wrapper {
	width: 300px; 
	margin: 0px auto 20px auto;
}
small.adtext {
	text-align: right; 
	font-size: 11px; 
	display: block;
}
.light-gray-bg {
	background: rgba(0,0,0,.1);
	position: relative;
	padding: 15px 0;
	width: 100%; height: auto;
	display: block;
	margin: 0;
	min-height: 200px;
}
.section-titles {
    position: relative;
    margin: 0 0 10px 0; padding: 0;
    left: 0; top: 0;
    display: inline-block; /* default display */
    vertical-align: middle;
}
.section-titles .title {
    position: relative;
    padding: 11px 20px; margin: 0;
    font: 700 24px/28px 'Raleway', 'Lato';
    display: inline-block;
    vertical-align: middle;
    z-index: 4;
}
.section-titles .title.yellow {
    background: #eea800;
    color: rgba(0,0,0,.96);
    margin: 0;
}
.section-titles .title.light {
	background: #fcfcfc;
	color: rgba(0,0,0,.96);
	margin: 0;
}
.section-titles .right-angle-cap {
    position: absolute; 
    top: 0px; right: -18.5px;
    margin: 0; padding: 0;
    border-top: 19px solid transparent; 
    border-right: 19px solid transparent; 
    border-left: 0px transparent;
    border-bottom: 0px transparent;
    display: inline-block;
    vertical-align: middle;
    width: 0px; 
}
.section-titles .title.yellow .right-angle-cap {
	border-top: 50px solid #eea800;
}
.section-titles .title.light .right-angle-cap {
	border-top: 50px solid #fcfcfc;
}
/*
.section-titles .bottom-angle-cap {
    position: relative;
	height: 0;
	width: 0;
	top: 0px;
	left: 0px;
    display: block; 
    border-right: 16px solid rgba(0,0,0,.85);
    border-bottom: 11px solid transparent;
    border-left: 0px transparent;
    border-top: 0px transparent;
    overflow: hidden;
    z-index: 3;
}
*/
.section-titles.inverse .bottom-angle-cap {
	border-right: 16px solid #eea800;
}
#expresso-feature-video {
	width: 100%; height: 0;
	padding: 0 0 60% 0;
	display: block;
	background: #353535; /* Temporary BG Color */
	position: relative;
	box-shadow: 0 0 3px rgba(0,0,0,.25); -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
}
#expresso-feature-video a .play-for-mobile {
	background: rgba(15,12,15,.68);
	color: rgba(255,252,255,.68);
	cursor: pointer;
	display: block;
	font: 60px/60px 'entypo';
	width: 60px!important; height: 60px!important;
	margin: 0 auto; padding: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: calc(50% - 30px);
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	vertical-align: top;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
	z-index: 4;
}
#expresso-feature-video a .play-for-mobile::after {
	position: absolute;
	display: block;
	content: "▸";
	left: calc(100% - 37px);
	top: calc(50% - 30px);
}
#expresso-feature-video a:hover .play-for-mobile,
#expresso-feature-video a:active .play-for-mobile {
	background: rgba(15,12,15,.96);
	color: rgba(255,252,255,.96);
	box-shadow: inset 0 0 1px 0 #3ee906; -moz-box-shadow: inset 0 0 1px 0 #3ee906; -webkit-box-shadow: inset 0 0 1px 0 #3ee906;
}
h3.expresso-video-title {
	font: 500 20px/24px 'Raleway';
	padding: 5px 0; margin: 0;
	width: 100%;
}
.expresso-video-datelink {
	width: 100%; height: auto;
	position: relative;
	margin: 3px 0 0 0;
}
.expresso-video-date {
	float: left; 
	font: 14px/20px 'Oxygen';
	position: relative;
	display: block;
	color: rgba(0,0,0,.7);
	margin: 0; padding: 0;
}
.expresso-link {
	float: right;
	font: 700 16px/20px 'Raleway';
	text-transform: uppercase;
	position: relative;
	display: block;
	margin: 0; padding: 0;
}
.expresso-link a {
	color: rgba(0,0,0,.85);
	text-decoration: none;
}
.expresso-link a .link-arrow {
	font: 30px/0px 'entypo';
	display: inline-block;
	margin: -2px 0 0 5px;
	padding: 0;
	position: relative;
	vertical-align: middle;
}
#expresso-feature-video > a {
	display: block;
	width: 100%;
	height: 0;
	padding: inherit;
	margin: 0;
	position: relative;
}
#expresso-feature-video > a > .play-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 3;
	background-color: rgba(255,0,0,0.1);
}
#expresso-feature-video > a > .thumbnail {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 2;
	background-color: rgba(0,0,0,0.1);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.dark-gray-bg {
	background: rgba(0,0,0,.85);
	position: relative;
	padding: 15px 0;
	width: 100%; height: auto;
	display: block;
	margin: 0;
	min-height: 200px;
}
.dark-gray-bg.pb20 {
	padding: 15px 0 20px 0;
}
#ms-watch-container {
	width: 100%; height: 0;
	padding: 0 0 60% 0;
	display: block;
	/*background: #CCCCCC;  Temporary BG Color */
	position: relative;
}
.mobile-watch .ms-slide-info {
	min-height: none;
	position: absolute!important;
	top: -55px; right: 0;
	text-align: right;
}
.mobile-watch .ms-slide .ms-layer {
	bottom: 0!important;
	position: absolute;
}
.watch-category {
	color: #eea800;
	font: 300 18px/20px 'Oxygen';
	display: block;
	position: relative;
	text-transform: uppercase;
}
.mobile-watch .ms-slide .ms-layer .caption-area {
	background: rgba(0,0,0,.74);
	width: 900px; height: 5vh;
	padding: 15px; margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
}
.mobile-watch .ms-slide .show-title {
	color: #eea800 !important;
	font: 400 16px/26px 'Raleway';
	margin: 0; padding: 0;
}
.mobile-watch .ms-slide .caption-title {
	font: 400 24px/22px 'Raleway';
	color: rgba(255,255,255,.96);
	padding: 0; margin: 0;
}
.ms-slide .play-for-mobile {
	background: rgba(15,12,15,.68);
	color: rgba(255,252,255,.68);
	cursor: pointer;
	display: block;
	font: 60px/60px 'entypo';
	width: 60px!important; height: 60px!important;
	margin: 0 auto; padding: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: calc(50% - 30px);
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	vertical-align: top;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
	z-index: 4;
}
.ms-slide .play-for-mobile::after {
	position: absolute;
	display: block;
	content: "▸";
	left: calc(100% - 37px);
	top: calc(50% - 30px);
}
.ms-slide:hover .play-for-mobile,
.ms-slide:active .play-for-mobile {
	background: rgba(15,12,15,.96);
	color: rgba(255,252,255,.96);
	box-shadow: inset 0 0 1px 0 #3ee906; -moz-box-shadow: inset 0 0 1px 0 #3ee906; -webkit-box-shadow: inset 0 0 1px 0 #3ee906;
}
.ms-slide-bgcont { top:0 !important; }

#featured-container {
	width: 100%; height: 0;
	padding: 0 0 65% 0;
	margin-bottom: 15px;
	display: block;
	position: relative;
	/*box-shadow: 0 0 3px rgba(0,0,0,.25); -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);*/
}
.featured-home .ms-slide-info {
	margin: 4px 0 0 0!important;
}
@media screen and (max-width: 640px) {
	#featured-container {
		padding-bottom: 73%;
	}
	.mobile-watch .ms-slide .ms-layer .caption-area {
		height: 4vh;
		padding: 9px 15px 18px 15px;
	}
	.mobile-watch .ms-slide .show-title {
		font: 400 14px/24px 'Raleway';
	}
	.mobile-watch .ms-slide .caption-title {
		font: 400 20px/20px 'Raleway';
	}
}
@media screen and (max-width: 400px) {
	#featured-container {
		padding-bottom: 78%;
	}
	.mobile-watch .ms-slide .ms-layer .caption-area {
		height: 3vh;
		padding: 9px 15px 18px 15px;
	}
	.mobile-watch .ms-slide .show-title {
		font: 400 12px/22px 'Raleway';
	}
	.mobile-watch .ms-slide .caption-title {
		font: 400 18px/18px 'Raleway';
	}
}
.featured-home .ms-info .featured-category {
	position: absolute;
}
.featured-home .ms-info .author-featured {
	font: 400 14px/20px 'Oxygen';
	color: rgba(0,0,0,.45);
}
.featured-home .ms-info .title-featured {
	font: 400 20px/24px 'Raleway';
	max-height: 48px; width: 100%;
	overflow: hidden;
}
.featured-category {
	position: absolute;
	display: block;
	font: 700 15px/20px 'Lato';
	font-style: italic;
	padding: 0; margin: 0;
	color: rgba(0,163,255,.96);
	top: 0; right: 0;
	z-index: 5;
}
/* - - - MS Overrides - - - */
.featured-home .ms-skin-default .ms-nav-next {
	right: 16px!important;
}
.featured-home .ms-skin-default .ms-nav-prev {
	left: 16px!important;
}
.post-thumb-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 1px 3px rgba(0,0,0,.65); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.65); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.65);
}
.recent-post-grid {
	overflow-y: hidden;
}
.recent-post-item {
	padding: 0px;
	width: 385px; 
	margin-bottom: 20px;
	color: #222;
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.recent-post-item:hover,
.recent-post-item:active {
	background-color: rgb(240,240,240);
	color: #0a91f9;
}
.recent-post-item .post-source {
	margin: 5px 0;
	font-family: 'Lato';
	font-size: 11px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.recent-post-item .post-title {
	font: 16px/22px 'Raleway', 'Lato';
	font-weight: 600;
}
.recent-post-item a {
	display: block;
}
.recent-post-item a:hover {
	color: #222;
}	
.new-post-grid ul {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}
.new-post-grid ul > li {
	display: inline-block;
	list-style: none;
	width: 48%;
	padding: 0;
	margin: 0 0 8px 0;
	vertical-align: top;
	position: relative;
}
.new-post-grid ul > li > a {
	text-decoration: none;
	color: rgba(0,0,0,.7);
}
.new-post-grid ul > li:nth-child(odd) {
	left: 0;
	margin: 0 4% 12px 0;
}
.new-post-grid ul > li:nth-child(even) {
	right: 0;
}
.new-post-grid ul li > a {
	display: block;
}
.new-post-grid ul li > a .post-thumb-img {
	width: 100%;
	height: 0px;
	padding-bottom: 58%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,.45); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.45); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.new-post-grid ul li > a .post-info {
	height: auto;
	overflow: hidden;
}
.more-link {
	display: block;
	margin-top: 6px;
	padding: 6px 0;
	text-align: center;
	border: 3px solid rgba(0,0,0,.85);
	color: rgba(0,0,0,.85);
	font: 700 16px/22px 'Raleway';
	text-transform: uppercase;
    transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
    text-decoration: none;
}
.more-link:hover,
.more-link:active {
	color: rgba(255,255,255,.96);
	background: rgba(0,0,0,.85);
	border-color: transparent;
}

/*****************************************************
FIND US
*****************************************************/
#find-us-results li {
	background-color: rgba(0,0,0,.1);
}

#providers-spinner > .spinner {
	width: 0 !important;
	height: 32px !important;
	top: 34px !important;
	left:0 !important;
	position: relative !important;
	margin: auto !important;
}


/*****************************************************
TOP of MIND
1. Overview (main page)
*****************************************************/
/* Overview Page */
#blog-body .masterslider-container {
	background: rgba(0,0,0,0);
}
.tomslider-main {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.35);
}
.tomslider-main .ms-skin-default,
.tomslider-main .ms-skin-default .ms-slide,
.tomslider-main .ms-skin-default .ms-slide-container {
	min-height: 250px;
	display: block;
}
.tomslider-main .ms-skin-default .ms-view {
	height: 100%;
	min-height: 250px;
	display: block;
	position: relative;
	overflow: auto;
}
.tomslider-main .ms-skin-default .ms-layer {
	position: absolute;
	height: 60px;
	margin-top: 285%;
	display: block;
}
.tomslider-main .ms-skin-default .ms-nav-next {
	right: 16px!important;
}
.tomslider-main .ms-skin-default .ms-nav-prev {
	left: 16px!important;
}
.tomslider-main .ms-skin-default .ms-bullet {
	width: 7px!important; height: 7px!important;
	background: #a0a0a0; /* default color, must be background definition for override */
	border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important;
	margin: 4px 8px 0 0!important;
	box-shadow: 0px 0px 2px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.tomslider-main .ms-skin-default .ms-bullet {background: rgba(255,255,255,.8)!important;}	
.tomslider-main .ms-skin-default .ms-bullet-selected {background: rgba(0,158,255,.98)!important;}

.tomslider-main .ms-view.ms-basic-view.ms-grab-cursor { overflow:hidden !important; }

.tomslider-post-categories {
	position: relative;
	background: rgba(0, 158, 255, 0.98);
	padding: 6px 12px; margin: 0;
	font: 700 16px/20px 'Oxygen';
	color: rgba(255,255,255,.96);
	display: block;
	width: auto;
}
.tomslider-post-categories.featured-topic {
	background: rgba(231, 33, 33, 0.98);
}
.tomslider-post-title {
	position: relative;
	width: 90%; height: auto;
	padding: 0; margin: 40px 0 0 0;
	font: 700 24px/30px 'Raleway';
	color: rgba(255,255,255,.96);
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,.35);
}

.four-featured-posts-container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.four-featured-posts-container > ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.four-featured-posts-container > ul > li {
	width: calc(25% - 18px);
	display: block;
	padding: 0;
	margin: 0 24px 0 0;
	list-style: none;
	float: left;
}

.four-featured-posts-container > ul > li:last-of-type {
	margin: 0;
}

.four-featured-posts-container > ul > li > a {
	width:100%;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.four-featured-posts-container > ul > li > a > .thumbnail {
	width: 100%;
	height: 0;
	padding-bottom: 72%;
	display: block;
	background-repeat: no-repeat;
	background-color: #ccc;
	background-size: cover;
}

.four-featured-posts-container > ul > li > a > .title {
	margin: 10px 0 0 0;
	color: #131313;
	font: 700 16px/20px 'Raleway', 'Lato';
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.four-featured-posts-container > ul > li > a:hover > .title {
	color: rgba(0, 150, 255, 0.98);
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.video-text {
	margin: 0; padding: 0 0 5px 0;
	position: relative;
	font: 700 15px/20px 'Raleway';
}
.video-text a {
	color: #00a3ff;
}
.description {
	margin: 0; padding: 5px 0;
	position: relative;
	font: 500 16px/22px 'Lato';
	color: rgba(0,0,0,.7);
}
.rotatingtweet {
	text-align: center;
}	
p.rtw_main {
	font: 500 20px/26px 'Oxygen';
}
.twitter-rotator {
	margin: 50px 0;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0,0,0,.25);
	border-top: 1px solid rgba(0,0,0,.25);
}
.rotatingtweet a.rtw_hashtag_link,
.rotatingtweet a.rtw_url_link,
.rotatingtweet a.rtw_media_link,
.rotatingtweet a[lang="en"] {
	color: #00a3ff;
}
.about-text {
	margin: 25px; 
	padding: 15px 0; 
	border-top: 1px solid rgba(0,0,0,.2); 
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.about-text h3 {
	font: 700 24px/28px 'Raleway';
	color: #00a3ff;
	padding: 0; margin: 0 0 8px 0;
	text-align: center;
}
.about-text p {
	font: 500 18px/24px 'Oxygen';
	width: calc(100% - 60px);
	margin: 0; padding: 0 30px;
	text-align: center;
}

.separator-line {
	width: 100%;
	height: 1px;
	background-color: #ccc;
	margin: 32px 0;
}

.content-left {
	display: block;
	width: calc(100% - 340px);
	float: left;
}

.content-right {
	display: block;
	width: 300px;
	float: right;
}

.content-right span.adtext {
	text-align: right;
	font-size: 11px;
	font-family: 'Lato';
	font-weight: 500;
	text-transform: lowercase;
	width: 100%;
	color: rgba(0,0,0,.65);
	position: relative;
	display: block;
}

.four-post-block {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.four-post-block > li {
	width: calc(50% - 12px);
	padding: 0;
	display: block;
	list-style: none;
	float: left;
}

.four-post-block > li:nth-child(2n-1) {
	margin: 0 24px 36px 0;
	clear: both;
}

.four-post-block > li:nth-child(2n) {
	margin: 0 0 36px 0;
}

.four-post-block > li > .thumb-link {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #eee;
	padding: 0;
	margin: 0;
	display: block;
}

.four-post-block > li > .thumb-link > .thumbnail {
	position: relative;
	z-index: 2;
	top:0;
	left: 0;
	width: 100%;
	height: 0;
	padding-bottom: 67%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

.four-post-block > li > .cat-link,
.four-post-block > li > .cat-links  {
	padding: 4px 0;
	margin: 4px 0 0 0;
	float: left;
	color: rgba(0,0,0,.7);
	font: 700 14px/18px "Lato";
	vertical-align: middle;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
}
.four-post-block > li > .cat-link:hover,
.four-post-block > li > .cat-links:hover {
	color: #0099ff;
}
.four-post-block > li > .cat-link a,
.four-post-block > li > .cat-links a {
	color: rgba(0,0,0,.7);
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
.four-post-block > li > .cat-link a:hover,
.four-post-block > li > .cat-links a:hover {
	color: #00a3ff;
}
.four-post-block > li > .date {
	padding: 4px 0;
	margin: 4px 0 0 0;
	float: left;
	color: #999;
	font: 500 14px/18px "Oxygen";
	vertical-align: middle;
}

.four-post-block > li > .title-link {
	margin: 0;
	color: #131313;
	font: 700 16px/20px 'Raleway';
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.four-post-block > li > .title-link:hover {
	color: #00a3ff;
}

.three-post-list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.three-post-list > li {
	display: block;
	width: 100%;
	margin: 0 0 36px 0;
	padding: 0;
	list-style: none;
}

.three-post-list > li > .thumb-link {
	position: relative;
	display: block;
	width: 48%;
	height: 158px;
	float: left;
	margin: 0;
	padding: 0;
}

.three-post-list > li > .thumb-link > .thumbnail {
	position: absolute;
	z-index: 2;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eee;
	background-repeat: no-repeat;
	background-size: cover;
}

.three-post-list > li > .thumb-link > .video-play-icon {
	background: rgba(15,12,15,.68);
	color: rgba(255,252,255,.68);
	cursor: pointer;
	display: block;
	font: 60px/60px 'entypo';
	width: 60px!important; height: 60px!important;
	margin: 0 auto; padding: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: calc(50% - 30px);
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	vertical-align: top;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
	z-index: 3;
}
.three-post-list > li > .thumb-link > .video-play-icon::after {
	position: absolute;
	display: block;
	content: "▸";
	left: calc(100% - 37px);
	top: calc(50% - 30px);
}

.three-post-list > li > .thumb-link:hover > .video-play-icon {
	background: rgba(15,12,15,.96);
	color: rgba(255,252,255,.96);
	box-shadow: inset 0 0 1px 0 #3ee906; -moz-box-shadow: inset 0 0 1px 0 #3ee906; -webkit-box-shadow: inset 0 0 1px 0 #3ee906;
}

.three-post-list > li > .info {
	display: block;
	width: 48%;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;
}

.three-post-list > li > .info > .cat-link,
.three-post-list > li > .info > .cat-links {
	padding: 4px 0;
	margin: 4px 0;
	float: left;
	color: rgba(0,0,0,.7);
	font: 700 14px/18px "Lato";
	vertical-align: middle;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
}
.three-post-list > li > .info > .cat-link:hover,
.three-post-list > li > .info > .cat-links:hover {
	color: #0099ff;
}
.three-post-list > li > .info > .cat-link a,
.three-post-list > li > .info > .cat-links a {
	color: rgba(0,0,0,.7);
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
.three-post-list > li > .info > .cat-link a:hover,
.three-post-list > li > .info > .cat-links a:hover {
	color: #00a3ff;
}
.three-post-list > li > .info > .date {
	padding: 4px 0;
	margin: 4px 0;
	float: left;
	color: #999;
	font: 500 14px/18px "Lato";
	vertical-align: middle;
}

.three-post-list > li > .info > .title-link {
	margin: 10px 0 0 0;
	color: #131313;
	font: 700 18px/22px 'Raleway';
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.three-post-list > li > .info > .title-link:hover {
	color: #00a3ff;
}
.pagination > a, .pagination > div {
	display: block;
	width: 100px;
	height: 30px;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	font: 500 16px/30px 'Lato';
}

.pagination > div {
	background-color: #dddddd;
	color:#bbbbbb;
	cursor: default;
}

.pagination > a {
	background-color: #333333;
	color:#fcfcfc;
}

.pagination > a:hover {
	background-color: #00a3ff;
	color:#FCFCFC;
}
.pagination > .pagination-prev {
	float: left;
}

.pagination > .pagination-next {
	float: right;
}
.about-topofmind,
.contributor-grid {
	width: 100%;
}

.about-topofmind .about-text p {
	margin: 5px 0 10px 0;
	font: 500 15px/21px 'Oxygen';
}

.about-topofmind > .title,
.contributor-grid > .title  {
	width: 100%;
	color: #0099ff;
	font: bold 20px/22px "Lato";
	font-style: italic;
	border-bottom: 1px #ccc solid;
	padding: 0 0 12px 0;
	margin: 8px 0;
}

.contributor-grid > ul {
	display: block;
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}

.contributor-grid > ul > li {
	width: calc(50% - 10px);
	float: left;
	padding: 0;
	display: block;
}

.contributor-grid > ul > li:nth-child(2n-1) {
	margin: 0 20px 20px 0;
	clear: both;
}

.contributor-grid > ul > li:nth-child(2n) {
	margin: 0 0 20px 0;
}

.contributor-grid > ul > li > a {
	
}

.contributor-grid > ul > li > a > .thumbnail {
	width: 100%;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contributor-grid > ul > li > a > .title {
	font: 700 18px/20px "Lato";
	color: #131313;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.contributor-grid > ul > li > a:hover > .title {
	color: rgb(248,188,4);
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.view-all-button {
	display: block;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	width: 100%;
	max-width: 900px;
	margin: auto;
	padding:0;
	background-color: #222;
	font-family: "Lato";
	color: white;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.view-all-button:hover {
	background-color: #111;
	color: rgb(248,188,4);
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

#mobile-topofmind-filters > .filters-wrapper > select > option {
	color: #131313;
	font: 100 18px/20px 'Lato';
	outline: none;
}
#mobile-topofmind-filters {
	display: block;
	background-color: rgb(161,49,49);
	width: calc(100% - 32px);
	padding: 5px 16px;
}
#mobile-topofmind-filters select {
	border: none;
	background-color: rgba(161,49,49,0);
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	height: 30px;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0px;
	width: 100%;
	color: white;
	font: 500 18px/20px 'Lato';
	cursor: pointer;
	position: relative;
	z-index: 4;
}
#mobile-topofmind-filters .input-arrows {
	position: absolute; 
	right: 16px; 
	text-align: right; 
	font: 300 40px/30px 'entypo'; 
	vertical-align: middle; 
	color: rgba(255,255,255,.9); 
	display: block; 
	cursor: pointer; 
	z-index: 2;
}

/*****************************************************
SHOWS
1. Shows Grid
2. Individual Show
*****************************************************/
/* Shows Grid */
.lite {
	font: 400 16px/20px 'Raleway';
	color: rgba(0,0,0,.85);
	vertical-align: middle;
}	
.shows-grid-list {
	margin: 15px 0 0 0;
	width: 100%;
	padding: 0;
	list-style: none;
}
.shows-grid-list li {
	display: block;
	width: 100%;
	margin: 10px 0 15px 0;
	background-color: #222222;
	height: 250px;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 10px 0;
	box-shadow: 0 0 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.4);
	cursor: pointer;
}
.shows-grid-list li > a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.shows-grid-list li .static-overlay {
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.46) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.46)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.shows-grid-list li .overlay {
	position: absolute;
	top:0;
	left: 0;
	z-index: 3;
	padding: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.shows-grid-list li .overlay:hover {
	opacity: 1;
	-webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.shows-grid-list li .overlay h3, .grid-list-3c li .overlay p {
	display: block;
	padding: 0;
	margin: 0;
}
.shows-grid-list li .overlay h3 {
	margin-top: 30px;
	color:rgb(29,165,244);
	font-weight: 400;
	font: 20px/22px 'Lato';
}
.shows-grid-list li .overlay p {
	color:#fcfcfc;
	font-weight: 300;
	font-size: 16px;
	line-height: 19px;
}
.shows-grid-list li .overlay .date {
	color:rgb(255,168,0);
	font-weight: 300;
	font-size: 16px;
	line-height: 19px;
}
.shows-grid-list li h2 {
	margin:0;
	padding:0;
	font-weight: 300;
	color:#fcfcfc;
	font-size: 26px;
}
.shows-grid-list li a > h2 {
	position: absolute;
	padding: 10px;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: calc(100% - 20px);
}

/* Individual Show */
#show-banner {
	position: relative;
	width: 100%;
	height: 360px;
	box-shadow: inset 0 -30px 30px rgba(0,0,0,.6); -moz-box-shadow: inset 0 -30px 30px rgba(0,0,0,.6); -webkit-box-shadow: inset 0 -30px 30px rgba(0,0,0,.6);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#show-banner .info {
	position: relative;
	z-index: 2;
	width: 100%; height: 100%;
	max-width: 900px;
	margin: 0 auto;
	left: 0;
	bottom: 0;
}
#show-banner .info .banner-overlay {
	width: auto; height: auto;
	display: block;
	margin: -30px 0 0 0; 
	position: absolute;
	top: 50%;
}
#show-banner .info .banner-overlay .blurry-bg {
	width: 100%; height: 100%;
	background: rgba(0,0,0,.65);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	position: absolute;
	z-index: 1;
	display: block;
	top: 3px; left: -3px;
}
#show-banner .info .feature-show-title {
	color: rgba(255,255,255,.96);
	text-shadow: 1px 1px 1px rgba(0,0,0,.77);
	font: 500 28px/32px 'Lato';
	text-transform: uppercase;
	z-index: 4;
}
#show-banner .info .feature-show-title span[-ci] {
	font-style: italic;
	color: rgba(255,255,255,.6);
	text-transform: lowercase;
	font-weight: 300;
}
#show-banner .info .feature-show-onair-time {
	font: 500 16px/20px 'copperplate_fsregular';
	text-shadow: 1px 1px 1px rgba(0,0,0,.77);
	color: rgba(255,255,255,.9);
	text-transform: lowercase;
	z-index: 4;
}
#show-banner .info .show-menu {
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100% - 32px);
	padding: 5px 16px;
}
#show-banner .info .show-menu .input-arrows {
	position: absolute;
	right: 16px;
	text-align: right;
	font: 300 40px/30px 'entypo';
	vertical-align: middle;
	color: rgba(255,255,255,.9);
	display: block;
	cursor: pointer;
	z-index: 2;
}
#show-banner .info .show-menu select {
	border: none;
	background: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	height: 30px;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0px;
	width: 100%;
	color: white;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	font: 300 22px/22px 'Lato';
	z-index: 4;
}


[item="about"] h2,
[item="video"] h2 {display: none;}
[item="about"] p {font: 500 15px/20px 'Oxygen', 'Lato';}
[item="about"] p em {font-weight: 700;}
/*
ul.show-clips-grid {
	width: 100%; height: auto;
	position: relative;
	list-style: none;
	display: block;
	margin: 16px 0 0 0; padding: 0;
}
ul.show-clips-grid li {
	display: inline-block;
	width: 48%;
	padding: 0;
	margin: 0 0 8px 0;
	vertical-align: top;
	position: relative;
}
ul.show-clips-grid li a {
	text-decoration: none;
	color: rgba(0,0,0,.7);
	display: block;
}
ul.show-clips-grid > li:nth-child(odd) {
	left: 0;
	margin: 0 4% 12px 0;
}
ul.show-clips-grid > li:nth-child(even) {
	right: 0;
}*/
.block-link-info-block {
	position: absolute;
	z-index: 4;
	bottom: 0;
	width: 100%;
}
.block-link-info-text {
	display: none;
}

.block-link-info-description {
	font: 500 12px/12px 'Lato';
	color: rgba(255,255,255,.96);
	width: 100%; padding: 3px 0;
	/*background: rgba(0,0,0,.45);*/
	text-align: left;
}

/*
ul.show-clips-grid li .block-link-img {
	width: 100%;
	height: 0px;
	padding-bottom: 58%!important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,.45); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.45); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
*/
.mh-subline {
	font: 500 12px/14px 'Lato'; 
	color: rgba(0,0,0,.6); 
	margin: 5px 0;
}
.mh-subline.next {
	margin: 0;
}
h2.episode-guide-title,
.select-season-label,
.season-title {
	display: none;
}
.select-wrapper-arrow {
	color: rgba(0,0,0,.85);
	font: 44px/44px 'entypo';
	position: absolute;
	display: block; 
	right: 28px;
	
	vertical-align: middle;
}
select.season-selector {
	width: 100%; 
	display: block;
	position: relative;
	background: transparent;
	border-radius: none; -webkit-appearance: none; -webkit-border-radius: 0px;
	border: 2px solid rgba(0,0,0,.85);
	margin: 10px 0; padding: 9px 12px;
	font: 500 15px/20px 'Oxygen';
}
.show-season-list {
	margin-top: -30px;
}
.show-season-list ul li {
	border-bottom: 1px dotted rgba(0,0,0,.2);
	margin: 0 0 16px 0;
}
.episode-number {
	font: 500 18px/22px 'Raleway';
	color: rgba(0,0,0,.78);
}
.episode-title {
	font: 500 18px/22px 'Raleway';
	color: #0089ff;
	margin-left: 6px;
}
.episode-description {
	margin-bottom: 16px;
}
.episode-description p {
	padding: 5px 0 0 0; margin: 0;
	font: 500 14px/20px 'Oxygen';
}

/*****************************************************
SCHEDULE
*****************************************************/
#schedule-container {
	border:none; 
	margin: 0!important; 
	padding:0; 
	position: relative;
	background-color: transparent;
	width: 100%;
	height: 100vh!important;
	bottom: 0;
	display: block;
	vertical-align:bottom;
	background: none;
}

/*****************************************************
ABOUT US
*****************************************************/
h1.corp-title {
	width: auto; height: auto;
	font: 400 24px/28px 'Raleway';
	position: relative;
	padding: 15px 0;
	margin: 0;
}
h2.about-intro {
	width: 100%; height: auto;
	position: relative;
	font: 700 20px/26px 'Lato';
	color: rgba(0,0,0,.9);
	margin: 0; padding: 12px 0 0 0;
}
p.line-text {
	font: 500 16px/22px 'Lato';
	color: rgba(0,0,0,.6);
	margin: 12px 0 0 0; padding: 0;
}

/*****************************************************
CONTACT US
*****************************************************/
.gmap-overlay {
    background: transparent; 
    position: absolute; 
    width: calc(100% - 32px); height: 0;
    margin: 0;
    padding: 0 0 52% 0;
    display: block;
    z-index: 2;
}
.gmap-embed {
	position: relative;
	margin: 15px 0;
	width: 100%; height: 0;
	padding: 0 0 52% 0;
	display: block;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.7);
}
.gmap-embed iframe {
	width: 99.9%; height: 99.9%;
	margin: 0; padding: 0;
	display: block;
	position: absolute;
}
.corp-col-half {
	float: none;
	width: 90%;
	display: block;
}
.corp-col-half h3 {
	margin: 6px 0 0 0; padding: 0;
	font: 700 18px/22px 'Raleway';
}
.corp-col-half > p.corp-text {
	padding: 4px 0 14px 0!important;
	margin: 0;
	font: 500 16px/20px 'Lato';
	color: rgba(0,0,0,.5);
}

#recipes-loading {
	text-align: center;
	width: 100%; height: 120px;
	display: block;
	position: relative;
	vertical-align: middle;
	margin-top: 20px;
}

.heartbeat {
	width: 60px; height: 60px;
	position: relative;
	margin: 10px auto;
}
.beat-1, .beat-2 {
	width: 100%; height: 100%;
	border-radius: 50%;
	position: absolute;
	opacity: 0.9;
	top: 0;
	left: 0;
	animation: beat 1.5s infinite ease-in-out; -webkit-animation: beat 1.5s infinite ease-in-out;
}
.beat-2 {
	animation-delay: -0.75s; -webkit-animation-delay: -0.75s;
}
@-webkit-keyframes beat {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes beat {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.beat-1 {
	background-color: rgba(0,0,0,.7);
}

/*****************************************************
KITCHEN 
1. Globals
2. Overview
3. Show Grid
4. Individual
*****************************************************/
/* 1. Globals */
#show-filters {
	display: block;
	background-color: #764CBA;
	width: calc(100% - 32px);
	padding: 5px 16px;
}
#show-filters select {
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	height: 30px;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0px;
	width: 100%;
	color: white;
	font: 500 18px/20px 'Lato';
	cursor: pointer;
	position: relative;
	z-index: 4;
}
@media screen and (min-width: 900px) {
	#show-filters .show-filters-wrapper {
		width: 900px;
		margin: 0 auto;
		position: relative;
	}
	#show-filters .show-filters-wrapper span.input-arrows {
		right: 0;
	}
}
#show-filters span.input-arrows {
	position: absolute; 
	right: 16px; 
	text-align: right; 
	font: 300 40px/30px 'entypo'; 
	vertical-align: middle; 
	color: rgba(255,255,255,.9); 
	display: block; 
	cursor: pointer; 
	z-index: 2;
}
.share-bar-recipe-mobile {
	width: 100%; height: 42px!important;
	padding: 0; margin: 0;
	position: relative;
	display: block;
}
.share-bar-recipe-mobile > a {
	text-decoration: none;
	display: block;
	width: 42px; height: 42px;
	margin: 0 16px 0 0;
	padding: 0;
	position: relative;
	float: left;
	background: transparent;
	border: 1px solid rgba(0,0,0,.3);
	font: 28px/42px 'socicon';
	color: rgba(0,0,0,.3);
	vertical-align: middle;
	text-align: center;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
}
.share-bar-recipe-mobile > a:hover,
.share-bar-recipe-mobile > a:active {
	color: rgba(255,255,255,.96);
}
.share-bar-recipe-mobile a.share-twitter:hover,
.share-bar-recipe-mobile a.share-twitter:active {
	background: #55acee;
	border-color: #55acee;
}
.share-bar-recipe-mobile a.share-facebook:hover,
.share-bar-recipe-mobile a.share-facebook:active {
	background: #3b5999;
	border-color: #3b5999;
}
.share-bar-recipe-mobile a.share-googleplus:hover,
.share-bar-recipe-mobile a.share-googleplus:active {
	background: #df4a32;
	border-color: #df4a32;
}
.share-bar-recipe-mobile a.share-email:hover,
.share-bar-recipe-mobile a.share-email:active {
	background: #101010;
	border-color: #101010;
}

/* 2 & 3. Overview and Show Grid */
#recipe-grid {
	margin: 16px 0 0 0;
	padding: 0;
	display: block;
	width: 100%!important;
	position: relative;
}
#recipe-grid li.recipe-item {
	margin: 0 0 16px 0;
	padding: 0;
	width: 100%;
	height: 256px;
	vertical-align: top;
	position: relative;
}
#recipe-grid li.recipe-item > a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	overflow: none;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#recipe-grid li.recipe-item > a > div {
	padding: 16px;
	height: calc(100% - 32px);
	width: calc(100% - 32px);
	background-color: rgba(0,0,0,0.4);
}
#recipe-grid li.recipe-item > a > div > .title {
	font: 300 24px/28px 'Raleway';
	color: white;
}
#recipe-grid li.recipe-item > a > div > .show {
	font: 100 18px/20px 'Lato';
	color: white;
	font-style: italic;
	opacity: .7;
}
a.load-more.kitchen-grid {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font: 700 18px/22px 'Lato';
	color: rgba(15,15,15,.96);
	background: transparent;
	border: 3px solid rgba(15,15,15,.96);
	padding: 10px 0; margin: 5px 0;
	position: relative;
	display: block;
	height: 22px;
	transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
}
a.load-more.kitchen-grid:active,
a.load-more.kitchen-grid:hover {
	background: rgba(15,15,15,.96);
	border: 3px solid transparent;
	color: rgba(255,255,255,.96);
}

/* 4. Individual */
.recipe-title-mobile {
	font: 500 28px/32px 'Raleway';
	margin: 0; padding: 0;
	position: relative;
}
.recipe-featured-image {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-header-mobile {
	display: inline-block;
	padding: 8px 16px;
	background-color: #303030;
	color: white;
	text-transform: uppercase;
	font: 700 18px/20px 'Lato';
	width: auto;
}
span.ingredient-count-mobile {
	position: relative;
	font: 500 15px/26px 'Oxygen';
	color: rgba(255,255,255,.96);
	text-align: center;
	left: -10px; top: -14px;
	margin: 0;
	padding: 0;
	background: rgb(151,117,206);
	height: 26px; width: 26px;
	border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;
	display: inline-block;
	z-index: 4;
}
.ingredients-list-mobile {
	display: block;
	margin: 0;
	padding: 0;
}
.ingredients-list-mobile > li {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted rgba(0,0,0,.5);
	width: 100%;
	font: 500 18px/20px 'Lato';
}
.ingredients-list-mobile > li:last-child {
	border-bottom: none;
}
.recipe-preparation-mobile {
	display: block;
	margin: 0;
	padding: 0;
}
.recipe-preparation-mobile > li {
	display: block;
	margin: 0;
	padding: 8px 0;
	width: 100%;
	font: 500 18px/20px 'Lato';
}
h3.more-recipes-title {
	font: 500 22px/26px 'Raleway'; 
	border-top: 1px solid rgba(0,0,0,.1); 
	padding: 14px 0 0 0;
}
.more-recipes-grid-mobile {
	width: 100%;
	display: block;
	padding: 0;
	margin:0;
}
.more-recipes-grid-mobile > li {
	display: inline-block;
	list-style: none;
	width: 48%;
	padding: 0;
	margin: 0 0 8px 0;
	vertical-align: top;
	position: relative;
}
.more-recipes-grid-mobile > li > a {
	text-decoration: none;
	color: rgba(0,0,0,.7);
}
.more-recipes-grid-mobile > li:nth-child(odd) {
	left: 0;
	margin: 0 4% 12px 0;
}
.more-recipes-grid-mobile > li:nth-child(even) {
	right: 0;
}
.more-recipes-grid-mobile > li .cover-image {
	width: 100%;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,.45); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.45); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.more-recipes-grid-mobile li .recipe-info-title {
	margin-top: 4px;
	font: 500 16px/20px 'Raleway', 'Lato';
}
.more-recipes-grid-mobile li .recipe-info-subtitle {
	font: 300 15px/18px 'Lato';
	font-style: italic;
	color: rgba(0,0,0,.5);
}
@media screen and (min-width: 728px) {
	.recipe-featured-image {
		width: 100%; height: 0;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		position: relative;
		padding: 0 0 42% 0;
	}
}


/*****************************************************
TRAVEL
*****************************************************/
#travel-header {
	width: 100%;
	height: 300px;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.taste-sounds-2015-trip {
	background: rgba(0,0,0,.75) url('/wp-content/themes/travel-lifestyle-culture/img/travel-SA-banner-2015-clear.jpg') center center no-repeat;
	background-size: cover;
}
.trip-title-date {
	width: 100%; height: auto;
	margin: 0; padding: 25px 0 0 0;
	display: block;
	position: relative;
	text-align: center;
}
.trip-title-date h5,
.trip-title-date h3,
.trip-title-date h4 {
	text-transform: uppercase;
	color: rgba(255,255,255,.95);
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	position: relative;
	margin: 0; padding: 0;
}
.trip-title-date h5 {
	font: 14px/20px 'Lato', 'Oxygen';
	font-weight: 400;
}
.trip-title-date h3 {
	font: 24px/28px 'Raleway', 'Lato';
	font-weight: 700;
	padding: 0 0 10px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,.25);
}
.trip-title-date h3 span {
	font: 16px/28px 'Lato', 'Raleway';
	font-weight: 400;
	margin: 0 5px;
	vertical-align: text-top;
	bottom: 2px;
	text-transform: none;
}
.trip-title-date h4 {
	font: 20px/24px 'Lato', 'Oxygen';
	font-weight: 700;
}
a.explore-btn {
	text-align: center;
	font: 600 16px/16px 'Lato', 'Oxygen', sans-serif;
	padding: 12px 18px;
	margin: 0 auto;
	position: relative;
	width: 120px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}
a.explore-btn.dark {
	color: rgba(255,255,255,.82);
	background: rgba(0,0,0,.55);
	transition: 150ms ease-in; -moz-transition: 150ms ease-in; -webkit-transition: 150ms ease-in;
}
a.explore-btn.dark:hover,
a.explore-btn.dark:active {
	color: rgba(255,255,255,.99);
	background: rgba(0,0,0,.85);
}
.trip-description p {
	font: 400 18px/22px 'Lato';
	color: rgba(0,0,0,.77);
}
.travel-vid {
	width: 100%; height: 0;
	padding: 0 0 56.25% 0;
	position: relative;
	display: block;
}	
.travel-vid .uplynk-clickthrough-video {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	display: block;
	position: absolute;
}
.poster.tssa-trip {
	background: url('/wp-content/themes/travel-lifestyle-culture/img/cta-promo-poster.png') center center no-repeat;
	background-size: contain;
	width: 100%; height: 100%;
}
.trip-extended-details {
	width: 100%; height: auto;
	padding: 35px 0; margin: 15px 0;
	position: relative;
	display: block;
	border-top: 1px solid rgba(0,0,0,.5);
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.trip-extended-details.purple.pattern {
	background: #4f2561 url('/wp-content/themes/travel-lifestyle-culture/img/de-30.png') 0 0 repeat;
}
.trip-extended-details p {
	text-align: center;
	font: 400 14px/18px 'Oxygen', 'Lato', sans-serif;
	color: rgba(255,255,255,.96);
	text-shadow: 1px 1px 1px rgba(0,0,0,.45);
	margin: 0!important;
	padding: 0;
	position: relative;
}
.trip-extended-details a {
	color: rgba(255,255,255,.96);
	text-decoration: none;
	font-weight: 800;
	transition: 150ms ease-in; -moz-transition: 150ms ease-in; -webkit-transition: 150ms ease-in;
}
.trip-extended-details a:hover {
	color: #ff9e00;
}
h1.section-title {
	font: 700 40px/44px 'Raleway'; 
	color: rgba(0,0,0,.96); 
	margin: 0; padding: 10px 0; 
	text-transform: uppercase; 
	text-align: center;
}

/*****************************************************
Know Your Heritage
*****************************************************/
#kyh-header {
	width: 100%;
	height: 350px;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.know-your-heritage-2016 {
	background: rgba(0,0,0,.75) url('/wp-content/themes/travel-lifestyle-culture/img/knowyourheritage-header-bgrd.jpg') center center no-repeat;
	background-size: cover;
}
.trip-title-date {
	width: 100%; height: auto;
	margin: 0; padding: 25px 0 0 0;
	display: block;
	position: relative;
	text-align: center;
}
.trip-title-date h5,
.trip-title-date h3,
.trip-title-date h4 {
	text-transform: uppercase;
	color: rgba(255,255,255,.95);
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	position: relative;
	margin: 0; padding: 0;
}
.trip-title-date h5 {
	font: 14px/20px 'Lato', 'Oxygen';
	font-weight: 400;
}
.trip-title-date h3 {
	font: 24px/28px 'Raleway', 'Lato';
	font-weight: 700;
	padding: 0 0 10px 0;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,.25);
}
.trip-title-date h3 span {
	font: 16px/28px 'Lato', 'Raleway';
	font-weight: 400;
	margin: 0 5px;
	vertical-align: text-top;
	bottom: 2px;
	text-transform: none;
}
.trip-title-date h4 {
	font: 20px/24px 'Lato', 'Oxygen';
	font-weight: 700;
}
a.explore-btn {
	text-align: center;
	font: 600 16px/16px 'Lato', 'Oxygen', sans-serif;
	padding: 12px 18px;
	margin: 0 auto;
	position: relative;
	width: 120px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}
a.explore-btn.dark {
	color: rgba(255,255,255,.82);
	background: rgba(0,0,0,.55);
	transition: 150ms ease-in; -moz-transition: 150ms ease-in; -webkit-transition: 150ms ease-in;
}
a.explore-btn.dark:hover,
a.explore-btn.dark:active {
	color: rgba(255,255,255,.99);
	background: rgba(0,0,0,.85);
}
.trip-description p {
	font: 400 18px/22px 'Lato';
	color: rgba(0,0,0,.77);
}
.travel-vid {
	width: 100%; height: 0;
	padding: 0 0 56.25% 0;
	position: relative;
	display: block;
}	
.travel-vid .uplynk-clickthrough-video {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	display: block;
	position: absolute;
}
.poster.kyh-contest {
	background: url('/wp-content/themes/travel-lifestyle-culture/img/kyh-2016-contest-promo-poster.png') center center no-repeat;
	background-size: contain;
	width: 100%; height: 100%;
}
.trip-extended-details {
	width: 100%; height: auto;
	padding: 35px 0; margin: 15px 0;
	position: relative;
	display: block;
	border-top: 1px solid rgba(0,0,0,.5);
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.trip-extended-details.purple.pattern {
	background: #4f2561 url('/wp-content/themes/travel-lifestyle-culture/img/de-30.png') 0 0 repeat;
}
.trip-extended-details p {
	text-align: center;
	font: 400 14px/18px 'Oxygen', 'Lato', sans-serif;
	color: rgba(255,255,255,.96);
	text-shadow: 1px 1px 1px rgba(0,0,0,.45);
	margin: 0!important;
	padding: 0;
	position: relative;
}
.trip-extended-details a {
	color: rgba(255,255,255,.96);
	text-decoration: none;
	font-weight: 800;
	transition: 150ms ease-in; -moz-transition: 150ms ease-in; -webkit-transition: 150ms ease-in;
}
.trip-extended-details a:hover {
	color: #ff9e00;
}
h1.section-title {
	font: 700 40px/44px 'Raleway'; 
	color: rgba(0,0,0,.96); 
	margin: 0; padding: 10px 0; 
	text-transform: uppercase; 
	text-align: center;
}



/* TERM & CONDITIONS */
#terms-conditions {
    margin: 16px 0; padding: 0;
    width: calc(100% - 24px);
    height: auto;
    position: relative;
}
#terms-conditions h5 {
    margin: 14px 0 14px 0; 
    padding: 0 0 8px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 22px;
    color: rgba(0,0,0,.9);
}
#terms-conditions p {
    font: 14px/22px 'Oxygen';
    font-weight: 500;
    color: rgba(0,0,0,.7);
    padding: 3px 10px;
    margin: 0;
}
#terms-conditions ul {
    font: 14px/22px 'Oxygen';
    list-style: none;
    position: relative;
    padding: 0 40px;
}
#terms-conditions ul li {
    margin: 0 0 15px 0;
    font: 14px/20px 'Lato';
}

/* Finding Samuel Lowe - Show Page */
.book-cover {
	display: block;
	width: 250px; height: 378px;
	background: url('http://theafricachannel.com/wp-content/uploads/2016/01/fsl-book-cover.png') 0 0 no-repeat;
	background-size: contain;
	margin: 10px auto; padding: 0;
}
.book-desc {
	display: block;
	width: 100%; height: auto;
	margin: 0; padding: 0;
}
.book-desc h3 {
	font-weight: 600;
	margin-bottom: 10px;
}
a.itunes-link-book {
	background: url('http://theafricachannel.com/wp-content/themes/travel-lifestyle-culture/img/fsl-book-itunes.png') 0 0 no-repeat;
	width: 130px; height: 50px;
	background-size: contain;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
a.amazon-link-book {
	background: url('http://theafricachannel.com/wp-content/themes/travel-lifestyle-culture/img/fsl-book-amazon.png') 0 0 no-repeat;
	width: 130px; height: 50px;
	background-size: contain;
	display: inline-block;
	position: relative;
}

}



/* ----------------------------------- +
    @import HTML GLOBAL STYLES
+ ----------------------------------- */
@import url('css/fontlist.css');

html {
    position: relative;
    min-height: 100%;
}
body {
	background-color: #191516;
    margin: 0 0 0 0; /* bottom = footer height */
}



/* 
	Mobile Menu 
*/
/*
#mobile-menu-button {
	width: 40px; height: 32px;
	display: inline-block;
	margin: 22px 16px;
	position: absolute;
	vertical-align: middle;
	top: 0; left: 0;
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;
	cursor: pointer;
	outline: none;
}
#mobile-menu-button span {
	display: block;
	position: absolute;
	height: 4px; width: 100%;
	margin: 0;
	background: #777777;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#mobile-menu-button span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center;
	-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
#mobile-menu-button span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center;
	-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
#mobile-menu-button span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center;
	-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
.menu-open #mobile-menu-button span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  background: rgba(255,255,255,.96);
  top: -3px;
  left: 3px;
  height: 3px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
.menu-open #mobile-menu-button span:nth-child(2) {
  width: 0%;
  opacity: 0; margin-right: 100px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
.menu-open #mobile-menu-button span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: rgba(255,255,255,.96);
  top: 25px;
  left: 3px;
  height: 3px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}


#mobile-search-button {
	width: 72px; height: 72px;
	position: absolute;
	display: block;
	top: 0; right: 0;
	-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in;
}
.ico-mglass {
  position:relative;
  display:inline-block;
  border-radius: 30px;
  height: 12px;
  width: 12px;
  border: 3px solid #777777;
  margin: 24px 18px 24px 30px;
}
.ico-mglass:after {
    content: "";
    height: 3px;
    width: 12px;
    background: #777777;
    position:absolute;
    top:13px;
    left:10px;
    -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
}
#mobile-search-button:hover .ico-mglass {
	border: 3px solid #fcfcfc;
}
#mobile-search-button:hover .ico-mglass:after {
	background: #fcfcfc;
}

.menu-open #mobile-search-button {
	top: -72px;
}

.nav-logo {
	position: absolute;
	width: calc(100% - 144px);
	height: calc(100% - 10px);
	margin: 5px 0 5px 72px;
	display: block;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	
	background: url('img/mobile/tac-mobile-logo.png') center center no-repeat;
	background-size: contain;
}

#menu {
	margin:0;
	padding:0;
	display: block;
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	left: -101%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.98);
	z-index: 100;
	
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

body.menu-open #menu {
	left:0;
	
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
} 

#menu > ul {
	position: absolute;
	left: 0;
	top: 72px;
	z-index: 2;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu ul.primary-menu {
	position: fixed;
	display: none;
}
.menu-open #menu ul.primary-menu {
	display: block;
	position: fixed;
	overflow-y: auto;
	max-height: calc(100% - 72px);
}


#menu > ul.secondary-menu {
	left: 101%;
	z-index: 3;
	background: rgba(0,0,0,.99);
	margin: 0;
	position: absolute;
	display: block;
	
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

#menu > ul.secondary-menu.open {
	left: 0;
	
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

#menu > ul > li {
	display: inline-block;
	list-style: none;
	vertical-align: middle;
	line-height: 30px;	
	border-bottom: 1px solid rgba(255,255,255,.08);
	width: 100%;
	height: 100%;
}

#menu > ul > li > a {
	padding: 16px;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	display: block;
	vertical-align: middle;
	line-height: inherit;
	text-decoration: none;
	outline: none;
	color: rgba(255,255,255,.9);
	float: left;
	font: 300 18px/24px 'Oxygen', 'Lato';
}

#menu ul li a:active {
	color: rgba(255,255,255,.9);
}

#menu > ul > li.extends > a {
	width: calc(100% - 32px);
}

#menu > ul > li.extends > a.extend-link {
	width: 45px; height: 45px;
	padding: 5px;
	text-align: center;
	position: absolute;
	z-index: 4;
	font: 32px/45px 'entypo';
	vertical-align: middle;
	right: 0;
	background: rgba(255,255,255,.06);
}

#menu > ul > li > a.secondary-menu-back {
	width: 40px; height: 40px;
	padding: 5px;
	text-align: center;
	position: absolute;
	z-index: 4;
	font: 32px/40px 'entypo';
	vertical-align: middle;
	background: rgba(255,255,255,.06);
}

#menu > ul > li > .secondary-menu-header-text {
	padding: 12px 0;
	width: 100%;
	height: calc(100% - 24px);
	display: block;
	vertical-align: middle;
	font: 20px/26px 'Raleway';
	position: relative;
	text-decoration: none;
	color: #eea800;
	text-align: center;
	text-transform: uppercase;
}

a.disabled {
	color: rgba(255,255,255,.2)!important;
	background: rgba(98,94,105);
	cursor: default;
}
a.disabled.new:after {
	content: "NEW";
	font-size: 10px;
	vertical-align: middle;
	display: inline-block;
	padding-left: 7px;
	
}
a.devmode {
	color: rgba(255,255,255,.5);
}
a.devmode:after {
	content: "devmode*";
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
	padding-left: 7px;
	font-weight: 700;
	color: rgba(15,90,190,.8);
}

#wrapper {
	position: relative;
	color: #131313;
	background-color: white;
	width: 100%;
	padding: 72px 0 10px 0;
	height: auto;
	margin: 0;
	min-height: calc(100vh - 72px) !important;
	box-shadow: 0px 3px 7px 2px rgba(0,0,0,.9); -moz-box-shadow: 0px 3px 7px 2px rgba(0,0,0,.9); -webkit-box-shadow: 0px 3px 7px 2px rgba(0,0,0,.9);
	
}

#wrapper.bg-dark {
	color: #fcfcfc;
	background-color: #222222;
}

.full-width {
	width: 100%;
}

.h-mar-small {
	margin-left: 10px;
	margin-right: 10px;
}

.h-mar-small.full-width {
	width: calc(100% - 20px);
}

.h-mar-medium {
	margin-left: 20px;
	margin-right: 20px;
}

.h-mar-medium.full-width {
	width: calc(100% - 40px);
}

.h-mar-large {
	margin-left: 30px;
	margin-right: 30px;
}

.h-mar-large.full-width {
	width: calc(100% - 60px);
}

.v-mar-small {
	margin-top: 10px;
	margin-bottom: 10px;
}

.v-mar-medium {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 932px;
	margin-left: auto;
	margin-right: auto;
}

.v-mar-large {
	margin-top: 30px;
	margin-bottom: 30px;
}

.h-pad-small {
	padding-left: 10px;
	padding-right: 10px;
}

.h-pad-small.full-width {
	width: calc(100% - 20px);
}

.h-pad-medium {
	padding-left: 16px;
	padding-right: 16px;
}

.h-pad-medium.full-width {
	width: calc(100% - 32px);
}

.h-pad-large {
	padding-left: 30px;
	padding-right: 30px;
}

.h-pad-large.full-width {
	width: calc(100% - 60px);
}

.v-pad-small {
	padding-top: 10px;
	padding-bottom: 10px;
}

.v-pad-medium {
	padding-top: 20px;
	padding-bottom: 20px;
}

.v-pad-large {
	padding-top: 30px;
	padding-bottom: 30px;
}

.h-pad-small.h-mar-small.full-width {
	width: calc(100% - 40px);
}

.h-pad-small.h-mar-medium.full-width,
.h-pad-medium.h-mar-small.full-width {
	width: calc(100% - 60px);
}

.h-pad-medium.h-mar-medium.full-width,
.h-pad-small.h-mar-large.full-width,
.h-pad-large.h-mar-small.full-width {
	width: calc(100% - 80px);
}

.h-pad-large.h-mar-medium.full-width,
.h-pad-medium.h-mar-large.full-width {
	width: calc(100% - 100px);
}

.h-pad-large.h-mar-large.full-width {
	width: calc(100% - 120px);
}

.spacer-small {
	height: 10px;
}

.spacer-medium {
	height: 20px;
}

.spacer-large {
	height: 30px;
}

.center {
	text-align: center;
}

.accent-yellow {
	color: #eea800;
}

.off-center-16 {
	width: 100%;
	position: relative;
	max-width: 930px;
	display: block;
	margin: 0 auto; padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
    font: 300 28px/32px 'Raleway', 'Lato';
    vertical-align: middle;
}

h1 span.accent-yellow {
	font-weight: 500;
}

h2 {
	margin: 0;
	padding: 0;
    font: 300 22px/24px 'Raleway', 'Lato';
    vertical-align: middle;
}

h3 {
	margin: 0;
	padding: 0;
    font: 100 18px/20px 'Lato';
    vertical-align: middle;
}

.fw-100		{ font-weight: 100; }
.fw-300		{ font-weight: 300; }
.fw-500		{ font-weight: 500; }
.fw-700		{ font-weight: 700; }
.fw-900		{ font-weight: 900; }
.fw-bold	{ font-weight: bold; }

input[type="text"], input[type="search"], select, option {
	color:#131313;
	font: 100 18px/20px 'Lato';
	outline: none;
}

select#find-us-country option:after {
  content: '';
  font: 16px/16px 'entypo';
  color: rgba(255,255,255,.7);
  position: relative;
  top: 0;
  right: 10px;
  display: block;
  text-align: right;
}​

#wrapper.bg-dark input[type="text"],
#wrapper.bg-dark input[type="search"],
#wrapper.bg-dark select,
#wrapper.bg-dark option {
	color: #fcfcfc;
}

input.yellow-box,
select.yellow-box {
	margin: 0;
	border: 3px #eea800 solid;
	padding: 8px;
	height: 30px;
	vertical-align: middle;
	background: none;
}

input.yellow-box.full-width,
select.yellow-box.full-width {
	width: calc(100% - 16px);
}

footer {
	position: relative;
    left: 0;
    bottom: 0;
    
    height: auto;
    width: 100%;
	background: url('img/footer/dark-wood.jpg') 0 0 repeat;
}
.footer-adspace {
	width: 100%; max-width: 728px; 
	height: 0;
	top: 24px!important;
	display: block; 
	margin: 0 auto;
	padding-bottom: 11.85%; 
	position: relative;
	z-index: 4;
}
.footer-adspace #ad-001 {
	width: 100%; height: 100%; 
	background: url('img/FSL_1456x180.jpg') 0 0 no-repeat;
	background-size: cover; 
	display: block; 
	position: absolute;
}
.footer-adspace #ad_container_4 {
	background: none!important;
}
@media only screen and (min-width:760px) {
	.footer-adspace {
		height: 90px;
		padding-bottom: 0;
	}
}
.footer-container {
	width: calc(100% - 32px); height: auto;
	max-width: 728px;
	margin: 16px auto; padding: 0; 
	top: 14px;
	position: relative;
	display: block;
}
h3.footer-title {
	font: 300 20px/26px 'Raleway'; 
	letter-spacing: .8px; 
	color: rgba(255,255,255,.6); 
	margin: 0; padding: 0 0 10px 0; 
	position: relative;
}

.social {
	float:left;
	padding:0;
	height:auto;
	cursor: default;
}

.social ul {
	list-style: none;
	margin:0;
	padding:0;
}

.social ul li {
	list-style: none;
	margin:0 3px;
	display: inline-block;
}

.social ul li a {
	padding: 0 5px;
	display: block;
	height:100%;
	font-family: 'socicon';
	font-weight: 300;
	line-height: 30px;
	vertical-align: middle;
	color: #fcfcfc;
	font-size: 24px;
	text-decoration: none;
}

.social ul li a:hover {
	color: rgb(255,168,0);
}
.social ul li.twitter a:hover {
	color: #55acee;
}
.social ul li.facebook a:hover {
	color: #3b5999;
}
.social ul li.pintrest a:hover {
	color: #cc2127;
}
.social ul li.instagram a:hover {
	color: #a47e51;
}
.social ul li.googleplus a:hover {
	color: #d73d32;
}
.social ul li.youtube a:hover {
	color: #db2625;
}

.footer-links {
	width: 100%; height: auto; 
	position: relative; 
	margin: 32px 0 10px 0;
}
a.footer-link-yellow-fill {
	display: inline-block; 
	font: 16px/20px 'Lato'; 
	padding: 7px 20px; margin: 0 10px 0 0; 
	background: #eea800; 
	border: 3px solid transparent; 
	color: #151515; 
	text-transform: uppercase; 
	text-decoration: none;
}
a.footer-link-yellow {
	display: inline-block; 
	font: 16px/20px 'Lato'; 
	padding: 7px 20px; margin: 0 10px 0 0; 
	background: transparent; 
	border: 3px solid #eea800; 
	color: #eea800; 
	text-transform: uppercase; 
	text-decoration: none;
}
.footer-sm {
	width: 50px; height: 50px; 
	margin: 15px auto; 
	position: relative; 
	display: block; 
	background: url('img/footer/tac-secondarymark.png') 0 0 no-repeat; 
	background-size: contain;
}
.footer-end {
	height: 50px; width: 100%; 
	background: #000; 
	position: relative; 
	bottom: 0!important; 
	margin: 0; padding: 0; 
	display: block;
}
a.footer-link {
	text-align: center; 
	text-decoration: none; 
	font: 400 16px/18px 'Lato'; 
	padding: 5px 0 0 0; margin: 0; 
	color: rgba(255,255,255,.9); 
	width: 100%; 
	display: block;
}
.copyline {
	text-align: center; 
	font: 400 15px/22px 'Lato'; 
	padding: 0 0 5px 0; margin: 0; 
	color: rgba(255,255,255,.65);
}

@media only screen and (max-width:400px) {
	a.footer-link-yellow-fill,
	a.footer-link-yellow {
		margin: 0;
		padding: 7px 14px;
	}
}
*/

/*****************************************************
HOMEPAGE, cond.
*****************************************************/


@media screen and (max-width:750px) { 
    .slide-title.tac-show {
        font-size: 28px;
	    line-height: 28px;
    }
    .slide-title.medium {
        font-size: 24px;
	    line-height: 24px;
    }
    .caption i {
		font: 300 18px/28px 'Lato'; 
		font-style: italic;
	}
    .caption.slide-subline,
    .caption.slide-airtime { 
        font-size: 16px;
        line-height: 16px;
    }
    .caption.slide-oneline,
	.caption.slide-desc {
		font: 14px/20px 'Lato';
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    line-height: 20px;
	    max-height: 80px;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	}
}
@media screen and (max-width:480px) {
    .slide-title.tac-show {
        font-size: 24px;
        line-height: 24px;
    }
    .slide-title.medium {
        font-size: 20px;
	    line-height: 20px;
    }
    .caption.slide-subline,
    .caption.slide-airtime {
        padding-top: 4px;
        font-size: 14px;
        line-height: 14px;
    }
    .caption.slide-oneline,
    .caption.slide-desc {
	    font: 12px/18px 'Lato';
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    line-height: 18px;
	    max-height: 54px;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
    }
    .caption.slide-links a.hero-link-hashtag {
	    display: none;
    }
    .caption.slide-links a.hero-link-basic::before,
    .caption.slide-links a.hero-link-basic.dark::before {
	    width: 20px; height: 20px;
	    background-size: contain;
	    line-height: 20px;
    }
    .caption.slide-links a.hero-link-basic,
    .caption.slide-links a.hero-link-basic.dark {
	    font: 16px/20px 'Raleway';
	    padding: 5px 0 0 0;
    }
}
@media screen and (max-width:400px) {
	.caption.slide-subline,
    .caption.slide-airtime {
        padding: 15px 0;
    }	
    .caption.slide-oneline,
    .caption.slide-desc {
	    display: none;
    }
}

/*****************************************************
TOP of MIND
1. Overview (main page)
*****************************************************/


@media screen and (min-width: 900px) {
	#mobile-topofmind-filters .filters-wrapper {
		width: 900px;
		margin: 0 auto;
		position: relative;
	}
	#mobile-topofmind-filters .filters-wrapper .input-arrows {
		right: 0;
	}
}

@media screen and (max-width: 700px) {
	.four-featured-posts-container > ul > li {
		width: calc(50% - 18px);
		display: block;
		padding: 0;
		margin: 0 36px 18px 0;
		list-style: none;
		float: left;
	}
	.four-featured-posts-container > ul > li:nth-child(even) {
		margin: 0 0 18px 0;
	}
	.four-post-block > li {
		width: 100%;
		padding: 0;
		display: block;
		list-style: none;
		float: left;
	}
}

@media screen and (max-width: 580px) {
	.content-left {
		width: 100%;
		float: none;
	}
	
	.content-right {
		width: 100%;
		float: none;
	}
}

/****************************************************
SHOWS

*****************************************************/

/* Individual Show*/
@media screen and (min-width:728px) {
	.shows-grid-list {
		-webkit-padding-start: 0px;
	}
	.shows-grid-list > li {
		display: inline-block!important;
		width: 48%;
		padding: 0;
		margin: 0 0 12px 0;
		vertical-align: top;
		position: relative;
	}
	.shows-grid-list > li:nth-child(odd) {
		left: 0;
		margin: 0 3.5% 12px 0;
	}
	.shows-grid-list > li:nth-child(even) {
		right: 0;
	}
}

@media screen and (min-width: 900px) {
	#show-banner {
		height: 440px;
	}
	#show-banner .info .banner-overlay {
		padding: 0;
	}
	#show-banner .info .show-menu {
		width: 100%;
		padding: 5px 0;
	}
	#show-banner .info .show-menu .input-arrows {
		right: 0;
	}
}


/*****************************************************
KITCHEN 
1. Globals
2. Overview
3. Show Grid
4. Individual
*****************************************************/

/* 2 & 3. Overview and Show Grid */

@media screen and (min-width:640px) and (min-device-width:640px) {
	#recipe-grid {
		width: 100%;
	}
	#recipe-grid li.recipe-item {
		display: inline-block!important;
		width: 48%;
		padding: 0;
		margin: 0 0 16px 0!important;
		position: relative;
	}
	#recipe-grid > li.recipe-item:nth-child(odd) {
		left: 0;
		margin-right: 4%!important;
	}
	#recipe-grid > li.recipe-item:nth-child(even) {
		right: 0;
	}
	
}