style.css

/*!
Theme Name: GlowLogix Blog
Theme URI: http://glowlogix.com/
Author: glowlogix solution
Author URI: https://www.glowlogix.com/
Description: This theme is perfect for any kind of blog of your own choice. Translation and multi-Iingual (multiple languages) feature is here for your convinience. Multiple widget areas allow you set up your blog your own way.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glblog
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@charset "utf-8";
/* CSS Document */


*{margin:0px; padding:0px;}
body{font-family:'Open Sans', sans-serif;}
img{max-width:100%;}
.clear{clear:both;}
a{transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s;}

ul, ol{list-style:none; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6{font-family: 'Playfair Display', serif; margin:0; padding:0;}

/*top-bar*/
.top-bar{padding-top:35px; padding-bottom:23px; background:#ffffff;}
.top-bar .logo{text-align:center;}
.top-bar .logo img{display:inline-block;}
.top-bar .top-nav{margin-top:5px;}
.top-bar .top-nav ul{margin:0px; list-style:none;}
.top-bar .top-nav ul li{display:inline-block; padding-right:10px}
.top-bar .top-nav ul li a{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; color:#000;}
.top-bar .top-nav ul li a:hover{text-decoration:none; color:#00a2ff;}


.top-bar .top-social{text-align:right;}
.top-bar .top-social ul{margin:0px; list-style:none;}
.top-bar .top-social ul li{display:inline-block; padding-left:5px}
.top-bar .top-social ul li a{font-size:30px; color:#000;}
.top-bar .top-social ul li a:hover{text-decoration:none; color:#00a2ff;}
/*navigationwrape*/
.navbar{height:auto;}
.navigationwrape{background:#000;}
.navigationwrape .navbar-default{border:none; background:#000;}
.navigationwrape .navbar{margin-bottom:0px; border-radius:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{text-align:center;}
.navigationwrape .navbar-nav{float:none; display:inline-block; text-align:center;}
.navbar-default .navbar-nav>li>a{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; padding:20px;}
.navbar-default .navbar-nav>li>a:hover{color:#fff; background:#5a5a5a;}


/*listingWrap*/
.listingWrap{padding:60px 0 30px 0;}
.blogWraper{}
.blogList{list-style:none;}
.blogList li{background:#fff; padding:20px; margin-bottom:30px; border: 1px solid #e4e4e4;}
.blogList li .postimg{position:relative; display:block; overflow:hidden;}
.blogList li .postimg img{transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s;}
.blogList li:hover .postimg img{transform: scale(1.1);}

.blogList li .postimg .link{font-size:24px; position:absolute; left:0; bottom:0px; background:#00a2ff; padding:10px 18px; color:#fff; font-weight:bold; border-left:none; z-index:1000;}
.blogdetail h4{font-size:24px; margin-top:20px;}
.post-header{padding:15px 0 0 0px}
.post-header h4{margin-top:0px; margin-bottom:10px;}
.post-header h4 a{font-size:30px; color:#000; font-weight:bold; text-decoration:none; font-family: 'Playfair Display', serif;}
.post-header h4 a:hover{color:#00a2ff;}
.postmeta{margin:10px 0 10px 0; font-size:14px;}
.blogList li p{font-size:14px; line-height:24px; color:#818181;  font-family: 'Playfair Display', serif;}
.blogList li p a{color:#00a2ff; font-style:italic; }
/*Side-bar*/
.sidebar{background:#fff; border:1px solid #e4e4e4; padding:20px 30px; margin-bottom:30px;}
.sidebar .widget{margin-bottom:20px;  padding-bottom:20px;}
.sidebar .widget-title{font-size:24px; font-weight:600; color:#333333; margin-bottom:20px;  font-family: 'Playfair Display', serif;}
/*Sidebar-Search css*/
.search{position:relative; margin-bottom:15px;}
.search .form-control{border-radius:0; height:auto; padding:15px 12px; border-color:#ddd;}
.search .btn{position:absolute; right:0; top:6px; border-radius:0; background:none; font-size:20px;}
/*Categories css*/ 
.sidebar .categories {list-style:none; margin-bottom:10px;}
.sidebar .categories li{margin-bottom:15px; position:relative; padding-left:16px;}
.sidebar .categories li a{margin-top:0; color:#888; font-size:14px; font-weight:600; font-family: 'Playfair Display', serif;}
.sidebar .categories li a:hover{color:#00a2ff;}
.sidebar .categories li:before {content: "\f0da "; font-family: 'FontAwesome'; position: absolute; left: 0px; color: #000; font-size: 12px; top:3px;}
/*Popular Posts css*/
.papu-post {list-style:none;}
.papu-post .media-left{margin-right:0px;}
.papu-post .media-left img{width:100%;}
.papu-post .media-left a {width:120px; margin-top:0; margin-right:5px; display: inline-block;}
.papu-post span {color: #939393; letter-spacing:0px; font-size:13px; font-family: 'Open Sans', sans-serif; line-height:20px;}
.papu-post li {border-bottom: 1px solid #ececec; padding: 20px 0; margin: 0px;}
.papu-post .media-heading{display:inline-block; width:100%; color:#00a2ff; margin-top:0px; font-size:16px; font-weight:bold;  font-family: 'Playfair Display', serif;}
.papu-post li:last-child{border-bottom:0;}
/*Tags css*/
.tags:after{display:table; clear:both; content:'';}
.tags li{display: inline-block; float: left;}
.tags a{font-size:14px; color:#fff; background:#646464; padding:7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover{background:#00a2ff; color: #fff; text-decoration:none;}

/*newsWrap*/
.newsWrap{padding:5px 0 25px 0px;}
.blogNew h3{font-family: 'Playfair Display', serif; font-size:20px; line-height:26px; color:#000000; font-weight:bold;}
.blogNew h3 a{color:#000;}
.blogNew h3 span{font-weight:normal; font-style:italic;}
.postmetadata{list-style:none; padding:5px 0 15px; margin-bottom:0px;}
.postmetadata li{display:inline-block; padding:0px; margin-bottom: 0px; border:none;}
.postmetadata li:first-child{margin-right:5px}
.postmetadata li a{color:#8f8f8f; font-family: 'Playfair Display', serif; font-size:13px; font-style:italic;} 
.blogNew .blogImg{overflow:hidden; margin-bottom:7px;}
.blogNew .blogImg img{display:block; width:100%; transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s;}
.blogNew:hover .blogImg img{transform: scale(1.1);}

.banner-img{text-align:center;}

/*sliderWrap*/
.sliderWrap{padding-top:30px}
.mainblogpost{position:relative;overflow:hidden;}
.postimg img{display:block; width:100%; transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s;}
.mainblogpost:hover img, .subposts:hover img{transform: scale(1.1);}
.postinfo{position:absolute; z-index:20; left:35px; bottom:35px; right:60px;}
.heading_one a{font-family: 'Playfair Display', serif; font-size:48px; line-height:48px; color:#fff; font-weight:bold;}
.heading_one a:hover, .heading_one a:focus{text-decoration:none;}
.heading_one span{font-style:italic; font-weight:600;}
.postinfo p{display:block; font-size:14px; font-weight:400; color:#fff; line-height:24px; font-family: 'Playfair Display', serif; margin-bottom:0px;}
.postmeta_data{list-style:none; padding:10px 0 15px; margin-bottom:0px; color:#fff;}
.postmeta_data li{display:inline-block; padding:0px; margin-bottom: 0px; border:none; color:#fff;}
.postmeta_data li:first-child{margin-right:5px}
.postmeta_data li a{color:#fff; font-family: 'Playfair Display', serif; font-size:13px; font-style:italic;} 
.subposts{position:relative; margin-bottom:30px; overflow:hidden;}
.subposts .postinfo h3{font-size:23px; color: #fff; font-weight: bold; margin: 0; line-height:26px;}
.subposts .postinfo h3 a{color:#fff;}
.subposts .postinfo h3 a:hover, .subposts .postinfo h3 a:focus{text-decoration:none;}
.subposts .postinfo h3 span{font-style:italic; font-weight:600;}
.subposts .date{width:auto; padding:7px 15px; text-align:left; margin:10px 0 0 0; display:inline-block; text-transform:uppercase; font-weight:bold;}
.subposts .postinfo{left:30px; right:30px; bottom:20px;}

/*Pagination*/
.pagiWrap .showreslt {
	font-weight: 600;
	margin-top: 10px;
}
.pagiWrap .pagination {
	text-align: right;
	margin: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, span.page-numbers.current{background-color:#000; border-color:#000; color: #fff;}


/**Innner Pages**/
.pageTitle{text-align:center; margin-bottom:40px;}
.pageTitle h3{font-size:36px;}

/* =======================
		Blog Grid
======================= */
.blogGrid {
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blogGrid > li {
	margin-bottom: 30px;
}
.blogGrid li .int {
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
}
.blogGrid li .int:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-color: #000;
}
.blogGrid li .post-header {
	margin-top: 10px;
}

.blogList .readmore, .blogGrid .readmore {
	border-bottom: 1px dotted #000;
	display: inline-block;
	margin-top: 15px;
	color: #444;
	font-weight: 600;
	padding-bottom: 5px;
}
.blogList .readmore:hover, .blogGrid .readmore:hover {
	text-decoration: none;
	color: #000;
}

/* =======================
		Blog Detail
======================= */
.blogdetailbox {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
}
.blogdetailbox .post-header h4{font-size:30px;}
.blogdetailbox p{font-size:14px; line-height:24px;}

blockquote {
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	padding: 20px 20px 20px 60px;
	position: relative;
	border: 3px solid #00b1f1;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
blockquote p {
	font-style: italic;
	display: inline-block;
	color: #000;
}
blockquote:before {
	color: #ddd;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 20px;
	transform: scale(-1);
}
blockquote:after {
	color: #ddd;
	content: "\f10e";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
}
.comments h4 {
	color: #222222;
	font-size: 24px;
	font-weight: 600;
}
.comments .media-body h4 span {
	font-size: 12px;
	color: #777777;
	margin-left: 20px;
	display: inline-block;
	width: 100%;
}
.comments {
	margin-top: 30px;
}
.comments .media-list {
	margin-bottom: 30px;
}
.comments .media-list li {
	padding: 20px;
	border: 1px solid #e9e9e9;
	position: relative;
	background: #fff;
}
.comments .media-left {
	margin-right: 20px;
}
.comments .media-left a {
	width: 100px;
	display: inline-block;
}
.comments .media p {
	margin-top: 5px;
	color: #333;
	line-height: 20px;
}
.comments .media h6 span {
	font-size: 13px;
	color: #999;
	margin: 0;
	margin-top: 10px;
	text-transform: none;
	display: inline-block;
	width: 100%;
}
.comments .media {
	margin-top: 30px;
}
.comments .media h6 {
	font-weight: 600;
	color: #00b1f1;
	font-size: 16px;
	text-transform: none;
}
.comments .btn.raply {
	padding: 10px 12px;
	font-size: 12px;
	color: #333;
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	position: absolute;
	top: 15px;
	right: 0;
}
.comments .btn.raply:hover {
	background: #00b1f1;
	color: #fff;
}
.comments .media a img {
	margin-bottom: 10px;
}
.commnetsfrm {
	background: #f5f5f5;
	padding: 25px;
}
.comments form label {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	font-size: 12px;
}
.comments form .form-control {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	border-radius: 0px;
	box-shadow: none;
	background: #fff;
	border: 1px solid #e8e8e8;
}
.comments form textarea.form-control {
	display: inline-block;
	width: 100%;
	height: 150px;
}
.commnetsfrm .btn {
	background: #00b1f1;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 18px;
}
.margin-left80{margin-left:80px;}


.footer{background:#000; text-align:center; color:#bcbcbc; padding:25px 15px;}



@media screen and (max-width: 1199px) {
	.post-header{padding:0px;}
	.post-header .date li{font-size:11px;}
	.post-header h4 a{font-size:22px;}
	.blogList li p{font-size:13px;}
	.subposts{margin-top:25px;}
}

@media screen and (max-width: 990px) {
.post-header{padding:15px 0 0 0px;}
.blogNew{margin:10px 0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0px;}
.top-bar .top-nav {margin-top:0px;    padding: 25px 0;    text-align: center;}
.top-bar .top-social{ padding: 25px 0;    text-align: center;}

.heading_one a{font-size:24px; line-height:30px;}

}
@media screen and (max-width: 767px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:#000;}
	
}
form.customize-unpreviewable, form.customize-unpreviewable input, form.customize-unpreviewable select, form.customize-unpreviewable button, a.customize-unpreviewable, area.customize-unpreviewable {
    cursor: pointer !important;
}
h5.widget-title {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
}

/***************************
		404 Page
***************************/
.error-page-wrap {
	padding:50px 0 100px 0;
}
.error-page-wrap .errormain {
	text-align: center;
}
.error-page-wrap .errormain h2 {
	font-size: 350px;
	color: #000;
	font-weight: 900;
	line-height: 350px;
}
.error-page-wrap .errormain h3 {
	font-size: 40px;
	color: #999;
	font-weight: 900;
	line-height: 50px;
	letter-spacing: 5px;
	display: inline-block;
	border: 5px solid #eee;
	padding: 20px 40px;
	margin-top:20px;
}
.error-msg {
	margin-top: 50px;
}
.error-msg p {
	max-width: 500px;
	margin: auto;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}
.error-msg .btn {
	background: #000;
	color: #fff;
	margin-top: 30px;
	padding: 10px 25px;
	font-size: 18px;
	font-weight: 600;
}
/************************************************
           == FAQs css==
*************************************************/
.faqs {
	margin-bottom: 30px;
}
.faqs .panel-default>.panel-heading {
	background: none;
	border: none;
	padding: 0;
}

.faqs h4 a {
	padding: 10px 55px 10px 15px;
	display: block;
	background: #000;
	color: #fff;
	font-size: 16px;
	position: relative;
	line-height: 26px;
	
}
.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}
.panel-group .panel-body {
	line-height: 24px;
	color: #555;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
	text-decoration: none;
	background: #333;
	color: #fff;
}
.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #000;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	line-height:18px;
}
.faqs h4 .collapsed:before {
	content: "\f067";
	font-family: 'FontAwesome';
	background: #666;
	width: 30px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	text-decoration: none;	
}
.faqs h4 a.collapsed {
	background: #fff;
	color: #666;
	text-decoration: none;
}


/*---------------------------------------
    Contact section              
-----------------------------------------*/
#contact {
	position: relative;
}
.contact-form {
	z-index: 10;
	position: relative;
}
.contact-form h4 {
	text-align: left;
	color: #333;
	font-size: 36px;
	margin: 0 0 30px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}
.contact-form h4 span {
	color: #000;
	font-weight: 400;
}
.contact-form .form-control {
	border-color: transparent;
	border-radius: 4px;
	box-shadow: none;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
.contact-form input {
	border: 2px solid #f0f0f0 !important;
	height: 55px;
}
.contact-form input:focus, .contact-form textarea:focus {
	border-color: #000 !important;
}
.contact-form textarea {
	background: #fff;
	border: 2px solid #f0f0f0 !important;
}
.contact-form button#submit {
	background-color: #000;
	border: none;
	border-radius: 4px;
	color: #ffffff;
	padding: 10px 30px;
	height: auto;
	width: 100%;
	text-transform: uppercase;
}
.contact-form button#submit:hover {
	background: #555;
	color: #ffffff;
}

.contact {	
	margin-bottom: 30px;
	border-bottom:1px solid #ddd;
	padding-bottom:30px;	
	text-align:left;
}
.contact > span {
	color: #000;
	float: left;
	font-size: 30px;
	line-height: 55px;
	text-align: center;
	width: 60px;
	height:60px;
	border:1px solid #000;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	background:#fff;
	border-radius:5px;
}
.inner-page .fa-home:before {
	content: "\f015";
}
.information {
	margin-top: 5px;
	padding-left:80px;
}
.information > strong {
	color: #000;
	display: table;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.information > p {
	line-height: 22px;
	margin: 0;
}

#map {
	width: 100%;
	height: 300px;
	border: none;
	display: block;
	pointer-events: none;
	margin-bottom: 40px;
}
#map iframe{display: block; height: 300px; width: 100%;}
.frmap {
	margin-top: 10px;
}


@media screen and (max-width: 1199px) {
	.post-header{padding:0px;}
	.post-header .date li{font-size:11px;}
	.post-header h4 a{font-size:22px;}
	.blogList li p{font-size:13px;}
	.subposts{margin-top:25px;}
}

@media screen and (max-width: 990px) {
.post-header{padding:15px 0 0 0px;}
.blogNew{margin:10px 0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0px;}
.top-bar .top-nav {margin-top:0px;    padding: 25px 0;    text-align: center;}
.top-bar .top-social{ padding: 25px 0;    text-align: center;}

.heading_one a{font-size:24px; line-height:30px;}

}
@media screen and (max-width: 767px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:#000;}
	
}

/*
 My additional css
*/
#categories-2 ul {
    list-style: none;
    margin-bottom: 10px;
}
#categories-2 ul a {
    margin-top: 0;
    color: #888;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
}
#categories-2 ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 16px;
}
#categories-2 ul li::before {
    content: "\f0da ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #000;
    font-size: 12px;
    top: 3px;
}
.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tagcloud a {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #fff;
    background: #646464;
    padding: 7px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.tagcloud a:hover {
    background: #00a2ff;
    color: #fff;
    text-decoration: none;
}
.tagcloud a{
    font-size: 14px !important;
    color: #fff;
    background: #646464;
    padding: 7px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
	text-transform: uppercase;
}
.tagcloud:after {
    display: table;
    clear: both;
    content: '';
}

input#submit,p.comment-notes {
    display: none;
}
.comments .media a img{
	height: 84px;
	width: 84px;
}
.comments ul.children {
    margin-left: 80px;
}
.commnetsfrm li {
    list-style: none;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.gallery-caption {
  padding-top: 10px;
}
article.sticky h2:before {
  content: "Featured: ";
}
.bypostauthor {
  display: block;
}
/* =WordPress Core
-------------------------------------------------------------- */
.subposts .postimg img, .blogList li .postimg img, .blogGrid .postimg img, .newsWrap .blogNew .blogImg img{
	height: 200px;
}

.navigationwrape.sticky.affix {
    width: 100%;
    top: 0;
    z-index: 9999;
}