/*!
Theme Name: Storytime
Theme URI: https://www.roughpixels.com/free-themes/storytime-lite/
Author: Rough Pixels
Author URI: https://www.roughpixels.com
Description: Storytime (lite) is a WordPress theme created for authors and creators of stories with an extremely clean and simple design style that makes reading a pleasant experience. Storytime is also ready for both the Block Editor (Gutenberg) and the Classic Editor. With options including choice of blog styles, full post layouts, a custom thumbnail based recent posts widget, a gorgeous front splash page where you can add 1 or more images, choice of excerpts, and much more! 
Version: 1.0.8
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storytime
Tags: block-styles,wide-blocks,two-columns, one-column, right-sidebar, blog, full-width-template, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, editor-style

Copyright (C) 2018 roughpixels.com. All rights reserved

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



/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/
body {
    background-color: #f5f5f5;
    font-family: Raleway, "Helvetica Neue", sans-serif;
    font-size: 92%;
    line-height: 1.8;
    color: #444;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * Restore the coloring undone by defining the text shadow (opinionated).
 */

::-moz-selection {
    background-color: #c7b897;
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: #c7b897;
    color: #fff;
    text-shadow: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    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: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Clearing */
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
#site-header {
    padding: 40px 0 0;
    text-align: center;
}

#site-branding {
    margin-bottom: 10px;
}

#site-branding:after {
    content: "";
    border-top: 4px double #dedede;
    height: 1px;
    display: block;
    max-width: 700px;
    margin: 20px auto 12px;
}

#site-title {
    font-family: "Domine", "Times New Roman", serif;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0;
}

#site-title a,
#site-title a:visited,
#site-title a:hover {
    border: none;
    color: #262626;
    text-decoration: none;
}

#site-description {
    font-size: 0.938rem;
    letter-spacing: 1px;
    margin: 5px auto 0;
}

/*--------------------------------------------------------------
Containers
--------------------------------------------------------------*/
#top-bar {
    background-color: #262626;
    border-bottom: 5px solid #c7b897;
    margin: 0;
    padding: 10px;
    text-align: center;
}

#social-menu-wrapper {
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main {
    margin: 40px auto 70px;
}

#main {
    max-width: 1170px;
}

/*--------------------------------------------------------------
Page Headings
--------------------------------------------------------------*/
#blog-title-group,
.archive-header {
    max-width: 60%;
    margin: 0 auto 45px;
    text-align: center;
}

#blog-title,
.archive-title {
    font-size: 1.75rem;
    margin-bottom: 10px;
}

#blog-intro,
.archive-description {
    font-size: 1.125rem;
    color: #777;
    line-height: 1.4;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.sticky {}

.hentry {
    background-color: #fff;
    color: #5f5f5f;
    margin-bottom: 40px;
    padding: 40px;
    position: relative;
}

.hentry .post-thumbnail a img {
    border: 7px solid #d8d2c5;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -ms-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

.hentry .post-thumbnail a img:hover {
    border-color: #c3b496;
}

.page .post-thumbnail img,
.single .post-thumbnail img {
    border: 7px solid #d8d2c5;
}

.page .post-thumbnail {
    margin-bottom: 40px;
}

/* Entry Titles */
.page-title,
.entry-title {
    font-weight: 600;
    font-size: 1.75rem;
}

.entry-title:after {
    background-color: #dedede;
    content: "";
    display: block;
    height: 1px;
    margin: 20px 0;
    max-width: 15%;
}

.blog-list .entry-title:after,
.blog-center .entry-title:after,
.blog-large .entry-title:after,
.blog-grid .entry-title:after {
    margin: 25px auto;
}

/* Blog meta Details */
.updated:not(.published) {
    display: none;
}

.post-details {
    color: #555;
    font-family: Domine, "Times New Roman", serif;
    font-size: 0.875rem;
    font-style: italic;
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-details li {
    display: inline-block;
    margin: 0 4px 0 0;
}

.post-details li:after {
    bottom: 1px;
    content: '\002F';
    font-size: 10px;
    left: 2px;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
}

.post-details li:last-child::after {
    content: '';
    margin-left: 0;
    margin-right: 0;
}

.post-details,
.post-details a,
.post-details a:visited {
    color: #9a9a9a;
}

.post-details a:focus,
.post-details a:hover {
    color: #ceb654;
}

/* Blog Styles - Default*/
.blog-default .post-thumbnail {
    margin-bottom: 40px;
}

/* Blog Styles - Center*/
.blog-center .entry-content {
    max-width: 860px;
    margin: auto;
    text-align: center;
}

/* Blog Styles - Large and Grid */
.blog-large .hentry {
    text-align: center;
}

.blog-large .hentry.has-post-thumbnail {
    margin-top: 110px;
}

.blog-large .hentry.has-post-thumbnail .post-thumbnail,
.blog-grid .hentry .post-thumbnail {
    margin-top: -110px;
    margin-bottom: 40px;
    z-index: 2;
}

.blog-large .entry-content {
    max-width: 820px;
    margin: auto;
}

/* Blog Styles - Grid */
.blog-grid .hentry {
    text-align: center;
    margin-top: 70px;
}

.blog-grid .blog-summary {
    list-style: none;
    padding: 0;
}

.blog-grid .entry-title {
    font-size: 1.5rem;
}

.blog-grid .entry-content {
    margin: auto;
    padding: 0 20px;
}

.blog-grid .post-details {
    font-size: 0.813rem;
}

/* Blog Styles - List */
.blog-list .blog-summary {
    list-style: none;
    padding: 0;
}

.blog-list .post-thumbnail {
    margin-bottom: 30px;
}

.blog-list .hentry {
    text-align: center;
}

/* Single Styles */
#single-layout {
    background-color: transparent;
}

.single .hentry {
    background-color: #fff;
}

.single .entry-title:after {
    margin: 15px 0;
}

.single .post-thumbnail {
    margin-bottom: 40px;
}

/* single-banner */
.single-banner #single-layout {
    display: block;
    margin-top: 110px;
}

.single-banner.hide-thumbnail #single-layout,
.single.no-thumbnail #single-layout {
    margin-top: 0;
}

.single-banner .post-thumbnail {
    margin: -110px auto 40px;
    text-align: center;
    width: 100%;
}

.single-banner .post-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.single-banner .post-content {
    max-width: 760px;
    margin: auto;
}

.single-banner .entry-content {
    text-align: justify;
}

.single .post-details {
    margin-bottom: 20px;
}

/* single-centered */
.single-centered #single-layout {
    display: block;
}

.single-centered .post-thumbnail {
    text-align: center;
}

.single-centered .post-content {
    max-width: 760px;
    margin: auto;
}

.single-centered .entry-header,
.single-centered .entry-content,
.single-centered .entry-footer {
    text-align: center;
}

.single-centered .entry-content {
    text-align: justify;
}

.single-centered .entry-title:after {
    margin: 20px auto;
}

.single-centered #author-avatar {
    float: none;
    margin: 0 auto 20px;
}



/* Post Elements */
.single .entry-footer {
    margin: 70px 0;
}

#post-categories,
#post-tags {
    font-size: 0.875rem;
    font-weight: 400;
    margin: 0;
}

.post-categories,
.entry-tags {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 15px;
}

.post-categories li,
.entry-tags li {
    display: inline;
    margin: 0 4px;
}

#post-categories a,
#post-categories a:visited,
#post-tags a,
#post-tags a:visited {
    border: none;
    color: #262626;
    font-weight: 600;
    font-size: 0.875rem;
}


/* Author Info */
#author-info {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    display: flex;
    margin: 40px 0;
    padding: 50px 0;
}

#author-avatar {
    float: left;
    margin-right: 1.5rem;
}

#author-info .avatar {
    border: 4px solid #d8d2c5;
    border-radius: 50%;
}

#author-description {
    overflow: hidden;
}

#author-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#author-bio {
    font-size: 0.938rem;
    margin-bottom: 0;
}

#author-bio #author-link {
    border: none;
    margin-top: 5px;
    display: block;
    font-style: italic;
}

#author-info,
#related-posts-wrapper {
    margin: 50px 0;
}


/* related posts */
#related-posts-wrapper {
    margin: 50px auto;
}

#related-posts .wp-post-image {
    border: 4px solid #d8d2c5;
    display: block;
    margin-bottom: 0;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -ms-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

#related-posts .wp-post-image:hover {
    border-color: #c3b496;
}

#related-posts {
    list-style: none;
    padding: 0;
}

#related-posts-heading {
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: capitalize;
}

.related-posts-title {
    font-size: 0.938rem;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.related-post-date {
    color: #9a9a9a;
    font-family: domine, georgia, serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.related-posts-title a,
.related-posts-title a:visited {
    color: initial;
}

.related-posts-title a:hover {
    color: #59a9bb;
}


/* Pages */
.page .page-header,
.search .page-header {
    text-align: center;
}

.page-title {
    margin-bottom: 10px;
}

.page-title:after {
    display: none;
}

.page .entry-footer {
    text-align: center;
}

hr.page-title-line {
    border-top: 1px solid #dedede;
    max-width: 15%;
    margin: 20px auto 40px;
}

#page-intro {
    color: #9a9a9a;
    font-family: Domine, "Times New Roman", serif;
    font-size: 1.125rem;
    line-height: 1.5;
    max-width: 500px;
    margin: 0 auto 20px;
}


.page .entry-content {
    max-width: 860px;
    margin: 0 auto;
}

/* Search Page */
.search .page-title {
    margin-bottom: 40px;
}

.search .hentry {
    text-align: center;
}

.search .entry-title {
    font-size: 1.25rem;
}

.search .entry-title:after {
    margin: 20px auto;
}

.search .post-content {
    max-width: 760px;
    margin: auto;
}

.search .entry-content p:last-child {
    margin-bottom: 0;
}

.search a.more-link {
    border: none;
}


/* Error Page */
#error404 {
    padding: 60px 0;
    text-align: center;
}

#error-title {
    font-size: 9.375rem;
    font-weight: 900;
    color: #161616;
    letter-spacing: -1px;
}

#error-sub-title {
    font-size: 1.75rem;
    padding-bottom: 14px;
}

#error-button {
    margin: 40px auto;
}

#error404 .search-form {
    max-width: 500px;
    margin: auto;
}

#error404 input#search-field {
    width: 500px;
}

/*--------------------------------------------------------------
Templates
--------------------------------------------------------------*/

/* splash front page */
#splash {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    margin: 0;
}

#splash:after {
    display: block;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    /*   */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

#splash {
    background-position: center;
}

#splash .site-branding {
    text-align: center;
    color: #fff;
    padding: 0 30px;
    z-index: 2;
}

#splash .custom-logo-link {
    display: none;
}

#splash .site-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 7px;
}

#splash .site-title a {
    color: #fff;
}

#splash .site-description {
    font-size: 1.25rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto 15px;
}

#splash-menu {
    font-size: 1.125rem;
    letter-spacing: 1px;
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
    z-index: 2;
}

#splash-menu a {
    color: #fff;
    font-weight: 600;
}

/* Use class splash-button for a button style */
#splash-menu .splash-button a,
#splash-menu .splash-button a:visited {
    background-color: #262626;
    margin-top: 6px;
    padding: 6px 20px;
    border-radius: 8px;
    display: inline-block;
}

#splash-menu .splash-button a:hover {
    background-color: #c3b496;
    color: #fff;
    margin-top: 6px;
    padding: 6px 20px;
    border-radius: 8px;
    display: inline-block;
}



/* --------------------------------------------------------------------------------
# Attachments Page
-------------------------------------------------------------------------------- */
.attachment .site-content {
    display: block;
}

#attachment-view {
    margin: auto;
    text-align: center;
}

.attachment .post-header {
    margin-bottom: 2rem;
}

.attachment .hentry {
    text-align: center;
}

#attachment-wrapper {
    margin-bottom: 1.75rem;
}

#attachment-wrapper img {
    border: 7px solid #d8d2c5;
    display: block;
    margin: auto;
}

#attachment-description {
    max-width: 700px;
    margin: 0 auto;
}

.attachment .entry-title {
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}

.attachment .entry-title:after {
    margin: 20px auto;
}

.attachment .gallery-post-caption {
    font-family: inherit;
    color: #262626;
}

.attachment .gallery-post-caption p {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.attachment a.more-link {
    display: none;
}

.attachment #comments,
.attachment #respond {
    margin: auto;
    max-width: 960px;
}

#image-navigation {
    height: 40px;
    display: table;
    margin: 2rem auto;
}

#image-navigation a {
    padding: 5px 20px;
}

.prev-image,
.next-image {
    display: inline-block;
    margin: 0 2px;
}

.attachment .form-submit {
    text-align: center;
}




/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#site-footer {
    text-align: center;
    padding: 50px 0;
}

#footer-site-title {
    margin-bottom: 10px;
}

#footer-copyright {
    font-size: 0.813rem;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #262626;
    font-family: Domine, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1.25rem;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.875rem;
}

h3 {
    font-size: 1.688rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.375rem;
}

h6 {
    font-size: 1.25rem;
}

p {
    margin-bottom: 1.563rem;
}

cite {
    font-size: 0.875rem;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
/* Links */
a,
a:visited {
    color: #ceb654;
}

a:hover {
    color: #262626;
    text-decoration: none;
    border: none;
}

#splash-menu a,
.site-content a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.entry-content p a:not(.more-link) {
    font-family: Domine, "Times New Roman", serif;
    font-weight: 600;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

a.more-link {
    border: none;
    color: #ceb654;
    font-family: Domine, "Times New Roman", serif;
    font-size: 0.938rem;
    font-weight: 600;
    text-decoration: none;
}

a.more-link:hover,
.entry-title a,
.entry-title a:visited {
    color: inherit;
}

.entry-title a:hover {
    color: #ceb654;
}


/* List Styles */
dl,
ol,
ul {
    margin: 0 0 1.563rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dd {
    margin-left: 0;
}



/* Blockquotes */
blockquote {
    font-family: Domine, "Times New Roman", serif;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.6;
    margin: 2rem auto;
    padding-left: 40px;
    max-width: 90%;
    position: relative;
}


/* classic editor blockquote */
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: -35px;
    color: #7a7a7a;
}

/* gutenberg blockquote */
blockquote p {
    margin-bottom: 0;
}

blockquote.wp-block-quote p:before,
blockquote.wp-block-quote p:after {
    font-size: 3rem;
    line-height: 0;
    position: relative;
    top: 1rem;
}

blockquote.wp-block-quote p:before {
    content: "\201C";
    left: 0;
    margin-right: 0.5rem;
}

blockquote.wp-block-quote p:after {
    content: "\201D";
    right: 0;
    margin-left: 0;
}

blockquote cite {
    display: block;
    margin: 1rem 0 0;
}

blockquote cite:before {
    content: "\2014";
}

blockquote.wp-block-quote:before,
.wp-block-pullquote blockquote:before {
    content: none;
    padding-left: 0;
    left: 0;
    top: 0;
}

blockquote.wp-block-quote,
.wp-block-pullquote blockquote {
    padding-left: 0;
}

/* Pullquotes */
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 1.125rem;
}

.wp-block-pullquote {
    border: none;
    padding: 0;
    text-align: left;
}

/* Code */
var {
    font-family: Monaco, Consolas;
}

code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 1rem;
    font-size: 0.9375rem;
    padding: 0 0.5rem;
}

code,
pre,
.wp-block-code {
    background-color: #f7f7f7;
}

pre,
.wp-block-code {
    line-height: 1.6;
    margin: 2.5rem auto;
    position: relative;
    padding: 2rem;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}

pre code,
.wp-block-code code {
    padding: 0;
    background-color: transparent;
    font-size: 1rem;
}

/* Tables */
table {
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.075);
    margin: 40px 0;
    padding: 0;
    width: 100%;
}

table thead {
    background-color: #c7b897;
    color: #fff;
    font-family: Domine, "Times New Roman", serif;
    font-size: 1.125rem;
    letter-spacing: 1px;
}

table thead th {
    font-weight: 600;
}

table th,
table td {
    padding: 10px;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.075);
}

table td {
    border-bottom: solid 1px #f2f2f2;
}

table tr:last-child td {
    border-bottom: none;
}

table tr:nth-child(even) {
    background: #f2f2f2;
}

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

audio {
    width: 100%;
}

/* Cover Image */
.editor-block-list__block .wp-block-cover-image {
    height: 50vh;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    width: 100%;
}

.editor-block-list__block .wp-block-cover-image.alignfull {
    /* This makes a full area image */
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.wp-block-cover-text,
.wp-block-image figcaption {
    font-family: Domine, "Times New Roman", serif;
}


.wp-block-image figcaption {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
    color: #262626;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.wp-block-image.alignfull figcaption .wp-block-image.alignwide figcaption {
    margin-bottom: 0;
}

.wp-block-media-text .wp-block-media-text__content h1,
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h3,
.wp-block-media-text .wp-block-media-text__content h4,
.wp-block-media-text .wp-block-media-text__content h5 {
    font-family: Domine, "Times New Roman", serif;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 20px;
}

.wp-block-media-text .wp-block-media-text__content {
    margin: 0 auto;
    padding: 8%;
}

.wp-block-media-text .wp-block-media-text__content p {
    font-family: Raleway, "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.4;

}

/* Gutenberg Gallery */
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    font-family: Domine, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 600;
}

/* Media Text Block */
.wp-block-media-text > figure > img,
.wp-block-media-text > figure > video {
    object-fit: cover;
    overflow: hidden;
    min-height: 30vh;
}

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

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

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

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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: 40px -10px;
}

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

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* Captions */
figcaption,
.wp-block-image figcaption {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
    color: #262626;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
}

.gallery .wp-caption-text {
    font-family: Domine, "Times New Roman", serif;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}

.wp-block-gallery figcaption {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.pull-right,
.alignright,
.wp-block-image .alignright {
    float: right;
    max-width: 40%;
    margin: 0 0 0 40px;
}

.pull-left,
.alignleft,
.wp-block-image .alignleft {
    float: left;
    max-width: 40%;
    margin: 0 40px 0 0;
}

.alignnone {
	display: initial;
    float: none;
    margin: 40px 0;
}

.aligncenter {
	display: block;
    float: none;
    margin: 40px auto;
}


/*--------------------------------------------------------------
Gutenberg
--------------------------------------------------------------*/

/* accent colour */
.has-accent-color {
    color: #c7b897;
}

.has-accent-background-color {
    background-color: #c7b897;
}

/* dark grey */
.has-dark-grey-color {
    color: #262626;
}

.has-dark-grey-background-color {
    background-color: #262626;
}

/* grey */
.has-grey-color {
    color: #9a9a9a;
}

.has-grey-background-color {
    background-color: #9a9a9a;
}

/* white */
.has-white-color {
    color: #fff;
}

.has-white-background-color {
    background-color: #fff;
}

/* Media Text Block */
.wp-block-media-text {
    margin: 40px auto;
}

/* Drop Cap */
p.has-drop-cap:not(:focus):first-letter {
    color: #262626;
    float: left;
    font-family: Domine, "Times New Roman", serif;
    font-size: 5.75rem;
    line-height: 0.68;
    font-weight: 700;
    margin: 15px 8px 0 0;
    text-transform: uppercase;
    font-style: normal;
}

/* Columns */
.wp-block-column:not(:first-child),
.wp-block-column:nth-child(2n) {
    margin-left: 0;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
ol.comment-list {
    list-style: none;
    padding: 0;
}

.comments-title {
    font-size: 1.5rem;
    margin-bottom: 45px;
}

#comments .comments-closed {
    margin-bottom: 50px;
}

#comments a {
    color: #262626;
    font-weight: 600;
}

#comments .comment .bypostauthor {
    overflow: auto;
}

#comments .comment article {
    margin-bottom: 50px;
}

#comments .comment .avatar {
    border: 3px solid #d8d2c5;
    border-radius: 50%;
    margin: 2px 25px 0 0;
    width: 90px;
    height: 90px;
    float: left;
}

#comments .comment-author {
    margin-bottom: 5px;
}

#comments .comment-author cite {
    font-family: "open sans", "helvetica neue", sans-serif;
    font-style: normal;
    margin-right: 10px;
}

#comments .comment-author time {
    font-style: italic;
    font-size: 14px;
    color: #777;
}

#comments .comment-content p {
    line-height: 1.6em;
    margin-bottom: 12px;
}

#comments p.vcard {
    margin-bottom: 12px;
}

#comments .comment-reply {
    font-size: 13px;
}

/* Threaded comments */
#comments ol .children {
    margin-left: 50px;
    list-style: none;
    padding: 0;
}

#comments .children .avatar {
    border-radius: 37px;
    width: 75px;
    height: 75px;
    float: left;
}

/* Reply form in comments */
#comments ol #respond {
    margin-left: 115px;
}

#comments ol .children #respond {
    margin-left: 100px;
}

#cancel-comment-reply-link {
    font-size: 14px;
    margin-left: 10px;
}


/* Respond */
#respond {
    margin-bottom: 55px;
}

#respond h3 {
    font-size: 21px;
}

#respond p {
    margin-bottom: 20px;
}

#respond label {
    position: relative;
    top: 6px;
    font-size: 14px;
}

#respond label .required {
    color: red;
    font-size: 12px;
}

#respond input[type="text"] {
    margin-right: 20px;
    font-size: 15px;
    line-height: 21px;
    padding: 10px 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 100%;
}

#respond textarea {
    font-size: 15px;
    line-height: 21px;
    padding: 10px 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 100%;
}

#respond textarea:focus,
#respond input[type="text"]:focus {
    border: 1px solid #ccc;
}


.comment-notes {
    font-size: 0.875rem;
    margin: 0 auto 10px;
}

.comment-form-cookies-consent {
    margin: 10px auto 20px;
    text-align: left;
}

#wp-comment-cookies-consent {
    float: left;
    position: relative;
    top: 15px;
    margin-right: 10px;
}

.cookies-consent {
    font-style: italic;
    font-size: 0.875rem;
}

/*--------------------------------------------------------------
Main Navigation
--------------------------------------------------------------*/
.primary-navigation-wrap {
    position: relative;
}

.primary-navigation-container {
    padding: 0;
}

/* Main Navigation Toggle */
.main-navigation-toggle {
    display: block;
    margin: 20px auto;
    padding: 5px 20px;
    border: none;
    background: none;
    color: #262626;
    text-decoration: none;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
}

.main-navigation-toggle:focus {
    background: none;
    outline: none;
}

.main-navigation-toggle:hover,
.main-navigation-toggle:active,
.main-navigation-toggle:focus:hover {
    color: rgba(0, 0, 0, 0.5);
    background: none;
    cursor: pointer;
}

.main-navigation-toggle .icon {
    margin: 0 10px;
    width: 22px;
    height: 22px;
    vertical-align: top;
    fill: #262626;
}

.main-navigation-toggle:hover .icon,
.main-navigation-toggle:active .icon {
    fill: rgba(0, 0, 0, 0.5);
}

/* Main Navigation Menu */
.primary-navigation {
    display: block;
    margin: 0 auto;
}

.main-navigation-menu {
    display: none;
    font-family: Domine, "Times New Roman", serif;
    font-size: 0.938rem;
    font-weight: 400;
    margin: 0;
    padding: 20px 0;
    position: relative;
    width: 100%;
    letter-spacing: 1px;
    list-style: none;
    text-transform: uppercase;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.main-navigation-menu {
    background-color: #fff;
}

.main-navigation-menu li {
    margin: 0;
    position: relative;
}

.main-navigation-menu a {
    border-top: 1px solid transparent;
    color: #161616;
    display: block;
    margin: 0;
    padding: 3px 20px;
    text-decoration: none;
}

.main-navigation-menu a:hover,
.main-navigation-menu a:active,
.main-navigation-menu .sub-menu li.current-menu-item > a {
    color: #d87334;
}

.main-navigation-menu ul {
    margin: 0;
    padding: 0 10px;
    width: 100%;
    list-style: none;
    font-size: 15px;
    font-size: 0.875rem;
    text-transform: none;
}

.main-navigation-menu ul a {
    padding-left: 1rem;
}

.main-navigation-menu ul li ul a {
    padding-left: 3rem;
}

.main-navigation-menu ul li ul li ul a {
    padding-left: 4rem;
}

.main-navigation-menu ul li ul li ul li ul a {
    padding-left: 5rem;
}

/* Sub Menu Dropdown Icons */
.main-navigation-menu > .menu-item-has-children a .sub-menu-icon {
    float: right;
    margin: -0.75em -0.25rem 0;
    padding: 0.75em 1em 0;
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon .icon {
    margin: 0.3em 0 0;
    width: 20px;
    height: 20px;
    vertical-align: top;
    fill: rgba(0, 0, 0, 0.5);
}

.main-navigation-menu ul .menu-item-has-children a .sub-menu-icon .icon {
    width: 18px;
    height: 18px;
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon:hover .icon,
.main-navigation-menu > .menu-item-has-children a .sub-menu-icon:active .icon {
    fill: rgba(0, 0, 0, 0.5);
}

.main-navigation-menu > .menu-item-has-children a .sub-menu-icon.active .icon {
    margin: 0.25em 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



/*--------------------------------------------------------------
Navigation - Social Menu
--------------------------------------------------------------*/

.social-menu .social-icons-menu {
    display: inline-flex;
    margin: 0;
    padding: 5px 8px;
    border: none;
    list-style: none;
}

#header-social-icons {
    float: left;
    text-align: center;
}

#footer-social-icons .social-icons-menu {
    float: none;
    margin: 0 auto 10px;
}

.search-icon-wrapper {
    float: left;
    line-height: 38px;
}

.search-icon-wrapper:hover {
    cursor: pointer;
}

.social-menu .social-icons-menu li {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}

.social-menu .social-icons-menu li a {
    display: block;
    padding: 0 8px;
}

#footer-social-icons .social-icons-menu li a {
    display: block;
    padding: 0 10px;
}

/* top social */
.top-social .social-icons-menu li a {
    padding: 5px;
}

.social-menu .social-icons-menu li a:hover,
.social-menu .social-icons-menu li a:active {
    text-decoration: none;
}

.social-menu .social-icons-menu li a .icon {
    margin: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #fff;
}

#footer-social-icons .social-icons-menu li a .icon {
    fill: #262626;
}

#footer-social-icons .social-icons-menu li a:hover .icon {
    fill: #ceb654;
}

/*--------------------------------------------------------------
Navigation - Blog
--------------------------------------------------------------*/

.navigation.pagination {
    text-align: center;
}

.blog-default .navigation.pagination {
    text-align: left;
}

.blog-list nav.navigation.pagination {
    margin-bottom: 70px;
}

.pagination .page-numbers,
.pagination .page-numbers:visited {
    border: 1px solid;
    border-color: #ceb654;
    color: #ceb654;
    border-radius: 3px;
    display: inline-block;
    font-size: 0.875rem;
    margin-right: 6px;
    text-align: center;
    text-decoration: none;
    width: 32px;
    height: 32px;
    line-height: 30px;
}

.pagination .current,
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
    background-color: #ceb654;
    border-color: #ceb654;
    color: #fff;
}

span.nav-arrow {
    position: relative;
    bottom: 1px;
}

/*--------------------------------------------------------------
Navigation - Single Post
--------------------------------------------------------------*/
.post-navigation {
    margin: 50px 0;
}

.nav-links {
    display: table;
    width: 100%;
}

.nav-previous {
    float: left;
    padding-right: 15px;
    text-align: left;
    width: 50%;
}

.nav-next {
    float: right;
    padding-left: 15px;
    text-align: right;
    width: 50%;
}

.nav-link-text {
    font-size: 0.875rem;
}

.nav-link-text,
.nav-link-text:visited {
    color: #5f5f5f;
}

.nav-entry-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: none;
}

/*--------------------------------------------------------------
Navigation - Multi-page
--------------------------------------------------------------*/
.page-links {
    clear: both;
}

span.page-wrap {
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    line-height: 34px;
    text-align: center;
}

/*--------------------------------------------------------------
Navigation - Footer Menu
--------------------------------------------------------------*/
#footer-nav {
    margin: 0;
}

#footer-menu {
    font-size: 0.813rem;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

#footer-menu a,
#footer-menu a:visited,
#footer-menu li:after {
    text-decoration: none;
    color: inherit;
}

#footer-menu a:hover {
    color: #ceb654;
}

#footer-menu li {
    display: inline;
    margin: 0;
}

#footer-menu li:after {
    bottom: 2px;
    content: "\00B7";
    left: 2px;
    font-size: 2rem;
    display: inline-block;
    line-height: 0.5;
    margin: 0 5px;
    position: relative;
    vertical-align: middle;
}

#footer-menu li:last-child:after {
    display: none;
}

/*--------------------------------------------------------------
Sidebars
--------------------------------------------------------------*/
#banner-sidebar {
    margin: 40px auto;
}

#banner-sidebar img {
    display: block;
    margin: auto;
    border: 7px solid #d8d2c5;
}

#breadcrumbs-wrapper {
    background-color: #c7b897;
    padding-bottom: 3px;
}

#breadcrumb-sidebar {
    text-align: center;
    font-size: 0.813rem;
}

#breadcrumb-sidebar,
#breadcrumb-sidebar a {
    color: #fff;
}

#breadcrumb-sidebar a:hover {
    color: #262626;
}

#bottom-sidebar-wrapper {
    background: #fdfdfd;
    border-bottom: 5px solid #eaeaea;
}

#bottom-sidebar {
    margin: 0 auto;
    max-width: 1170px;
    padding: 50px 20px 30px;
}

#bottom-sidebar a,
#bottom-sidebar a:visited {
    color: inherit;
}

#bottom-sidebar a:focus,
#bottom-sidebar a:hover {
    color: #ceb654;
    text-decoration: none;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
#blog-sidebar .widget,
#left-sidebar .widget,
#right-sidebar .widget {
    background-color: #fff;
    font-size: 0.938rem;
    margin: 0 0 40px;
    padding: 40px;
}

#bottom-sidebar .widget {
    margin-bottom: 30px;
}

/* widget lists */
.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

.widget ul:last-child {
    margin-bottom: 0;
}

#blog-sidebar li,
#left-sidebar li,
#right-sidebar li {
    margin: 0 0 12px;
    padding: 0;
}

#blog-sidebar li:after {
    display: block;
    content: "";
    height: 1px;
    background-color: #dedede;
    margin: 6px 0 0;
    width: 15%;
}

#blog-sidebar .sub-menu li:after {
    display: none;
}

#blog-sidebar .widget_rss li:after {
    margin: 12px 0 0;
}


.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px 10px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.widget_rss ul li {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Widget Calendar */

.widget_calendar th,
.widget_calendar td {
    padding: 7px;
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}

.widget_calendar table tr:last-child td {
    border-bottom: 1px solid #f2f2f2;
}

/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li + li {
    margin-top: -1px;
}


/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Gallery widget */
.widget_media_gallery .gallery {
    margin: 0 -10px;
}

.widget_media_gallery figcaption {
    display: none;
}


/* Widget List Links */
#blog-sidebar a,
#blog-sidebar a:visited,
#left-sidebar a,
#left-sidebar a:visited,
#right-sidebar a,
#right-sidebar a:visited {
    color: inherit;
}

#blog-sidebar a:hover,
#left-sidebar a:hover,
#right-sidebar a:hover {
    color: #ceb654;
}

.single #blog-sidebar .widget,
.single #left-sidebar .widget,
.single #right-sidebar .widget {}

.widget-title {
    border-bottom: 1px solid #dedede;
    color: #555;
    font-size: 1.063rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.widget-about-thumbnail {
    border-radius: 50%;
    float: left;
    margin: 0 20px 0 0;
    max-width: 100px;
    max-height: 100px;
}

/* tag cloud */
.tagcloud a {
    border: 1px solid #dedede;
    display: inline-block;
    font-size: 0.813rem !important;
    font-weight: normal;
    margin: 0 5px 10px 0;
    padding: 4px 10px;
}

/* recent comments */
span.comment-author-link a {
    font-style: italic;
}

/* search widget */
.search-form {
    position: relative;
}

.widget input[type=search].search-field {
    width: -webkit-calc(100% - 35px);
    width: calc(100% - 35px);
}

.widget button.search-submit {
    padding: 0;
    width: 35px;
}

.search-submit {
    border-radius: 0 2px 2px 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}

.widget_search .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
}

/* widget menu */
.widget ul ul {
    margin-left: 10px;
}

/* Recent Posts with Thumbnail */
.storytime-recent-posts-widget {
    max-width: 350px;
    margin: auto;
}

.storytime-recent-posts-widget li {
    float: left;
}

.storytime-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.storytime-thumbnail {
    margin: 0 20px 10px 0;
    min-width: 84px;
}

.storytime-thumbnail img {
    border: 4px solid #d8d2c5;
}

.storytime-title {
    font-size: 0.938rem;
    margin-bottom: 7px;
}

.storytime-post-date {
    font-size: 0.813rem;
}

#blog-sidebar li.storytime-item:after,
#left-sidebar li.storytime-item:after,
#right-sidebar li.storytime-item:after {
    content: none;
}

/* About Author Widget */
.storytime-about-me {
    text-align: center;
}

.storytime-author-name {
    font-size: 1.125rem;
    font-weight: 600;
}

.storytime-author-name:after {
    background-color: #dedede;
    content: "";
    display: block;
    height: 1px;
    margin: 20px auto;
    max-width: 20%;
}

.storytime-author-image {
    margin-bottom: 20px;
}

.storytime-author-image img {
    border: 5px solid #d8d2c5;
}

.storytime-author-desc {
    line-height: 1.5;
    margin-bottom: 0;
}

/* Social Widget */
.rp-social-icons-list {
    list-style: none;
    padding: 0;
}

.rp-social-icons-list a,
.rp-social-icons-list a:visited {
    border: 2px solid #d8d2c5;
    display: inline-block;
    width: 40px;
    height: 50px;
    line-height: 45px;
    margin: 0 10px 0 0;
    text-align: center;
}

.rp-social-icons-list a:hover {
    background-color: #d8d2c5;
}

.rp-social-icons-list li .icon {
    fill: #d8d2c5;
    width: 24px;
    height: 24px;
}

.rp-social-icons-list li:hover .icon {
    fill: #fff;
}

.widget .rp-social-icons-list li {
    display: inline-block;
    border: none;
    padding: 0;
}

#blog-sidebar .rp-social-icons-list li,
#left-sidebar .rp-social-icons-list li,
#right-sidebar .rp-social-icons-list li {
    margin: 0;
}

#blog-sidebar .rp-social-icons-list li:after,
#left-sidebar .rp-social-icons-list li:after,
#right-sidebar .rp-social-icons-list li:after {
    content: none;
}






/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
#top-search {
    display: none;
    padding: 2rem 0;
    background-color: #c7b897;
    position: relative;
}

.error404 .icon,
#top-search .icon,
#top-bar .icon {
    width: 20px;
    height: 20px;
}

.error404 .icon,
#top-bar .icon {
    fill: #ccc;
}

.error404 .icon:hover,
#top-bar .icon:hover {
    fill: #c7b897;
}

.search-form-container {
    position: relative;
    display: table;
    margin: auto;
}

.search-form-container input#search-field {
    width: 600px;
    height: 50px;
    background: #f5f5f5;
    border: none;
    font-size: 0.938rem;
    color: #63717f;
    padding: 0 60px 0 20px;
    border-radius: 5px;
    position: relative;
    -webkit-transition: background .55s ease;
    -moz-transition: background .55s ease;
    -ms-transition: background .55s ease;
    -o-transition: background .55s ease;
    transition: background .55s ease;
}

.search-form-container input#search-field::-webkit-input-placeholder {
    color: #65737e;
}

.search-form-container input#search-field:-moz-placeholder {
    /* Firefox 18- */
    color: #65737e;
}

.search-form-container input#search-field::-moz-placeholder {
    /* Firefox 19+ */
    color: #65737e;
}

.search-form-container input#search-field:-ms-input-placeholder {
    color: #65737e;
}

.search-form-container .icon {
    position: absolute;
    margin-right: 17px;
    top: 15px;
    right: 0;
    z-index: 1;
    fill: #4f5b66;
}

.search-form-container input#search-field:hover,
.search-form-container input#search-field:focus,
.search-form-container input#search-field:active {
    outline: none;
    background: #ffffff;
}

label {
    display: block;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
select {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    color: rgba(0, 0, 0, .75);
    display: block;
    font-size: .875rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    height: 2.3125rem;
    width: 100%;
    transition: border-color .45s ease-in-out
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    background-color: #f5f5f5;
    outline: 0
}

textarea {
    min-height: 100px;
}

/* Buttons */
.button,
.button:visited,
button,
button:visited,
input[type="submit"],
input[type="submit"]:visited,
input[type="reset"],
input[type="reset"]:visited,
#infinite-handle span,
.wp-block-button__link,
.wp-block-button__link:visited,
.attachment-button a,
.attachment-button a:visited {
    border: none;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 0.813rem;
    line-height: 1;
    letter-spacing: 1px;
    margin: 0;
    padding: 11px 24px;
    text-align: center;
    white-space: normal;
    word-break: break-all;
}

.button,
.button:visited,
button,
button:visited,
input[type="submit"],
input[type="submit"]:visited,
input[type="reset"],
input[type="reset"]:visited,
.attachment-button a,
.attachment-button a:visited,
#bottom-sidebar a.button,
#bottom-sidebar a.button:visited,
#infinite-handle span {
    background-color: #262626;
    color: #fff;
}

.button:focus,
.button:hover,
#infinite-handle span:focus,
#infinite-handle span:hover,
#bottom-sidebar a.button:focus,
#bottom-sidebar a.button:hover,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
button:focus,
button:hover,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=button]:focus,
input[type=button]:hover,
.attachment-button:focus,
.attachment-button:hover {
    opacity: 0.8;
}


/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

/* Small devices (landscape phones, 576px and up */
@media (min-width: 576px) {
    body {
        font-size: 90%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
        font-size: 92%;
    }

    #splash .site-title {
        font-size: 4.5rem;
    }

    .wp-block-column:not(:first-child),
    .wp-block-column:nth-child(2n) {
        margin-left: 30px;
    }

    /*** Main Navigation ***/
    .primary-navigation {
        display: block;
    }

    .main-navigation-toggle {
        display: none;
    }

    .main-navigation-menu {
        background-color: transparent;
        position: relative;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        border-top: none;
        padding: 0 0.25rem;
        align-items: center;
        justify-content: center;
    }

    .main-navigation-menu {
        background-color: transparent;
    }

    .main-navigation-menu a {
        padding: 0.5rem;
    }

    .main-navigation-menu > .menu-item-has-children a .sub-menu-icon {
        display: none;
        float: none;
        margin: 0;
        padding: 0;
    }

    .main-navigation-menu > .menu-item-has-children a .sub-menu-icon .icon {
        margin: 0.375rem 0 0 0.4em;
        width: 12px;
        height: 12px;
    }

    .main-navigation-menu > .menu-item-has-children a:hover .sub-menu-icon .icon {
        fill: rgba(0, 0, 0, 0.5);
    }

    .main-navigation-menu ul {
        background-color: #fff;
        border-radius: 3px;
        border: 3px double #ececec;
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.05);
        padding: 5px 10px;
        position: absolute;
        z-index: 99;
        display: none;
        top: 40px;
        width: auto;
    }

    .main-navigation-menu ul li {
        position: relative;
        margin: 0;
        padding: 3px 6px;
    }

    .main-navigation-menu ul a {
        display: block;
        border-bottom: 1px solid transparent;
        line-height: 1.2;
        min-width: 224px;
        min-width: 14rem;
        padding: 2px 12px;
        -o-transition: background .2s ease-in, border .1s ease-in;
        -ms-transition: background .2s ease-in, border .1s ease-in;
        -moz-transition: background .2s ease-in, border .1s ease-in;
        -webkit-transition: background .2s ease-in, border .1s ease-in;
        /* ...and now override with proper CSS property */
        transition: background .2s ease-in, border .1s ease-in;
    }

    .main-navigation-menu a,
    .main-navigation-menu a:visited {
        color: #5d5d5d;
        border: 1px solid transparent;
        padding: 8px 6px;
    }

    .main-navigation-menu ul a,
    .main-navigation-menu ul a:visited {
        color: #ceb654;
    }

    .main-navigation-menu a:focus,
    .main-navigation-menu a:hover {
        color: #ceb654;
    }

    .main-navigation-menu ul a:hover,
    .main-navigation-menu ul a:active,
    .main-navigation-menu .sub-menu li.current-menu-item > a {
        color: #ceb654;
    }


    .main-navigation-menu ul a,
    .main-navigation-menu ul li ul a,
    .main-navigation-menu ul li ul li ul a,
    .main-navigation-menu ul li ul li ul li ul a {
        padding: 2px 0;
    }

    .main-navigation-menu ul .menu-item-has-children a .sub-menu-icon .icon {
        margin: 0.5em 0 0 0.4em;
        width: 12px;
        height: 12px;
        fill: #fff;
        fill: rgba(255, 255, 255, 0.5);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .main-navigation-menu ul .menu-item-has-children a:hover .sub-menu-icon .icon,
    .main-navigation-menu ul .menu-item-has-children a:active .sub-menu-icon .icon {
        fill: rgba(255, 255, 255, 0.5);
    }

    .main-navigation-menu li ul ul {
        top: 0;
        left: 100%;
    }

    .main-navigation-menu li.menu-item-has-children:hover > ul,
    .main-navigation-menu li.page_item_has_children:hover > ul,
    .main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
        display: block;
        text-align: left;
        left: 50%;
        margin-left: -136px;
        text-align: center;
    }

    .main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul ul {
        left: 0;
        margin-left: 100%;
    }

    .main-navigation-menu li.current-menu-item > a {
        text-decoration: none;
    }


    .main-navigation-menu li.current-menu-item > a:after {
        text-decoration: none;
    }

    .main-navigation-menu > li {
        display: inline-flex;
    }

    .main-navigation-menu > li:after {
        color: rgba(0, 0, 0, 0.35);
        content: '\2022';
        font-size: 12px;
        margin: 0 5px;
        position: relative;
        top: 12px;
    }

    .main-navigation-menu > li:last-child::after {
        content: none;
    }

    /* Media group */
    .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    /* related posts */
    #related-posts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }

    /* bottom sidebars */
    #bottom-sidebar {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-gap: 50px;
    }

    #bottom-sidebar .widget {
        margin-bottom: 0;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body {
        font-size: 95%;
    }

    #splash .site-title {
        font-size: 5rem;
    }

    /* blog default */
    .blog-default #blog-layout {
        display: grid;
        grid-template-columns: 1fr 350px;
        grid-column-gap: 40px;
    }

    /* blog grid */
    .blog-grid .blog-summary {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }


    /* Blog list */
    .blog-list .hentry {
        align-items: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    }

    .blog-list .post-thumbnail {
        grid-row: 1 / 1;
        grid-column: 1 / 3;
        z-index: 2;
        margin: 0;
    }

    .blog-list .list-content {
        grid-row: 1 / 1;
        grid-column: 2 / 6;
        background-color: #fff;
        padding: 40px;
        height: 640px;
        display: flex;
        align-items: center;
    }

    .blog-list .hentry {
        background: transparent;
        padding: 0;
    }

    .blog-list .list-inner {
        padding: 0 40px 0 260px;
        text-align: left;
    }

    .blog-list .entry-title:after {
        margin: 20px 0;
    }

    /* Single Layout */
    #single-layout {
        display: grid;
        grid-template-columns: 1fr 350px;
        grid-column-gap: 40px;
    }

    .single-banner .post-thumbnail {
        width: 90%;
    }

    /* sidebars and widgets */
    #bottom-sidebar {
        grid-template-columns: repeat(3, auto);
        padding: 70px 0;
    }

    /* Image align full and wide */
    .wp-block-image.alignwide {
        display: table;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin: 40px -50vw;
        text-align: center;
    }

    .alignwide img {
        max-width: 1024px;
    }

    .wp-block-gallery.alignwide,
    .wp-block-media-text.alignwide {
        width: calc(100% + 150px);
        margin: 40px -75px;
    }

    .entry-content > .alignfull {
        /* hentry 1170 px - 860 px entry content = 310px */
        width: calc(100% + 310px);
        max-width: none;
        left: 0;
        margin: 40px -155px;
    }


    /* page templates */
    .page-template-left-column .hentry,
    .page-template-right-column .hentry {
        grid-area: content;
    }

    .page-template-left-column #left-sidebar,
    .page-template-right-column #right-sidebar {
        grid-area: sidebar;
    }

    .page-template-left-column #page-column-grid,
    .page-template-right-column #page-column-grid {
        display: grid;
        grid-gap: 40px;
        grid-template-areas:
            "sidebar"
            "content";
    }

    .page-template-left-column #page-column-grid {
        grid-template-columns: 350px 1fr;
        grid-template-areas:
            "sidebar content";
    }

    .page-template-right-column #page-column-grid {
        grid-template-columns: 1fr 350px;
        grid-template-areas:
            "content sidebar";
    }


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body {
        font-size: 100%;
    }

    #splash .site-title {
        font-size: 6rem;
    }

    #bottom-sidebar {
        font-size: 95%;
    }
}