/*!
Theme Name: Journal Blog
Theme URI: https://answerbox.net/journal-blog-responsive-and-journalistic-wordpress-theme/
Author: AnswerBox
Author URI: https://answerbox.net/
Description: Journal Blog is a simple but stylish Journalistic WordPress Theme for bloggers of all types. This Theme is Search Engine Optimized for easy indexing. Journal Blog is suitable for journalist, photographers, writers and authors who wish to showcase their works to the world through writing or blogging. Journal Blog is clean coded which enables your blog or website to load supper fast in any browser. Whether you are a food blogger, fashion designer, photographer or just an ordinary person who loves to write about your passion, then this WordPress Blog Theme is perfect for you. You can display a short bio about yourself on the front page to give your new readers quick idea about who you are and what to expect from your blog. Journal Blog Theme is mobile responsive in all browsers, this means your blog or content will never look distorted to those who visit your blog from mobile or tablet. This WordPress Blog Theme also takes into account those who wish to monetize their content therefore the Theme is optimized for monitization. Journal Blog Theme Customizer Options allows you to set the colors and fonts you want for your site as well as show or hide the sidebar. In the customizer Option, you can also enter your social media links to display on the front page.
Version: 1.0.9
Tested up to: 5.7
Requires at least: 4.8
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: journal-blog
Tags: theme-options,blog,photography,portfolio,custom-background,custom-logo,custom-header,right-sidebar,featured-images,two-columns,threaded-comments,featured-image-header

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.

Journal Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


pre {
	overflow: auto;
}
input, 
select, 
textarea {
	font-size: 13pt;
	color: #696969;
	font-weight: 300;
	line-height: 2.25em;
}

label {
	display: block;
	font-weight: 800;
	margin: 0 0 1em 0;
	font-size: 18px;
}

input[type="search"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
select,
textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border: solid 2px #ddd;
}
input[type="search"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	-moz-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
	-ms-transition: border .25s ease-in-out;
	transition: border .25s ease-in-out;
	border: solid 2px #FC5185;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	outline: none;
}
input[type="search"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
	line-height: 3em;
	padding: 0 1em;
}
select {
	line-height: 3em;
	padding: 0 1em;
}

textarea {
	min-height: 9em;
	padding: 1em;
}

/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	background: #FC5185;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 800;
	outline: 0;
	border: 0;
	cursor: pointer;
	font-size: 1.35em;
	padding: 0.6em 1.5em;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	background: #EA396E;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active {
	background: #EA396E;
}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}
figure {
	margin: 1em 0;
}
img {
	height: auto;
	max-width: 100%;
}
.img-logo,
.site-title{
	float: right;
	padding: 10px 30px;
}
.site-title{
	color: #fff;
}
.img-logo {
	height: 60px;
}
.img-logo img{
	height: auto;
	width: 100%;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}
.widget .search-submit {
	display: none;
}
.widget.widget_search label {
   display: inline; */
}
.widget-title{
	text-align: center;
	background: #ddd;
	padding: 10px;
	border-radius: 8px;
}
h2.widget-title{
	margin-bottom: 10px;
}
.widget select{
	padding: 10px;
}
/*-- TagClouds--*/
.widget .tagcloud a{
	display: inline-block;
	padding: 3px;
	margin:2px;
	background: #FC5185;
	color: #fff;
	font-size: 13px!important;
}
.widget .tagcloud a:hover{
	background: #EA396E;
	color: #fff;
}

/* Calendar */
#wp-calendar{
	width:100%;
	border:2px solid #ddd;
}
#wp-calendar tr{
	background:0
}
#wp-calendar td{
	padding:1%
}
#wp-calendar caption{
	font-size:100%;
	text-align:center;
	margin:0 0 5px;
	text-transform:uppercase;
}
#wp-calendar thead{
	border-bottom:2px solid #ddd;
}
#wp-calendar thead th{
	height:30px;
	font-weight:normal;
	text-align:center
}
#wp-calendar tbody{
	border-bottom:2px solid #ddd;
}
#wp-calendar tbody td{
	font-size:18px;
	text-align:center
}
#wp-calendar tbody td#today{
	color:#FC5185;
}
#wp-calendar #today a{
	color: #FC5185;
}
#wp-calendar tbody td a{
	display:block;
	height:26px;
	line-height:26px;
	text-decoration:none;
	border:2px solid #ddd;
}
#wp-calendar tfoot{
	font-size:90%;
	text-transform:uppercase
}
#wp-calendar tfoot #next{
	text-align:right
}

.sidebar #wp-calendar,
.sidebar #wp-calendar tbody,
.sidebar #wp-calendar thead {
	border-color:#ddd;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area{
	background: #fff;
	padding: 15px;
	overflow: hidden;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.content-single p{
	margin-bottom: 20px;
  	*font-size: 16px;
  	line-height: 30px;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-header .page-title{
	text-align: center;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/* Comments */
.comments-area li{
	list-style: none;
}
.comment .vcard,
.comment-box label {
	font-size:18px;
}
.comment-meta a,
.comment-box label,
.comment-reply-link,
.comment-reply-login{
	color:#8c919b;
}

.single-box-title,
.comment-reply-title {
	margin-bottom:30px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #000;
}

.comments-area {
    margin-bottom:20px;
	background: #fff;
	*padding: 10px;
}
ul.comment-list {
	padding-left: 0;
	margin-left: 0;
}
.comment-list .comment-body {
	position:relative;
	margin-bottom:30px;
	padding-bottom:13px;
	border-bottom:1px solid #eee;
}	
.comment-list .comment-body p {
	margin-bottom:10px;
	line-height: 20px;
}

.comment-list .comment-body .reply {
	position:absolute;
	top:0;
	right:0;
}

.comment-list .comment-body .reply {
	position:absolute;
	top:0;
	right:0;
}

.comment-list .comment-meta,
.comment-list .comment-body .comment-content {
	margin-left:100px;
}
.comment-list .comment-author .avatar {
	position:absolute;
	top:0;
	left:0;
	border-radius:50%;
}
	
.comment-list .comment-author .avatar,
.comment-list .bypostauthor .byuser .avatar {
    border:3px solid #f7f7f7;
}
.comment-list .children {
	margin-left:10px;
}
	
.comment-list .comment-author .fn {
	font-style:normal;
}

.comment-list .form-submit {
    margin-bottom:60px;
}

.comment-list .comment-meta {
	margin-bottom:5px;
}	

.comment-list .comment-meta a {
	text-decoration:none;
	font-size: 12px;
	font-style: italic;	
}

.comment-edit-link:after{
	content:"\f040";
	font-size:16px;
	font-family:FontAwesome;
	padding:0 5px;
}

.comment-reply-link,
.comment-reply-login {
	font-size:12px;
}

.comment-form-url,
.comment-form-email,
.comment-form-author {
    float:left;
    width:31.3333%;
    margin-left:3%;
    margin-bottom:30px;
}
.comment-form-author {
    margin-left:0;
}

.comment-form-comment {
	margin-bottom:20px;	
}	

.form-submit input.submit{
    width:100%;
}

.form-allowed-tags,	
.comment-author .says {
	display:none;	
}

.comment-form-comment {
	margin-bottom:20px;	
}	


.form-submit input.submit{
    width:100%;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--social--*/
.social {
    padding: 0.32em 0px;
}
.social ul{
	padding:0;
	margin:0;
}
.social ul li{
    display: inline-block;
    margin: 0;
}

.social i{
	color: #ddd;
}

/***/
.social a{
	height:38px;
	width: 38px;
	margin-left: 1px;
	color: #971D0C;
	text-align: center;
	line-height: 38px;
	display: inline-block;
	border-radius: 50%;
	font-size: 18px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.social a:hover{
	color: #FFF;
	background: #EA396E;
}



/**/
.site-footer {
  background: #fafafa;
  clear: both;
  font-size: 12px;
  padding: 20px 30px !important;
}
.single .site-footer > div {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}