*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*-----------------------------------------------------------------------------------*/
/* - Article Header
/*-----------------------------------------------------------------------------------*/

/* Top Ad */
.top-ad {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.top-ad div {
	display: inline-block;
	margin-bottom: 8px;
}
.a-head {
	position: relative;
	margin-bottom: 30px;
	padding: 0 16px;
}
.a-logo {
	width: 250px;
	margin: 0 auto 10px;
	display: block;
}

/* Stories Menu */
.menu-stories-container {
	margin: 30px auto 0;
}
#menu-stories {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#menu-stories > li {
	background-color: #ddd;
	height: 30px;
	margin-bottom: 10px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;	
}
#menu-stories > li:hover {
	background-color: #e6e6e6;
	outline: 3px solid #bccada;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
}
#menu-stories > li > a {
	padding: 0 10px;
	font-size: 12px;
	text-transform: uppercase;
	color: #222;
	line-height: 30px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#menu-stories > li > a:hover {
	color: #103967;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#menu-stories > li.current-menu-item, 
#menu-stories > li.current-post-ancestor {
	background-color: #103967;
}
#menu-stories > li.current-menu-item:hover, 
#menu-stories > li.current-post-ancestor:hover	 {
	outline: none;
}
#menu-stories > li.current-menu-item > a,
#menu-stories > li.current-post-ancestor > a {
	color: #fff;
}
#menu-stories .sub-menu {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/* - Article Content
/*-----------------------------------------------------------------------------------*/

.the-article {
	padding: 0 16px;
}

/*** Title ***/
.title-head {
	margin-bottom: 30px;
}
.title-head h1 {
	font-size: 30px;
	line-height: 125%;
	margin-bottom: 12px;
}
.title-head h2 {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 300;
}
.title-head h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
}
.a-social {
	margin-bottom: 15px;
}
.article-body .a-social ul {
	margin: 0;
	list-style: none;
}
.a-social ul li {
	float: left;
	margin-right: 15px;
}
.a-social ul li:first-child {
	margin-top: -4px;
}
.a-social .fb_iframe_widget {
	border: none;
	background-color: transparent;
}
.a-social-bottom {
	margin: 30px 0;
}

/* Post Type Tag */
.post-type-tag {
	width: 100%;
	padding: 0 16px;
	margin-bottom: 15px;
}
.article-container .post-type-tag a {
	background-color: #153C63;
	padding: 5px 20px;
	color: white;
	font-weight: 600;
	font-size: 15px;
}
.article-container .post-type-tag a:hover {
	opacity: 0.9;
}

/*------- Article body -------*/

.article-body {
	margin-bottom: 35px;
	position: relative;
	min-height: 1050px;
}
.article-body ul {
	list-style: disc;
	margin-left: 40px;
}
.article-body ol {
	list-style: decimal;
	margin-left: 40px;
}
.article-body iframe {
	max-width: 100%;
}
/*** Related Show ***/
.related-show {
	min-height: 93px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.related-show-goast {
	display: none;
}
.rs-inner {
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
}
.rs-image-wrap {
	overflow: hidden;
}
.rs-image-wrap > div {
	width: 50%;
	float: left;
}
.rs-text {
	padding: 0 4px 0 6px;
}
.rs-text span {
	font-size: 11px;
	font-weight: 700;
	color: #777;
}
.rs-text h1 {
	font-size: 16px;
	margin: 1px 0 2px;
	line-height: 120%;
}
.rs-image {
	height: 66px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.article-body ul.rs-bottom {
	float: left;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.rs-bottom li {
	height: 27px;
	float: right;
	width: 50%;
	text-align: center;
}
.rs-bottom li:first-child {
	background-color: #921700;
}
.rs-bottom li:last-child {
	background-color: #103967;
}
.rs-bottom li:hover {
	opacity: 0.9;
}
.rs-bottom li a {
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
}
.rs-bottom li a:hover {
	color: #999;
}

/*** ad sticky ***/
.adsticky {
	margin: 0 0 20px -6px;
}
#adsticky-inner {
	width: 300px;
}
.ad-sticky-goast {
	display: none;
}

/*** Whats on Now widget ***/
.single .widget_schedule_widget {
	width: 100%;
	margin-bottom: 35px;
}
.article-body .widget_schedule_widget .link {
	text-align: left;
	font-weight: 600;
	margin-top: 15px;
}
.article-body .widget_schedule_widget ul {
	margin: 0;
	list-style: none;
}

/*** Quiz ***/
.single .interact-embed {
	width: 100%;
}

/*** Comments ***/
.a-comments {
	width: 100%;
	margin-bottom: 35px;
}
.show-comments {
	width: 100%;
	height: 35px;
	background-color: #ebebeb;
	color: #103967;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}
.show-comments:hover {
	background-color: #dee4eb;
	color: #1d4675;	
}

/*** More Stories ***/
.more-stories {
	padding: 16px 16px 0;
	background-color: #f2f2f2;
}
.more-stories-inner > h1 {
	font-size: 30px;
	text-align: center;
}
.more-stories-ad {
	float: left;
	margin-left: -6px;
	margin-bottom: 40px;
	width: 100%;
}
.more-stories-ad div {
	width: 300px;
	height: 250px;
}
.more-stories-ad-temp div {
	background: url(/wp-content/themes/thunder/images/stories/temp/EliteSweeps-300x250banner.jpg) no-repeat center top / 300px;
}
.more-stories .story-show {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(215,223,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(215,223,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(215,223,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(215,223,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(215,223,232,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(215,223,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7dfe8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*-----------------------------------------------------------------------------------*/
/* - MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 321px) {

.adsticky,
.more-stories-ad {
	margin-left: 0;
}
#adsticky-inner,
.more-stories-ad div {
	margin: 0 auto;
}

/* Story Header */
#menu-stories > li {height: 35px;}
#menu-stories > li > a {padding: 0 14px;font-size: 13px;line-height: 35px;}
		
} /* end media 321px */


@media only screen and (min-width: 480px) {


} /* end media 480px */



@media only screen and (min-width: 600px) {

/* More Stories */
.more-stories {margin-bottom: 80px;}
.more-stories .s-load-more {margin-bottom: 0;}
.article-body .widget_schedule_widget .content {position: relative;}
.article-body .widget_schedule_widget .link {position: absolute;top: -32px;right: 100px;margin-top: 0;}
.article-body .widget_schedule_widget .link a {color: #fff;}
.article-body .widget_schedule_widget .content ul li {margin-bottom: 10px;}
.article-body .widget_schedule_widget .content ul li div:first-child {float: left;margin-right: 15px;min-width: 65px;}


} /* end media 600px */



@media only screen and (min-width: 700px) {
	
/* Header */
.top-ad {margin-bottom: 0;background-color: #eaeaea;box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);padding-top: 20px;}
.a-head {padding: 0 30px;}
.title-head h1 {font-size: 40px;}
.menu-stories-container {position: relative;}
#menu-stories {justify-content: center; -webkit-justify-content: center; margin-bottom: 20px;}
#menu-stories > li {height: 35px; margin: 0 5px 10px;}
#menu-stories > li > a {padding: 0 12px;font-size: 13px;font-weight: 600; line-height: 35px;}
#menu-stories .sub-menu {position: absolute;text-align: center;left: 0; right: 0; margin: 0 auto;padding-bottom: 0 !important;bottom: -21px;background-color: #fff;z-index: 0;}
#menu-stories > li:hover .sub-menu {display: block;z-index: 200;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
/* #menu-stories > li.current-post-ancestor:hover .sub-menu {opacity: 1;z-index: 200;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;}  */
#menu-stories .sub-menu > li {display: inline;}
#menu-stories .sub-menu > li > a {padding: 10px;font-size: 14px;font-weight: 600;color: #777;}
#menu-stories .sub-menu > li > a:hover {color: #103967;}
#menu-stories .sub-menu > li.current-post-ancestor > a {color: #901901;}

/* Article Content */
.article-container {margin-bottom: 30px; padding-top: 35px;}
.the-article {padding: 0 30px;}
.article-body p {font-size: 17px;}

/* Post Type Tag */
.post-type-tag {padding: 0 30px;margin-top: -32px;}
.article-container .post-type-tag a {
	padding: 5px 35px;
	border-radius: 0 0 5px 0;
}

/* Realted Show */
.related-show {position: absolute;min-height: 75px;top: 0;left: 0;padding-right: 330px;}
.related-show-goast {display: block;height: 120px;width: 200px;}

/*** ad sticky ***/
.adsticky {position: absolute;right: 0;top: 0;z-index: 10;}
.adsticky-temp div {background: url(/wp-content/themes/thunder/images/stories/temp/EliteSweeps-300x600banner.jpg) no-repeat center top / 300px;}
.article-body p:nth-of-type(-n+4) img, .article-body .wp-caption:nth-child(-n+6) img, .article-body p:nth-of-type(-n+4) iframe, .article-body p:nth-of-type(-n+4) iframe  {max-width: 48.4%;	margin: 0 auto;float: none;}
.ad-sticky-goast {display: block;height: 600px;width: 300px;float: right;margin: 0 0 20px 30px;}

/* More Stories */
.more-stories-ad {width: 47%;margin: 0 1.5% 30px;}
.more-stories article:nth-of-type(4) {clear: left;}


} /* end media 700px */



@media only screen and (min-width: 768px) {
	
.article-body p:nth-of-type(-n+4) img, .article-body .wp-caption:nth-child(-n+6) img, .article-body p:nth-of-type(-n+4) iframe {max-width: 53.3%;}
	
} /* end media 768px */	



@media only screen and (min-width: 800px) {

/* Header */
.a-head {margin-bottom: 65px;}
.a-head .a-logo {width: 270px; position: absolute; left: 30px;}
.a-submenu {padding-left: 300px;}
.menu-stories-container {margin-top: 0; float: right;}
#menu-stories {justify-content: flex-end; -webkit-justify-content: flex-end; margin-bottom: 0;}

} /* end media 768px */



@media only screen and (min-width: 970px) {

/* Wrappers */	
.article-container {max-width: 970px;margin: 0 auto 30px;}

/* Article Content */
.article-body {width: 100%;padding-right: 335px;}

/* Realted Show */
.related-show {position: relative;padding-right: 0;height: 75px;}
.related-show-goast {display: none;}
.rs-image-wrap {width: 38%;float: left;}
.rs-image-wrap > div {height: 75px;}
.rs-image-wrap > div:first-child {width: 45%;background-color: #103967;padding: 15px;}
.rs-image-wrap > div:last-child {width: 55%;}
.rs-text {line-height: 135%;}
.rs-text span {font-size: 16px;color: #fff;text-align: left;font-weight: 600;}
.rs-text h1 {position: absolute;left: 40%;top: 7px;width: 58%;font-size: 19px;line-height: 106%;}
.rs-bottom {width: 62%;margin-top: 48px;}
.rs-bottom li {float: left;}
.rs-bottom li a {font-size: 13px;font-weight: 600;}


/*** ad sticky ***/
.adsticky {position: absolute;right: 0;left: auto;top: 0;}
.adfixed {position: fixed;width: 970px;left: 0;top: 76px;margin: 0 auto;height: 1px;}
.adfixed div {float: right;margin: 0;}
.adstick-bottom {position: absolute;bottom: 1020px;top: auto;left: auto; }
.adstick-bottom-sm {position: absolute;bottom: 645px;top: auto;left: auto; }

.article-body p:nth-of-type(-n+4) img, .article-body .wp-caption:nth-child(-n+6) img, .article-body p:nth-of-type(-n+4) iframe {max-width: 100%;}
.ad-sticky-goast {display: none;}

/* What's On Now widget */
.what-is-on-bottom {position: absolute; bottom: 0;right: 0; width: 300px;}
.article-body .widget_schedule_widget .link {position: static;top: auto;right: auto; margin-top: 15px;}
.article-body .widget_schedule_widget .link a {color: #003965;}
.article-body .widget_schedule_widget .content ul li {margin-bottom: 0;}
.article-body .widget_schedule_widget .content ul li div:first-child {float: none;margin-right: 0;min-width: 0;}

} /* end media 970px */



@media only screen and (min-width: 1010px) {

/* Header */
.a-head,
.post-type-tag {padding: 0;}
.a-head .a-logo {left: 0;}
	
/* Article Content */
.the-article {padding: 0;}

/* More Stories */
.more-stories-inner {max-width: 1300px;margin: 0 auto;}
.more-stories-ad {width: 31.3333%;margin: 0 1% 40px;}
.more-stories article:nth-of-type(4) {clear: none;}
.more-stories article:nth-of-type(3) {clear: left;}	
	
} /* end media 1010px */	



@media only screen and (min-width: 1360px) {

.more-stories {padding: 16px 0 0;}

} /* end media 1260px */
