/*
 Theme Name:   ApopsiTheme 2
 Theme URI:    http://www.joinweb.gr/
 Description:  Apopsi tou Notou Responsive Theme
 Author:       Vagelis Boutsakis, Michalis "Svelon" Velonakis
 Author URI:   http://www.joinweb.gr
 Template:     JoinwebBasic
 Version:      1.0.0
 Text Domain:  apopsi
*/
/********************************************************
 *** General ********************************************
 ********************************************************/
html {
	font-size: 10px;
}
body {
	/*font-family: 'Roboto', sans-serif;*/
	background: #f0f0f0;
	font-family: 'Roboto Condensed', sans-serif;
	color: #404041;
	font-size: 1.7rem;
}
.left {
	float: left;
}
.right {
	float: right;
}
a {
	text-decoration: none;
}
a .articleData {
	color: #404041;
}
a:hover .articleData {
	color: #fa6f13;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul li {
	display: inline-block;
	padding-left: 3px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}

figure img {
	max-width: 100%;
	height: auto;
}

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

/* header */
.headerGrid.grid {
	grid-template-areas: "logo time weather member headerMenu";
	grid-template-columns: 307px 2fr 1fr 2fr 2fr;
	column-gap: 0;
	position: relative;
}
.logoContainer {
	grid-area: logo;
}
.logo {
	padding-top: 28px;
	background: url(images/apopsi_logo_bg.png) no-repeat right 0;
	height: 119px;
}
.timeWrapper {
	grid-area: time;
	background: url(images/weather_bg.png) no-repeat;
	height: 80px;
	margin-top: 27px;
	position: relative;
	width: 166px;
	padding-top: 7px;
	color: #58595b;
}
.timeInfo {
	font-weight: 700;
}
.timeInfo span {
	padding: 5px;
	background: #fa6f13;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 20px;
	font-size: 20px;
	margin: 0 3px;
}
.weatherContainer {
	grid-area: weather;
}
.mediaLogo {
	grid-area: member;
	margin-top: 40px;
	width: 220px;
	margin-left: 0px;
}
.upperMenuWrapper {
	grid-area: headerMenu;
	text-align: right;
	padding-top: 15px;
}

.headerContainer2 {
	background: url(images/header2_right_bg.png) repeat scroll 0 -1px;
}

.headerGrid2:before {
	background: url(images/header2_left_bg.png) repeat-x scroll 0 transparent;
	content: "";
	height: 61px;
	position: absolute;
	right: 100%;
	width: 100%;
}
.headerGrid2.grid {
	position: relative;
	grid-template-areas: "issue mainmenu";
	grid-template-columns: 122px 1fr;
	column-gap: 0;
}
.headerIssueLink {
	grid-area: issue;
	background: url(images/cover_header_bg.png) no-repeat transparent right;
	height: 61px;
	overflow: hidden;
	padding: 15px 10px 10px 0;
	color: #fff;
}
.mainMenu {
	grid-area: mainmenu;
	background: url(images/mainMenu_background.png) no-repeat 0 -1px;
	height: 60px;
}
.headerContainer {
	background: url(images/apopsi_small_logo.png) repeat #fa6f13;
}
.headerGrid:before {
	background: url(images/header_left_bg.png) repeat-x;
	content: "";
	height: 119px;
	position: absolute;
	right: 100%;
	top: 0;
	width: 100%;
}
.mainMenu >ul>li:first-child {
	margin-left: 20px;
}
.mainMenu ul>li {
	padding: 0 7px 0 8px;
	margin-top: 3px;
}
.mainMenu >ul>li.current-menu-item,
.mainMenu li.current_page_item,
.mainMenu >ul>li:hover {
	background: url(images/menu_hover_left_bg.png) left center no-repeat,url(images/menu_hover_right_bg.png) right center no-repeat;
}

.mainMenu li.current-menu-item>a,
.mainMenu li.current_page_item>a,
.mainMenu >ul>li:hover>a {
	background: url(images/menu_hover_bg.png) center center repeat;
}
.mainMenu >ul>li>a {
	padding: 14px 3px 14px 0;
}
.mainMenu li a {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}

.menu-item-has-children{
	position: relative;
}

.core-menu li {
	list-style:none;
	display:inline-block;
	cursor:pointer;
}
.core-menu li a {
	display:inline-block;
	padding:1em;
}
.core-menu li a:hover {
	/*background:#38a201;*/
}
li span.toggle {
	padding-left:1em;
}
.toggle:before {
	content:"\f107";
	font:normal normal normal 16px/1 FontAwesome;
}
.sub-menu {
	position:absolute;
	width:230px;
	background:#1e2a49;
	text-align:left;
	display:none;
	z-index: 9999;
	left: 0;
}

.mainMenu ul.sub-menu > li{
	margin: 0;
}
.sub-menu li {
	display:block;
}
.sub-menu li:hover{
	background: #fa6f13;
}
.dropdown li a {
	display:block;
}

.hamburger-menu {
	padding:1em;
	display:none;
	text-transform:uppercase;
}

.socialWrapper .socialLink {
	display: inline-block;
	width: 25px;
	height: 24px;
	background-repeat: no-repeat;
}
.socialWrapper .socialLink span {
	display: none;
}
.socialWrapper .socialLink.facebook {
	background-image: url("images/social/facebook.png");
}
.socialWrapper .socialLink.twitter {
	background-image: url("images/social/twitter.png");
}
.socialWrapper .socialLink.rss {
	background-image: url("images/social/rss.png");
}
/* news scroller */
.headerLine3.grid {
	margin-bottom: 15px;
	grid-template-columns: 134px 1fr;
	column-gap: 0;
}
#headerEpikairothtaTitle {
	background: url("images/header_epikairothta_bg.png") no-repeat #fff;
	color: #FFFFFF;
	font-size: 17px;
	height: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	float: left;
}
.newsLine {
	background: #fff;
	float: left;
	height: 20px;
	overflow: hidden;
}
.newsLine #js-news {
	padding: 0 0 0 15px;
	margin: 0;
	list-style: none;
	font-size: 15px;
}
.newsLine #js-news a {
	color: #404041;
}
/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
	width: 914px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 0;
	width: 914px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #414142;
	margin: 0 25px 0 0;
	font-size: 14px;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}

/* home page */
.advertisment {
	margin: 0 auto;
}
.homeMainSlider {
	margin-top: 5px; /* todo remove */
	height: 533px;
	width: 100%;
	overflow: hidden;
}
.slides {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sliderData {
	position: relative;
	width: 100%;
	height: 533px;
	overflow: hidden;
}
.attachment-slider.wp-post-image {
	width: 100%;
	height: auto;
}
.sliderData .sliderText {
	width: 90%;
	padding: 10px 15px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	background: rgba(0,0,0,0.4);
	color: #fff;
}
.sliderData img {
	width: 100%;
}
.sliderData .sliderText h2 {
	margin: 0;
	padding: 0 0 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 5.1rem;
	line-height: 1;
	text-shadow: 1px 1px 4px rgba(11,11,11,0.6);
}
.sliderData .sliderText span {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 1px 1px 4px rgba(11,11,11,0.6);
}
#carousel {
	height: 200px;
	overflow: hidden;
	margin-bottom: 22px;
}
#carousel li {
	padding-top: 12px;
	margin-right: 11px;
	cursor: pointer;
	float: left;
	display: block;
}
#carousel li:last-child {
	margin-right: 0;
}
.carouselData {
	position: relative;
	width: 180px;
	height: 199px;
	overflow: hidden;
}

.thumbDataHovered {
	position: absolute;
	top: -11px;
	width: 180px;
	height: 199px;
	background: url("images/carousel_hover_bg.png") no-repeat;
	background-size: 180px;
	color: #fff;
	overflow: hidden;
}
.thumbDataHovered h4, .thumbDataHovered h5 {
	margin: 0;
	position: absolute;
	color: #fff;
	padding: 0 5px;
	line-height: 1;
	text-shadow: 1px 1px 4px rgba(11,11,11,0.6);
}
.thumbDataHovered h4 {
	bottom: 52px;
}
.thumbDataHovered h5 {
	top: 160px;
}
.flex-direction-nav {
	display: none;
}
#addThumb {
	width: 175px !important;
}
#addThumb:hover, #addThumb.flex-active-slide {
	background: url("images/carousel_add_hover_bg.png") no-repeat;
}
.active .thumbDataHovered, .flex-active-slide .thumbDataHovered{
	display: block;
}
.active .thumbData, .flex-active-slide .thumbData {
	display: none;
}


/* home top stories */
.homeTopStories {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
		"ad1 tall ad2"
		"story1 tall story2"
		"ad3 ad3 side"
		"story3 story3 topSide"
	;
}
.home_add_1 {
	grid-area: ad1;
}
.topStory1 {
	grid-area: story1;
}
.longArticleHome {
	grid-area: tall;
}
.home_add_2 {
	grid-area: ad2;
}
.topStory2 {
	grid-area: story2;
}
.home_add_11 {
	grid-area: ad3;
}
.topStory3 {
	grid-area: story3;
}
.topStoriesSidebar {
	grid-area: topSide;
}
.featuredPosts .article {
	position: relative;
	padding-top: 13px;
}
.featured .topStoriesData,
.featuredPosts .article .articleData {
	bottom: 0;
	position: absolute;
	width: 100%;
}
.featuredPosts .article .summary {
	color: #404041;
	margin: 10px 0;
}
.featured h2,
.featuredPosts .article h2 {
	color: #FFFFFF;
	left: 5px;
	margin: 0;
	font-size: 33px;
	line-height: 1.4;
	font-weight: bold;
	font-family: "Roboto Condensed", sans-serif;
	text-shadow: 1px 1px 4px rgba(11,11,11,0.6);
}
.featured footer,
.featuredPosts .article footer {
	background: url("images/widget_blue_title_tile_bg.jpg") repeat-x #19325a;
	min-height: 39px;
	color: #fff;
	padding: 4px 5px;
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	font-family: "Roboto Condensed", sans-serif;
	text-shadow: 1px 1px 4px rgba(11,11,11,0.6);
	width: 100%;
}
.featured:hover footer,
.featuredPosts .article:hover footer {
	background: url("images/featured_title_hover_tile_bg.png") repeat-x #fa6e12;
}
.featured:hover,
.featuredPosts .article:hover {
	background: url("images/featured_top__tile_bg.jpg") repeat-x;
}

.featuredPosts .wideArticleHome .article footer {
	background: url("images/widget_blue_title_tile_bg.jpg") repeat-x #0A246A;
	width: 100%;
}
.featuredPosts .wideArticleHome:hover .article footer {
	background: url("images/featured_title_hover_bg_wide.jpg") no-repeat #fa6e12;
}
.featuredPosts .wideArticleHome .article:hover {
	background: url("images/featured_top_bg_wide.jpg") no-repeat;
}

.featuredPosts .summary,
.wideArticleHome .summary {
	display: none;
}

/**** tabs ****/
html ul.tabs {
	background: url("images/orange_title_bg.png") repeat-x;
	border: none !important;
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}
html ul.tabs li {
	border: none;
	text-align: left;
	width: 50%;
}
html ul.tabs li:first-child {
	text-align: right;
}
ul.tabs li a {
	background: url("images/orange_title_bg.png") repeat-x;
	color: #f0a473;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
html ul.tabs li.active a {
	color: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: url("images/orange_title_bg.png") repeat-x transparent;
	color: #fff;
	border-bottom: none !important;

}
.JoinwebTabberWidget .tabs {
	height: 40px;
}
.tab_container {
	width: auto !important;
	background: #fff !important;
	z-index: 99 !important;
}
.tab_content {
	background: #fff;
	width: 100%;
}
.tab_container #sticky-posts-2,
.tab_container #sticky-posts-3 {
	height:390px;
	overflow:auto;
}

.tab_container #sticky-posts-4 {
	height: 390px;
	overflow:auto;
}
#tab1 {
	padding-right:0;
	width:100%;
}
.tab_container #tab1 .jspVerticalBar {width:1px; background: #8b8b8c; margin-right:15px;border-right: 1px solid #bdbdbd;}
.tab_container #tab1 .jspTrack {background: #8b8b8c;}
.tab_container #tab1 .jspDrag {width:21px; left:-10px; background: url('images/scroller_bg.png')  no-repeat;}
.tab_container #tab1 .jspPane > ul {width:92%;}
.topStoriesSidebar .tab_container {
	width: 100%;
}
/**** latest news widget ****/
.widget_ultimate_posts .widget-title {
	display: none;
}
.post-cats-label {
	display: none;
}
.widget_ultimate_posts li .upw-content,
.wpp-list li .upw-content,
.popular-posts li {
	font-size: 17px;
	line-height: 19px;
	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+ */
	margin:0 0 18px;
	flex-direction: column;
}
.widget_ultimate_posts li .upw-content .post-cats a,
.wpp-list li .upw-content .post-cats a {
	color: #fff;
	background: #fa6e12;
	padding: 0 3px;
}
.widget_ultimate_posts li .upw-content .post-title a,
.popular-posts a {
	color: #404041;
}
.upw-content > p {margin:0;}
.upw-content > p.post-cats {
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.upw-content > p.post-date {
	-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
	-ms-flex-order: 2;              /* TWEENER - IE 10 */
	-webkit-order: 2;               /* NEW - Chrome */
	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	box-ordinal-group:2;
}
.upw-content > p.post-title {
	-webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
	-ms-flex-order: 3;              /* TWEENER - IE 10 */
	-webkit-order: 3;               /* NEW - Chrome */
	order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.upw-after{
	float: right;
	padding-right: 30px;
}
.upw-after p {
	margin:0;
}
.upw-after a{
	color:#404041;
	font-size:18px;
	background: none repeat scroll 0 0 #fa6e12;
	color:#fff;
	padding: 0 3px;
}


/* home Krhth */
.fullTitle {
	background: url("images/long_title_full_bg_part.png") no-repeat, url("images/title_general__end_bg.jpg") right top no-repeat #fb6e12;
	color: #fff;
	font-family:"Roboto Condensed", sans-serif;
	font-size: 23px;
	font-weight: 700;
	margin: 10px 0;
	padding: 1px 10px 6px;
}
.fullTitle a {
	color: #fff;
}
.krhthHomeGrid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"big big small1 small2"
		"big big small3 small4"
	;
}
.krhthHomeGrid .bigArticle {
	grid-area: big;
}
.krhthHomeGrid .smallArticle1 {
	grid-area: small1;
}
.krhthHomeGrid .smallArticle2 {
	grid-area: small2;
}
.krhthHomeGrid .smallArticle3 {
	grid-area: small3;
}
.krhthHomeGrid .smallArticle4 {
	grid-area: small4;
}

/* home notia krhth */
.notiaKrhthGrid {
	grid-template-areas:
		"bigArticle sidebarArticle"
		"bigArticle sidebarAd";
	grid-template-columns: 1fr 300px;
	margin-bottom: 10px;
}
.bigFlow {
	grid-area: bigArticle;
}
.sideFlow {
	grid-area: sidebarArticle;
}
.home_add_5 {
	grid-area: sidebarAd;
}
.bigFlow figure {
	float: left;
	margin-right: 10px;
}
.bigFlow .articleData {
	width: 200px;
	float: left;
}
.articleData footer {
	font-weight: 700;
}
a .articleData {
	color: #404041;
}
a:hover .articleData {
	color: #fa6f13;
}
.threeRow {
	grid-template-columns: 1fr 1fr 1fr;
}

.homeCategoriesWrapper {
	grid-template-areas:
		"category1 category2 homeCatsidebar"
		"category3 category3 homeCatsidebar";
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 15px;
}
.homeCat.odd {
	grid-area: category1;
}
.homeCat.even {
	grid-area: category2;
}
.sportsGroup {
	grid-area: category3;
}
.homeCat_sidebar {
	grid-area: homeCatsidebar;
	margin-top: -4px;
}
.homeCat > h2,
.eytheos h2,
.blogs h2,
.parapolitika h2,
.normalTitle {
	background: url("images/title_general_bg.png") no-repeat, url("images/title_general__end_bg.jpg") right top no-repeat #fb6e12;
	margin:0 0 10px;
	padding: 8px 10px 7px;
	color: #fff;
	font-size: 2.3rem;
	line-height: 2.4rem;
}
.normalTitle a {
	color: #fff;
}
.eytheos h2 {
	background: url("images/ey8aios.png") no-repeat 0 0;
	height: 170px;
	text-indent: -9999999px;
	padding-bottom: 0;
}
.homeCat a {
	color: #414142;
}
.homeCat > h2 a, h2.medTitle a{
	color: #fff;
}
.homeCat_big h3 {
	font-size: 2rem;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 10px 0 4px;
	padding: 0;
	line-height:1.2;
}
.homeCat_big h3:hover{
	color:#fa6e12;
}
.homeCat_big p {
	margin: 0;
	padding: 0;
}
.homeCat ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}
.homeCat ul li {
	margin-bottom: 10px;
}
.homeCat_small img {
	float: left;
	margin-right: 10px;
}
.homeCat_small h3,
.menu_post_title,
.eytheos h3,
.blogs h3 {
	margin: 0;
	padding: 0;
	font-size: 1.9rem;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.2;
}
.homeCat_small h3:hover{
	color:#fa6e12;
}
.homeCat_small div {
	width: 200px;
}
.homeCat_small p, .sub-menu .summary {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.homeCat_single h3 {
	font-size: 3.3rem;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 0 10px;
	padding: 0;
}
.homeCat_single p {
	font-size: 17px;
	margin: 0;
	padding: 0;
}
.homeCat ul.parapolitika_list{
	margin: 10px 0 0;
}
.homeCat ul.parapolitika_list h3 {
	font-size: 3.3rem;
	line-height: 3.5rem;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 0 10px;
	padding: 0;
}
.homeCat ul.parapolitika_list p {
	font-size: 1.4rem;
	margin: 0;
	padding: 0;
}

.parapolitika .articleflow figure,
.articleblog .blogAuthor figure{
	float: left;
	margin-right: 5px;
}
.parapolitika h2 {
	background: url(images/akouson.png) no-repeat 0 0 #EF7F1A;
	text-indent: -9999px;
	overflow: hidden;
}
.parapolitika .articleflow {
	margin-bottom: 10px;
}
.unsignedArticle {
	grid-template-columns: 142px 1fr;
}

.split {
	grid-template-columns: 1fr 1fr;
}

.medTitle {
	background: url("images/long_title_full_bg_part.png") no-repeat, url("images/title_general__end_bg.jpg") right top no-repeat #fb6e12;
	color: #fff;
	padding: 1px 10px 6px;
	margin:0;
	font-weight: bold;
	font-size: 2.3rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.home3Sidebar {
	margin-top: -20px;
}

.blogAuthor {
	grid-template-columns: 60px 1fr;
	margin-bottom: 15px;
}

/**** latest issue widget ****/
.widget_latest_issue {
	background: #fff;
}

.widget_latest_issue h3.latestIssueTitle, #text-10 h3, #custom_html-2 h3 {
	margin: 0;
	background: url("images/widget_blue_title_tile_bg.jpg") repeat-x;
	padding: 7px 0;
	text-align: center;
	color: #fff;
}
.widget_latest_issue h3.latestIssueTitle span {
	color: #fff;
}
.widget_latest_issue figure {
	position: relative;
}
.widget_latest_issue .issueTitle {
	background: url("images/issue_page_bg.png") no-repeat scroll 0 -1px;
	color: #FFFFFF;
	font-size: 17px;
	height: 115px;
	line-height: 21px;
	overflow: hidden;
	padding: 7px 0 0 59px;
	position: absolute;
	right: 0;
	text-shadow: 0 0 2px rgba(0,0,0,0.6);
	top: 0;
	width: 51px;
}
.widget_latest_issue .issueTitle div {
	font-size: 21px;
	font-weight: bold;
	line-height: 6px;
}

.widget_webtv_widget .bigVideo {
	margin-bottom: 4px;
	position: relative;
}
.widget_webtv_widget a {
	display: inline-block;
	position: relative;
}
.widget_webtv_widget .bigVideo .playbutton {
	background: url(images/play_button_big.png);
	width: 39px;
	height: 39px;
}
.widget_webtv_widget .smallVideo .playbutton {
	background: url(images/play_button_small.png);
	width: 19px;
	height: 19px;
}
.widget_webtv_widget .playbutton {
	position: absolute;
	left: 42%;
	top: 42%;
}

.blogAuthor .articleData footer {
	font-weight: 700;
}
.blogAuthor .articleData h3 {
	font-weight: 400;
}

/******* home sports *******/
.sportsGroup .mainTabs,
.sportsGroup .tabsList {
	display: none;
}
.maintabs, .tabs, .videoCategories {
	background:#fa6f13;
	height: 40px;
	width: 100%;
}
.tabs {
	background:transparent;
	height: auto;
}
.tab,
.subtab {
	display: none;
}
.tab.active {
	display: block;
}
.grid.subtab.active {
	display: grid;
}
.maintabs ul,
.tab ul,
.videoCategories {
	list-style: none;
	margin: 0;
	padding: 0;
}
.maintabs ul li,
.tab ul li,
.videoCategories li {
	display: inline-block;
	background: #182f56;
	margin-top: 8px;
}
.maintabs ul li {
	margin-top: 8px;
}
.maintabs ul li.active a,
.maintabs ul li a:hover,
.tabs ul li a {
	color: #fff;
	padding: 10px;
	background: #182f56;
}
.maintabs ul li a,
.tabs ul li.active a,
.tabs ul li a:hover,
.videoCategories li a {
	color: #fff;
	padding: 10px;
	background: #fa6f13;
}
.subtabs {
	margin-top: 15px;
}
.firstSport .article a {
	display: grid;
	grid-template-columns: 490px 1fr;
	column-gap: 10px;
	margin-top: 15px;
}
.firstSport .article {
	width: 100%;
}

.firstSport .article figure {
	float: left;
	margin-right: 10px;
}
.firstSport .articleData {
	float: left;
}
.tabsList {
	height: 36px;
	background: #0A246A;
}
.subtab.grid {
	grid-template-columns: 1fr 1fr 1fr;
	display: none;
}
.tabcontent a {
	color: #404041;
}

.sportsRest {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: "article1 article2 article3";
	margin-top: 20px;
}

.videoCategories {
	margin: 20px 0 30px;
}


.popupvideos {
	grid-template-columns: 1fr 300px;
}
.webtvSection {
	background: url("images/title_bg.png") repeat-x top left #162d51;
	margin: 30px 0;
	padding: 20px;
	border-bottom: 7px solid #fa6e12;
}
.webtvInnerTitle img {
	margin: 10px;
}
.WebTvTitle {
	background: url("images/webTv_title.png") no-repeat;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 300px;
}
.widget_webtv_widget a {
	display: inline-block;
	position: relative;
}
.playButton,
.sliderData img.playButton {
	position: absolute;
	left: 42%;
	top: 42%;
	width: 84px;
	height: 85px;
}
.bigVideo {
	margin-bottom: 4px;
	position: relative;
}
.bigVideo .playButton {
	background: url("images/play_button_big.png");
	width: 39px;
	height: 39px;
}
.smallVideo .playButton {
	background: url("images/play_button_small.png");
	width: 19px;
	height: 19px;
}
.smallVideo:first-child {
	margin-right: 4px;
}
.widget_webtvnews_widget a .WebTvNewsTitle {
	display: inline-block;
	color: #fff;
	background: url("images/news_bg.png") no-repeat;
	width: 100%;
	height: 38px;
	margin: 0;
	text-align: center;
	padding-top: 10px;
}

.webTvCarousel ul h4 {
	background: url("images/play_button_small.png") no-repeat top 5px left;
	padding: 0 25px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.webtvpopup_allVids {
	margin-left: 800px;
	background: url("images/webtv_tip_bg.png") no-repeat;
	color: #fff;
	padding: 2px 18px 5px;
	font-size: 18px;
	font-weight: bold;
}
#webtvBar_popup {
	display: none;
}
#darkBack {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 9990;
	display: none;
}
#colseWebtvPopup {
	position: absolute;
	right: 20px;
	top: 55px;
}

.homeCategoriesWrapper3 {
	grid-template-columns: 1fr 1fr 1fr;
}

/****** photo of the day ****/
.photooftheDay {
	padding-bottom: 50px;
}
.photooftheDay h2, .sc_title {
	background: url("images/long_title_full_bg_part.png") no-repeat, url("images/title_general__end_bg.jpg") right top no-repeat #fb6e12;
	color: #fff;
	padding: 1px 10px 5px;
	margin:0;
	font-weight: bold;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
}
.photooftheDay ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.photooftheDay ul li {
	display: inline-block;
	margin: 15px 4px 0;
}
.photooftheDay ul li:first-child {
	margin: 15px 2px 0 0;
}
.photooftheDay ul li:last-child {
	margin: 15px 0 0 2px;
}
.photooftheDay .photoText{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	text-shadow: 1px 1px 4px rgba(11, 11, 11, 0.6);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
	bottom: 110px;
	color: #fff;
	height: 175px;
	left: 30px;
	padding: 10px 15px;
	position: relative;
	width: 536px;
}

/* single page */
.mainContainer {
	grid-template-areas: "breadcrumbs breadcrumbs" "main side";
	grid-template-columns: 1fr 300px;
}
.mainContainer .breadcrumbs {
	grid-area: breadcrumbs;
}
.mainContainer .mainArticle {
	grid-area: main;
}
.mainContainer .sidebar {
	grid-area: side;
}

.breadcrumbs a {
	color: #404041;
}

.single h1, .page h1 {
	color: #fa6e12;
	font-size: 5.1rem;
	line-height: 5.5rem;
	margin: 20px 0;
	padding: 0;
}
.mainPicture {
	position: relative;
	border-top: 3px solid #fa6e12;
	width: 100%;
	max-height: 491px;
	min-height: 30px;
	overflow: hidden;
}
.mainPicture h2 {
	position: absolute;
	top: 0;
	margin: 0;
	background: url(images/single_category_bg.png) no-repeat 0 -1px;
	font-size: 2.1rem;
	height: 25px;
	line-height: 12px;
	padding: 5px 0 0;
	width: 163px;
	text-align: center;
}
.mainPicture h2 a {
	color: #fff;
	text-shadow: 0 0 4px rgba(11,11,11,.6);
}
.singleTools div {
	display: inline-block;
	color: #58595b;
	box-shadow: 0 0 6px rgba(11,11,11,.6);
	background: #fff;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
}
.smallerFonts {
	font-size: 16px;
	height: 20px;
	margin-top: 10px;
	width: 20px;
}
.largerFonts {
	font-size: 21px;
	width: 30px;
	height: 30px;
}
.single .widget_latest_issue h3 {
	color: #19325a;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0;
}
.timeData {
	color: #ef6e23;
	font-size: 2.1rem;
	font-weight: 700;
}
.textPart {
	font-size: 2.1rem;
	font-weight: 300;
}
.otherArticles {
	margin: 10px 0;
	font-size: 2.1rem;
	padding-bottom: 150px;
}
.otherArticles ul {
	list-style: none;
}
.otherArticles ul a {
	color: #fa6e12;
}
.textPart img {
	max-width: 100%;
	height: auto;
}

/* sidebar */
.sidebarWidgets ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget-container {
	margin-bottom: 20px;
}

/* archive */
.archiveContainer {
	grid-template-columns: 1fr 300px;
}

/********************************************************
 *** Super Category (sc) ********************************
 ********************************************************/
.sc_header {
	grid-template-columns: 240px 1fr;
	grid-template-areas: "title cats";
	grid-column-gap: 0;
	margin-bottom: 20px;
	height: 122px;
}
.sc_BigTitle {
	background: url("images/supercategory_title_bg.png") no-repeat scroll right 0 #F0F0F0;
	grid-area: title;
	overflow: hidden;
	word-wrap: break-word;
}
.subCategories {
	background: url("images/supercategory_title_subcats_bg.png") repeat-x scroll right top;
	grid-area: cats;
	margin-top: 26px;
	overflow: hidden;
}
.sc_BigTitle h1, .s_BigTitle h1 {
	color: #FFFFFF;
	font-size: 5.6rem;
	line-height: 5rem;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	margin: 0;
	padding: 20px 30px 0 4px;
}

.category-15 .sc_BigTitle h1, .category-15 .s_BigTitle h1{
	font-size:38px;
	padding-top: 38px;
}
.subCategories ul {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
}
.subCategories ul li {
	padding: 0 20px 0;
	background: url("images/bullet.png") no-repeat 5px 5.5px;
}
.subCategories ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	line-height: 21px;
}
.subCategories ul li a.active, .subCategories ul li a:hover {
	color:#353B56;
}
.sc_featured {
	float: left;
}
.sc_featured .featured {
	float: none;
}
.SC_featuredContainer .sc_featured:first-child .topStoriesText {
	margin-right: 9px;
}
.SC_featuredContainer .sc_featured:last-child .topStoriesText {
	margin-left: 9px;
}
.topStoriesText {
	color: #404041;
	height: 50px;
	overflow: hidden;
	width: 355px;
}
.sc_title {
	margin-bottom: 10px;
}
.sc_title a {
	color: #fff;
}
.sc_article_0 {
	float: left;
	margin-right: 20px;
	overflow: hidden;
	width: 355px;
}
.sc_article_0 .article_data {
	width: 355px;
	font-size: 14px;
	color: #404041;
}
.sc_article_0 .article_data > h3 {
	font-size: 19px;
	font-weight: bold;
	margin: 5px 0 0;
	line-height: 20px;
}
.sc_article_0 .article_data p {
	margin: 0;
}
.sc_article_1 {
	margin-bottom: 20px;
}
.sc_article_1 figure, .sc_article_2 figure{
	float: left;
	margin-right: 10px;
}
.sc_article_1 .article_data, .sc_article_2 .article_data {
	width: 200px;
	height: 127px;
	overflow: hidden;
	float: left;
	color: #404041;
}
.sc_article_1 .article_data > h3, .sc_article_2 .article_data > h3 {
	margin: 0;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
}
.sc_article_1 .article_data > p, .sc_article_2 .article_data > p {
	margin: 3px 0 0;
}
/********************************************************
 *** Category (c) ***************************************
 ********************************************************/
.c_header {
	background: url("images/category_header_bg.png") no-repeat scroll left 26px;
}
.c_BigTitle {
	background: url("images/category_title_bg.png") no-repeat right 7px #F0F0F0;
	overflow: hidden;
	height: 128px;
	word-wrap: break-word;
	margin-right: 20px;
	width: 300px;
}
.c_BigTitle h1 {
	color: #FFFFFF;
	font-size: 4.6rem;
	line-height: 5rem;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	margin: 0;
	padding: 32px 12px 0 0px;
	display: block;
}
.listPost {
	margin: 10px 0;
}
@media screen and (min-width: 993px) {
	.listPost figure {
		max-height: 292px;
		overflow: hidden;
	}
}
.listPost figure {
	margin-right: 20px;
}
.listPost footer {
	height: 251px;
	overflow: hidden;
}
.listPost footer h2, .listPost footer h2 a{
	font-size: 2.4rem;
	line-height: 2.9rem;
	color: #424242;
	margin: 0;
}
.listPost footer p, .listPost footer p a {
	color: #424242;
	font-size: 1.7rem;
}
.brdnavigation{
	text-align: center;
	margin: 40px 0;
	width:100%;
}
.brdnavigation .wp-paginate a, .brdnavigation .wp-paginate .current{
	padding: 4px 12px;
}
h3.category_list {
	margin:0;
}
.listPost ul.post-categories {
	margin:0;
	padding: 0;
}
.listPost .post-categories > li {
	list-style: none;
	display: inline-block;
}
.listPost .post-categories > li a{
	background: none repeat scroll 0 0 #fa6e12;
	color: #fff;
	padding: 0 8px;
}
.listPost .post-categories > li a[rel="bookmark"]{
	display: none;
}
/********************************************************
 *** Video Category *************************************
 ********************************************************/
#webtvTitle {
	text-transform: uppercase;
}
.featuredVideo .videoTitle {
	background: url("images/featured_video_title_bg.png") no-repeat;
	height: 80px;
	padding: 20px 30px 0;
	margin-bottom: 15px;
}
.videoTitle > h2 {
	color: #FFFFFF;
	margin: 0;
	text-shadow: 0 0 4px rgba(0,0,0,0.6);
}
.sc_webtv_article .article_data > h3 {
	color: #404041;
	margin: 5px 0 10px;
}
/********************************************************
 *** Issues Category ************************************
 ********************************************************/
.issuesList .sc_BigTitle {
	width: auto;
}
.issuesList .sc_BigTitle h1 {
	padding-top: 45px;
}
.issuesList .subCategories {
	width: auto;
}
.listIssue {
	margin: 0 0 15px;
}
.listIssue.last {
	margin-right: 0;
}
.listIssue figure{
	text-align:center;
}
.listIssue h2 {
	color: #404041;
	font-size: 1.7rem;
	font-weight: normal;
	margin: 0;
	text-align: center;
}
.archiveContainer .issues {
	display: flex;
	flex-wrap: wrap;
}
.archiveContainer .issues .issue {
	max-width: 265px;
	margin: 5px;
}
/********************************************************
 *** Search *********************************************
 ********************************************************/
.s_BigTitle {
	height: 103px;
	margin-right: 20px;
	overflow: hidden;
}

/********************************************************
 *** WebTv Bar ******************************************
 ********************************************************/
#webtvBar {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 999;
	background: url("images/webtvbar_bg.png") repeat-x 0 bottom;
	color: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.6);
	height: 27px;
	text-align: center;
}
#webtvBar .webtvBarWrapper {
	position: relative;
	padding-bottom: 0;
}
#webtvBar #webtvBar_logo {
	position: absolute;
	top: -70px;
	left: 0;
}
#webtvBar_latestVideoTitle {
	font-weight: bold;
	font-size: 20px;
	text-shadow: 0 0 6px rgba(0,0,0,0.6);
	color: #fff;
}
#webtvBar_popup {
	bottom: 27px;
	position: fixed;
	width: 1200px;
	z-index: 99999;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#webtvBar_popup .webtvSection {
	margin-bottom: 0;
}
#webtvPopupTitle {
	background: url("images/webtv_popup_title.png") no-repeat;
	height: 99px;
	width: 1048px;
	position: absolute;
	top: -91px;
}
#webtvBar_popup .wrapper{
	background: #e6e7e8;
}
#webtvBar_popup .popupvideos {
	padding: 20px 0 0 42px;
}
#webtvBar_popup .popupAdd {
	padding: 0 42px 20px 0;
}
.webTvSlider .popupAdd p,
#webtvBar_popup .popupAdd p {
	margin: 0;
}
.popupvideos h2 {
	background: url("images/webtv_featured_title_bg.png") no-repeat;
	color: #fff;
	height: 87px;
	margin: 0 0 8px;
	padding: 10px;
	width: 620px;
	overflow: hidden;
}
.popupvideos h2 a {
	color: #fff;
}
.popupvideos #webtvpopup_fetured1 {
	height: 390px;
	width: 639px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
.popupvideos #webtvpopup_fetured1 .playButton {
	left: 43%;
	position: absolute;
	top: 36%;
}
.popupvideos #webtvpopup_fetured1 .wp-post-image {
	height: 100%;
	width: 100%;
}
.popupvideos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.popupvideos ul li {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
}
.popupvideos ul li h3 {
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;

	font-family: "roboto condensed";
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	text-shadow: 1px 1px 4px rgba(11, 11, 11, 0.6);
}
.popupvideos ul li a .playButton {
	position: absolute;
	top: 23%;
	left: 44%;
}

.webTvCarousel ul h4 {
	background: url("images/play_button_small.png") no-repeat top 5px left;
	padding: 0 25px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.webtvpopup_allVids {
	margin-left: 800px;
	background: url("images/webtv_tip_bg.png") no-repeat;
	color: #fff;
	padding: 2px 18px 5px;
	font-size: 18px;
	font-weight: bold;
}
#webtvBar_popup {
	display: none;
}
#darkBack {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 9990;
	display: none;
}
#colseWebtvPopup {
	position: absolute;
	right: 20px;
	top: 55px;
}

/* footer */
.siteFooter {
	background: url(images/footer_bg.png) repeat-x #f86d10;
	height: auto;
}
.footerGrid {
	grid-template-areas: "footerLogo paper social menuSearch";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-bottom: 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #fff;
}
.footerLogo {
	grid-area: footerLogo;
}
.footerPaper {
	grid-area: paper;
}
.footerSocialWrapper {
	grid-area: social;
}
.footerMenuWrapper {
	grid-area: menuSearch;
}
.apopsiLogoFooter img {
	margin-top: 38px;
	margin-bottom: 15px;
}
.footerPaper img {
	margin-top: 30px;
}
.footerSocialWrapper {
	margin-top: 38px;
	text-align: right;
}
.footerSocial .socialLink {
	display: inline-block;
	width: 49px;
	height: 49px;
	background-repeat: no-repeat;
	margin-right: 10px;
}
.footerSocial .socialLink span {
	display: none;
}
.footerSocial .socialLink.facebook {
	background-image: url(images/social/facebook_large.png);
}
.footerSocial .socialLink.twitter {
	background: url(images/social/twitter_large.png) no-repeat scroll 0 7px;
}
.footerSocial .socialLink.rss {
	background-image: url(images/social/rss_large.png);
}
.footerMenuWrapper {
	margin-top: 31px;
}
.bottomMenu {
	margin: 0 0 5px;
	text-shadow: 0 0 4px #333;
}
#topMenu, .bottomMenu {
	font-size: 16px;
	color: #fff;
}
#topMenu a,
.bottomMenu a {
	color: #fff;
}
#searchform #s,
.searchformfooter .sf {
	background: #fff;
	border: 1px solid #5c5c5d;
	height: 27px;
	width: 195px;
}
#searchform #searchsubmit,
.searchformfooter .searchsubmitf {
	background: url(images/search_Button.png) no-repeat;
	border: 1px solid #06204b;
	border-left: 0;
	height: 27px;
	width: 38px;
	color: #222;
}

.footerLine {
	padding-bottom: 30px;
}
.footerCatsMenu {
	text-align: center;
}
.footerCatsMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
	display: inline-block;
}
.footerCatsMenu li {
	float: left;
	width: 160px;
	font-weight: 700;
	text-align: left;
}
.footerCatsMenu a {
	color: #fff;
	display: block;
}
.footerEnd {
	grid-template-areas: "copy menu";
	grid-template-columns: 1fr 1fr;
}
.copyright {
	grid-area: copy;
}
.finalMenu {
	grid-area: menu;
	text-align: right;
}
.finalMenu a {
	color: #fff;
}

.widget_webtv_widget {
	display: grid;
    grid-template-areas:
		"title title"
        "one one"
        "two three"
        "four five";
    grid-template-columns: 1fr 1fr;
}
.widget_webtv_widget a:nth-of-type(1) {
	grid-area: title;
}
.widget_webtv_widget a:nth-of-type(2) {
	grid-area: one;
}
.widget_webtv_widget a:nth-of-type(3) {
	grid-area: two;
}
.widget_webtv_widget a:nth-of-type(4) {
	grid-area: three;
}
.widget_webtv_widget a:nth-of-type(5) {
	grid-area: four;
}
.widget_webtv_widget a:nth-of-type(6) {
	grid-area: five;
}

.advertisment.singleAds {
	display: grid;
	grid-template-areas: "ad1 ad2";
	grid-template-columns: 1fr 1fr;
}
.singleAds .advertismentBox.even {
	grid-area: ad1;
}
.singleAds .advertismentBox.odd {
	grid-area: ad2;
}

.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-block-embed__wrapper iframe,
figure {
	max-width: 100%;
}

.home .summary,
.homeCat_big p,
.homeCat_small p {
	display: none;
}

.homeCategoriesWrapper .advertisment {
	margin-bottom: 20px;
}

/* mobile */
@media screen and (max-width: 992px) {
	.mainContainer {
		grid-template-areas: "breadcrumbs" "main" "side";
		grid-template-columns: 1fr;
	}
	.footerGrid {
		grid-template-areas: "footerLogo"  "social" "menuSearch" "paper";
		grid-template-columns: 1fr;
	}
	.footerLogo,
	.footerPaper,
	.footerSocialWrapper,
	.footerMenuWrapper {
		text-align: center;
	}

	.footerEnd {
		grid-template-areas: "menu" "copy";
		grid-template-columns: 1fr;
	}
	.copyright,
	.finalMenu {
		text-align: center;
	}
}