/*
 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. Speculate'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.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  speculate
*/

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;
}