/*
Theme Name: YS Magazine
Theme URI: http://ysmagazine.myowndesigns.info/
Author: Yavor Spassov
Author URI: http://myowndesigns.info
Description: YS Magazine is a responsive WordPress magazine theme based on Underscores. It features custom fonts (Unica One and Vollkorn), custom header with background image, custom comments and avatar sizes, featured images and front page slider styles for the optional plugin Soliloquy.

Version: 1.6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ys-magazine
Tags: two-columns, right-sidebar, responsive-layout, white, blue, green, featured-image-header, custom-header, custom-background, custom-menu, threaded-comments 

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.

YS Magazine is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
        2.1 Front page
        2.2. Error page
        2.3. Search page
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Header
14.0 Footer
15.0 Soliloquy image slider


--------------------------------------------------------------*/

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

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
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;*/
        margin: 1em 0;
}

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-appearance: textfield;
	box-sizing: content-box;
}

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.0 Typography
--------------------------------------------------------------*/
#page{
        max-width: 1200px;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(25, 52, 65, 0.73);
        -moz-box-shadow:    0px 0px 15px 0px rgba(25, 52, 65, 0.73);
        box-shadow:         0px 0px 15px 0px rgba(25, 52, 65, 0.73);
}
body,
button,
input,
select,
textarea {
        color: rgb(0,0,0);
        font-family: 'Vollkorn', serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
        font-family: 'Vollkorn', serif;
        color: rgb(0,0,0);
}

p {
	margin-bottom: 1.5em;
}

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

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

/*2.1 Front page*/
.front-page {
        display: block;
        padding: 20px 0;
        margin: 0 20px;
        max-width: 780px;
}

@media screen and (max-width: 1159px) {
        .front-page {
                display: block;
                width: 88%;
                max-width: 1200px;
                margin-left: 6%;
                margin-right: 6%;
        }
}
        
.front-page .ys_category {
        width: 50%;
        float: left;
        margin-bottom: 20px;
}

@media screen and (max-width: 700px) {
        .front-page .ys_category  {
                float: none;
                display: block;
                width: 100%;
                max-width: 100%;    
        }
}

.front-page h1.category-title {
        border-bottom: 5px solid rgb(145,170,157);
        font-size: 25px;
        font-size: 2.5rem;
        margin: 0 auto;   
        max-width: 380px;
        line-height: 90%;
}

.ys_category ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
}

.ys_category p {
        max-width: 380px;
        margin: 10px auto;
}

.front-page .ys_category ul li h2 {
        margin: 10px auto 0;
        color: #000;
        max-width: 380px;
        font-family: 'Vollkorn', serif;
        font-size: 22px;
        font-size: 2.2rem;
}

.front-page .ys_category ul li a{
        text-decoration: none;
}

.continue-reading {
        max-width: 380px;
        margin: 5px auto;
        font-size: 90%;
}
.continue-reading a {
        color: rgb(25,52,65);
        
}

.continue-reading a:visited, .posted-on a:visited, .author a:visited, 
.category-list a:visited, .cat-links a:visited {
        color: rgb(145,170,157);
}

.posted-on {
        max-width: 380px;
        margin: 5px auto;
        font-size: 90%;
}

.posted-on a {
        color: rgb(25,52,65);
     
}

.continue-reading a:hover,
.posted-on a:hover, .author a:hover, 
.category-list a:hover, .cat-links a:hover {
        color: rgb(62,96,111);
}

/*2.2. Error page*/
.error-404 .page-header, .error-404 p,  .error-404 input {
    margin-left: 20px;
}

.error-404 input[type="submit"], .no-results input[type="submit"] {
    border-color: rgb(145,170,157);
    border-radius: 3px;
    background: rgb(209,219,189);
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
}

.no-results {
    margin-bottom: 20px;
}

section .no-results {
    margin-left: 20px;
}
/*2.3. Search page*/
.search .page-header  {
    clear: both;
    margin-left: 20px;
}
.search p {
    display: block;
    clear: both;
    margin: 20px;
}

.category .page-title {
    margin-left: 20px;
}
/*--------------------------------------------------------------
3.0 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.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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 {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.site-header{
        position: relative; 
}
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
        font-family: 'Unica One', serif;
        text-transform: uppercase;
        background: rgb(62,96,111);
        height: auto;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
        background: rgb(62,96,111);
}
.main-navigation li>a {
        border: 1px solid rgb(145,170,157);
}
.main-navigation ul ul>li>a {
        border: 1px solid rgb(145,170,157);
}
.main-navigation a {
	display: block;
	text-decoration: none;
        font-size: 29px;
        font-size: 2.9rem;
        color: rgb(209,219,189);
        padding: 5px 10px;
        line-height: 1.33em;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 2.5em;
	left: -999em;
	z-index: 99999;
        margin-top: 5px;
        padding: 0;
        background: rgb(25,52,65);
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
        margin-top: 0;
}

.main-navigation ul ul a {
	width: 200px;
        color: rgb(209,219,189);
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
        color: rgb(252,255,245);
        background: rgb(25,52,65);
}

.main-navigation ul ul :hover > a {
        color: rgb(252,255,245);
}

.main-navigation ul ul a:hover {
        background: rgb(62,96,111);
        padding-right: 5px;
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
        background: rgb(252,255,245);
        color: rgb(62,96,111);
}

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

@media screen and (max-width: 600px) {
        .menu-toggle{
                display: block;
                height: 50px;
                font-family: "Unica One";
                font-size: 19px;
                font-size: 1.9rem;
                font-weight: normal;
                padding: 0 10px;
                background: rgb(25,52,65);
                color: rgb(209,219,189);
        }
	.main-navigation.toggled .nav-menu {
		display: block;
                border-top: 1px rgb(62,96,111);
	}

	.main-navigation ul {
		display: none;
                padding-left: 0;
                background: rgb(62,96,111);
	}
        .main-navigation li { 
		float: none; 
	}

	.main-navigation li a { 
		padding-left: 10px; 
                font-size: 17px;
                font-size: 1.7rem;
	}
        .main-navigation li li a { 
		padding-left: 20px; 
	}
        .main-navigation li li a { 
		padding-left: 30px; 
	}
        .main-navigation li:hover > a {
		background: rgb(62,96,111);
	}
        .main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background: rgb(62,96,111);
	}
        .main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: rgb(25,52,65); 
	}
	.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;
		background: rgb(25,52,65);    
	}
        .main-navigation ul ul li:hover > ul {
                left: 10px;
        }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 10px;
	overflow: hidden;
        font-family: 'Vollkorn', sans-serif;
        font-size: 17px;
        font-size: 1.7rem;
}

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

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

@media screen and (max-width: 600px){
        .comment-navigation .nav-previous,
        .posts-navigation .nav-previous,
        .post-navigation .nav-previous,
        .comment-navigation .nav-next,
        .posts-navigation .nav-next,
        .post-navigation .nav-next {
                float: none;
                text-align: left;
                width: 100%;
                margin: 0 0 10px 20px;
        }
}

.site-main .post-navigation{
          max-width: 780px;
          max-width: 78rem;
          display: block;
          clear: both;
          margin: 0 auto;
}

.comment-navigation {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 5px solid rgb(209,219,189);
    border-bottom: 5px solid rgb(209,219,189);  
    font-family: 'Vollkorn', sans-serif;
}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.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. */
}

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

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

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 10px;
        font-family: 'Vollkorn', sans-serif; 
        font-size: 16px;
        font-size: 1.6rem;
}
h1.widget-title {
        margin: 0;
        font-family: 'Vollkorn', sans-serif; 
        font-size: 20px;
        font-size: 2rem;
        border-bottom: 5px solid rgb(145,170,157);      
}
.widget ul li a {
        text-decoration: none;
        font-weight: normal;
}
.widget ul li a:hover {
        text-decoration: underline;
}
.widget a{
        font-weight: 800;
        color: rgb(25,52,65);
}

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

.widget li { padding: 10px 0 0; }

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

.widget li li { margin-left: 10px; }
.widget select { margin-top: 5px; }
.widget .textwidget {text-align: center;}

/* Make sure select elements fit in wcenter;idgets. */
.widget select {
	max-width: 100%;
}

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

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.entry-title {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: normal;
        color: #000;
        margin: 20px 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: .2em; }

.entry-content h1 {
    font-size: 30px;
    font-size: 3.0rem;
}

.entry-content h2 {
    font-size: 28px;
    font-size: 2.8rem;
}

.entry-content h3 {
    font-size: 26px;
    font-size: 2.6rem;
}

.entry-content h4 {
    font-size: 24px;
    font-size: 2.4rem;
}

.entry-content h5 {
    font-size: 22px;
    font-size: 2.2rem;
}

.entry-content h6 {
    font-size: 20px;
    font-size: 2rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em;
}

/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
    .entry-title {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.2em;
    }
    .entry-content h1 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .entry-content h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .entry-content h3 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .entry-content h4 {
        font-size: 20px;
        font-size: 2.0rem;
    }

    .entry-content h5 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content h6 {
        font-size: 17px;
        font-size: 1.7rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 17px;
        font-size: 1.7rem;
    }
    
    .entry-content blockquote p {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.4em;
    }
}

.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

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

/* Blockquotes */
blockquote {
    padding-left: 10px;
    font-style: italic;
    border-top: solid 1px rgb(145,170,157);
    border-bottom: solid 1px rgb(145,170,157);
}

blockquote em { 
    font-style: normal; 
}

.entry-content blockquote p {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: normal;
}

p cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Unica one', sans-serif;
    font-style: normal;
    line-height: normal;
    text-align: right;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-area {  
    font-family: 'Vollkorn', sans-serif;
    display: block;
    clear: both;
    position: relative;
    max-width: 780px;
    max-width: 78rem;
    padding: 10px;
    padding: 1rem;
    margin: 0 auto;
}
.comments-title {
    font-weight: 900;
    font-size: 32px;
    font-size: 3.2rem;
}
.comments-area > ol {
    padding: 0;
    margin: 10px 0;
    list-style-type: none;
}
ol.children { list-style-type: none; }
.comment-list ol { 
    margin-left: 45px; 
    padding-left: 0;
}
.comment-meta { margin-bottom: 10px; }
.comment-author .avatar {
    width: 45px;
    display: block;
    float: left;
    margin-right: 15px;
}

.comment-author .fn {
    font-weight: 800;
    font-family: 'Vollkorn', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.comment-metadata {
    font-size: 14px;
    font-size:1.4rem;
}

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

.comment-content,
.reply { 
    margin-left: 45px; 
    border-left: 5px solid rgb(209,219,189);
    padding-left: 10px;
    
}

.comment-body {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.comment-content a {
	word-wrap: break-word;
}

.comment-content ol { margin-left: 1.5em; }

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

.reply {
    font-weight: 600;
    font-family: 'Vollkorn', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

p#form-allowed-tags {
    display: none;
}

.form-submit input[type="submit"] {
    border-color: rgb(145,170,157);
    border-radius: 3px;
    background: rgb(209,219,189);
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
}

/* Comments responsive */
@media screen and (max-width:600px) {    
    .comment-list ol { margin-left: 0; }
    
    .comment-content ol { margin-left: 1em; }
    
    .comment-content,
    .reply { margin-left: 0; }
}

.bypostauthor > .comment-body {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    background: rgb(209,219,189);
    border-left: 5px solid rgb(145,170,157);     
} 

.comment-reply-title {
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 24px;
    font-size: 2.4rem;
}

.comment-form {
    padding-bottom: 4rem;
    font-family: 'Vollkorn', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.comment-form label { display: block; }

.required { color: red; }

.comment-awaiting-moderation { 
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-family: 'Vollkorn', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: rgb(252,255,245);
    background: rgb(145,170,157);
}
/*--------------------------------------------------------------
11.0 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;
}

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

/*--------------------------------------------------------------
12.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,.gallery-caption {
        padding: 5px;
        line-height: normal;
        font-family: 'Vollkorn', sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        background: rgb(209,219,189);
}

.site-main .gallery-item {
        position: relative;    
        max-width:100%;
        margin: 10px 0;
        float: left;
        overflow: hidden;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;  
    font-size: 12px;
    line-height: normal;
    color: rgb(252,255,245);
    text-align: center;
    background-color: rgba(62,96,111,0.8);
    opacity: 0;
}

.gallery-item:hover .gallery-caption { 
    opacity: 1; 
}

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

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

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

.gallery-item .gallery-icon {
        background: white;
/*        background: rgb(209,219,189);*/
        max-width: 180px;
        margin: 0 auto;
}

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

/*Featured images*/
.single-post-thumbnail img {
    display: block;
    margin: 20px auto 0;
}
/*--------------------------------------------------------------
13.0 Header
--------------------------------------------------------------*/
.site-header{
    min-height: 200px;
}
.header-image img{
    display: block;
    margin: 0 auto;
}
.header-background-image {
    background: no-repeat center;
    background-size: cover !important;
}
.header-background-image .title-box{
    background: hsla(0,0%,0%,.5);  
}
.site-branding {   
    text-align: right;
    padding: 20px;
    padding: 2rem;
    background: rgb(62,96,111);
    height: 150px;
}
.title-box {
    background: rgb(62,96,111);
    border: solid 1px rgb(209,219,189);
    min-height: 80px;
    width: 400px;   
    max-width: 75%;
}
.site-branding .site-title {
    font-family: 'Unica One';
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0;
    padding-right: 10px;
}
.site-title a{
    color: rgb(252,255,245);  
    text-decoration: none;
}
.site-branding .site-description {
   color: rgb(252,255,245);
   font-family: 'Vollkorn';
   font-size: 18px;
   font-size: 1.8rem;
   font-style: italic;
   font-weight: 300; 
   margin: 0;
   padding-right: 10px;
}
/*Header responsive*/
@media screen and (max-width: 600px) {
   .site-branding {
        text-align: center;
    }
   .title-box {
        width: auto;
        max-width: 100%;
        margin: 0;
        border: none;
    } 
    .site-branding .site-title {
        font-size: 22px;
        font-size: 2.2rem;
        margin: 0;
        padding: 0;
    }
    .site-branding .site-description {
        font-size: 17px;
        font-size: 1.7rem;
        margin: 0;
        padding: 0;
     }
}
/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/

.site-footer {
        padding: 20px;
        font-family: 'Vollkorn', serif;
        font-size: 16px;
        font-size: 1.6rem;
        background: rgb(62,96,111);
        color: rgb(209,219,189);
}

.site-footer a{
        font-style: italic;
        color: rgb(242,255,245);
        text-decoration: underline;
}

.site-info {
        text-align: left;
}

/*--------------------------------------------------------------
15.0 Soliloquy image slider
--------------------------------------------------------------*/

/*.ys-slider */
.site-main .soliloquy-container {
    display: block !important;
    overflow: hidden !important;
    max-width: 780px !important;
    margin: 0 auto !important; 
    padding: 20px 0 0 0;
}

@media screen and (max-width: 1159px) {
        .site-main .soliloquy-container {
                width: 100% !important;
                max-width: 1159px !important;
             /* margin: 20px !important;
                margin: 2rem !important;*/
             
        }
        
        .soliloquy-container .soliloquy-image {
                width: 100% !important;
                max-width: 1159px !important;
        }
}