/*
Theme Name: Peaceful
Theme URI: https://wordpress.org/themes/peaceful/
Author: Valtner Josip
Author URI: https://profiles.wordpress.org/josip-valtner
Description: Theme Peaceful is a very simple clean, blogging theme. It's fully responsive. It originated from _S starter theme, and is designed to put the content up front and centered without left or right sidebar. Style is minimalistic with few graphical features such as transparent menu, and transparent dark and light boxes to highlight site and post titles. Footer widget area is available in all templates. There are three templates, standard, landing and landing with recent posts which shows 3 recent posts, landing is meant for making custom landing page for unique experience, and is displaying footer landing widget area. Standard template supports featured images and discussion if desired, and landing template does not, making it very clean for welcoming messages, notes...
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: licence.txt
Text Domain: peaceful
Tags: one-column , custom-header, custom-logo , custom-background, featured-images, sticky-post, editor-style, footer-widgets, theme-options, translation-ready, blog 

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.

Peaceful is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Normalize
2. Typography
3. Elements
4. Forms
5. Navigation
	5.1 Links
	5.2 Menus
6. Accessibility
7. Alignments
8. Clearings
9. Header
10. Widgets
11. Content
	11.1 Posts and pages
	11.2 Asides
	11.3 Comments
12.Index and archives
13. Infinite scroll
14. Media
	14.1 Captions
	14.2 Galleries
15. Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,

figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
        
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	/*margin: 1em 40px;*/
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
        color: hsl(0,0%,25%);
	font-family: 'Merriweather', serif;
	font-size: 16px;
	font-size: 1em;
	line-height: 1.5;
        -ms-word-break: keep-all;
        word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
        font-weight:700;
        font-family: 'Merriweather', serif;
        color: black;
        color: hsl(0,0%,0%); 
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	/*margin: 0 1.5em;*/
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 1em 2em;
    font-size: 16px;
    font-size: 1em;
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
    line-height: 1;
    color: hsl(0, 0%, 100%);
    background: #3c3c3c;
    background: hsl(0, 0%, 24%);
    border: none;
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #000;
    background: hsl(0, 0%, 0%);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #000;
    background: hsl(0, 0%, 0%);
}
                    
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 8px;
    font-family: 'Merriweather', serif;
    color: #333;
    border: 1px solid #ccc;
    width: 100%;
}
/*--------------------------------------------------------------
5. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    font-weight: 700;
    color: #000;
    color: hsl(0, 0%, 0%);    
}

a:visited {
    color: #333;
    color: hsl(0, 0%, 20%);
}

a:hover,
a:focus,
a:active { 
    text-decoration: underline; 
}

.cat-links{
    font-style:italic;
    
}

.edit-link{
    float: right;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
    font-size:18px;
    font-size:1.125em;
    margin: auto;
    margin-top:-3em;
    position: absolute;
    width: 1000px;
    width: 62.5rem;
    background: hsla(0,0%,100%,.5);
    clear: both;
    display: block;
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
    float: left; 
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    border-radius: 2px;
    display: block;
    padding: 1.4em 1em;
    font-size: 12px;
    font-size: 0.75em;
    text-decoration: none;
    line-height: 1.3em;
    color: #fff;
    color: hsl(0, 0%, 0%);
}
.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #ccc;
    background: hsla(0,0%,0%,.8);
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    border-radius: 2px;
    width: 200px;
    color: #fff;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: hsla(0,0%,0%,.75);
}
.main-navigation ul ul :hover > a {
    
}
.main-navigation ul ul a:hover {
    background: hsla(0,0%,100%,.2);
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
    border-radius: 2px;
    background: #f1f1f1;
    color: #313131;
    color: hsl(0, 0%, 19%);
}

.main-navigation .current_page_ancestor {
    background: hsla(0,0%,0%,.5);
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    border-radius: 2px;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #f1f1f1;
    background: hsla(0,0%,100%,.5);
} 
@media screen and (max-width: 1000px) {  
    .main-navigation {
        width: 100%;
    }
}

/* Small menu. */
.menu-toggle{
    display: none;
}
/* Start responsive menu */


@media screen and (max-width: 1000px) {
        .main-navigation {
            margin-top:0;
            position: absolute;
            width: 100%;
            background: #313131;
            background: hsl(0, 0%, 19%);
            z-index:1;
        }
	.menu-toggle {
            display: block;
            height: 3.55em;
            padding: 0 1em;
            font-weight: normal;
            font-size: 14px;
            font-size: 0.875em;
            text-decoration: none;
            line-height: 2.5em;
            background: #313131;
            background: hsl(0, 0%, 19%);
            color: white;
	}
        
	.main-navigation.toggled .nav-menu {
		display: block;
		border-top: 1px solid;
		border-top-color: #fff;
		border-top-color: hsla(0, 0%, 100%, .5);
                z-index:1;
                overflow:hidden;
                
	}

	.main-navigation ul {
            display: none;
            padding-left: 0;
            margin-right: 1em;
	}
        
	.main-navigation li{ 
		float: none; 
	}

	.main-navigation li a { 
		padding: 1.3em 0em; 
                border-bottom: 1px solid;
                border-bottom-color:#606060;
                margin-left: 1em;
                color: #fff;
	}

	.main-navigation li li a { 
		padding-left: 0em;
                margin-left: 4em;
	}

	.main-navigation li li li a { 
		padding-left: 0em;
                margin-left: 6em;
	}

	.main-navigation li:hover > a {
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);
	}

	.main-navigation .current_page_ancestor { background: inherit; }

	.main-navigation ul ul .current_page_parent {
		color: inherit;
		background: inherit;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
		color: #fff;
		color: hsl(0, 0%, 100%);
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);    
	}
        
} 

/* End responsive menu */

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;  
}

.comment-navigation i {
    margin: 0 1em;
}	

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
        font-size: 16px;
        font-size: 1em;
        color: #000;
        color: hsl(0, 0%, 0%);
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
        float: left;
        padding-right: 15%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
        width: 50%;	
        float: right;
        padding-left: 15%;
	text-align: right;
}

.nav-indicator { 
    margin-bottom: 1em; 
}


.post-nav-box {
    margin: 0 auto;
    max-width: 780px;
    max-width: 43.5em;
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px; 
}

 .paging-navigation ul {
    margin: 0;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: .3em 1em;
     color: #333;
     color: hsl(0, 0%, 20%);
}

a:hover.page-numbers {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.paging-navigation .current {
    font-weight: bold;
    color: #000;
    color: hsl(0, 0%, 0%);
}
.nav-text-previous{
    display: inline-block;
    font-size: 18px;
    font-size: 1.125em;
    font-weight: 700; 
    float:left;
    margin-left:2em; 
}
.nav-text-next{
    display: inline-block;
    font-size: 16px;
    font-size: 1em;
    font-weight: bold; 
    float:right;
    margin-right: 2em;
}

/*--------------------------------------------------------------
6. Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
        right:0;
}

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

/*--------------------------------------------------------------
7. 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;
}

/* Alignment responsive */


@media screen and (max-width: 700px) {
    .alignleft {
        width: 100%;
        margin:0em;
        padding: 1em 0.5em;
    }
}

@media screen and (max-width: 700px) {
    .alignright { 
    width: 100%;
    margin:0em;
    padding: 1em 0.5em;
    }
}
   
/*--------------------------------------------------------------
8. 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;
}

/*--------------------------------------------------------------
9. Header
--------------------------------------------------------------*/
.custom-header{
    position:relative;  
    margin-bottom: -6.5px; /*-- Fix  6.5 px line apearing from nowhere--*/
}
.wp-custom-header img{
    width:100%;
    height:auto;
    
}
.site-branding {
    position:absolute;
    top: 40%;
    transform: translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;     
    text-align: center;
}

.site-title {
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875em;
    text-transform: uppercase;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 100;
    font-size: 18px;
    font-size: 1.125em
}
                    
.title-box {
    width: 700px;
    max-width: 75%;
    padding: 2rem;
    margin: 0 auto;
    border: none;
    background: hsla(0, 0%, 0%, .5);
    word-break: keep-all;
    line-height:normal;   
}
                    
.site-branding a { 
    text-decoration: none; 
}

.site-title a,
.site-description { 
    color: #fff;
    color: hsl(0, 0%, 100%);
}
                    
/* Header search */

.search-toggle {
    float: right;
    width: 56px;
    height: 56px;
    padding: 5px;
    margin-right: 0;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.search-toggle i {
   font-size:1.5em;
   padding:0.3em;
    
}
.search-toggle:hover,
.search-toggle.active {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: hsla(0,0%,0%,.75);
}

@media screen and (max-width: 1000px) {
    .search-toggle {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
}

.search-box-wrapper {
    z-index: 2;
    width: 100%;
    display: none;
}

.search-box {
    padding: 0.5em;
    background: hsla(0,0%,0%,.5);
}

.search-box .search-field {
    max-width: 500px;
    float: right;
    padding: 0.2rem 0.5rem 0.2rem 1rem;
    font-size: 14px;
    font-size: 0.875em;
    background-color: #fff;
    border: 0;
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { 
    display: none; 
}
                
/* Header responsive */

@media screen and (max-width: 1400px) {
     .site-branding {  
       font-size: 80%;  
   } 
   .title-box {
        padding: 1em;
        line-height: 0.5em;
    }
}

@media screen and (max-width: 700px) {
   .site-branding {  
       position: relative;
       transform: none;
       top:0;
   } 
    
    .title-box {
        
        background-color:transparent;
    }
    .site-title a, .site-description {
        color:#000;
    }
}

@media screen and (max-width: 1000px) {
    .site-branding { 
        padding: 0;
        margin: 0;   
        font-size: 70%;   
    }
    
    .title-box {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 1em;
        border: none; 
    }
    .wp-custom-header img{
    width:auto;
    overflow: hidden;
    }
    .search-box-wrapper {
    position:relative;
    top:56px;
}
    
    
}
/*--------------------------------------------------------------
10. Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1em;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    font-size: 0.875em;
}

.widget-title {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    font-size: 18px;
    font-size: 1.125em;
    border-bottom: 1px solid;
    border-bottom-color:#fff;
    text-transform: uppercase;
}

.widget a {
    font-weight: 700;
    font-style: italic;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1em 0 0;
    list-style-type: none;
}

.widget li { padding: 1em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
    display: block;
    float: left;
    margin-left: -2.5em;
    font-size: 16px;
    font-size: 1em;
} 

.widget_recent_entries li,
.widget_recent_comments li { margin: 0 0 .5em 2.5em; }

.widget_recent_entries li:before { 
    font-family: FontAwesome;
    content: "\f036"; }

.widget_recent_comments li:before {  
    font-family: FontAwesome;
    content: "\f075"; }

.widget_archive li { margin: 0 0 0 2.5em; }

.widget_archive li:before {  
    font-family: FontAwesome;
    content: "\f187"; }
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.footer-widgets { 
    margin: 0 auto;
    max-width: 1050px;
    margin-bottom: 1em;
}

.footer-widgets .widget-title,
.footer-widgets .widget a:hover {
    color: #fff;
    color: hsl(0, 0%, 100%);
    border-color: #fff;
    border-color: hsl(0, 0%, 100%);
}

.footer-widgets .widget {
    float: left;
    width: 280px;
    margin: 0 1em 4em 1em;
}



.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 1em 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 85%;
}

/* Footer widgets Landing page */

.footer-widgets .textwidget p{ 
 margin:0em;
 padding:1em;
 float:right;
 display:inline-block
}
.footer-widgets .textwidget{
        
}

.footer-widgets .textwidget img{
 border-radius: 50%;  
 display:block; 
 margin:1em 2em 1em 2em;
}

.footer-widgets .textwidget p:before { 
    font-family: FontAwesome;
    font-size:18px;
    font-size:1.125em;
    content: "\f10d"; }

.footer-widgets .textwidget p:after { 
    font-family: FontAwesome;
    font-size:18px;
    font-size:1.125em;
    float: right;
    content: "\f10e"; }

/* Footer widgets responsive */
@media screen and (max-width: 700px) {
    #footer-widgets { width: 100%!important; }
    
    .footer-widgets .widget {
        float: none;
        width: 100%;
        margin: 0 0 4rem;
    }
}
                

/*--------------------------------------------------------------
11. Content
--------------------------------------------------------------*/


/* Typography */
.entry-title {
    
    font-weight: 700;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-content a { 
    text-decoration: underline; 
}
                    
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }



/* Meta */

.category-list {
    margin: 1.3em 0 1em;
    font-size: 16px;
    font-size: 1em;
}

.category-list a {
    color: #333;
    color: hsl(0, 0%, 10%);
}

.category-list a:hover {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-meta {
    margin-bottom: 1em;
    padding: 0;
    font-size: 14px;
    font-size: 0.875em;
    font-style: italic; 
}

.entry-meta a { font-weight: 600; }

.entry-footer {
    margin-top: 3rem;
    margin-bottom: 5em;
    font-size: 16px;
    font-size: 1em;
    line-height: 2em;
}

.entry-footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 2em;
}

.entry-footer a {
   
}
                


/* Blockquotes */
blockquote {
    font-size: 20px;
    font-size: 1.25em;
    padding: 1em 1.5em 0;
    margin-bottom: 1em;
    font-style: italic;
    border-top: solid 1px hsl(0, 0%, 80%);
    border-bottom: solid 1px hsl(0, 0%, 80%);
}

blockquote em { 
    font-style: normal; 
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-size: 14px;
    font-size: 0.875em;
    font-style: italic;
    line-height: 1.5em;
    text-align: right;
}

blockquote.alignleft {
    width: 50%;
    float: left;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    width: 50%;
    float: right;
    padding: 1em 0 0;
    margin-left: 2em;
}

/* Blockquotes responsive */
/* Optional rules that set blockquotes to full width on smaller screens */

@media screen and (max-width:700px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 0em 2em;   
    }
}
@media screen and (max-width:700px) {
    blockquote cite{
        float: left;
        width: 100%;
        margin:0.5em;
        margin-bottom: 0em;
        padding: 1em 0em 2em 0em; 
        text-align: left;
    }
}                


/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}


.sticky-post {
    float: right;
}
                

.hentry {
	margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Landing page recent posts */

.recent-posts-container{
    padding:1em; 
    position:relative;
}
.recent-posts-container h2{
    border-bottom: 1px solid #cccccc;
    padding:0 1em; 
}
.recent-posts-container h3{
    margin-top:0;
    min-height:70px;
}
.recent-post-landing{
    position:relative;
    margin:1em;
    padding:0.5em;
    width:30%;
    display: inline-block; 
    vertical-align: top;
    min-height: 340px;
    border-top:4px solid #03C203;
}
.recent-post-landing a{
    display:block; 
}

.recent-post-landing p:after{
    content: "..."
}
.recent-post-bottom{
    position:absolute;
    bottom: 1em;
    clear:both;
    
}

@media screen and (max-width:1000px) {
   .recent-post-landing{
   width:300px;
   min-height: 340px;
    
}
.recent-posts-container{
    padding:0.5em;   
}
} 

@media screen and (max-width:1000px) {
   .recent-post-landing{
   width:260px;
    
}
}
/*--------------------------------------------------------------
11.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
11.3 Comments
--------------------------------------------------------------*/
.comments-title {
    font-weight: 900;
    font-size: 18px;
    font-size: 1.125em;
}

.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-list ol { margin-left: 50px; }

.comment-meta { margin-bottom: 1em; }

.comment-author .avatar {
    width: 50px;
    display: block;
    float: left;
    margin-right: 20px;
}

.comment-author .fn {
    font-weight: 900;
    font-size: 20px;
    font-size: 1.25em;
}

.comment-metadata {
    font-size: 14px;
    font-size:0.875em;
}

.comment-content { font-size: 90%; }



.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content ol { margin-left: 1.5em; }
.comment-content a {
	word-wrap: break-word;
}


.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: hsl(0, 0%, 93%);
    border: none;
}
.reply {
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875em;
}
.comment-content a {
	word-wrap: break-word;
}


.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: hsl(0, 0%, 93%);
    border: none;
}
/* Comments responsive */
@media screen and (max-width:600px) {    
    .comment-list ol { margin-left: 0; }
    
    .comment-content ol { margin-left: 1.5em; }
    
    .comment-content,
    .reply { margin-left: 0; }
}
                


.comment-reply-title {
    margin-bottom: .5em;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25em;
}

.comment-form {
    padding-bottom: 4rem;
    font-size: 16px;
    font-size: 1em;
}

.comment-form textarea {
    font-size: 18px;
    font-size: 1.125em;
    
}

.comment-form label { display: block; }

.required { color: red; }

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-size: 16px;
    font-size: 1em;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #84bd68;
    background: hsl(100, 39%, 57%);
}
                

/*--------------------------------------------------------------
12.Index and Archive
--------------------------------------------------------------*/

.continue-reading {
    margin: 0;
    font-weight: 900;
    font-size: 18px;
    font-size: 1em;
}

.continue-reading i { margin-left: .5em; }


.taxonomy-description {
    padding:0 1em;
    margin: 1em 1em;
    font-style: italic;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}
.page-title  {
    
    font-size:26px;
    font-size: 1.625em;
    margin:1em 2em;
}              
                
/*--------------------------------------------------------------
13. Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;
}

/*--------------------------------------------------------------
14. 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%;
}



.wp-caption .wp-caption-text ,
.gallery-caption {
    padding: 0.8075em 1em;
    font-size: 14px;
    font-size: 0.875em;
    font-family: 'Merriweather', serif;
    background: #e5e5e5;
    background: hsl(0, 0%, 90%);
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.site-main .gallery-item {
    position: relative;    
    max-width:100%;
    float: left;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    background: #333;
    overflow: hidden;
}
.gallery-caption {
    
    max-height: 100px;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 0.5empx;
    line-height: 1.5;
    color: hsla(0, 0%, 50%, .7);
    text-align: left;
    background-color: hsla(0, 0%, 50%, .1);
    overflow: hidden;
    
}

.site-main .gallery a img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: none;
}
 

/* Featured Images */

.single-post-thumbnail { 
    background: #fff ; 
    padding-top:15em;
    background: no-repeat center;
    background-size: cover!important;
}

.index-post-thumbnail { 
    background: #fff ; 
    padding-top:5em;
    background: no-repeat center;
    background-size: cover!important;
    
}
.single-post-thumbnail-title-box{
    background-color: hsla(0, 0%, 100%, .7);
    padding: 2em 3em;  
}
.index-post-thumbnail-title-box{
    background-color: hsla(0, 0%, 100%, .7);
    padding: 1em 8em;  
}

@media screen and (max-width:700px) {    
    .single-post-thumbnail-title-box,
    .index-post-thumbnail-title-box{ 
    padding: 1em 1em;}
    .single-post-thumbnail{
      padding-top:10em;  
    }
   
}

/*--------------------------------------------------------------
14.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
    padding: 0.8075em 1em;
    font-size: 14px;
    font-size: 0.875em;
    font-style: italic;
    background: #cfcfcf;
    background: hsla(0, 0%, 0%, .2);
}
                
/*--------------------------------------------------------------
14.2 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: 40%;
}

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
15. Footer
--------------------------------------------------------------*/

.site-footer {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    font-size: 0.875em;
    color: #fff;
    color: hsl(0, 0%, 100%);
}   
   
.site-footer a {
    color: #fff;
    color: hsl(0, 0%, 100%);
}

.site-info { 
    padding-top:2em;
    border-top: 1px solid hsl(0, 0%, 30%);
    text-align: center;
}

.footer-wraper-box{
    background: hsla(0,0%,0%,.8);
    padding: 2em;  
}
.footer-logo-wraper{
    display:inline-block;
    padding:0.5em 1em;
    vertical-align:middle;
       
}
.footer-info-wraper{
    display:inline-block;
    padding:0.5em 1em;
    vertical-align:middle;
       
}