/*
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. Use the Front Page template for the front page of your site!

Version: 1.8.1
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/
*/

/*The color scheme of YS Magazine:
rgb(252,255,245) - almost white
rgb(209,219,189) - very light green
rgb(145,170,157) - light green
rgb(62,96,111) - blue
rgb(25,52,65) - dark green
*/

/*The fonts of YS Magazine:
font-family: 'Unica one', sans-serif
font-family: 'Vollkorn', sans-serif*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
        2.1 Front page template
        2.2. Error template
        2.3. Search template
        2.4. Archive template
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 Sidebar
14.0 Header
15.0 Footer
16.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;
}

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

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0;
}

.row {
  margin: 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 h1.category-title {
        border-bottom: 5px solid rgb(145,170,157);
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
        line-height: 90%;
}

.ys_category {
    padding: 0 10px;
}

@media only screen and (min-width: 992px) {
  .ys_category:first-child {
      padding: 0 5px 0 10px;
  }

  .ys_category:last-child {
      padding: 0 10px 0 5px;
  }
}

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

.ys_category p {
        margin: 10px auto;
        text-align: left;
}

.front-page .ys_category ul li h2 {
        text-align: center;
        color: #000;
        font-family: 'Vollkorn', serif;
        font-size: 22px;
        font-size: 2.2rem;
}

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

.continue-reading {
        text-align: left;
        font-size: 90%;
        margin-bottom: 10px;
}
.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 template*/

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

.error404 h1.page-title {
    margin: 0;
}

.error404 #main {
    padding: 1rem;
}

.error404 form input {
    margin-top: 1rem;
}

/*2.3. Search template*/
.search #main {
    padding: 1rem;
}

.search .page-header  {
    clear: both;
}
.search p {
    display: block;
    clear: both;
}

.search form input {
    margin-top: 1rem;
}

.category .page-title {
    margin-left: 20px;
}

/*2.4. Archive template*/

.archive h1.page-title {
    margin: 0 0 0 2rem;
}

/*--------------------------------------------------------------
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 {
	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 {
	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: 5px;
  width: 100%;
  box-sizing: border-box;
}

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);
        min-height: 40px;
}

.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 a {
	display: block;
	text-decoration: none;
        font-size: 22px;
        font-size: 2.2rem;
        color: rgb(209,219,189);
        padding: 5px 10px;
        line-height: 1.38em;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.9em;
	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: 40px;
                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
--------------------------------------------------------------*/

#content {
    width: 100%;
    height: auto;
    background: rgb(209,219,189);
}

.site-content .site-main {
    height: auto;
    background: #fff;
}

.entry-meta, .category-list {
  margin-bottom:5px;
}

.entry-header,
.entry-footer,
.entry-content,
.posts-navigation,
.paging-navigation {
        font-family: 'Vollkorn', sans-serif;
        position: relative;
        max-width: 780px;
        max-width: 78rem;
        padding: 10px;
        padding: 1rem;
        margin: 0 auto;
}

.entry-title {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: normal;
        color: #000;
        margin: 10px 0;
}

.entry-title a {
    text-decoration: none;
    color: rgb(25,52,65);
    font-size: 34px;
    font-size: 3.4rem;
}

.entry-title a:hover{
    color: rgb(62,96,111);
}

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


.entry-meta,
.category-list,
.cat-links,
.tags-links {
        font-family: 'Vollkorn', sans-serif;
        border: 1px solid rgb(62,96,111);
        border-radius: 5px;
        padding: 5px 10px;
        padding: 0.5rem 1rem;
        background: rgb(209,219,189);
        font-size: 16px;
        font-size: 1.6rem;
        box-sizing: border-box;
}

.entry-meta a,
.category-list a,
.cat-links a,
.tags-links a {
        font-weight: 700;
        color: rgb(25,52,65);
}

.entry-footer .edit-link {
        display: block;
        clear: both;
        margin: 50px 0 0 10px;
}

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

.index-thumbnail img, .single-post-thumbnail img {
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
13.0 Sidebar
--------------------------------------------------------------*/
.site-content .widget-area {
    background: rgb(209,219,189);
}

/*--------------------------------------------------------------
14.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: 160px;
}
.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;
     }
}
/*--------------------------------------------------------------
15.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;
}

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

        }

        .soliloquy-container .soliloquy-image {
                width: 100% !important;
                max-width: 1159px !important;
        }
}