/*
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/

/* Main Font */
@import url(https://fonts.googleapis.com/css?family=Homenaje);

/* Global */
body {
	font-weight:500;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Homenaje', sans-serif;
	font-weight:400 !important;
}

.themeform h1 span, .themeform h2 span, .themeform h3 span {
	color:#e13939
}

/* Custom Font Sizes */
.widget h3 {
	font-size:32px;
	font-style:normal;
	text-transform:none
}

.single .post-title {
	font-size:42px;
	line-height:46px;
	letter-spacing:2px;
}

.featured-title {
	line-height:1.1em;
}

#split-left-top h2, #split-right-top h2, #split-right-top h1 {
	font-size:32px;
}

#split-right-top h2 span {
	color:#e13939
}

.entry h2 {
	font-weight:400
}

/* Sidebar Widgets */
#text-16 {
	padding-top:0 !important;
}

#text-20 {
	padding-top:10px !important;
}

#socialcountplus-3 {
	padding-bottom:0 !important;
}

#tag-widget-8 h3 span, #tag-widget-11 h3 span {
	padding-left:35px;
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-video.png) no-repeat;
}

#tag-widget-8 li, #tag-widget-11 li {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-play-small.png) no-repeat 3px 2px;
}

#tag-widget-9 h3 span {
	padding-left:35px;
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-audio.png) no-repeat;
}

#tag-widget-9 li {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-song-small.png) no-repeat 3px 2px;
}

#split-sidebar .posts-by-tag-list a, .alx-tab .tab-item-title {
	font-family: 'Homenaje', sans-serif;
	font-size:18px;
	color:#222;
}

#split-sidebar .posts-by-tag-list a:hover {
	color:#e13939
}

#split-sidebar .posts-by-tag-list small {
	display:block;
	font-size:12px;
	text-transform:uppercase;
	color:#aaa;

}

#split-sidebar .posts-by-tag-list li {
	margin-bottom:10px;
	line-height:20px;
}

#split-sidebar .posts-by-tag-list li {
	padding-left:25px;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom:8px;
	text-transform:capitalize
}

/* Play-Audio Button */
.thumb-icon { 
	background: rgba(225,57,57,1);
	border:1px #fff solid;
	border-radius:45px;
	height:40px;
	width:40px;
	left:10%;
	bottom:77%;
}

.thumb-icon.small {
	border-radius:45px;
	bottom: 76%;
    left: 25%;
}

.thumb-icon.small .fa {
	font-size:12px;
}

.thumb-icon .fa-play {
    margin: -3px 0px 0 4px;
}

.thumb-icon i {
	padding: 11px 0;
}

/* Tags */

.post-tags span {
    background: #292929;
    text-transform: uppercase;
    font-weight: bold;
	line-height: 28px;
    margin: 0 1px 1px 0;
    padding: 0 10px;
    color: #fff;
	float:left;	
}

.post-tags a {
	float: left;
    text-transform: uppercase;
    font-size: 14px;
	font-weight: bold;
    background: #cfcfcf;
    line-height: 28px;
    margin: 0 1px 1px 0;
    padding: 0 10px;
    color: #fff;
	border-radius:0;
}

/* Article Images */
img {
	box-shadow:none;
}

.entry-inner img, .entry-inner iframe {
	width:100%
}

.featured-thumb:after {
	border-bottom:4px #e13939 solid;
}

.image-container {
	border-bottom:4px #e13939 solid;
}

/* Navigation */
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi a:hover {
	border:0;
	color:#ffffff !important;
}


.post-pages {
	border-top: 1px solid #eee;
	margin-bottom:30px;
	padding-top:20px;
}

.post-pages a {
	background:#292929;
	border-radius: 55px;
	padding:6px 13px;
	line-height:16px;
	font-size:16px;
	color:#fff !important;
}

.post-pages a:hover {
	background:#e13939
}

.wp-pagenavi a {
	background:#292929;
	border-radius: 55px;
	padding:8px 15px;
	line-height:16px;
}

.wp-pagenavi span.current {
	background:#e13939 url(https://www.yellmagazine.com/images/theme/2016/bg-bloodpage.png) no-repeat;
	border-radius: 55px;
	padding:8px 15px;
	line-height:16px;
}

.wp-pagenavi a:hover {
	background:#000
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	background:none;
	color:#e13939 !important;
	
 }
 
 .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover {
	background:none;
	color:#000 !important;
	
 }

/* Header */
#header .site-title {
	position:absolute;
	z-index:2;
	top:-5px;
	left:30px;
}

#header .bloodSpot {
	position:absolute;
	z-index:1;
	bottom:-46px;
	left:30px;
	width:221px;
	height:46px;
	background:url(https://www.yellmagazine.com/images/theme/2016/bg-blood-main.png) no-repeat;
}

#header {
	background: #e13939;
	border-bottom: 5px solid #292929;
	padding-bottom:0;
	padding-top:0;
}

#header .site-description {
	font-size:15px;
	font-family: 'Homenaje', sans-serif;
	font-style:normal;
	font-weight:400;
	color:#292929;
	width: 75px;
	letter-spacing:1px;
	line-height: 15px;
	font-weight:bold;
	margin-left: 120px;
	margin-top:20px;
}


/* Menu */
#header #nav-header .nav {
	margin:0;
}

#header #nav-header .nav li.current_page_item a,
#header #nav-header .nav li.current-menu-item a,
#header #nav-header .nav li.current-menu-ancestor a,
#header #nav-header .nav li.current-post-parent a {
	background:none;
	font-weight:400;
}

#header #nav-header .nav li {
	font-family: 'Homenaje', sans-serif;
	border-right:1px solid #292929;
	padding:25px 0 25px 0;
	font-size:32px;
	margin:0;
	position:relative;
}

#header #nav-header .nav li a {
	border:0;
	line-height:39px;
	color:#292929;
}

#header #nav-header .nav ul {
	top:85px;
	left:5px;
}

#header .nav li a:after {
	margin:0 auto;
	width:39px;
	height:39px;
	float:left;
	opacity:1;
	margin-right:8px;
	display:block;
	overflow:hidden;
	text-indent:-100px;
}

#header #menu-main .menu-item-87402 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-games.png) no-repeat;
}

.category-video-games #header #menu-main .menu-item-87402 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-games.png) no-repeat -39px 0;
}

#header #menu-main .menu-item-87404 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-cult.png) no-repeat;
}

.category-lifestyle #header #menu-main .menu-item-87404 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-cult.png) no-repeat -39px 0;
}

#header #menu-main .menu-item-87403 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-mma.png) no-repeat;
}

.category-mma #header #menu-main .menu-item-87403 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-mma.png) no-repeat -39px 0;
}

#header #menu-main .menu-item-87400 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-movies.png) no-repeat;
}

.category-movies #header #menu-main .menu-item-87400 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-movies.png) no-repeat -39px 0;
}

#header #menu-main .menu-item-87401 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-music.png) no-repeat;
}

.category-music #header #menu-main .menu-item-87401 a:after {
	background:url(https://www.yellmagazine.com/images/theme/2016/ico-music.png) no-repeat -39px 0;
}

#header #nav-header .sub-menu {
	z-index:100;
}

#header #nav-header .sub-menu li {
	font-size:18px;
	padding:0 0;
}

#header #nav-header .sub-menu li a {
	color:#ccc;
	line-height:21px;
}

#header #nav-header .sub-menu li a:hover {
	color:#e13939;	
}

#header #nav-header .sub-menu li a:after {
	display:none
}

#header .toggle-search {
	padding: 38px 16px;
	border:0;
}

#header .toggle-search:hover, .toggle-search.active {
	background: none;
}

#header .toggle-search:hover .fa-search:before, .toggle-search.active .fa-search:before {
	color:#fff
}

#header .fa-search:before {
	font-size:26px;
	color:#292929
}

#header .nav-toggle i {
	color:#292929;
}

.gsc-search-button {
	display:none !important;
}

/* Old Review Box */
#reviewBox {
	border-bottom: 4px #e13939 solid;
	background:#eee;
	padding:30px 30px 30px 35%;
	width:100%;
	margin-bottom:30px;
	position:relative;
}

#reviewBox .tk-adelle {
	font-family: 'Homenaje', sans-serif;
	font-weight:400;
	font-size:21px;
	color:#222;
}

#reviewBox dl dd {
	border-bottom:1px #dfdfdf solid;
	font-size:14px;
	padding-bottom:5px;
}

#reviewBox .picture {
	position:absolute;
	top:30px;
	left:30px;
	width:24%;
}

#reviewBox .picture img {
	border:6px #dfdfdf solid
}

/* Article Custom */
.post-inner .mediaLarge {
	position:relative;
	font-family: 'Homenaje', sans-serif;
	color:#fff;
	margin:-30px -30px -15px -30px;	
}

.post-inner .mediaLarge img {
	border-bottom:4px #e13939 solid;
}

.post-inner .mediaLarge .credits {
	padding:30px 0 30px 0;
	background:#292929;
}

.post-inner .mediaLarge .score {
	position:absolute;
	bottom:60px;
	right:30px;
	width:140px;
	height:140px;
	text-align:center;
	background:#e13939;
	color:#292929;
	border-radius: 100px;
	z-index:1;
	border:5px #292929 solid;
}

.post-inner .mediaLarge .score .num {
	font-size:52px;
	padding:50px 0 10px 0;
	display:block;
	letter-spacing:-2px;
}

.post-inner .mediaLarge .infoM {
	text-align:center;
	font-size:24px;
	display:block;
	text-transform:uppercase;
}

.post-inner .mediaLarge .infoM span {
	font-size:16px;
	color:#e13939;
}

.post-inner .mediaLarge .type {
	font-size:14px !important;
	color:#fff !important;
}

.post-inner .post-byline {
	clear:both;
	padding-top:30px;
}

/* Background Image */
#split:before {
	background:#181818 url(https://www.yellmagazine.com/images/theme/2016/bg-texture.jpg) fixed;
}

/* Related Articles */
.relatedTitle {
	font-size:32px;
	margin-bottom:20px;
	padding-top:20px;
	clear:both;
	margin-top:30px;
	border-top: 1px solid #eee;
}

.relatedTitle span {
	color:#e13939
}

.related-posts .post-title a {
	font-size:18px;
	color:#222
}

/* Sponsor */
.sponsor {
	clear:both;
	padding:30px;
}

.sponsor .adWrapperSticky {
	display:block !important;
	width:300px;
	height:250px;
	float:right;
}

.sponsor .name {
	clear:both;
	text-align:right;
	display:block;
	text-transform:uppercase;
	font-size:10px;
	padding:10px 0 0 0;
}

/* Footer */
#ligiit {
	display:block;
	margin:0 auto;
	width:728px;
	height:90px;
	background:#000;
	margin-top:40px;
	}

#footer .footerLinks li {
	line-height:36px;
	border-bottom:1px #222222 solid;

}

#footer .footerLinks li.odd {
	border-bottom:0;
}

#footer .footerLinks li a {
	font-weight:bold;
	color:#e13939;
}

#footer .footerLinks li a:hover {
	color:#fff;
}

#footer-bottom {
	background:#1f1f1f
}

#footer-bottom #back-to-top {
	background:#1f1f1f url(https://www.yellmagazine.com/images/theme/2016/btn-top.png) no-repeat center 20px !important;
	height:79px;
}

#footer-bottom #back-to-top i {
	display:none;
	position:relative;
}

#footer-bottom .bloodSplatter {
	position:absolute;
	top:-1px;
	right:30px;
	background:url(https://www.yellmagazine.com/images/theme/2016/bg-blood-footer.png) no-repeat;
	width:105px;
	height:21px;
}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 1260px) {

	/* Main Header */
	#header .nav li a:after {
		content:normal
	}

	#header .site-title a img {
		height: 90px;
	}

	#header .site-description {
		margin: 10px 0 10px 100px;
	}

	#header .toggle-search {
		padding: 29px 16px;
		border:0;
	}

	#header #nav-header .nav ul {
		top:60px;
	}

	#header #nav-header .nav li a {
		line-height:25px;
	}

	#header #nav-header .nav li {
		padding:22px 0 22px 0;
		font-size:24px;
		line-height:42px;
	}
	
	#header .sub-menu li {
		padding:0 !important;
		font-size:18px !important;
		}

}

@media only screen and (max-width: 1023px) {
	#split-left {
	background:#181818 url(https://www.yellmagazine.com/images/theme/2016/bg-texture.jpg);
	}
	
	.sponsor {
		display:none;
	}
}

/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	
	.post-inner .mediaLarge {
		margin:-20px -20px -10px -20px;	
	}

	/* Fonts */
	.single .post-title {
		font-size:42px;
		line-height:46px;
		letter-spacing:2px;
	}

	/* Main Header */
	#header .toggle-search {
		padding: 13px 16px;
		border-right:1px #292929 solid;
	}

	#header .site-title {
		position:static
	}

	#header .site-title a img {
		height: 60px;
	}

	#header #menu-main {
		border-top:1px solid #292929;
	}

	#header #nav-header .nav li {
		padding:0;
		font-size:24px;
		font-weight:400;
		border:0;
		line-height:24px;
	}

	#header #nav-header .nav li a {
		color:#292929;
	}

	#header #nav-header .nav li a {
		border-top:1px #ce3131 solid;

	}

	#header .fa-search:before {
		font-size:20px;
		color:#292929
	}
	
	#ligiit {
		display:none
	}
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.post-inner .mediaLarge {
		margin:-15px -15px -5px -15px;	
	}

	/* Fonts */
	.single .post-title {
		font-size:36px;
		line-height:38px;
		letter-spacing:2px;
	}

}