/*
 Theme Name:   Fanatic
 Theme URI:    http://wpbloghelp.com/
Description: Fanatic is a child theme for the Twenty Seventeen default theme. You get several enhancements to typography, layout, while maintaining a clean, blog-focused, and a visually stunning design for simplicity. Fanatic's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. Just like Twenty Fifteen, we maintained a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
 Author:       shahzad11
 Author URI:   https://www.shahzadmirza.com
 Template:     twentysixteen
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: Blog, Custom Background, Custom Colors, Custom Header, Custom Logo, Custom Menu, E-Commerce, Featured Image Header, Featured Images, Flexible Header, Full Width Template, Grid Layout, One Column, Portfolio, Post Formats, RTL Language Support, Sticky Post, Theme Options, Threaded Comments, Translation Ready, Two Columns
 Text Domain:  fanatic
*/

body{ 
	margin:0px !important; 
	background-color:#191919;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
}

body:before{
	height:1px !important;	
}
.site{
	margin:0px;	
	background-color:#f0f0f0;
}

.site-header-main{
	padding: 0 6.5455%;	
}
/*.site-header{
	padding:0em 4.5455%;
	margin-bottom:20px;
}*/

header{
	background-color:#fff;	
}
.header-image img{
	width:100% !important;	
}



.header-image{
	margin-top:0;	
}

.page-header{
	background:none;
	border:none;	
}
.main-navigation{
	font-size:1.3em;	
	font-family:'Open Sans', sans-serif;
}

.main-navigation a{
	cursor:pointer;	
}
.main-navigation .menu-item-has-children > a:after {
    content: "\f431";
    position: absolute;
    right: 0.625em;
    top: 0.5em;
	font-size:1.4em;
	color:#007acc;
	font-weight:200;
}
.sidebar {
    margin-left: 72% !important;
    width: 28% !important;
}


table, th, td {
    border-color:#f0f0f0;
}

table caption{
	color:#595959;
	padding:0 20px;	
	font-weight:lighter !important;
	font-size:18px;
	
}
/*.site-header-main{
	padding: 12.5em 5.4em;
    background-color: #f0f0f0;
    background: url(hero.jpg) no-repeat;
    background-position: 0px -30px;
    background-size: 1200px;
}*/
section{    
	
}

.search-submit, .submit, button{
	background-color:#007acc !important;	
}
.widget{
	background-color: #ffffff;
	margin-bottom:20px;
	border-top:0;	
	/*box-shadow:0 5px 2px #d0d0d0;
	border-radius:3px;*/
	padding:0 0 20px 0;
}
.widget_search{
	padding:10px;	
}
.widget ul{
	list-style:none;
	font-family: 'Open Sans', sans-serif;	
}

.widget ul li{
	border-bottom:solid 1px #e0e0e0;
	padding:10px 2px;
}

.widget ul li:last-child{
	border:none;	
}

.widget-title{
	font-family:roboto;	
	background-color: #007acc;
    padding: 10px;
    color: #ffffff;	
	/*border:solid 1px #007acc;
	border-top-left-radius:3px;
	border-top-right-radius:3px;*/
}

.site-main > article {
    margin-bottom: 1.7em;
    background-color: #ffffff;
	/*border-radius:3px;*/
	padding:30px 0;
	overflow:hidden;
}


.sticky-post{
	display: block;
    position: absolute;
    padding: 10px 50px;
    background-color: #e0e0e0;
    color: #ff0000;
	font-family:roboto;
    font-weight: bold;
    transform: rotate(-45deg);
    left: -50px;	
	top:20px;
}
.entry-title{
	font-family:roboto;
	font-size:28px;
	text-align:center;
	margin-bottom:0px;
	font-weight:lighter;
	text-transform:capitalize;
}

.entry-title-single-page{
	display:block;
	text-align:left;
	margin: 0 20px 30px 20px;
	border-bottom:solid 1px #007acc;
	position:relative;
	padding:20px 0;
}
.entry-title-single-page:after{
	content:'';
	width:200px;
	height:1px;
	position:absolute;
	border:solid 2px #007acc;
	bottom:0px;
	left:0px;	
}

.entry-title a , .entry-title{
    color: #007acc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.entry-content{
	margin:0 20px;
	width:auto !important;
	float:none !important;
}
.entry-content p{
	font-size:15px;
}

.entry-footer{
	width:100% !important;	
	padding:0 20px;
}

.entry-footer a{
	color:#007acc;	
}

.entry-footer:before{
	content:' ';
	display:block;
	width:100%;
	height:1px;
	background-color:#e0e0e0;
	margin:20px 0;	
}

.entry_date{
	text-align:center;	
	font-size:12px;
	font-family:Open Sans;
	font-weight: lighter;
}

.byline .vcard img{
	display:none !important;	
}
.entry_date a{
	color:#777;	
}

.more-link{
	position:relative;
    background-color: #fff;
	font-family:roboto;	
	display:block;
	width:100%;
	margin:20px auto;
	text-transform:capitalize;
}

.more-link .excerpt-more-link{
	display:block;
	border: solid 1px;
    padding: 8px 20px 8px 20px;
	cursor:pointer;
	width:115px;
	margin:0 auto;
}
.more-link:after {
	content: " ";
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 37%;
    background: rgba(171,171,171,.5);
    right: 0%;
}


.more-link:before {
	content: " ";
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 37%;
    background: rgba(171,171,171,.5);
    left: 0;
	
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
     box-shadow: 0 0px 0 0 currentColor; 
}
.post-thumbnail img {
    display: block;
    width: 100%;
}

.post-thumbnail {
    margin-bottom: 1.625em;
}

.cat-links, .tags-links, .byline, .posted-on, .comments-link{
	font-size:14px;	
	display:inline !important;
	margin-right:20px;
}

.format-aside .entry-format:before {
	content: "\f101";
}

.format-image .entry-format:before {
	content: "\f473";
}

.format-gallery .entry-format:before {
	content: "\f103";
}

.format-video .entry-format:before {
	content: "\f104";
}

.format-status .entry-format:before {
	content: "\f105";
}

.format-quote .entry-format:before {
	content: "\f106";
}

.format-link .entry-format:before {
	content: "\f107";
}

.format-chat .entry-format:before {
	content: "\f108";
}

.format-audio .entry-format:before {
	content: "\f109";
}

.posted-on:before {
	content: "\f307";
}

.byline:before {
	content: "\f304";
}

.cat-links:before {
	content: "\f301";
}

.tags-links:before {
	content: "\f302";
}

.comments-link:before {
	content: "\f300";
}

.full-size-link:before {
	content: "\f402";
}

.edit-link:before {
	content: "\f411";
}

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	color:#ccc;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: middle;
	margin-bottom:2px;
}

.pagination .prev, .pagination .next, .pagination .nav-links:before, .pagination .nav-links:after {
    background-color: #007acc;
    color: #fff;
    display: inline-block;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 52px;
    z-index: 2;
}

.pagination:before, .pagination:after, .pagination{
	background:none;	
	border:none;
}

#footer-sidebar{
	width:100%;
	padding:50px 0;
	text-align:center;
	position:relative;	
	color:#fff;
}

#footer-sidebar:before{
	position:absolute;
	top:0px;
	content:'';
	display:block;
	width:100%;
	height:1px;
	border-bottom:solid 10px #007acc;	
}

#footer-sidebar .widget{
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin:0 1%;
	background:none;	
	font-size:16px;
}

#footer-sidebar .widget-title{
	background:none;	
}

#footer-sidebar .widget ul{
	margin:0px;
	padding:0px;	
}

#footer-sidebar .widget ul li{
	border-bottom-color:#f0f0f0;	
}
.widget_recent_entries ul li{
	text-align:left;	
}

.widget-post-thumbnail{
	margin-right:10px;	
}

#footer-sidebar .widget table td, #footer-sidebar .widget table th{
	border:solid 1px #f0f0f0;	
	color:#fff;
}

.site-info{
	background-color:#595959;
	padding:20px;
	width:100%;	
}

.site-info a{
	color:#f0f0f0;	
}

.comments-title, .comment-reply-title{
	position:relative;
	border-color:#007acc;
	color:#007acc;
	border-top:none;	
}

.comments-title, .post-navigation a{
	color:#007acc;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.comments-title:after{
	content: '';
    width: 200px;
    height: 1px;
    border: solid 2px #007acc;
    position: absolute;
    bottom: -30px;
    left: 0px;
}

.post-navigation{
	border-width:1px;
	border-color:#e0e0e0;
}


/*The below styles does exist in parent them so this them only 
contains to pass the automatic scan 
on WordPress.org theme upload screen*/
.wp-caption{}
.wp-caption-text{}
.screen-reader-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}