/* @import so that PostCSS via (postcss-import) can access "variables && custom props" in each of these files */
/* GENERAL */
:root { /* E! Blue */ /* E! Light grey for content ex. title, dates, branded content, bylines etc.  */ /* E! Dark grey for titles */ /* Red */ /* Text Font ex. Content Font */ /* Display Font ex. Titles */
}
/* LAYOUT */
:root {
	/* Left / Right spacing */

	/* Vertical spacing top / bottom */
}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-feature-settings:normal;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/**********************************************************************************
Global Liquid Pinning/ Overall Global Styles

SECTION INDEX:
	* GENERAL GLOBAL LAYOUT
		- Global HTML Tag Styles
		- Clears + Floats
		- Column Layout
		- Hidden Styles
	* ADVERTISEMENTS
		- Secondary Leaderboard / MPS Ads
	* CAPTCHA
	* CATEGORY BANNERS
	* COLORBOX
		- Colorbox Core Styles
		- Custom User Styles
		- Colorbox Buttons
	* DROPSHADOW
	* EMAIL LIGHTBOX
		- Privacy Statement
		- Policy Text
		- Shared
	* ERRORS
		- Not Found
	* FAQ
	* FEEDS
		- Podcast
		- RSS
	* FONTS + COPY
		- Font Face Styles
		- Font Sizes
		- Headlines
		- Double Bold + Italic Font Fixes
	* LIQUID PINNING
	* LISTS
		- Articles
		- Gallery
		- Video
	* ONE E
		- One E! Floating Bar
	* PAGINATOR
	* SOCIAL MEDIA
		- Custom Social Bar
		- Social Icons
		- Detatched Custom Embed Form
		- Instance Style Customization
	* COMMENTS
	* TIPLINE
	* VIDEO LOADER
	* VIDEO OVERLAY
		- Video Embed Button + Overlay

**********************************************************************************/
/*********************************************************/
/** GENERAL GLOBAL LAYOUT ********************************/
/*********************************************************/
/* Hide overflow content on iPad & tablets. */
.eol-outerwrapper {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}
/* no select/ highlight utility class */
.no-user-select,
.noSelect {
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
	user-select: none;
}
/** Global HTML Tag Styles ****************/
/******************************************/
a,
a:hover,
a:link,
a:visited,
body {
	color: #000000;
}
/* Lato will be use for body copy, time stamps and everything that isn't a primary nor secondary header. */
body {
		background-color: transparent;
		font: 12px 'Lato', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0;
		position: relative;
	}
em,
i {
	margin-right: 2px;
}
em {
		font-style: italic;
	}
hgroup {
	display: block;
}
hr {
	border-bottom: 1px solid #000000;
	border-top: 0;
}
h1,
h2 {
	display: inline;
	font: 46px 'Oswald', 'Arial Narrow', sans-serif;
	letter-spacing: 1px;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}
/* removal of IE10 clear field X button */
input[type=text]::-ms-clear {
	display: none;
}
strong {
	font-weight: bold;
}
strong em, em strong {
	font-style: italic;
	font-weight: bold;
}
/** Clears + Floats ***********************/
/******************************************/
/* Hides from IE-mac */
* html .clear {
	height: 1%;
}
.clear,
.clear:after,
.clear-both,
.clearfix:after {
	clear: both;
}
.clear {
		display: block;
	}
.clear:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
.clearfix:after,
	.clearfix:before {
		content: " ";
		display: table;
	}
.clear-left {
	clear: left;
}
.fl,
.floatLeft,
.left {
	float: left;
}
.floatRight,
.right {
	float: right;
}
/** Column Layout *************************/
/******************************************/
.one-column {
	width: 300px;
}
.two-column {
	width: 610px;
}
.three-column {
	width: 920px;
}
/** Hidden Styles *************************/
/******************************************/
.disabled,
a:link.disabled {
	color: #aaaaaa;
	cursor: default;
	text-decoration: none;
}
.hidden {
	display: none;
	height: 0;
	visibility: hidden;
	width: 0;
}
/*********************************************************/
/** ADVERTISEMENTS ***************************************/
/*********************************************************/
#DivAd1 {
	z-index: 51 !important;
}
.eol-ads {
	min-height: 250px;
	position: relative;
	width: 300px;
	z-index: 90 !important; /* Forces ads to remove their 99999999 z-indexes, so that they won't block the Facebook pop-up Comments box. EONLINE-1443, set ads to 90 instead of 0 for pages like Trends landing page where widgets are set to higher z-index to overlay a background image, so that ads are not popping up behind the widgets. */
}
.taboola__debug {
	background:#f6f6f6; 
	padding:20px;
}
/** Secondary Leaderboard / MPS Ads *******/
/******************************************/
#secondary-leaderboard-ad-container {
	margin: 0 auto;
	padding: 0;
}
#HHeader.secondary-leaderboard-ad #secondary-leaderboard-ad-container {
	margin: 5px auto 0;
}
#HHeader.secondary-leaderboard-ad #Header_BannerBlock {
	margin-bottom: 5px;
}
.split_skin {
	background-color: #000000;
	display: none;
	height: 1200px;
	overflow: hidden;
	top: 0;
	width: 260px;
	z-index:10001;
}
/*********************************************************/
/** CAPTCHA **********************************************/
/*********************************************************/
#poll_captcha {
	padding-top: 10px;
}
#captchaImage {
	margin-top: 5px;
}
/*********************************************************/
/** CATEGORY BANNERS *************************************/
/*********************************************************/
.category-banner.three-column {
	font-size: 0;
	position: relative;
}
.category-banner.three-column .category-banner-link {
	display: block;
}
.category-banner.three-column .category-banner-ads {
	position: absolute;
	right: 5px;
	top: 0;
}
.category-banner.three-column .category-banner-ads.ad-padding-5 {
	top: 5px;
}
.category-banner.three-column .category-banner-ads.ad-padding-10 {
	top: 10px;
}
.category-banner.three-column .category-banner-ads li {
	float: left;
	margin: 0 5px;
}
.category-banner.three-column .category-banner-ads li.posThree {
	float: left;
}
.category-banner.three-column .category-banner-ads li.posFour {
	float: right;
}
.tv-scoop .category-banner, 
.red-carpet .category-banner {
	min-height: 100px !important;
}
/*********************************************************/
/** FEATHERLIGHT *****************************************/
/*********************************************************/
.featherlight {
	background: rgba(0, 0, 0, .8) !important;
}
/*********************************************************/
/** DROPSHADOW *******************************************/
/*********************************************************/
div.eol-modaldropshadow {
	background: #000000 none repeat 0 0 scroll;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0.80;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 997;
}
div.eol-modalwrap {
	position: relative;
	z-index: 998;
}
/*********************************************************/
/** EMAIL LIGHTBOX ***************************************/
/*********************************************************/
body .email-lightbox a,
body .email-lightbox .subscribe-wrapper .additional-privacy-statement,
.email-lightbox .policy-text a {
	color: #03cfff;
}
body .email-lightbox a:hover,
body .email-lightbox .subscribe-wrapper .additional-privacy-statement:hover,
.email-lightbox .policy-text a:hover {
	color: #6fe1fd;
}
body .email-lightbox img {
	display: inline;
	float: none;
}
.email-lightbox {
	background-color: #ffffff;
	color: #333333;
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-weight: bold;
	height: 427px;
	left: 50%;
	margin-left: -216px;
	margin-top: -213px;
	position: fixed;
	top: 50%;
	width: 433px;
	z-index: 1000001; /* +1 .overlay-transparency */
}
.email-lightbox input:focus {
	border-color: #dbdbdb;
	box-shadow: none;
	color: #898989;
	outline: none;
}
.email-lightbox input.hidden {
	display: none;
}
.email-lightbox input.send-btn,
.email-lightbox .privacy-wrapper,
.email-lightbox .privacy-wrapper .btn-back {
	text-align: center;
}
.email-lightbox input.send-btn,
	.email-lightbox .privacy-wrapper .btn-back {
		background-color: #03cfff;
		border: 0;
		color: #ffffff;
	}
.email-lightbox input.send-btn {
			font-size: 21px;
			height: 51px;
			line-height: 55px;
			margin-left: 95px;
			width: 154px;
		}
.email-lightbox .privacy-wrapper .btn-back {
			font-size: 32px;
			height: 70px;
			line-height: 77px;
			margin-left: 111px;
			width: 210px;
		}
.email-lightbox input.send-btn:hover,
.email-lightbox .email-close-btn:hover,
.email-lightbox .privacy-wrapper .btn-back:hover {
	background-color: #6fe1fd;
	cursor: pointer;
}
.email-lightbox input.text-box,
.email-lightbox .required-field {
	color: #cdcdcd;
}
.email-lightbox input.text-box {
		border: 2px solid #b7b7b7;
		display: block;
		font-size: 19px;
		height: 48px;
		line-height: 53px;
		padding: 0 18px;
		width: 305px;
	}
.email-lightbox .required-field {
		font-size: 12px;
		line-height: 24px;
	}
.email-lightbox .email-close-btn {
	background: #03cfff url("/resources/customSocialBar/images/btn-close.png") no-repeat;
	cursor: pointer;
	height: 29px;
	position: absolute;
	right: 0;
	text-indent: -99999px;
	top: -32px;
	width: 29px;
	z-index: 2;
}
.email-lightbox .email-wrapper {
	padding: 0 44px;
}
.email-lightbox .email-wrapper h5 {
	color: #494949;
	font-size: 50px;
	letter-spacing: -2px;
	line-height: 56px;
	margin: 53px 0 9px;
	text-transform: uppercase;
}
.email-lightbox .email-wrapper .error,
.email-lightbox .subscribe-wrapper .subscriber-email.error {
	color: #ff0000;
}
.email-lightbox .email-wrapper .error {
		display: none;
		font-size: 12px;
		line-height: 24px;
	}
.email-lightbox .email-wrapper .spacer-a {
	height: 27px;
}
.email-lightbox .email-wrapper .spacer-b {
	height: 50px;
}
.fr .email-lightbox .email-wrapper h5 {
	font-size: 38px;
}
.overlay-transparency {
	background: transparent url("/resources/customSocialBar/images/email-lightbox-overlay.png") repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000000; /* +1 nav */
}
/** Policy Text ***************************/
/******************************************/
.email-lightbox .acknowledge-wrapper {
	float: left;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 18px;
	padding-top: 2px;
	text-align: left;
	width: 258px;
}
.email-lightbox .checkbox-wrapper {
	float: left;
	margin-left: 70px;
	width: 24px;
}
.email-lightbox .checkbox-wrapper input {
	display: none;
}
.email-lightbox .custom-checkbox {
	background: url('/resources/customSocialBar/images/email-checkbox.png') no-repeat;
	background-position: 0 4px;
	height: 19px;
	width: 21px;
}
.email-lightbox .custom-checkbox.checked {
	background-position: 0 -16px;
}
.email-lightbox .policy-text,
.email-lightbox .subscribe-wrapper {
	color: #a9a9a9;
	text-align: center;
}
.email-lightbox .policy-text {
		font-size: 12px;
		margin-top: 6px;
	}
.email-lightbox .subscribe-wrapper h5 {
	font-size: 27px;
	letter-spacing: 0;
	line-height: 34px;
	margin: 28px 0 7px;
}
.email-lightbox .subscribe-wrapper input.send-btn {
	background: url("/resources/customSocialBar/images/btn-sign-up.jpg") no-repeat;
	height: 70px;
	margin: 14px 112px 0 111px;
	text-indent: -99999px;
	width: 210px;
}
.email-lightbox .subscribe-wrapper input.send-btn:hover {
	background: url("/resources/customSocialBar/images/btn-sign-up-hover.jpg") no-repeat;
}
.email-lightbox .subscribe-wrapper input.disabled,
.email-lightbox .subscribe-wrapper input.disabled:hover {
	background: url("/resources/customSocialBar/images/btn-sign-up-disabled.jpg") no-repeat;
	cursor: default;
}
.email-lightbox .subscribe-wrapper .additional-privacy-statement:hover {
	cursor: pointer;
}
.email-lightbox .subscribe-wrapper .reject-newsletter,
.email-lightbox .subscribe-wrapper .subscriber-email.error,
.email-lightbox .thank-you {
	color: #000000;
}
.email-lightbox .subscribe-wrapper .reject-newsletter {
		cursor: pointer;
		font-size: 16px;
		line-height: 34px;
	}
.email-lightbox .thank-you {
		font-size: 34px;
		line-height: 50px;
		margin-top: 20px;
	}
.email-lightbox .subscribe-wrapper .reject-newsletter:hover {
	color: #a9a9a9;
}
.email-lightbox .subscribe-wrapper .subscriber-email {
	font-size: 20px;
	line-height: 31px;
	margin: 4px 0 28px;
}
/** Privacy Statement *********************/
/******************************************/
.email-lightbox .privacy-wrapper h5 {
	font-size: 34px;
	line-height: 38px;
	margin-top: 56px;
}
.email-lightbox .privacy-wrapper p {
	color: #959595;
	font-size: 18px;
	line-height: 22px;
	padding: 27px 30px 54px;
}
/** Shared ********************************/
/******************************************/
.email-lightbox .shared-wrapper {
	display: table;
}
.email-lightbox .shared-wrapper div {
	color: #000000;
	display: table-cell;
	height: 427px;
	font-size: 32px;
	line-height: 50px;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
	width: 433px;
}
/*********************************************************/
/** ERRORS ***********************************************/
/*********************************************************/
/** Not Found /****************************/
/******************************************/
.errors-notfound__content {
	margin: 20px 0;
}
.errors-notfound__message {
	font-family: 'Lato', 'Helvetica', sans-serif;
	text-align: center;
}
.errors-notfound__message--notice {
	font-size: 36px;
	margin-top: 80px;
}
.errors-notfound__message--sub {
	font-size: 22px;
	font-style: italic;
	margin-bottom: 20px;
}
/*********************************************************/
/** FAQ **************************************************/
/*********************************************************/
#faq.eol.misc #content_interior .sidebar {
	float: left;
	margin: 10px;
}
#faq.eol.misc #page.lp_wrap {
	width: 980px !important;
}
/** Some trafficked ads are causing layout problems with the front door. See EONLINE-1815. Add Exceptions here: **/
#HHeader #google_image_div {
	position: relative !important;
}
/*********************************************************/
/** FEEDS ************************************************/
/*********************************************************/
/** Podcast *******************************/
/******************************************/
#Podcasts {
	display: block;
	text-align: center;
}
.PodcastLink {
	border: 0;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	text-decoration: none;
}
/*********************************************************/
/** FONTS + COPY *****************************************/
/*********************************************************/
/** Social Icon Font **********************/
/******************************************/
/* Resource can be found: http://www.socicon.com/chart.php */
@font-face { 
    font-family: 'Socicon';
    src: url('/resources/fonts/Socicon.eot');
    src: url('/resources/fonts/Socicon.eot#iefix') format('embedded-opentype'), url('/resources/fonts/Socicon.woff2') format('woff2'), url('/resources/fonts/Socicon.ttf') format('truetype'), url('/resources/fonts/Socicon.woff') format('woff'), url('/resources/fonts/Socicon.svg#Socicon') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-transform: initial;
}
/** Font Sizes ****************************/
/******************************************/
.title-font-size-large,
.title-font-size-large a,
.title-font-size-large h4 {
	font-size: 77.33px;
}
.title-font-size-medium,
.title-font-size-medium a,
.title-font-size-medium h4 {
	font-size: 53.33px;
}
.title-font-size-small,
.title-font-size-small a,
.title-font-size-small h4 {
	font-size: 28px;
}
/** Headlines *****************************/
/******************************************/
/* Primary Header */
.body.eol.news .entry_container a.headline, 
.headline,
.headline a {
	letter-spacing: 1px;
}
.body.eol.news .entry_container a.headline, 
	.headline,
	.headline a {
		font-size: 37.33px;
		line-height: 42.67px;
	}
.body.eol.news .entry_container a.headline,
.headline,
.headline a {
	font-family: 'Oswald', 'Arial Narrow', sans-serif;
	font-weight: 200;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}
/* Secondary Header */
.sub-headline,
.video-engine-players .video-thumbnail-roots .titles {
	font-family: 'Lato', 'Helvetica', sans-serif;
}
/** Double Bold + Italic Font Fixes *******/
/******************************************/
#newsLanding .topStory .title a .topTitle em,
#newsLanding .topStory .title a .topTitle i,
.photos h1.headline em,
.photos h1.headline i,
.videos .vd-rv-title em,
.videos .vd-rv-title i  {
	font-family: 'Oswald', 'Arial Narrow', sans-serif;
	padding-right: 5px;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}
/*********************************************************/
/** LIQUID PINNING ***************************************/
/*********************************************************/
/* Hide layout before load to prevent a single column flow. */
.js-hide .lp_layout {
	height: 10000px;
	overflow: hidden;
	width: 0;
}
.js-hide-ajax {
	height: 10000px;
	overflow: hidden;
	width: 0;
}
.l-grid:before,
.l-grid:after {
	content: " ";
	display: table;
}
.l-grid:after {
	clear: both;
}
/* The HTML ID of the outer div that wraps everything that must have its width set when the columns change.  Height is controlled by Liquid Pinning */
.lp_layout {
	background-color: #ffffff;
	clear: both;
	position: relative;
}
.lp_layout .dynamicAjaxWidgets {
	display: none;
}
.lp_layout .dynamicAjaxWidgets .eol-ads {
	border-bottom: 0;
}
/* The HTML class of the div that contains the bricks.  It will be set to visually wrap the immediate layout.  Width is controlled by Liquid Pinning. */
.lp_wrap {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 980px;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
}
.glossy .lp_wrap {
    width: 1280px;
}
/*********************************************************/
/** LISTS ************************************************/
/*********************************************************/
/** Articles ******************************/
/******************************************/
.articleList,
.articleList li {
	margin-left: 0;
	padding-left: 0;
}
.articleList {
		list-style: none;
		text-decoration: none;
	}
.articleList li {
		margin-top: 10px;
	}
.articleList li:hover {
	background-color: #f6f6f6;
}
.articleList span.story_thumb {
	background: url("/resources/images/misc/elogo_thumb.jpg");
}
.articleList span.time,
.articleList span.title h3 a {
	font-family: 'Lato', 'Arial Narrow', sans-serif;
	letter-spacing: .23px;
	width: 480px;
}
.articleList span.time {
		color: #00ccff;
		font-size: 14px;
		font-weight: normal;
		line-height: 15px;
	}
.articleList span.title h3 a {
		color: #000000;
		font-size: 22px;
		font-weight: 200;
		line-height: 28px;
		text-decoration: none;
	}
.articleList span.title {
	margin-left: 15px;
	position: absolute;
	width: 490px;
}
.articleList span.title a {
	font-size: 28px;
}
.articleList span.title a:hover {
	text-decoration: none;
}
.articleList .branded-content {
	color: #555555;
	font: normal 14px 'Arial';
	line-height: 14px;
	margin: 10px 0 0;
}
/** Gallery *******************************/
/******************************************/
.category-gallery-list {
	display: block;
	padding: 0;
}
.category-gallery-list li,
.category-gallery-list .title {
	display: block;
	overflow: hidden;
}
.category-gallery-list li {
		float: left;
		height: 196px;
		list-style: none;
		margin-bottom: 6px;
		margin-right: 6px;
		position: relative;
		width: 196px;
	}
.category-gallery-list .title {
		background-color: #000000;
		bottom: 0;
		color: #ffffff;
		font: 18px 'Lato', 'Helvetica', sans-serif;
		height: 60px;
		left: 0;
		line-height: 20px;
		opacity: 0.75;
		padding: 9px;
		position: absolute;
		text-decoration: none;
		width: 178px;
	}
/** Video *********************************/
/******************************************/
.videoList,
.videoList li {
	margin-left: 0;
	padding-left: 0;
}
.videoList {
		list-style: none;
		text-decoration: none;
	}
.videoList li {
		margin-top: 10px;
	}
.videoList li:hover {
	background-color: #f6f6f6;
}
.videoList span.story_thumb {
	background: url("/resources/images/misc/elogo_thumb.jpg");
}
.videoList span.title h3 a {
	color: #000000;
	font: 26px 'Lato', 'Helvetica', sans-serif;
	font-weight: normal;
	line-height: 28px;
	text-decoration: none;
	width: 445px;
}
.videoList span.title a {
	font-size: 28px;
}
.videoList span.title a:hover {
	text-decoration: none;
}
.videoList span.title {
	margin-left: 15px;
	position: absolute;
	width: 445px;
}
.videoList span.time {
	color: #00ccff;
	font: normal 14px 'Arial';
	line-height: 14px;
	width: 480px;
}
/*********************************************************/
/** ONE E ************************************************/
/*********************************************************/
/* International Edition Selection Styles for Lightbox + Floating Bar */
.onee-dialog {
	background: #ffffff !important;
	display: none;
	outline: none;
}
.onee-dialog p,
.onee-dialog .onee-dialog-content h5 {
	color: #a3a3a3;
	font-family: 'Lato', 'Arial Narrow', sans-serif;
	font-weight: normal;
}
.onee-dialog p {
		font-size: 32px;
		letter-spacing: .5px;
		line-height: 37px;
	}
.onee-dialog .onee-dialog-content h5 {
		font-size: 20px;
		font-weight: normal;
		letter-spacing: normal;
		line-height: 20px;
		text-transform: none;
	}
.onee-dialog .onee-dialog-btns {
	margin: 20px 0 0;
}
.onee-dialog .onee-dialog-btns .button {
	background: #24d2fd;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font: 400 26px 'Lato', 'Arial Narrow', sans-serif;
	min-height: 48px;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 23px 5px 28px 0px;
	padding: 25px 0 25px 0;
	text-align: center;
	text-transform: uppercase;
	width: 240px;
}
.onee-dialog .onee-dialog-btns .button:active,
.onee-dialog .onee-dialog-btns .button:hover {
	background: #60dfff;
}
.onee-dialog .onee-dialog-btns .button:first-child {
	margin-right: 20px;
}
.onee-dialog .onee-dialog-btns .button.secondary {
	background: #b7b7b7;
}
.onee-dialog .onee-dialog-btns .button.secondary:active,
.onee-dialog .onee-dialog-btns .button.secondary:hover {
	background: #5b5b5b;
}
.onee-dialog .onee-dialog-content h3 {
	color: #000000;
	font: 400 62px 'Oswald', 'Arial Narrow', sans-serif;
	letter-spacing: 1px;
	line-height: normal;
	margin-bottom: 32px;
	text-transform: none;
}
.onee-dialog .onee-dialog-footer {
	margin-right: 9px;
	text-align: right;
	text-transform: uppercase;
}
.onee-dialog .onee-dialog-footer a {
	color: #24d2fd;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	outline: none;
}
.onee-dialog .onee-dialog-footer a:active,
.onee-dialog .onee-dialog-footer a:hover {
	color: #60dfff;
}
.onee-dialog-content {
	font-family: 'Lato', 'Arial Narrow', sans-serif;
	letter-spacing: normal;
	margin: 25px 95px;
	min-height: 427px;
	width: 510px;
}
.onee-dialog-header {
	margin-bottom: 18px;
}
/*********************************************************/
/** PAGINATOR ********************************************/
/*********************************************************/
#category-news-list-1 .paginator {
	padding-left: 200px;
}
.paginator {
	font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;
	font-weight: 500;
	height: 35px;
	margin-top: 15px;
}
.paginator .next,
.paginator .pageNumbs a,
.paginator .prev {
	border: 1px solid #000000;
	color: #000000;
	display: inline-block;
	float: left;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
}
.paginator .next {
		background: url("/resources/search/images/btn-next.jpg") no-repeat top right;
		font-size: 12px;
		margin: 0 3px;
		padding: 1px 18px 0 5px;
	}
.paginator .pageNumbs a {
		font-size: 16px;
		line-height: 1em;
		margin: 0 2px;
		padding: 4px 5px 6px;
	}
.paginator .prev {
		background: url("/resources/search/images/btn-previous.jpg") no-repeat top left;
		font-size: 12px;
		margin: 0 2px;
		padding: 1px 0 0 13px;
		width: 86px;
	}
.paginator .next a,
.paginator .prev a {
	color: #000000;
	font-size: 16px;
	line-height: 1em;
	text-decoration: none;
}
.paginator .pageNumbs {
	float: left;
	margin: 0 10px;
	text-decoration: none;
}
.paginator .pageNumbs a.active {
	background-color: #3f3f3f;
	color: #ffffff;
}
.paginator .pagination {
	margin-left: 110px;
	margin-top: 10px;
}
/*********************************************************/
/** SOCIAL MEDIA *****************************************/
/*********************************************************/
.horizontal li {
	float: left
}
.horizontal .rss {
	margin-right: 5px;
	margin-top: -2px
}
.social-links,
.social-links iframe {
	z-index: 100 !important;
}
.social-links {
		min-width: 205px;
	}
.social-links ul li {
	display: block;
}
.social-links .email {
	background-image: url('/resources/images/misc/EOL_VIDEO_Detail_EMAIL.png');
	cursor: pointer;
	display: none !important;
	height: 20px;
	width: 56px;
}
.social-links .email.envelope {
	background-image: url('/resources/customSocialBar/images/email2.png');
}
.social-links .embed a {
	display: block;
	height: 20px;
	width: 64px;
}
.social-links .twitter {
	margin-left: 5px;
}
/** Custom Social Bar *********************/
/******************************************/
.cs-container,
.cs-counttext,
.cs-list,
.cs-share,
.cs-sharetext {
	display: block;
	position: relative;
}
.cs-counttext {
		color: #ffffff;
		font: 21.33px 'Lato', 'Helvetica', sans-serif;
		line-height: 21.33px;
		vertical-align: text-top;
		top: 2px;
	}
.cs-share {
		border: 0;
		cursor: pointer;
		float: left;
		height: 30px;
		overflow: hidden;
		text-decoration: none;
		width: 60px;
	}
.cs-sharetext {
		color: #ffffff;
		font: normal 12px 'Lato', 'Arial Narrow', sans-serif;
		font-stretch: condensed;
		line-height: 18.67px;
		margin-left: 5px;
		top: 7px;
		vertical-align: text-top;
	}
.cs-count {
	background: transparent url('/resources/customSocialBar/images/grey_box.png');
	display: none;
	float: left;
	height: 30px;
	position: relative;
	margin-left: 4px;
	text-align: center;
	width: 60px;
}
.cs-item {
	display: inline;
	float: left;
	position: relative;
}
.cs-list {
	margin-left: 0;
}
/** Social Icons **************************/
/******************************************/
#detail.news .cs-fb .cs-sharetext,
#detail.news .cs-gp .cs-sharetext,
.cs-fb .cs-sharetext {
	margin-left: 23px;
}
#detail.news .cs-ts .cs-sharetext,
.cs-ts .cs-sharetext {
	margin-left: 21px;
}
body.news#detail .cs-email .cs-share {
	display: block !important;
}
.cs-email .cs-share,
.cs-email .cs-share:hover,
.cs-embed .cs-share,
.cs-embed .cs-share:hover,
.cs-fb .cs-share,
.cs-fb .cs-share:hover,
.cs-gp .cs-share,
.cs-gp .cs-share:hover,
.cs-ts .cs-share,
.cs-ts .cs-share:hover {
	background-color: transparent;
}
.cs-email .cs-share {
		background-image: url('/resources/customSocialBar/images/email.png');
		width: 58px;
	}
.cs-email .cs-share:hover {
		background-image: url('/resources/customSocialBar/images/email_hover.png');
	}
.cs-embed .cs-share {
		background-image: url('/resources/customSocialBar/images/embed.png');
		width: 72px;
	}
.cs-embed .cs-share:hover {
		background-image: url('/resources/customSocialBar/images/embed_hover.png');
	}
.cs-fb .cs-share {
		background-image: url('/resources/customSocialBar/images/Facebook.png');
	}
.cs-fb .cs-share:hover {
		background-image: url('/resources/customSocialBar/images/Facebook_hover.png');
	}
.cs-gp .cs-share {
		background-image: url('/resources/customSocialBar/images/google.png');
	}
.cs-gp .cs-share:hover {
		background-image: url('/resources/customSocialBar/images/google_hover.png');
	}
.cs-ts .cs-share {
		background-image: url('/resources/customSocialBar/images/twitter_hover.png');
	}
.cs-ts .cs-share:hover {
		background-image: url('/resources/customSocialBar/images/twitter.png');
	}
.cs-email .cs-sharetext {
	margin-left: 0;
	text-align: center;
}
.cs-embed .cs-sharetext {
	margin-left: 1px;
	text-align: center;
}
.cs-gp .cs-sharetext {
	margin-left: 25px;
}
/** Detatched Custom Embed Form ***********/
/******************************************/
.cs-embed-form {
	background-color: #ffffff;
	border: 2px solid #000000;
	height: 300px;
	width: 320px;
	z-index: 2000000000;
}
.cs-embed-form .embed-text {
	font: normal 12px Courier, monospace;
	height: 200px;
	margin-left: 10px;
	overflow-y: scroll;
	padding-top: 10px;
	width: 300px;
}
.cs-embed-form .embed-title {
	color: #1f5072;
	display: block;
	font-weight: bold;
	font-size: 13px;
	height: 16px;
	margin-left: 10px;
	margin-top: 10px;
}
/** Instance Style Customization **********/
/******************************************/
#detail.eol.videos .cs-container .cs-email,
#detail.eol.videos .cs-container .cs-embed,
.video-detail .cs-container .cs-email,
.video-detail .cs-container .cs-embed {
	float: right;
}
#detail.eol.videos .cs-container .cs-embed,
	.video-detail .cs-container .cs-embed {
		margin-left: 13px;
	}
.cs-container .cs-email {
	margin-left: 4px !important;
}
.cs-container .cs-embed {
	margin-left: 24px;
}
.cs-container .cs-fb {
	margin-left: 0 !important;
}
.cs-container .cs-gp,
.cs-container .cs-ts {
	margin-left: 13px !important;
}
/*********************************************************/
/* COMMENTS **********************************************/
/*********************************************************/
.comment-holder {
	background-color: #ffffff;
}
.fb-comments-container {
	padding:22px 30px 1px 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
	min-height: 215px;
	visibility:hidden;
}
.fb-comments span {
	transition: height .1s;
}
/*********************************************************/
/** TIPLINE **********************************************/
/*********************************************************/
div.tipline-wrap,
iframe.eol-tipline {
	position: absolute;
	width: 648px;
}
div.tipline-wrap {
		background: transparent url("/resources/tipline/images/background.gif") no-repeat 0 0 scroll;
		bottom: 150px;
		height: 760px;
		left: 50%;
		margin-left: -324px;
		padding: 0;
		z-index: 999;
	}
iframe.eol-tipline {
		border-radius: 0 0 10px 10px;
		height: 755px;
		left: 0;
		top: 15px;
		z-index: 1;
	}
div.tipline-wrap a.tipline-close {
	background: transparent url("/resources/tipline/images/btn.close.png") no-repeat 0 0 scroll;
	cursor: pointer;
	display: block;
	float: right;
	height: 32px;
	outline: 0 none;
	position: relative;
	right: -10px;
	text-indent: -9999em;
	top: -10px;
	width: 32px;
	z-index: 2;
}
/*********************************************************/
/** VIDEO LOADER *****************************************/
/*********************************************************/
/* Hide loading animation from browsers that don't support it */
.no-cssanimations .video-loader {
	display: none;
}
.video-loader {
	font-size: 10px;
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
	z-index: 10;
}
.video-loader > div {
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
	background-color: #c0c0c0;
	display: inline-block;
	height: 100%;
	width: 6px;
}
.video-loader .video-loader__bar--two {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.video-loader .video-loader__bar--three {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.video-loader .video-loader__bar--four {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.video-loader .video-loader__bar--five {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1.0);
		transform: scaleY(1.0);
	}
}
@keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1.0);
		transform: scaleY(1.0);
	}
}
/*********************************************************/
/** VIDEO OVERLAY ****************************************/
/*********************************************************/
.vpo {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	height: 343px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 610px;
	z-index: 4000;
}
.vpo img,
.vpo .vpo-shader,
.vpo-next-video img {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.vpo img {
		bottom: 0;
	}
.vpo .vpo-shader {
		background-color: #000000;
		left: 0;
		opacity: .4;
	}
.vpo-next-video img {
		bottom: 0;
	}
.vpo .highlight .vpo-shader {
	display: none;
}
.vpo-next-video {
	display: block;
	height: 142px;
	left: 102px;
	top: 126px;
	position: absolute;
	width: 250px;
}
.vpo-next-video:hover .vpo-next-video-caption,
.vpo-other-video:hover .vpo-other-video-caption {
	color: #ffffff;
	visibility: visible;
}
.vpo-next-video-caption,
.vpo-other-video-caption {
	color: #ffffff;
	cursor: default;
	display: block;
	font-family: 'Lato', 'Helvetica', sans-serif;
	padding-top: 15px;
	position: absolute;
	text-align: left;
	visibility: hidden;
}
.vpo-next-video-caption {
		bottom: 20px;
		font-size: 26.67px;
		line-height: 29.33px;
		padding-left: 10px;
		padding-right: 10px;
		width: 230px;
	}
.vpo-other-video-caption {
		bottom: 15px;
		font-size: 21.33px;
		line-height: 24px;
		padding-left: 5px;
		padding-right: 5px;
		width: 146px;
	}
.vpo-next-video-counter,
.vpo-next-video-text {
	color: #ffffff;
	float: left;
	position: relative;
}
.vpo-next-video-counter {
		font: 78px 'Oswald', 'Arial Narrow', sans-serif;
		line-height: 47px;
		margin-top: -7px;
		padding: 0 2px 13px 1px;
	}
.vpo-next-video-text {
		font: normal 28px 'Lato', 'Helvetica', sans-serif;
		height: 47px;
		line-height: 25px;
		letter-spacing: 2.4px;
		padding: 0 0 13px;
	}
.vpo-next-video-text-wrapper {
	display: block;
	height: 60px;
	left: 101px;
	position: relative;
	top: 68px;
	width: 250px;
}
.vpo-other-video {
	height: 88px;
	position: absolute;
	width: 156px;
}
.vpo-other-video:hover {
	height: 90px;
	width: 160px;
}
.vpo-other-video img {
	bottom: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.vpo-other-video-lower {
	left: 352px;
	top: 180px;
}
.vpo-other-video-upper {
	left: 352px;
	top: 92px;
}
/** Video Embed Button + Overlay **********/
/******************************************/
.videoEmbedButton {
	background-image: url(/resources/videoplayer/icons/embed-button.png);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	height: 35px;
	left: 535px;
	padding: 0;
	position: absolute;
	top: 15px;
	width: 50px;
	z-index: 10000;
}
.videoembedslate {
	background: rgba(0, 0, 0, .8);
	height: 100%;
	text-align: left;
	width: 100%;
	z-index: 10001;
}
.videoembedslate .content {
	padding-left: 40px;
	padding-top: 54px;
}
.dock .videoembedslate .content {
    padding-left: 20px;
    padding-top: 40px;
}
.videoembedslate .content textarea {
	background-color: #ffffff;
	border-left: 5px solid #38b734;
	color: #868686;
	font: 16px 'Lato', 'Arial Narrow', sans-serif;
	height: 65px;
	padding: 15px;
	width: 500px;
}
.dock .videoembedslate .content textarea {
    font-size: 12px;
    height: auto;
    padding: 10px;
    height: 80px;
    width: 310px;
}
.videoembedslate .content .cs-sharetext {
	color: #38b734;
	font: normal 48px 'Oswald', 'Arial Narrow', sans-serif;
	line-height: 31px;
	margin-left: 0;
	top: 0;
}
.dock .videoembedslate .content .cs-sharetext {
    font-size: 24px;
}
.videoembedslate .content .embed-title {
	color: #ffffff;
	display: inline-block;
	font: 18.67px 'Lato', 'Arial Narrow', sans-serif;
	line-height: 50px;
	text-transform: uppercase;
}
.dock .videoembedslate .content .embed-title {
    font-size: 12px;
    line-height: 20px;
}
.videoembedslate .content .embedCopyBtn {
	background-color: #38b734;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font: 19px 'Lato', 'Helvetica', sans-serif;
	height: 25px;
	padding: 4px;
	width: 75px;

}
.videoembedslate .content .embedCopyBtn:hover {
	background-color: #40a933;
}
.videoembedslate .embedCloseBtn {
	background: transparent url("/resources/images/misc/btn.close.png") no-repeat 0 0 scroll;
	border: 0;
	cursor: pointer;
	display: block;
	float: right;
	height: 32px;
	outline: 0 none;
	position: absolute;
	right: 20px;
	text-indent: -9999em;
	top: 20px;
	width: 32px;
	z-index: 2;
}
.videoembedslate .embedslate-description-container {
	padding: 0;
}
.videoembedslate .embedslate-title-container {
	margin: 0;
	padding: 0;
}
.lazyloader {
	opacity: 0;
	transition: opacity .2s;
}
.lazyloader--is-loaded {
    opacity: 1;
}
.link--full,
.image--full {
	display:block;
	width:100%;
	outline:none;
}
.photos .fb-comments-btn {
	visibility:hidden;
	width:600px;
}
/*=================================================*/
/*================| GLOBAL NAV CSS|================*/
/*
 * Implemented by: Isaak Jimenez
 * Platform: EONLINE DESKTOP
 * 
 * This css file is used for the global nav only.
 * Members project will have a different CSS 
 * stylesheet file.
 * 
*/
/*=================================================*/
/*--------------------------------------*/
/*==========| GENERAL LAYOUT |==========*/
/*--------------------------------------*/
/*------------------------*/
/*--BEGIN GENERAL SHARED--*/
.nav__nav-base,
.nav__image-icon,
.extender-bkg,
.nav__news-icon-sprite {
    background-image: url('/resources/images/header_footer/global_nav.png');
	background-repeat: no-repeat;
}
.nav__logo-link--default,
.nav__logo-link--latam {
    background-image: url('/resources/images/svg/enews.svg');
	background-repeat: no-repeat;
}
.nav,
.nav__nav-base,
.nav__logo-link,
.nav__wrapper {
	height:100px;
}
.nav__wrapper--show-nav-page {
	height: 180px;
}
.nav__menu-intl a,
.nav__menu-main > li > a,
.nav__form-label,
.nav__form-textarea,
.nav__button-type1-link,
.nav__image-icon--news,
.nav__no-link {
	font-family: 'Oswald', sans-serif;
}
.nav__subnav a {
	font-family: 'Lato', sans-serif;
}
/*| GENERIC |*/
.nav a,
.nav input {
	outline: none;
}
.nav a {
	text-decoration:none;
}
.nav__logo-link,
.nav__menu-intl a,
.nav__subnav > li a,
.nav__search-button,
#shows-nav {
	display:block;
}
.nav__menu-main {
	display:table;
}
.nav__menu-intl-menuitem,
.nav__form-textarea,
.nav__form-label,
.nav__form-submit,
.nav--collapsed .nav__menu-intl,
.nav--collapsed .nav__middle-slot,
.nav__image-overlay,
.nav__image-icon--news {
	display:none;
}
.nav__menu-main,
.nav__menu-intl {
	list-style: none;
}
.nav,
.nav__shows,
.nav__events,
.nav__more,
.nav__form,
.nav__image-container {
	position:relative;
}
.nav__logo-link,
.nav__menu-intl,
.nav__subnav,
.nav__search-button,
.nav__form-label,
.nav__form-textarea,
.nav__form-submit,
.nav__image-overlay,
.nav__image-container img,
.nav__image-icon,
.nav__image-gradient-overlay,
.nav__button-type1,
.nav__news-icon-sprite {
	position:absolute;
}
.nav__menu-main > li {
	float:left;
}
/*---END GENERAL SHARED---*/
/*------------------------*/
.leaderboard {
	position: relative;
	left: 0;
	top: 0;
	z-index: 8888;
	width: 100%;
}
.leaderboard--docked {
	position: fixed;
}
.nav__adbanner {
	min-height: 90px;
	text-align: center;
	padding: 10px 0;
	position: relative;
	left: 0;
	right: 0;
	z-index: 4900;
	background: #fff;
}
.nav__adbanner .mps-slot {
	margin:auto;
}
/*need to be more specific to overwrite legacy style. ID 'HHeader' needs to stay tagged on the nav element but that is picking up legacy styles that are breaking the nav */
#nav__wrapper .nav {
	background: #1a212b; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1a212b 0%,#3c5266 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a212b', endColorstr='#3c5266',GradientType=1 ); /* IE6-9 */
    z-index: 5000; /* if this z-index is increased, the .split_skin z-index must also be increased to prevent overlap from the extenders */
}
.nav__nav-base {
	background-position: left -566px;
}
/* LOGO BRANDING TYPES PER EDITION */
.nav__logo-link--default-branding,
.nav__logo-link--alternate-branding {
    background-position: 10px;
    width: 142px;
    background-size: 105px;
}
/* CWA-225, CWA-219 "alternate logo" */
.nav__logo-link--alternate-branding {
	background-image: url('/resources/images/svg/enews-2.svg');
}
.nav__logo-link--de-branding,
.nav__logo-link--ap-branding,
.nav__logo-link--latam {
	background-position: 9px 9px;
    background-size: 112px;
    width: 33px;
}
/* =============================== */
.news .nav__logo-link--default-branding,
[data-pagewidth="980"] .nav__logo-link--default-branding,
[data-pagewidth="980"] .nav__logo-link--alternate-branding {
	width: 142px;
	background-position: 19px;
	left:0;
	top:0;
}
/*=============== COLLAPSED NAV ===============*/
.nav--collapsed .nav__logo-link--default-branding,
.nav--collapsed .nav__logo-link--alternate-branding {
	background-position: 12px 7px;
	background-size: 56px;
}
.nav--collapsed .nav__logo-link--de-branding,
.nav--collapsed .nav__logo-link--ap-branding,
.nav--collapsed .nav__logo-link--latam {
	background-position: 10px 7px;
	width: 23px;
	background-size: 57px;
}
.news .nav--collapsed .nav__logo-link--default-branding,
[data-pagewidth="980"] .nav--collapsed .nav__logo-link--default-branding,
[data-pagewidth="980"] .nav--collapsed .nav__logo-link--alternate-branding  {
	background-position: 16px 7px;
}
.nav__second-group {
	padding-top:10px;
}
.nav__middle-slot {
	height: 3.2rem;
	width: 100%;
	text-align: center;
}
.fb-like {
    margin-top: 2px;
}
/*--------------------------------------*/
/*===========| MAIN NAV MENU |==========*/
/*--------------------------------------*/
.nav__menu-main {
	margin: 0 auto;
	padding:0;
}
.nav__menu-item {
    position: relative;
}
.nav__no-link {
    cursor: pointer;
    display: inline;
}
/*padding-bottom:22px, this is important!*/
.nav__menu-main > li > a,
.nav__no-link {
	text-transform: uppercase;
	font-size: 0.9rem;
	padding: 15px 15px 22px 15px;
}
/*overrides on last links on either side to extend hover area*/
/*.nav__menu-main .nav__news > a {
	padding-left:70px;
}
.nav__menu-main .nav__more > a {
	padding-right:70px;
}*/
.nav__menu-main > li > a:link,
.nav__menu-main > li > a:visited,
.nav__menu-main > li > a:active,
.nav__no-link {
	color:white;
}
.nav__menu-main > li > a:hover,
.nav__no-link:hover {
	color:#ebd913;
}
.nav__extender {
	width:200%;
	height:100%;
	position:absolute;
}
.has-skin .nav__extender {
	display:none;
}
#galleryDetail .nav__extender,
#gallery .nav__extender,
.e-skin--bleed .nav__extender {
	display:block;
}
.nav__extender--left {
	background-color:#1a212b;
	left:-200%;
}
.nav__extender--right {
	background-color:#3c5266;
	right:-200%;
}
.nav__extender--gray {
    background-color:#f2f2f2;
    top:0;
}
.extender-bkg {
	float:right;
	height:100%;
	width: 150px;
	background-position:-186px -430px;
}
.nav--collapsed .extender-bkg {
	width:75px;
	background-position:-107px -233px;
}
/*--------------------------------------*/
/*==========| SUB NAV MENUS |===========*/
/*--------------------------------------*/
.nav__subnav {
	/*-webkit-box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.08);
	box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.08);*/
}
.subnav__imglink {
	padding: 10px 0 0 10px;
}
.subnav__txtlink {
	padding: 0 0 10px 10px;
}
.nav__subnav {
	top: 38px;
	left:0;
	text-align:center;
	background-color:#212b37;
	width:150px;
	border-top: 1px solid #ebd913;
	padding: 15px 0;
	z-index:502;
    display: none;
}
.nav__subnav > li a {
	padding: 5px 20px;
	font-size: 0.78rem;
}
.nav__subnav a:link,
.nav__subnav a:visited,
.nav__subnav a:active {
	color:#cecfd1;
	font-weight:bold;
}
.nav__subnav a:hover {
	background-color:#424b55;
	border-left: 3px solid #ebd913;
	padding-left:17px;
}
.nav__image-container {
	overflow: hidden;
	margin-bottom: 5px;
}
.nav__image-container,
.nav__image-overlay,
.nav__image-gradient-overlay  {
	width:145px;
	height:145px;
}
.nav__image-overlay,
.nav__image-container img,
.nav__image-gradient-overlay {
	left:0;
	top:0;
}
.nav__image-container img {
	z-index: 1;
}
.nav__image-overlay {
	background-color:black;
	z-index: 3;
	opacity: 0.4;
}
.nav__image-icon {
	z-index: 4;
    right: 5px;
    bottom: 5px;
}
.nav__image-icon--news {
    height: 14px;
	/*background-position: -90px -437px;*/
	background:none;
}
.nav__news-icon-text {
	color:#eada18;
	font-size: 1rem;
    line-height: 15px;
	text-align:right;
	padding-right: 16px;
}
.nav__news-icon-sprite {
	width: 11px;
    height: 14px;
    background-position: -127px -437px;
    bottom: 0;
    right: 0;
}
.nav__image-gradient-overlay { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, .5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0, 255, 255)', endColorstr='rgba(128, 0, 0, 0)',GradientType=0 ); /* IE6-9 */
	z-index: 2;
}
.nav__image-icon--photo {
    width: 24px;
    height: 19px;
	background-position: -102px -503px;
}
.nav__image-icon--video {
    width: 22px;
    height: 22px;
	background-position: -103px -466px;
}
/*Keep positioning for reference*/
/*
.nav__image-icon--photo:hover {
	background-position: -102px -403px;
}
.nav__image-icon--video:hover {
	background-position: -103px -366px;
}*/
.nav__vid-thumb {
    border-top: 31px solid black;
    border-bottom: 31px solid black;
}
.nav__subnav-title {
	color:#585858;
	font-weight:bold;
	font-size: 0.9rem;
}
.nav__subnav-stamp {
	color:#b5b5b5;
	font-size: 0.7rem;
	margin-top: 6px;
}
.nav__subnav-branded-content {
	color:#b5b5b5;
	font-size: 0.6rem;
	margin-top: 6px;
}
/*---------------------------------------------*/
/*=============| MISC NAV BUTTONS |============*/
/*---------------------------------------------*/
.nav__button-type1 {
    right: 91px;
    top: 12px;
}
.nav__button-type1-link {
	border-radius: 5px;
    padding: 5px 16px;
	font-size: 0.8rem;
}
.nav__button-type1-link:link,
.nav__button-type1-link:visited {
	border: 1px solid #EBD913;
	color: #EBD913;
	transition:.1s;
}
.nav__button-type1-link:hover,
.nav__button-type1-link:active {
	border: 1px solid white;
	color: white;
}
.nav--collapsed .nav__button-type1 {
	display:none;
}
/*--------------------------------------*/
/*=============| INTL MENU |============*/
/*--------------------------------------*/
.nav__menu-intl {
	margin:0;
	padding: 0 0 5px 0;
	right: 0;
	top:0;
	width: 86px;
	z-index: 503;
}
.nav__menu-intl a {
	color:white;
	font-size: 0.75rem;
	padding: 3px 10px 3px 35px;
}
.nav__menu-intl a:hover {
	background-color:#768FA7;
}
.nav__menu-intl-current {
	background-image: url('/resources/images/svg/globe.svg');
	background-size: 20px;
}
/*add hover states to menu items, except top globe menu*/
.nav__menu-intl .nav__menu-intl-current:hover {
	background-color:transparent;
}
/*
intl top header title: 
more specific so these styles win, and
custom overstate.
*/
.nav__menu-intl .nav__menu-intl-current {
	background-position: 56px;
	padding-bottom: 10px;
    padding-top: 12px;
	text-indent: 3px;
	color:#BDC7D0;
	text-transform:uppercase;
}
.nav__menu-intl--menu-open {
	background-color:#567088;
}
.nav__menu-intl--menu-open .nav__menu-intl-current {
	color:white;
	background-position: 56px;
}
.nav__menu-intl a {
	background-repeat:no-repeat;
	background-position: 10px 50%;	
}
/*intl sprite sheet flag positions*/
.nav__au {
	background-image:url('/resources/images/header_footer/australia-flag.svg');
}
.nav__ap {
	background-image:url('/resources/images/header_footer/asia-flag.svg');
}
.nav__de {
	background-image:url('/resources/images/header_footer/germany-flag.svg');
}
.nav__fr {
	background-image:url('/resources/images/header_footer/france-flag.svg');
}
.nav__uk {
	background-image:url('/resources/images/header_footer/uk-flag.svg');
}
.nav__ca {
	background-image:url('/resources/images/header_footer/canada-flag.svg');
}
.nav__us {
	background-image:url('/resources/images/header_footer/usa-flag.svg');	
}
.nav__mx {
	background-image:url('/resources/images/header_footer/mexico-flag.svg');
}
.nav__br {
	background-image:url('/resources/images/header_footer/brazil-flag.svg');
}
.nav__ar {
	background-image:url('/resources/images/header_footer/argentina-flag.svg');
}
.nav__co {
	background:url('/resources/images/header_footer/colombia-flag.svg');
}
.nav__ve {
	background:url('/resources/images/header_footer/venezuela-flag.svg');
}
/*---------------------------------------*/
/*=============| NAV SEARCH |============*/
/*---------------------------------------*/
.nav__search-button {
    right: 0;
    bottom: 5px;
    width: 44px;
    height: 44px;
    background-image: url('/resources/images/svg/search-2.svg');
    background-size: 15px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.nav__form-label {
    right: 64px;
    bottom: 0;
    z-index: 502;
    color: #8B98A2;
    font-size: 0.84rem;
    font-weight: 300;
}
.nav__form-textarea {
    right: 44px;
    bottom: -13px;
    border: none;
	border-bottom: 1px solid #567088;
    height: 23px;
    width: 0;
	text-indent: 50px;
	font-size: 1.3rem;
    font-weight: 300;
	color: #556B80;
	padding: 9px 0 11px 0;
}
.nav__form-submit {
	right:0;
	bottom: -6px;
    width: 29px;
    height: 29px;
    border: none;
    background-color: transparent;
	cursor: pointer;
	background-image: url('/resources/images/svg/search.svg');
    background-size: 29px;
    background-repeat: no-repeat;

}
.nav__search-button:hover {
	background-color: #567088;
}
.nav__search-button--close {
	background-image: url('/resources/images/svg/close-2.svg');
	background-color: #567088;
}
.nav__search-button--close:hover {
	background-image: url('/resources/images/svg/close.svg');
}
/*----------------------------------------*/
/*============| COLLAPSED NAV |===========*/
/*----------------------------------------*/
/*need to overwrite legacy styles on #header*/
#nav__wrapper .nav--collapsed {
    position: fixed;
    left: 0;
    top: 0;
}
#nav__wrapper .nav--collapsed-photo-detail {
	min-width:980px;
	width:980px;
	left: 50%;
	margin-left:-490px;
}
.nav--collapsed,
.nav--collapsed .nav__nav-base {
	height:54px;
}
.nav--collapsed .nav__nav-base,
.nav--collapsed .extender-bkg {
	background-size: 182px;
}
.nav--collapsed .nav__nav-base {
	background-position:0 -306px;
}
.nav--collapsed .nav__second-group {
	padding:0;
}
.nav--collapsed .nav__menu-main {
	margin: 0 auto;
	padding-top:16px;
}
.nav--collapsed .nav__search-button {
    bottom: 5px;
}
.nav--collapsed .nav__form-textarea {
    bottom: -13px;
	height: 24px;
}
.nav--collapsed .nav__form-label {
	bottom:2px;
}
.nav--collapsed .nav__form-submit {
	bottom:-5px;
}
/* show package subnav extenders */
.show-subnav-extenders {
    height: 80px;
    width: 900%;
    left: -150%;
    position: relative;
}
/*-------------------------------------*/
/*=========| CATEGORY SUB NAV |========*/
/*-------------------------------------*/
.category-subnav-extender {
    margin: 0;
    padding: 0;
    height: 80px;
    border: none;
    position: absolute;
    left: -200%;
    top: 100px;
    z-index: -1;
    width: 400%;
}
.category-subnav {
    height: 80px;
    width: inherit;
}
.category-subnav--collapsed-mode {
    position: fixed;
    left: inherit;
    top: 53px;
    z-index: 900;
}
.category-subnav-extender--collapsed-mode {
    position: fixed;
    left: 0;
    top: 53px;
    z-index: 120;
    height: 81px;
}
.category-subnav__container--photo-detail {
	max-width: 980px;
	margin: 0 auto;
}
.category-subnav__logo {
	float:left;
	height: 100%;
	overflow:hidden;
}
.category-subnav__key-art {
    padding: 10px 35px 10px 25px;
    height: 100%;
    box-sizing: border-box;
}
.category-subnav__info {
	height: 100%;
	overflow:hidden;
    width: 167px;
    font-size: 1.1rem;
}
.category-subnav__menu-item {
    margin: 0 20px;
}
.category-subnav__menu-list {
    margin: 28px 29px;
}
.social-list {
    margin: 21px 25px 21px 0;
    float: right;
    display: none;
}
.category-subnav__key-art,
.category-subnav__info,
.category-subnav__menu-list,
.category-subnav__menu-item {
    float: left;
}
/*important! remove below LEGACY SHOWS NAV once switch is removed*/
.social-list__social-icon--subnav {
    width: 30px;
    height: 30px;
}
.social-list__social-icon-link--subnav {
    margin: 0 4px;
    text-decoration: none;
}
.category-subnav__tune-in-copy {
	margin: 18px 0 1px;
}
.category-subnav__tune-in-copy,
.category-subnav__tune-in-time {
    font-family: 'Lato', sans-serif;
}
.category-subnav__menu-link:link,
.category-subnav__menu-link:visited,
.category-subnav__menu-link:active {
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    font-size: 0.9rem;
}
.category-subnav__menu-link:hover {
    text-decoration: underline;
}
/*_____________________________________________*/
/*_________________| LEGACY |_________________*/
/*-------------------------------------*/
/*=========| LEGACY SHOWS NAV |========*/
/*-------------------------------------*/
#shows-nav {
	top:0; 
	left:inherit; 
	height:80px; 
	margin:0 auto;
	z-index: 4999;
}
/*
need to use !important to overwrite hash (#)
which cant be removed without breaking the 
legacy JS (appears in show package pages that
have their own little subnav)
*/
.shows-nav--collapsed-mode {
	position:fixed !important;
	top:54px !important;
}
/*--------------------------------------*/
/*===========| MEDIA QUERIES |==========*/
/*--------------------------------------*/
@media
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	/* UPDATE BY COPYING FROM INITIAL ABOVE */
	.nav__nav-base,
	.nav__image-icon,
	.extender-bkg {
		background-image: url('/resources/images/header_footer/global_nav@2x.png');
		background-size:336px;
	}
}
/* This is to fix the search bar misalignment issue in firefox */
@-moz-document url-prefix() {
    .nav__form .nav__form-textarea {
        bottom: -12px;
        height: 24px;
    }
}
.footer {
	background-color: #f2f2f2;
	clear: both;
	position: relative;
	padding: 48px 0 0;
	margin: 0 auto;
	max-width: 1280px;
}
.footer a {
	text-decoration: none;
}
.footer__socials {
	width: 317px;
	margin: 0 auto;
}
.edition_ap .footer__socials {
	width: 180px;
}
.edition_ap .footer__socials .footer__social-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.edition_ap .footer__socials .footer__social-list li {
	float: none;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.footer__enews-logo {
	float: left;
	margin-right: 20px;
	display: block;
	background-image: url('/resources/images/svg/enews-3.svg');
	height: 50px;
	width: 67px;
	background-repeat: no-repeat;
	background-size: 67px;
}
.footer__enews-logo--de {
	width: 16px;
}
.footer__enews-logo--ar,
.footer__enews-logo--br,
.footer__enews-logo--co,
.footer__enews-logo--mx,
.footer__enews-logo--ve {
	background-image: url('/resources/images/header_footer/e-now.svg');
	background-repeat: no-repeat;
	background-size: 153px;
	background-position: -46px -29px;
}
.footer__social-list {
	padding-top: 10px;
}
.footer__tips {
	text-align: center;
	clear: both;
	color: #838383;
	font: bold 12px/22px 'Lato', 'Arial Narrow', sans-serif;
}
.footer__tip-title {
	color: #000;
	font: 900 16px/22px 'Lato', 'Arial Narrow', sans-serif;
}
.footer__tip-link,
.footer__tip-link:link,
.footer__tip-link:visited,
.footer__tip-link:hover {
	color: #0ea8cc;
}
.footer__links {
	padding-top: 28px;
	color: #000;
	font: bold 13px/100% 'Lato', 'Arial Narrow', sans-serif;
}
.footer__links a:hover {
	color: #0ea8cc;
}
.footer__links--first {
	padding-top: 48px;
}
.footer__links--last {
	margin-bottom: 54px;
}
.footer__links--disclaimer {
	color: #9b9b9b;
	font-size: 11px;
}
.footer__tagline-wrap {
	margin-top: 25px;
	text-align: center;
}
.footer__tagline {
	display: inline-block;
	color: #838383;
	text-align: left;
	font: bold 13px/21px 'Lato', 'Arial Narrow', sans-serif;
}
.footer__eonline-logo {
	margin-right: 15px;
	margin-left: 10px;
	float: left;
	display: block;
	height: 42px;
	width: 65px;
	background-image: url('/resources/images/svg/eonline.svg');
	background-repeat: no-repeat;
}
.footer__eonline-logo--ar,
.footer__eonline-logo--co,
.footer__eonline-logo--mx,
.footer__eonline-logo--ve {
	background-image: url('/resources/images/header_footer/eonline-latino.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 110px;
}
.footer__eonline-logo--br {
	background-image: url('/resources/images/header_footer/eonline-brasil.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 110px;
}
.footer__bottom {
	text-align: center;
	padding: 33px 0 21px;
	color: #000;
	font: bold 12px/100% 'Lato', 'Arial Narrow', sans-serif;
}
.footer__bottom--uk {
	line-height: 1.5;
}
.footer__bottom-link,
.footer__bottom-link:link,
.footer__bottom-link:visited,
.footer__bottom-link:hover {
	color: #000;
}
.footer__bottom-link:hover {
	text-decoration: underline;
}
.footer__contact-link,
.footer__contact-link:link,
.footer__contact-link:visited,
.footer__contact-link:hover {
	color: #0ea8cc;
	text-decoration: underline;
}
/* Socials */
.social-link {
	width: 30px;
	height: 30px;
	display: block;
	box-sizing: border-box;
	padding-top: 8px;
	padding-left: 1px;
	background-repeat: no-repeat;
	background-position: 0;
}
.social-link:active,
.social-link:hover,
.social-link:link,
.social-link:visited {
	color: #fff;
	outline: none;
}
.social-link__text {
	text-indent: -999px;
}
.social-link--facebook {
	background-image: url('/resources/images/svg/social/facebook-3.svg');
}
.social-link--instagram {
	background-image: url('/resources/images/svg/social/instagram-3.svg');
}
.social-link--pinterest {
	background-image: url('/resources/images/svg/social/pinterest-3.svg');
}
.social-link--twitter {
	background-image: url('/resources/images/svg/social/twitter-3.svg');
}
.social-link--tumblr {
	background-image: url('/resources/images/svg/social/tumblr-3.svg');
}
.social-link--snapchat {
	background-image: url('/resources/images/svg/social/snapchat-3.svg');
}
.social-link--gplus {
	background-image: url('/resources/images/svg/social/gplus-3.svg');
}
.social-link--facebook:hover {
	background-image: url('/resources/images/svg/social/facebook-2.svg');
}
.social-link--instagram:hover {
	background-image: url('/resources/images/svg/social/instagram-4.svg');
}
.social-link--pinterest:hover {
	background-image: url('/resources/images/svg/social/pinterest-2.svg');
}
.social-link--twitter:hover {
	background-image: url('/resources/images/svg/social/twitter-2.svg');
}
.social-link--tumblr:hover {
	background-image: url('/resources/images/svg/social/tumblr-2.svg');
}
.social-link--snapchat:hover {
	background-image: url('/resources/images/svg/social/snapchat-2.svg');
}
.social-link--gplus:hover {
	background-image: url('/resources/images/svg/social/gplus-2.svg');
}
#Newsletter_Block {
	padding-top: 27px;
}
#Newsletter_Button,
.Newsletter_Input {
	border: 0;
	display: block;
	float: left;
	position: relative;
	width: 245px;
}
#Newsletter_Button {
		background: #000000 url('/resources/images/header_footer/footer_tab_gradient_dark.png') repeat-x top left;
		border-top: 1px solid #555555;
		color: #ffffff;
		cursor: pointer;
		font-size: 14.67px;
		height: 32px;
		width: 111px;
	}
.Newsletter_Input {
		background-color: #ffffff;
		border-top: 1px solid #808080;
		color: #b7b7b7;
		font-size: 16px;
		height: 30px;
		margin-right: 0;
		width: 245px;
	}
#Newsletter_Button:hover {
	background: url('/resources/images/header_footer/Newsletter_NL-7-hover-button.jpg') repeat-x top left;
	border-top: 1px solid #999999;
}
#Newsletter_List {
	clear: left;
	display: block;
	height: 20px;
	padding-top: 5px;
	position: relative;
	text-align: left;
}
#Newsletter_List li {
	display: inline;
}
#Newsletter_List li label {
	padding-left: 5px;
	text-transform: none;
}
#Newsletter_List li label a {
	color: #00ecff;
	text-decoration: none;
}
#Newsletter_List li label a:hover {
	text-decoration: underline;
}
#Newsletter_Submitting_Form {
	float: left;
	width: 370px;
}
#Newsletter_Submitting_Form .reqCheckBox,
#Newsletters .Newsletter_sending_animation {
	display: none;
}
#Newsletters .custom_checkbox {
	background: url('/resources/newsletter/images/newsletter-checkbox_20.png') no-repeat;
}
#Newsletters .footer_custom_checkbox,
#Newsletters .footer_custom_checkbox.checked {
	background-size: 20px 32px;
	float: left;
	height: 20px;
	width: 20px;
}
#Newsletters .footer_custom_checkbox {
		background-position: 0 7px;
		margin-top: -6px;
		z-index: 20;
	}
#Newsletters .footer_custom_checkbox.checked {
		background-position: 0 -14px;
		margin-top: -5px;
	}
#Newsletters .Newsletter_sending_animation img {
	margin: 40px 0 0 200px;
}
.Newsletter_Check {
	color: #808080;
}
/** Newsletter Overlay ********************/
/******************************************/
.error_confirmation,
.error_confirmation_overlay,
.footer_confirmation,
.footer_confirmation_overlay {
	background-color: #000000;
	display: none;
	position: absolute;
	top: 0;
}
.footer_confirmation,
.error_confirmation {
	height: 405px;
	width: 300px;
	z-index: 999;
}
.footer_confirmation_overlay,
.error_confirmation_overlay {
	height: 100%;
	opacity: .8;
	width: 100%;
}
.footer_confirmation_overlay,
.error_confirmation_overlay {
	z-index: 998;
}
.error_confirmation input,
.footer_confirmation input {
	background-color: #00ecff;
	border: 0;
	border-bottom: 2px solid #444444;
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	height: 47px;
	margin-left: 20px;
	position: relative;
	top: 10px;
	width: 262px;
	z-index: 1000;
}
.error_confirmation input:active,
.footer_confirmation input:active {
	border: 2px solid #cccccc;
}
.error_confirmation input:hover,
.footer_confirmation input:hover {
	background-color: #03c0cf;
	color: #ffffff;
}
.error_subscribing {
	color: #ff0000;
	font-size: 12px;
}
.footer_lightbox_close {
	cursor: pointer;
	margin-left: 285px;
	margin-top: -12px;
	position: absolute;
}
/* Footer Newsletter*/
.f-newsletter__tab-content {
  background:#323232;
  color:#fff;
  padding:10px 15px 10px 20px;
}
.f-newsletter__tab-content a {
  color:#00ecff;
  text-decoration: none;
}
.f-newsletter__tab-content a:hover {
  text-decoration: underline;
}
.f-newsletter__form {
  margin-left:25px;
  width:373px;
}
.f-newsletter__required-input {
  color:red;
  display:none;
}
.f-newsletter__email {
  display:block;
  padding:4px 3px;
  font-size:16px;
  width:245px;
}
.f-newsletter_subscribe {
  background: #000 url('/resources/images/header_footer/footer_tab_gradient_dark.png') repeat-x top left;
  border-top: 1px solid #555;
  border-bottom:none;
  border-left:none;
  border-right:none;
  color:#fff;
  outline:none;
  font-size:14.67px;
  width:111px;
  padding:7px;
  cursor: pointer;
}
.f-newsletter_subscribe:hover {
  background: url('/resources/images/header_footer/Newsletter_NL-7-hover-button.jpg') repeat-x top left;
  border-top:1px solid #999;
}
.f-newsletter__input-row {
  margin-bottom:5px;
}
.f-newsletter__faux-checkbox {
  background:url('/resources/newsletter/images/newsletter-checkbox_20.png') no-repeat;
  width:20px;
  height:16px;
  position: absolute;
  top:1px;
  left:0;
}
.f-newsletter__faux-checkbox.checked {
  background-position: 0 -14px;
  height:20px;
  top:-6px;
}
.f-newsletter__checkbox-wrap {
  position:relative;
  margin-right:10px;
  margin-bottom:5px;
}
a.f-newsletter__privacy {
  color:#fff;
}
.f-newsletter__privacy:hover {
  color:#666;
}
.footer_confirmation_overlay,
.footer_confirmation {
  position: fixed;
}
.footer_confirmation_overlay {
  left:0;
}
.footer_confirmation {
  top:50%;
  left:50%;
  margin-left:-150px;
  margin-top:-202px;
  color:#fff;
}
/***********************/
/* LAYOUT */
/***********************/
/* Alignments */
.column,
.l-grid > li  {
	float:left;
}
.c-grid {
    text-align:center;
    clear:both;
}
.c-grid > li {
    display:inline-block;
}
.column--r { float:right; }
.column--pos-r { right:0; }
.column--pos-l { left:0; }
.table--centered {
	display:table;
	margin-left: auto;
	margin-right: auto;
}
.f-columns {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}
.f-columns--right {
	-webkit-justify-content: flex-right;
	    -ms-flex-pack: flex-right;
	        justify-content: flex-right;
}
.f-columns--spaced {
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.f-column {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
/* Widths*/
.one-column--md { 
	width:300px;
}
.two-column--md,
.fw--md .cols--md-s {
	width:600px;
}
.three-column--md,
.cols--md-s {
	width:900px;
}
/* Spacing */
.l-spacing--sm > li  { 
    margin-right:10px;
}
.l-spacing--md > li  { 
    margin-right:15px;
}
.l-spacing--sm > li:last-child,
.l-spacing--md > li:last-child {
    margin-right:0;
}
.t-row { display: table; width:100%; }
.t-column { display:table-cell; vertical-align: top; }
@media screen and (max-width: 1279px) {
	/* 980px FRAMEWORK*/
	.one-column--sm,
	.two-column--md.one-column--sm,
	.three-column--md.one-column--sm {
		width: 300px;
	}

	.two-column--sm, 
	.one-column--md.two-column--sm, 
	.three-column--md.two-column--sm { 
		width: 600px;
	}
}
/***********************/
/* Loaders */
/***********************/
.loading-circle {
    border: 1px solid #999;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: bubble 2s linear infinite;
            animation: bubble 2s linear infinite;
}
@-webkit-keyframes bubble {
    0%, 100% { 
    	opacity: 0.3;
    	-webkit-transform: scale(0.9);
    	        transform: scale(0.9);
    }
    50% { 
    	opacity: 0.8;
    	-webkit-transform: scale(1);
    	        transform: scale(1);
    }
}
@keyframes bubble {
    0%, 100% { 
    	opacity: 0.3;
    	-webkit-transform: scale(0.9);
    	        transform: scale(0.9);
    }
    50% { 
    	opacity: 0.8;
    	-webkit-transform: scale(1);
    	        transform: scale(1);
    }
}
.loading-line {
	background: #999;
	width: 100%;
	height: 1px;
	-webkit-animation: expand 2s linear infinite;
	        animation: expand 2s linear infinite;
}
@-webkit-keyframes expand {
    0%, 100% { 
    	opacity: 0.3;
    	-webkit-transform: scale(0.8, 1);
    	        transform: scale(0.8, 1);
    }
    50% { 
    	opacity: 0.8;
    	-webkit-transform: scale(0.9, 1);
    	        transform: scale(0.9, 1);
    }
}
@keyframes expand {
    0%, 100% { 
    	opacity: 0.3;
    	-webkit-transform: scale(0.8, 1);
    	        transform: scale(0.8, 1);
    }
    50% { 
    	opacity: 0.8;
    	-webkit-transform: scale(0.9, 1);
    	        transform: scale(0.9, 1);
    }
}
.loading-boxes {
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
    border: 3px solid #0ea8cc;
    background-color: #fff;
    width: 50px;
    height: 50px;
    -webkit-animation: bouncedelay 1.2s linear infinite;
            animation: bouncedelay 1.2s linear infinite;
}
.loading-boxes:last-child {
    margin-right: 0;
}
.loading-boxes.loading-boxes--second {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s
}
.loading-boxes.loading-boxes--third {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s
}
@-webkit-keyframes bouncedelay {
    0%, 100% { 
        background-color: #fff;
    }
    50% { 
        background-color: #0ea8cc;
    }
}
@keyframes bouncedelay {
    0%, 100% { 
        background-color: #fff;
    }
    50% { 
        background-color: #0ea8cc;
    }
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, .8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	/* don't show these though */
	.featherlight script.featherlight-inner,
	.featherlight link.featherlight-inner,
	.featherlight style.featherlight-inner {
		display: none;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, .3);
		color: #000;
		border: none;
		padding: 0;
	}

	/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
	.featherlight .featherlight-close-icon::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		box-sizing: border-box;
	}
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}
/* Authors Landing */
.authors__content {
	padding: 10px 30px;
}
.authors__title {
	border-bottom: 2px solid #ccc;
	height: 50px;
}
.authors__title a {
	color: #0ea8cc !important;
	text-decoration: none;
}
.authors__listingcontainer {
	margin: 10px 0 40px 0;
}
.authors__listingcolumn {
	float: left;
	line-height: 2.0em;
	width: 33%;
}
.authors__listingcolumn a {
	color: #0ea8cc;
	font-size: 15px;
	font-weight: bold;
}
.authors__listing--empty {
	font-size: 14px;
	margin: 10px 0 0 0;
	text-align: center;
}
/* Author Detail */
.authors__socials {
	border-bottom: 1px dotted #ccc;
	height: 20px;
	margin-bottom: 20px;
	padding: 5px 5px 5px 0;
}
.authors__socialtext {
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	padding-top: 2px;
}
.authors__socialicon {
	float: left;
	margin-left: 10px;
}
.authors__storylist {
	list-style: none;
	margin: 0;
}
.authors__storylist__item {
	display: block;
	margin-top: 10px;
	min-height: 103px;
	width: 600px;
}
.authors__storylist__itemthumb {
	background: url("/resources/images/misc/elogo_thumb.jpg") no-repeat 0 0;
	float: left;
	height: 100px;
	width: 100px;
}
.authors__storylist__itemdescription {
	float: left;
	margin-left: 15px;
	width: 480px;
}
.authors__storylist__itemtitle a {
	font-size: 22px;
	text-decoration: none;
}
.authors__storylist__itemtimestamp {
	color: #0ea8cc;
	font-size: 14px;
	margin-top: 5px;
}
/* Authors Pagination */
.authors__paginationwrapper {
	margin-top: 20px;
	text-align: center;
}
.authors__pagination {
	display: inline-block;
	margin-bottom: 20px;
}
.authors__pagination__nav {
	border: 1px solid black;
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 25px;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
}
.authors__pagination__nav--prev {
	background: url("/resources/search/images/btn-previous.jpg") no-repeat left top;
	padding: 0 8px 0 20px;
}
.authors__pagination__nav--next {
	background: url("/resources/search/images/btn-next.jpg") no-repeat right top;
	padding: 0 20px 0 8px;
}
.authors__pagination__numbers {
	float: left;
	margin: 0 20px;
	text-decoration: none;
}
.authors__pagination__numbers a {
	border: 1px solid black;
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 25px;
	margin: 0 2px;
	padding: 0 8px;
	text-align: center;
	text-decoration: none;
}
.authors__pagination__numbers .active {
	background-color: #3f3f3f;
	color: #fff;
}
/*
 * 2016 Rebrand - Curated Landing Pages / Front Door
 */
.rebrand-clp .lp_wrap {
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 1280px;
}
.has-skin.rebrand-clp .lp_wrap {
	width: 1300px;
}
.rebrand-widget-container {
	margin: 20px 0 0 0;
    width:1280px;
}
/*Center direct child divs of .rebrand-widget-container to support both 2016 Rebrand (1230px) and 2017 Glossy (1280px) widgets on the same areas*/
.rebrand-widget-container > div {
    margin-left: auto;
    margin-right: auto;
}
.has-skin .rebrand-widget-container {
	margin-left:10px;
	margin-right:10px;
}
/*  Center + Add 20px bottom margin to CLP Athena Ads.  Nested <div> selectors are targetted to ensure that ONLY the Athena Ad slots being tactively rafficked have the following style applied. */
.rebrand__athenawrapper > div > div {
	margin-bottom: 20px;
	text-align: center;
}
/*=================================================*/
/*================| NEWSLETTER STICKY FOOTER |================*/
/*
 * Implemented by: Haik Chalian
 * Platform: EONLINE DESKTOP
 * 
 * This css file is used for sticky ads.
 * 
*/
/*=================================================*/
.newsletter-sticky {
	background: #ebda11;
	font-family: 'Lato', Arial, sans-serif;
	height: 100px;
	width: 100%;
	position: fixed;
	bottom: -100px;
	left: 0;
	opacity: 0;
	box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, .2);
	transition: all 0.75s ease-in-out 0s;
	z-index: 9999;
}
.newsletter-sticky--active {
	bottom: 0;
	opacity: 1;
}
.newsletter-sticky__content {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}
.newsletter-sticky__content {
	background-image: url(/resources/newsletter/images/newsletter_sticky_bg.png);
}
.newsletter-sticky__heading,
.newsletter-sticky__form,
.newsletter-sticky__logo {
	float: left;
}
.newsletter-sticky__heading {
	width: 240px;
	font-weight: 900;
	font-style: italic;
	padding-top: 18px;
}
.newsletter-sticky__heading p {
	text-align: center;
}
.newsletter-sticky__heading p:first-child {
	font-size: 29px;
	line-height: 1em;
}
.newsletter-sticky__heading p:nth-child(2) {
	font-size: 33px;
	line-height: 1em;
	text-transform: uppercase;
}
.newsletter-sticky__form {
	position: relative;
	left: 0;
	top: 0;
	margin: 0 70px 0 50px;
}
.newsletter-sticky__error {
	display: none;
	position: absolute;
	left: 0;
	top: 10px;
	color: #fc3501;
	font-size: 12px;
	font-style: italic;
}
.newsletter-sticky__fields {
	margin-top: 30px;
	overflow: hidden;
}
.newsletter-sticky__input,
.newsletter-sticky__button {
	outline: none;
	display: block;
	float: left;
	font-size: 14px;
	padding: 8px;
}
.newsletter-sticky__input {
	width: 300px;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	color: #4a4a4a;
	border: none;
	border-radius: 5px 0 0 5px;
	padding-left: 10px;
}
.newsletter-sticky__button {
	width: 130px;
	background: #0ea8cc;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}
.newsletter-sticky__button--tryagain {
	width: 150px;
	border-radius: 5px;
	display: inline;
	float: none;
}
.newsletter-sticky__button:hover {
	background: #17bae0;
}
.newsletter-sticky__agreement {
	color: #665f06;
	font-size: 12px;
	padding-top: 5px;
}
.newsletter-sticky__agreement a {
	color: #0ea8cc;
	font-style: italic;
	font-weight: 700;
}
.newsletter-sticky__logo {
	margin-top: 24px;
	height: 50px;
	width: 67px;
	background: url(/resources/images/header_footer/footer_sprite.png) no-repeat 0 0;
}
.newsletter-sticky__process {
	display: none;
	height: 100%;
	text-align: center;
}
.newsletter-sticky__process--loading {
	padding-top: 35px;
}
.newsletter-sticky__loadanim {
	width: 129px;
	height: 34px;
	background: url('/resources/newsletter/images/Newsletter_Footer_Animation.gif') -118px 0 no-repeat;
	margin: 0 auto;
}
.newsletter-sticky__process--success {
	padding-top: 15px;
}
.newsletter-sticky__process--success p {
	font-weight: 900;
	font-style: italic;
}
.newsletter-sticky__process--success p:first-child {
	font-size: 38px;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.newsletter-sticky__process--success p:nth-child(2) {
	font-size: 27px;
	letter-spacing: 0.05em;
	line-height: 1em;
}
.newsletter-sticky__process--error {
	padding-top: 20px;
}
.newsletter-sticky__process--error p {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1em;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.newsletter-sticky__process--error p span {
	text-decoration: underline;
	cursor: pointer;
}
/**
 * Helper Classes
 * TODO: put this in a commons file;
 */
.close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
}
.close:hover::before,
.close:hover::after {
	background: #1ebcc5;
}
.close--black::before,
.close--black::after {
	background: #000;
}
.close::before,
.close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	height: 2px;
	margin-top: -1px;
}
.close::before {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.close::after {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
/* GDPR Notice Bar */
.gdpr-notice {
	background: #4a4a4a;
	bottom: 0;
	display: none;
	min-height: 100px;
	margin: 0 auto;
	position: fixed;
	width: 100%;
	z-index: 999999;
}
.gdpr-notice-wrapper {
	margin: 0 auto;
	min-width: 980px;
	max-width: 1280px;
	width: 100%;
}
.gdpr-notice-text {
	color: #f2f2f2;
	display: inline-block;
	float: left;
	font: 14px 'Lato', Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 21px;
	margin: 20px 0 20px 30px;
	max-width: 750px;
	padding: 0;
	text-align: left;
}
.gdpr-notice-text a, .gdpr-notice-text a:hover, .gdpr-notice-text a:active, .gdpr-notice-text a:visited {
	color: #0ea8cc;
}
.gdpr-notice-btn {
	background: #0ea8cc;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: right;
	font: 14px 'Lato', Arial, sans-serif;
	height: 39px;
	letter-spacing: 0.7px;
	line-height: 26px;
	margin: 30px 30px 30px 20px;
	outline: none;
	padding-top: 3px;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
}


/*# sourceMappingURL=head.resources.1.2acf189fb092365513ab.css.map*/