/*
Theme Name: Libretto
Theme URI: https://wordpress.com/themes/libretto/
Description: Libretto is a responsive one-column theme with classic styling and careful typographic details. It’s ideally suited to showcasing longform writing interspersed with beautiful images and inspiring quotes.
Version: 1.0.9
Author: Automattic
Author URI: http://wordpress.com/themes/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: libretto
Tags: blog, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, microformats, one-column, photography, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.1 Colour scheme
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Overall site structure
  5.1 Header
  5.2 Footer
6.0 Navigation
  6.1 Links
  6.2 Menus
7.0 Content
  7.1 Posts and pages
  7.2 Asides
  7.3 Comments
8.0 Widgets
9.0 Accessibility
10.0 Alignments
11.0 Clearings
12.0 Jetpack/WordPress.com
13.0 Media
  13.1 Captions
  13.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0.1 Colour scheme
----------------------------------------------------------------
  Dark red: #712012;
  Lighter red: #932817;

  Off-white: #faf9f5;
  Cream: #eae9e6;
  Light grey: #d9d6d0;

  Medium grey: #a09a92;
  Darker grey: #787065;
  Charcoal: #363431;
  Black-ish: #26231e;

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */

  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
      -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*: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. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

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

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

a:focus {
  outline: thin dotted;
}

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

a img {
  border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #363431;
  font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.6;
}

h1 {
  color: #a09a92;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 44px;
  font-size: 4.4rem;
  font-style: italic;
  margin: 1em 0 0.5em;
}

h2 {
  border-bottom: 1px solid #787065;
  color: #787065;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 2px;
  margin: 4em 0 2em;
  padding-bottom: 0.5em;
  text-transform: uppercase;
}

h3 {
  color: #a09a92;
  font-size: 25px;
  font-size: 2.5rem;
  font-style: italic;
  margin: 2em 0 1em;
}

h4 {
  color: #787065;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 1px;
  margin: 3em 0 1.5em;
  text-transform: uppercase;
}

h5 {
  color: #a09a92;
  font-size: 21px;
  font-size: 2.1rem;
  font-style: italic;
  margin: 1.5em 0 0.75em;
}

h6 {
  color: #787065;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin: 1.5em 0 0.75em;
  text-transform: uppercase;
}

p {
  margin-bottom: 1.5em;
}

b,
strong {
  font-weight: bold;
}

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

blockquote {
  color: #a09a92;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-style: italic;
  line-height: 1.4;
  position: relative;
  z-index: 10000;
}

blockquote::before {
  color: #ebe7e1;
  content: "\201C";
  display: block;
  font-size: 208px;
  font-size: 20.8rem;
  font-style: normal;
  left: -35px;
  line-height: 1;
  position: absolute;
  top: -40px;
  z-index: -1;
}

blockquote cite {
  color: #787065;
  float: right;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 1px;
  margin-top: 1em;
  text-transform: uppercase;
}

blockquote cite::before {
  content: "\2013";
  display: inline;
}

blockquote.alignleft,
blockquote.alignright {
  background: #fff;
  border-bottom: 1px solid #ebe7e1;
  border-top: 2px solid #a09a92;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  font-size: 27px;
  font-size: 2.7rem;
  max-width: 75%;
  padding: 0.5em;
}

blockquote.alignleft p:last-of-type,
blockquote.alignright p:last-of-type {
  margin-bottom: 0;
}

blockquote.alignleft::before,
blockquote.alignright::before {
  display: none;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #d9d6d0;
  font-family: "Droid Sans Mono", "Andale Mono", Consolas, "DejaVu Sans Mono", monospace;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  padding: 1.6em;
  white-space: pre;
  white-space: pre-wrap;
}

code,
kbd,
tt,
var {
  font-family: "Droid Sans Mono", "Andale Mono", Consolas, "DejaVu Sans Mono", monospace;
  font-size: 16px;
  font-size: 1.6rem;
}

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

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

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

//strong em,
//em strong,
//b i,
//i b,
//b em,
//em b,
//strong i,
//i strong,
//.wp-caption strong {
//  background: rgba(234, 233, 230, 0.5);
//  color: #787065;
//  font-size: 0.8em;
//  font-style: normal;
//  font-weight: bold;
//  letter-spacing: 1px;
//  padding: 2px 0;
//  text-transform: uppercase;
//}

em code,
strong code,
i code,
b code {
  font-style: normal;
  font-weight: normal;
}

/* Prettier select colours for insane people like me who select text constantly while reading */
::selection {
  background: #eae9e6;
  color: #787065;
}

::-moz-selection {
  background: #eae9e6;
  color: #787065;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #d9d6d0;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

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

ul {
  list-style: disc outside;
}

ul ul {
  list-style: circle outside;
}

ol {
  list-style: decimal outside;
}

ol ol {
  list-style: lower-alpha outside;
}

li {
  line-height: 1.6;
  margin: 0.5em 0;
}

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

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

figure {
  margin: 0;
}

table {
  font-size: 0.85em;
  line-height: 1.4;
  margin: 0.5em 0 1.5em;
  width: 100%;
}

tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.5);
}

th,
td {
  border-bottom: 1px solid #d9d6d0;
  padding: 0.8em 1em;
}

th {
  font-style: italic;
}

thead:nth-of-type(odd) tr {
  background: none;
}

thead th {
  border-width: 2px;
  color: #a09a92;
  font-style: normal;
  font-weight: bold;
  padding: 0.4em 1em;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea {
     -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-bottom: 2px solid #a09a92;
  color: #a09a92;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 1.2rem 1.4rem;
  width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fff;
  border: 1px solid #d9d6d0;
  box-shadow: 0 0 5px rgba(255, 255, 255, 1);
  color: #363431;
  outline: none;
}

textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* Vendor prefixes for placeholder text */
::-webkit-input-placeholder {
  color: #d9d6d0;
}

::-moz-placeholder {
  color: #d9d6d0;
}

:-ms-input-placeholder {
  color: #d9d6d0;
}

/* Submit buttons */
.form-submit,
.contact-submit,
form p {
  margin: 1em 0;
  text-align: center;
}

input[type="submit"],
button {
  background: #a09a92;
  border: 1px solid #eae9e6;
  color: #eae9e6;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  outline: 4px solid #a09a92;
  padding: 0.7rem 1.4rem;
  position: relative;
  text-transform: uppercase;
}

input[type="submit"]:hover,
button:hover {
  background: #a09a92;
  color: #faf9f5;
  outline: 2px solid #a09a92;
}

input[type="submit"]:active,
button:active {
  background: #363431;
  outline: 5px solid #363431;
}

/* Labels */
label {
  color: #a09a92;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  text-align: left;
}

label span {
  font-size: 0.9em;
  padding-left: 2px;
}

/* Selected text */
input::selection {
  background: #eae9e6;
}

input::-moz-selection {
  background: #eae9e6;
}

/*--------------------------------------------------------------
5.0 Overall Site Structure
--------------------------------------------------------------*/
body {
  background: #f2f1ed;
}

#content {
  margin: 4rem auto;
  max-width: 680px;
  padding: 0;
  width: auto;
}

/*--------------------------------------------------------------
5.1 Header
--------------------------------------------------------------*/
.nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
    max-height: 185px !important;
    background-position: center;
  position: relative;
  width: 100%;
}

.nav-bar:after {
  clear: both;
  content: "";
  display: block;
}

.site-branding h1 {
  color: #a09a92;
  font-family: "Playfair Display";
  font-size: 36px;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

/* Style page title blocks */
.title-block {
  text-align: center;
}

.title-block h1 {
  font-style: normal;
  line-height: 1.2;
  margin: 0;
}

.title-block h3,
.title-block .entry-meta {
  margin: 0;
}

/* If header image is not present */
body:not(.libretto-has-header-image) .title-block {
  margin: 2rem auto;
  max-width: 680px;
}

/* Style a bit differently if a header image is present */
.libretto-has-header-image #masthead {
  background: #d9d6d0 url("images/grain.jpg") no-repeat;
  background-size: cover;
  line-height: 0;
  min-height: 200px;
  position: relative;
  text-align: center;
  width: 100%;
}

.libretto-has-header-image #masthead:after {
  //background-image: linear-gradient(
  //  rgba(0, 0, 0, 0),
  //  rgba(0, 0, 0, 0.5)
  //);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.libretto-has-header-image .title-block {
  border-bottom: none;
  bottom: 0;
  color: #faf9f5;
  left: 20%;
  position: absolute;
  text-shadow: 0 1px 0 #000;
  width: 60%;
  z-index: 1;
}

.libretto-has-header-image .title-block a,
.libretto-has-header-image .title-block h1 a,
.libretto-has-header-image .title-block .entry-meta a,
.libretto-has-header-image .title-block h1,
.libretto-has-header-image .title-block h3,
.libretto-has-header-image .title-block .entry-meta {
  color: #faf9f5;
}

/* Don't show button for search form */
#site-navigation .search-form input[type="submit"] {
  display: none;
}

#site-navigation .search-form label,
#site-navigation .search-form .search-submit {
  clip: auto;
  color: #787065;
  display: inline-block;
  font-size: 18px;
  height: 25px;
  width: 25px;
}

#site-navigation .search-form label:before,
#site-navigation .search-form .search-submit {
  content: "o";
  display: inline-block;
  font-family: libretto-icons;
  font-style: normal;
}

#site-navigation .search-form:not(.libretto-open) label {
  overflow: hidden;
}

#site-navigation .search-form label:hover {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  padding: 0;
}

/*--------------------------------------------------------------
5.2 Footer
---------------------------------------------------------------*/
#colophon .site-info {
  color: #a09a92;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}

#colophon a {
  color: #787065;
}

.site-info a[rel="generator"] {
  display: block;
}

#social ul {
  list-style-type: none;
  margin-bottom: 0;
}

#social li {
  display: inline;
}

#social a:before {
  background: #d9d6d0;
  border-radius: 2px;
  color: #faf9f5;
  content: "y";
  display: inline-block;
  font-family: libretto-icons;
  font-size: 22px;
  height: 30px;
  line-height: 26px;
  padding: 2px;
  text-align: center;
  text-shadow: none;
  transition: background-color 0.75s ease;
  width: 30px;
}

#social a:hover:before {
  background-color: #787065;
}

#social a span {
  left: -99999px;
  position: absolute;
  top: -99999px;
}

/* Icons */
#social a[href*="dribbble.com"]:before {
  content: "D";
}

#social a[href*="facebook.com"]:before {
  content: "F";
}

#social a[href*="flickr.com"]:before {
  content: "K";
}

#social a[href*="google.com"]:before {
  content: "G";
}

#social a[href*="instagram.com"]:before {
  content: "I";
}

#social a[href*="linkedin.com"]:before {
  content: "L";
}

#social a[href*="pinterest.com"]:before {
  content: "N";
}

#social a[href*="getpocket.com"]:before {
  content: "O";
}

#social a[href*="reddit.com"]:before {
  content: "E";
}

#social a[href*="stumbleupon.com"]:before {
  content: "S";
}

#social a[href*="tumblr.com"]:before {
  content: "U";
}

#social a[href*="twitter.com"]:before {
  content: "T";
}

#social a[href*="vimeo.com"]:before {
  content: "V";
}

#social a[href*="youtube.com"]:before {
  content: "Y";
}

/* Colours */
#social a[href*="dribbble.com"]:hover:before {
  background: #ea4c89;
}

#social a[href*="facebook.com"]:hover:before {
  background: #3b5998;
}

#social a[href*="flickr.com"]:hover:before {
  background: #ff0084;
}

#social a[href*="google.com"]:hover:before {
  background: #dd4b39;
}

#social a[href*="instagram.com"]:hover:before {
  background: #517fa4;
}

#social a[href*="linkedin.com"]:hover:before {
  background: #007bb6;
}

#social a[href*="pinterest.com"]:hover:before {
  background: #cb2027;
}

#social a[href*="getpocket.com"]:hover:before {
  background: #ef4056;
}

#social a[href*="reddit.com"]:hover:before {
  background: #ff5700;
}

#social a[href*="stumbleupon.com"]:hover:before {
  background: #eb4924;
}

#social a[href*="tumblr.com"]:hover:before {
  background: #2c4762;
}

#social a[href*="twitter.com"]:hover:before {
  background: #00aced;
}

#social a[href*="vimeo.com"]:hover:before {
  background: #aad450;
}

#social a[href*="youtube.com"]:hover:before {
  background: #b00;
}

#social ul ul {
  display: none; /* Just in case someone tries nesting social menus. */
}

#wpstats {
  display: none; /* Hide smileyface! */
}

/*--------------------------------------------------------------
6.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 Links
--------------------------------------------------------------*/
a {
  color: #932817;
  text-decoration: none;
}

a:visited {
  color: #943526;
}

a:hover,
a:focus,
a:active {
  color: #712012;
}

/*--------------------------------------------------------------
6.2 Menus
--------------------------------------------------------------*/
/* Main site navigation (most code is within media queries) */
#site-navigation {
  border-top: none;
}

#site-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 5px 0 0;
}

#site-navigation .menu li {
  margin: 0;
}

#site-navigation a {
  display: block;
  padding: 1.5rem 1.5rem;
  text-decoration: none;
}

/* Highlight current page (or section) */
#site-navigation .current_page_item > a,
#site-navigation .current_page_parent > a {
  color: #a09a92;
}

/* In-page or in-post navigation */
[class*="navigation"] {
  line-height: 1.6;
}

[class*="navigation"] .previous {
  text-align: left;
}

[class*="navigation"] .next {
  text-align: right;
}

[class*="navigation"] .previous a,
[class*="navigation"] .next a {
  color: #a09a92;
  display: block;
  font-style: italic;
  position: relative;
}

.previous .meta-nav,
.next .meta-nav {
  color: #787065;
  display: block;
  font-family: Montserrat;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.previous .meta-nav a,
.next .meta-nav a {
  color: #787065;
  display: inline;
  font-style: normal;
}

.previous .meta-nav a:before,
.next .meta-nav a:after,
.previous a .meta-nav:before,
.next a .meta-nav:after {
  border: solid transparent 4px;
  content: "";
  display: inline-block;
  height: 0;
  margin: 0 0.5rem;
  top: 0.8em;
  width: 0;
}

.previous .meta-nav a:before,
.previous a .meta-nav:before {
  border-left: 0;
  border-right-color: #a09a92;
}

.next .meta-nav a:after,
.next a .meta-nav:after {
  border-left-color: #a09a92;
  border-right: 0;
}

/*--------------------------------------------------------------
7.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.1 Posts and pages
--------------------------------------------------------------*/
.byline {
  display: none;
}

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

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

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

.hentry {
  text-align: center; /* Centers the featured image if it's little */
}

/* Post format icons */
.post .entry-header:before,
.entry-footer:before,
.single .title-block:before,
.page .entry-header:before {
  background: #faf9f5;
  border: 1px solid #d9d6d0;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #faf9f5;
  color: #a09a92;
  content: "p";
  display: inline-block;
  font-family: libretto-icons;
  font-size: 21px;
  line-height: 21px;
  margin: 1rem auto 2rem;
  padding: 10px;
  text-shadow: none;
}

/* Style longer-form posts, and pages, a bit differently */
.libretto-long-form {
  background: #faf9f5;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
}

.libretto-long-form .entry-header::before {
  background: #eae9e6;
  border-color: #faf9f5;
  box-shadow: 0 0 0 4px #eae9e6;
}

/* Icons for different post types */
.format-aside .entry-footer:before,
.single-format-aside .title-block:before {
  content: "a";
}

.format-audio .entry-header:before,
.single-format-audio .title-block:before {
  content: "u";
}

.format-chat .entry-header:before,
.single-format-chat .title-block:before {
  content: "c";
}

.format-gallery .entry-header:before,
.single-format-gallery .title-block:before {
  content: "g";
}

.format-image .entry-header:before,
.single-format-image .title-block:before,
.single-attachment .title-block:before {
  content: "i";
}

.format-link .entry-footer:before,
.single-format-link .title-block:before {
  content: "l";
}

.format-quote .entry-footer:before,
.single-format-quote .title-block:before {
  content: "q";
}

.format-status .entry-footer:before,
.single-format-status .title-block:before {
  content: "s";
}

.format-video .entry-header:before,
.single-format-video .title-block:before {
  content: "v";
}

.sticky .entry-header::before {
  content: "y";
}

.page .entry-header:before {
  content: "e";
}

.page .title-block {
  padding-top: 2em;
}

.post-password-required .entry-header:before,
.status-private .entry-header:before {
  content: "w";
}

/* Entry headers */
.entry-header,
.title-block {
  border-bottom: 1px solid #d9d6d0;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  text-align: center;
  word-wrap: break-word;
}

.has-post-thumbnail .entry-header {
  border-bottom: 0; /* Featured images act as a line between the header and post content */
}

.entry-meta {
  color: #a09a92;
  font-style: italic;
  line-height: 1.4;
}

.entry-meta a {
  color: #787065;
}

time + time {
  display: none; /* We don't need two times showing */
}

.entry-header .entry-meta:before,
.entry-header .entry-meta:after,
.title-block .entry-meta:before,
.title-block .entry-meta:after {
  color: #d9d6d0;
  content: "~";
  display: inline-block;
  font-family: libretto-icons;
  font-size: 24px;
  margin: 0 0.25rem;
  text-shadow: none;
  vertical-align: -6px;
}

.entry-header .entry-meta:after,
.title-block .entry-meta:after {
  content: "`";
  margin-left: -4px;
}

.entry-title,
.entry-title a {
  border: none;
  color: #787065;
  font-family: "Playfair Display";
  font-size: 44px;
  font-size: 4.4rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: none;
}

.entry-title img {
  vertical-align: middle;
}

/* Featured image */
.featured-image {
  margin: -4rem auto 2rem;
}

/* Entry content */
article + article {
  margin-top: 8rem;
}

.entry-content {
  text-align: left;
  word-wrap: break-word;
}




/* "Read more" link */
.more-link,
.more-link:visited {
  color: #a09a92;
  display: inline-block;
  font-family: "Playfair Display";
  font-size: 21px;
  font-size: 2.1rem;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  text-transform: lowercase;
  width: 100%;
}

.more-link:before,
.more-link:after {
  display: inline;
  font-size: 1.5em;
  font-style: normal;
  padding: 0 10px;
  vertical-align: -0.15em;
}

.more-link:before {
  content: "{";
}

.more-link:after {
  content: "}";
}

.more-link:hover {
  color: #712012;
}

/* Post formats */
.format-aside .entry-content {
  color: #787065;
  font-size: 21px;
  font-size: 2.1rem;
  font-style: italic;
  position: relative;
}

.format-status {
  font-size: 2rem;
}

.format-link .entry-content {
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
}

/* Password-protected posts */
.post-password-form p {
  color: #a09a92;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  text-align: center;
}

.post-password-form label {
  color: #a09a92;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.post-password-form input[type="password"] {
  margin-top: 0;
}

/* Post pagination */
.page-links {
  color: #a09a92;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.page-links span {
  background: #faf9f5;
  color: #a09a92;
  display: inline-block;
  line-height: 1;
}

.page-links a span {
  background: #eae9e6;
  color: #787065;
  padding: 5px;
}

/* Abbreviated entry footers (only used for quote, aside, link, and status posts) */
.entry-footer {
  border-top: 2px solid #d9d6d0;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 2em;
  padding-left: 60px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}

.entry-footer:before {
  left: 0;
  position: absolute;
  text-transform: none;
  top: -30px;
}

.entry-footer .edit-link {
  float: right;
}

/* Entry footers (on single entry pages) */
footer.entry-meta {
  margin: 1.75rem 0;
  text-align: center;
}

footer.entry-meta a {
  color: #787065;
}

footer.entry-meta .edit-link::before,
.cat-links + .tags-links::before,
.comment-meta .edit-link::before {
  color: #d9d6d0;
  content: " · ";
}

/*--------------------------------------------------------------
7.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.3 Comments
--------------------------------------------------------------*/
#respond {
  font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif !important; /* Force correct fonts */
}

#comments {
  clear: both;
  padding-top: 4em;
}

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

.comment-list,
.comment-list ol {
  clear: both;
  list-style: none;
  margin: 1.5em 0 0;
}

.comments-title {
  margin-bottom: 0;
}

/* Top navigation */
#comment-nav-above {
  border-top: none;
  margin-top: 0;
}

/* Comment header */
.comment-author {
  line-height: 1;
}

.avatar {
  border-radius: 50%;
  float: left;
  margin: -1rem 1rem 1rem 0;
}

.comment-list .fn,
.comment-list .comment-metadata {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.fn a {
  color: #363431;
}

.says {
  color: #a09a92;
  font-style: italic;
}

.comment-metadata a {
  color: #787065;
}

.comment-metadata {
  border-bottom: 1px solid #d9d6d0;
  line-height: 1;
  margin-left: 74px;
  padding: 0.75rem 0 1rem;
}

.comment-body {
  background: rgba(255, 255, 255, 0.5);
  padding: 2rem 1rem 1rem;
}

/* Comment content */
.comment-content {
  clear: both;
  color: #363431;
  font-size: 0.9em;
  margin: 0;
}

.comment + .comment,
.pingback + .comment {
  margin-top: 1rem;
}

.comment-content > p:last-of-type {
  margin-bottom: 0;
}

/* Comment reply link */
.reply {
  line-height: 1;
  margin: 0;
}

.comment-reply-link {
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
}

.comment-reply-link:before {
  content: "r";
  display: inline;
  font-family: libretto-icons;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  margin-right: 1px;
  vertical-align: bottom;
}

/* Child comments */
.comment-list .children {
  border-left: 4px solid #d9d6d0;
  margin: 2rem 0;
  padding: 0;
}

.comment-list .children .children,
.comment-list .children .children .children .children,
.comment-list .children .children .children .children .children .children,
.comment-list .children .children .children .children .children .children .children .children {
  border-color: #a09a92;
  margin-left: 1rem;
}

.comment-list .children .children .children,
.comment-list .children .children .children .children .children,
.comment-list .children .children .children .children .children .children .children,
.comment-list .children .children .children .children .children .children .children .children .children {
  border-color: #d9d6d0;
  margin-left: 1
}

/* Author comments */
.bypostauthor {
  background: #d9d6d0;
  padding: 2rem 1rem 1rem;
}

.bypostauthor .avatar {
  border: 3px solid #faf9f5;
}

/* Pingbacks */
.pingback {
  color: #a09a92;
  font-size: 0.85em;
  font-style: italic;
  line-height: 1.4;
  margin: 2rem 0;
}

.pingback a {
  color: #787065;
}

/* Comment form */
.comment-reply-title,
.no-comments {
  text-align: center;
}

label[for="comment"] {
  margin-bottom: 0;
}

.form-allowed-tags {
  line-height: 1.4;
}

.form-allowed-tags,
.form-allowed-tags code {
  font-size: 0.8em;
}

/*--------------------------------------------------------------
8.0 Widgets
--------------------------------------------------------------*/
#footer-sidebar {
  background: #faf9f5;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 2rem 0;
  width: 100%;
}

#footer-sidebar .widget-block {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2rem 3rem;
}

.error404 .widget {
  font-size: 14px;
  font-size: 1.4rem;
}

.error404 .widgettitle {
  font-size: 16px;
  font-size: 1.6rem;
}

.widget {
  margin: 0 0 1.5em;
  overflow-x: hidden;
}

.widget-title {
  border-bottom: 1px solid #d9d6d0;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  text-align: center;
}

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

/* Search widget */
.widget_search {
  text-align: center;
}

.widget_search .search-form label {
  width: 100%;
}

.widget_search input[type="search"] {
  background: #fff;
  width: 100%;
}

.widget_search .search-submit {
  display: block;
  margin: 10px auto;
  padding-top: 1rem;
  text-align: center;
}

/* Calendar widget */
#wp-calendar caption {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 1rem;
  text-align: center;
}

#footer-sidebar .widget-block:nth-child(1):nth-last-child(4) #wp-calendar td,
#footer-sidebar .widget-block:nth-child(2):nth-last-child(3) #wp-calendar td,
#footer-sidebar .widget-block:nth-child(3):nth-last-child(2) #wp-calendar td,
#footer-sidebar .widget-block:nth-child(4):nth-last-child(1) #wp-calendar td {
  padding: 0.5em 0.75em;
}

#wp-calendar td a {
  font-weight: bold;
}

/* Tag cloud */
.tagcloud {
  line-height: 1.2;
}

#wp-calendar #next {
  text-align: right;
}

/* Text widget */
.textwidget {
  color: #a09a92;
  font-size: 1.4em;
  font-style: italic;
}

/* Avatars in widgets shouldn't have a negative margin */
.widget .avatar {
  margin: 0;
}

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

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

/*--------------------------------------------------------------
10.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin: 0 1.5em 0.5em 0;
}

.alignright {
  display: inline;
  float: right;
  margin: 0 0 0.5em 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

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

/*--------------------------------------------------------------
12.0 Jetpack and WordPress.com
--------------------------------------------------------------*/
/* Hide navigation and footer when Infinite Scrolling is active (.infinite-scroll) and scrolling (.neverending), respectively */
.infinite-scroll .navigation-paging,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the footer once we've reached the end */
.infinity-end.neverending .site-footer {
  display: block;
}

/* Make sure posts are well-spaced */
.infinite-wrap {
  margin-top: 10em;
}

/* And style the loading graphic */
.infinite-loader {
  margin: 2em 46%;
}

/* Click-to-scroll */
#infinite-handle {
  text-align: center;
}

#infinite-handle span {
  background: #faf9f5;
  border: 1px solid #d9d6d0;
  color: #787065;
  display: inline-block;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 4rem auto;
  outline: 4px solid #faf9f5;
  padding: 7px 25px;
  text-transform: uppercase;
}

#infinite-handle span:hover {
  background: #eae9e6;
  border-color: #932817;
  color: #932817;
  cursor: pointer;
}

#infinite-handle span button {
  outline: 0;
}

/* Minimal adjustments to sharing module */
.sharedaddy .sd-title {
  font-style: normal;
}

/* Slideshows */
.entry-content .slideshow-window {
  background-color: #fff;
  border: 10px solid #fff;
  border-radius: 0;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
}

/* Contact Forms */

.site-content .contact-form input[type="radio"],
.site-content .contact-form input[type="checkbox"] {
  margin-bottom: 6px;
  margin-right: .3em;
  vertical-align: middle;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form label.checkbox-multiple,
.site-content .contact-form label.radio {
  font-weight: normal;
  font-style: normal;
  margin-bottom: .4375em;
  float: none;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form > div {
  margin-bottom: .875em;
}
.site-content .contact-form textarea,
.site-content .contact-form input[type='text'],
.site-content .contact-form input[type='email'],
.site-content .contact-form input[type='url'],
.site-content .contact-form select {
  margin-bottom: .4375em;
  max-width: 100%;
}
.site-content .contact-form .grunion-field-label {
  margin-bottom: .21875em;
  width: 100%;
}
.site-content .contact-form .grunion-field-label.textarea {
  width: 100%;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
/* Naturalize smiley-faces */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}

.attachment {
  margin-bottom: 1em;
}

/* remove borders from audio player buttons */

.mejs-controls button {
  border: none;
  outline: transparent;
}

/*--------------------------------------------------------------
13.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  margin-bottom: 1em;
  max-width: 100%;
  padding: 0.5em;
}

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

.wp-caption-text {
  color: #a09a92;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.2;
  margin: 1em 0.5em 0.5em;
  text-align: center;
}

/*--------------------------------------------------------------
13.2 Galleries
--------------------------------------------------------------*/
.gallery {
  background: #faf9f5;
  margin-bottom: 0.5em;
  padding: 1rem 0 0 1rem;
  padding: 0.5rem;
}

.gallery:after {
  clear: both;
  content: "";
  display: block;
}

.gallery-item {
  float: left;
  margin: 0.5rem;
  overflow: hidden;
  position: relative;
}

.gallery-icon {
  line-height: 0;
}

.gallery a {
  border: none;
}

.gallery-columns-1 {
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

.gallery-columns-1 .gallery-item {
  float: none;
  margin: 2rem auto;
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: calc(50% - 1rem);
}

.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: calc(33.3% - 1rem);
}

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: calc(25% - 1rem);
}

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: calc(20% - 1rem);
}

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: calc(16.7% - 1rem);
}

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: calc(14.28% - 1rem);
}

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: calc(12.5% - 1rem);
}

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: calc(11.1% - 1rem);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}

.gallery-columns-1 figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
.gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
.gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
.gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
.gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
.gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
.gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
  clear: left;
}

.gallery-caption {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #a09a92;
  bottom: 10%;
  color: #787065;
  font-size: 12px;
  font-size: 1.2rem;
  left: 10%;
  line-height: 1.5;
  margin: 0 auto;
  max-height: 50%;
  opacity: 0;
  outline: 7px solid rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 1rem;
  position: absolute;
  text-align: center;
  transition: opacity 0.25s ease-in-out;
  width: 80%;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption {
  outline: 3px solid rgba(255, 255, 255, 0.8);
  padding: 0.5rem;
}

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

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

.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-large,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-medium,
.gallery-columns-3.gallery-size-thumbnail,
.gallery-columns-4.gallery-size-thumbnail,
.gallery-columns-5.gallery-size-thumbnail {
  margin: 0 auto;
  max-width:         fit-content;
  max-width:    -moz-fit-content;
  max-width: -webkit-fit-content;
}

/*--------------------------------------------------------------
 * 14 Media Queries
--------------------------------------------------------------*/
/* Phone-sized devices */
@media only screen and (max-width: 640px) {
  /* Tweak font sizes and margins */
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }

  #content {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    max-width: none;
    min-width: 320px;
    padding: 0 10px;
  }

  blockquote {
    font-size: 24px;
    font-size: 2.4rem;
  }

  ul,
  ol {
    margin-left: 1em;
  }

  .libretto-blog-home #masthead {
    display: none; /* Hide title on blog index page to keep things simple */
  }

  .title-block {
    margin-bottom: 2rem;
  }

  .title-block {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .title-block .site-logo-link {
    display: none;
  }

  .entry-header {
    margin-bottom: 4rem;
  }

  article + article {
    margin-top: 4rem;
  }

  .more-link {
    font-size: 16px;
    font-size: 1.6rem;
  }

  /* Header and nav should be simplified */
  #masthead {
    margin: 0 0 2rem 0;
    overflow: hidden;
    padding: 0;
  }

  .site-branding {
    display: none;
  }

  .site-description {
    display: none;
  }

  .libretto-has-header-image .title-block {
    left: 10px;
    width: calc(100% - 20px);
  }

  .single .title-block:before {
    display: none;
  }

  .entry-meta,
  .title-block .entry-meta {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* Hide edit link on archive pages so meta doesn't run to two lines */
  .group-blog:not(.single) .entry-header .byline,
  .entry-header .sep,
  .entry-header .edit-link {
    display: none;
  }

  .title-block h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .title-block h1,
  .entry-title,
  .entry-title a {
    font-size: 28px;
    font-size: 2.8rem;
  }

  /* Use a condensed mobile menu */
  #site-navigation {
    background: #26231e;
    width: 100%;
  }

  #site-navigation a {
    color: #cacabc;
  }

  .menu-toggle {
    background: #363431;
    border-bottom: 2px solid #787065;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    color: #eae9e6;
    cursor: pointer;
    display: block;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.4;
    margin: 0;
    min-height: 5rem;
    padding: 1.5rem 1.5rem;
    position: relative;
    z-index: 50;
  }

  /* Create the menu icon via CSS and animate */
  #menu-icon {
    background: none;
    border: none;
    cursor: pointer;
    height: 25px;
    min-width: auto;
    outline: none;
    padding: none;
    position: absolute;
    right: 20px;
    top: 20px;
           -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
    width: 25px;
  }

  #menu-icon span {
       -moz-transform: rotate(0deg);
       -moz-transition: 0.25s ease-in-out;
         -o-transform: rotate(0deg);
         -o-transition: 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    background: #eae9e6;
    display: block;
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
            transform: rotate(0deg);
            transition: 0.25s ease-in-out;
    width: 100%;
  }

  #menu-icon span:nth-child(1) {
       -moz-transform-origin: left center;
         -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    top: 3px;
            transform-origin: left center;
  }

  #menu-icon span:nth-child(2) {
       -moz-transform-origin: left center;
         -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    top: 8px;
            transform-origin: left center;
  }

  #menu-icon span:nth-child(3) {
       -moz-transform-origin: left center;
         -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    top: 13px;
            transform-origin: left center;
  }

  #menu-icon.open span:nth-child(1) {
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 0;
    top: 0;
            transform: rotate(45deg);
  }

  #menu-icon.open span:nth-child(2) {
    opacity: 0;
    width: 0;
  }

  #menu-icon.open span:nth-child(3) {
       -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 0;
    top: 20px;
            transform: rotate(-45deg);
  }

  /* Animate opening menu and sub-menus with CSS transitions */
  #site-navigation .menu-wrapper,
  #site-navigation .sub-menu {
       -moz-transition: max-height 0.5s;
        -ms-transition: max-height 0.5s;
         -o-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    max-height: 0;
    overflow: hidden;
            transition: max-height 0.5s;
  }

  #site-navigation .menu-wrapper.menu-visible,
  #site-navigation .sub-menu.menu-visible {
    max-height: 1200px;
    transition: max-height 500ms ease-in;
  }

  /* Hide search bar */
  #site-navigation .search-form {
    display: none;
  }

  /* Style menu items a bit differently */
  #site-navigation .menu li {
    border-top: 1px solid #787065;
    display: block;
    text-align: left;
  }

  #site-navigation .sub-menu li {
    background: #363431;
    text-indent: 2rem;
  }

  /* Sub-menus */
  #site-navigation .menu-item-has-children > a::after {
    border-top: 6px solid #cacabc;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: inline-block;
    float: right;
    margin-top: 10px;
    text-indent: 0;
  }


  /* Long-form posts should be full-width, plus padding */
  .libretto-long-form {
    margin-left: -10px;
    padding: 10px;
    width: calc(100% + 20px);
  }

  /* In-page navigation should be pretty simple */
  .navigation-post .previous,
  .navigation-post .next,
  .navigation-image .previous,
  .navigation-image .next {
    padding: 1rem 0;
    text-align: center;
    width: 100%;
  }

  .navigation-post .previous,
  .navigation-image .previous {
    border-bottom: 1px solid #d9d6d0;
  }

  .navigation-post .previous,
  .navigation-post .next,
  .navigation-image .previous,
  .navigation-image .next {
    text-align: center;
  }

  .navigation-paging .page-number {
    display: none;
  }

  .navigation-paging .previous,
  .navigation-paging .next {
    float: left;
    width: 50%;
  }

  /* Comments shouldn't be nested quite so enthusiastically */
  .comment-content {
    margin: 1rem 0.5rem;
  }

  .comment-list .children {
    border-left: 0;
    border-top: 4px solid #d9d6d0;
    margin: 2rem 0;
    padding: 2rem 0 0;
  }

  /* Make sure footer widgets span full width */
  #footer-sidebar .widget-block {
    width: 100%;
  }

  /* Footer is arranged in a stack */
  #colophon .site-info,
  #social {
    padding: 0.75rem 0.5rem;
    text-align: center;
    width: 100%;
  }

  /* Center-align form elements */
  form {
    margin-bottom: 1em;
    text-align: center;
  }

  input {
    margin-top: 10px;
  }

  /* All blockquotes should be full-width */
  blockquote.alignleft,
  blockquote.alignright {
    max-width: 100%;
    width: 100%;
  }
}


/* Tablets and up */
@media only screen and (min-width: 641px) {

  /* Hide site title in header on blog homepage, since the title will appear below */
  .libretto-blog-home .site-branding {
    display: none;
  }

  .libretto-blog-home .nav-bar {
    min-height: 3.2em;
  }

  /* Header has more space, so let's use it */
  .libretto-has-header-image #masthead {
       -moz-box-shadow: inset 0 -10px 10px -10px #ededeb;
    -webkit-box-shadow: inset 0 -10px 10px -10px #ededeb;
    border-bottom: 1px solid #f8f8f7;
    box-shadow: inset 0 -10px 10px -10px #ededeb;
    margin-bottom: 6em;
  }

  :not(.libretto-has-header-image) .title-block {
    margin: 10rem auto 4rem;
  }

  .title-block .site-logo-link {
    display: block;
    margin-bottom: 1.5rem;
  }

  .site-branding {
    float: left;
    margin: 0.75rem 1rem 1rem 1.5rem;
  }

  /* Main menu is styled differently from mobile */
  .menu-toggle {
    display: none;
  }

  #site-navigation {
    display: block;
    float: right;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0.75rem 2rem 0.5rem 1rem;
    padding-right: 4rem; /* To give the search bar a bit of space */
    position: relative;
  }

  #site-navigation:before,
  #site-navigation:after {
    content: "";
    display: table;
  }

  #site-navigation .menu > li {
    display: inline-block;
    line-height: 1;
    margin: 0.25rem 0;
    position: relative;
  }

  #site-navigation li a {
    border-bottom: 2px solid transparent;
    color: #787065;
    padding: 1rem 1rem 0.8rem;
  }

  /* Hover effects are only relevant if you're on a larger device */
  #site-navigation li:not(.menu-item-has-children) a:hover {
    border-bottom: 2px solid #999;
    color: #363431;
  }

  /* Sub-menus will display via drop-down menus */
  #site-navigation .sub-menu {
    background: #787065;
    border-bottom: 2px solid #eae9e6;
    display: none;
    margin: 0;
    min-width: 20rem;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 100;
  }

  #site-navigation li:hover > .sub-menu {
    display: block;
  }

  #site-navigation .menu-item-has-children:hover:after {
    border-bottom: 10px solid #787065;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    left:    -moz-calc(50% - 6px);
    left: -webkit-calc(50% - 6px);
    left:         calc(50% - 6px);
    position: absolute;
    top: calc(100% - 10px);
    width: 0;
  }

  #site-navigation .sub-menu li {
    display: block;
    font-size: 0.8em;
    padding: 0;
    text-align: left;
  }

  #site-navigation .sub-menu li:last-child {
    border-bottom: none;
  }

  #site-navigation .sub-menu li a {
    border-bottom: 1px dotted #a09a92;
    color: #eae9e6;
    margin-top: 0;
    padding: 1rem 1.5rem;
    white-space: nowrap;
  }

  #site-navigation .sub-menu li a:hover {
    background: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #a09a92;
    color: #faf9f5;
  }

  /* Third-level menus */
  .sub-menu li li {
    padding: 0;
  }

  #site-navigation .sub-menu .sub-menu {
    background: #a09a92;
    border-bottom-width: 1px;
    left: 100%;
    margin-left: 6px;
    min-width: 10rem;
    top: 0.75rem;
  }

  #site-navigation .sub-menu .menu-item-has-children {
    position: relative;
  }

  #site-navigation .sub-menu .menu-item-has-children:hover:after {
    border-bottom: 6px solid transparent;
    border-left: 0;
    border-right: 6px solid #a09a92;
    border-top: 6px solid transparent;
    left: 100%;
    top: calc(50% - 6px);
  }

  /* Pull-out search bar */
  #site-navigation .search-form {
    margin-top: -8px;
  }

  #site-navigation div + .search-form {
    bottom: 11px;
    position: absolute; /* relative to #site-navigation */
    right: 0;
  }

  #site-navigation .search-form input[type="search"] {
    margin: 3px 6px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: -12px;
    width: 0;
  }

  #site-navigation .search-form label {
    cursor: pointer;
    margin: 12px 12px 0 6px;
    position: relative;
  }

  /* Open search box */

  #site-navigation .search-form.libretto-open input[type="search"] {
    opacity: 1;
       -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
         -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear;
    width: 400px;
  }

  #site-navigation .search-form label::before {
    position: relative;
    z-index: 100;
  }

  #site-navigation .search-form input[type="search"] {
    right: -10px;
    top: -13px;
    width: 405px;
  }

  
  /* Overlap content width for certain items */
  .gallery,
  .libretto-oversized {
    margin-left: -3em;
    margin-right: -3em;
    max-width: calc(100% + 6em);
  }

  /* Halfies on the overlap */
  .format-aside .entry-content,
  .format-quote .entry-content,
  .libretto-long-form {
    max-width: 100%;
  }

  /* Adjust padding for long-form posts */
  .libretto-long-form {
    padding: 1.5em;
  }

  /* Aligned items overlap, too */
  .alignleft {
    margin-left: -1.5em;
  }

  .alignright {
    margin-right: -1.5em;
  }

  /* Line up labels and input fields */
  form p {
    clear: both;
    text-align: center;
  }

  label,
  .site-content .contact-form .grunion-field-label.name,
  .site-content .contact-form .grunion-field-label.url,
  .site-content .contact-form .grunion-field-label.email {
    clear: both;
    float: left;
    margin: 0.25em 2% 1em 0;
    width: 20%;
  }

  label + input:not(.search-submit),
  label + input[type="text"],
  label + input[type="email"],
  label + input[type="password"],
  label:not(.screen-reader-text) + input[type="search"],
  label + input[type="url"],
  .search-form label {
    float: left;
    width: 78%;
  }

  /* Password protected posts and search boxes should show form on a single line */
  .post-password-form input[type="submit"] {
    width: 30%;
  }

  .post-password-form label,
  .search-form label {
    text-align: left;
    width: 60%;
  }

  .post-password-form input[type="password"] {
    width: 100%;
  }

  .post-password-form input[type="submit"],
  .error404 .search-form .search-submit,
  .search-no-results .search-form .search-submit {
    display: inline-block;
    margin-left: 0;
    margin-top: 8px;
    width: 37%;
  }

  .post-password-form input[type="submit"] {
    margin-top: 31px;
  }

  .search-form label input[type="search"] {
    width: 100%;
  }

  /* In-page navigation can be arranged in floats and take up a bit more space */
  [class*="navigation"] {
    border-top: 1px solid #d9d6d0;
  }

  [class*="navigation"] .previous,
  [class*="navigation"] .next {
    float: left;
    margin: 2rem 0;
    width: 50%;
  }

  [class*="navigation"] .next {
    border-left: 1px solid #d9d6d0;
    min-height: 4.8rem;
  }

  .comment-navigation .next {
    border-left: none;
    min-height: none;
  }

  /* Archive page navigation */
  .navigation-paging {
    margin-top: 10rem;
  }

  .navigation-paging .next,
  .navigation-paging .previous {
    border: none;
    margin: 1.6rem 0;
    width: 40%;
  }

  [class*="navigation"] .page-number {
    color: #a09a92;
    float: left;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bolder;
    margin: 1rem 0;
    text-align: center;
    width: 20%;
  }

  [class*="navigation"] .page-number span {
    color: #d9d6d0;
    font-style: italic;
    font-weight: normal;
    padding: 0 0.2rem 0 0.1rem;
  }

  /* Image navigation */
  .navigation-image .next {
    min-height: 2.4rem;
  }

  /* Arrange 404 widgets in columns */
  .error404 .widget {
    float: left;
    margin: 0 4% 2rem 0;
    width: 48%;
  }

  .error404 .widget:nth-of-type(2n) {
    margin-right: 0;
  }

  /* Footer widgets should span two rows */
  #footer-sidebar .widget-block {
    float: left;
    margin: 0 0 0 4%;
    width: 48%;
  }

  #footer-sidebar .widget-block:nth-of-type(odd) {
    margin-left: 0;
  }

  /* Footer can stretch out a bit */
  #colophon {
    padding: 0 2rem 1rem;
    width: 100%;
  }

  #colophon .site-info {
    float: left;
    padding-top: 0.8em;
  }

  #social {
    float: right;
    line-height: 1;
  }
}

/* Desktops and big things */
@media only screen and (min-width: 860px) {
  /* Navigation can have slightly more generous spacing */
  .site-branding {
    margin-left: 4rem;
  }

  #site-navigation {
    margin-left: 3rem;
    margin-right: 4rem;
  }

  /* Overlap content width a bit more for larger screens */
  .gallery,
  .libretto-oversized {
    margin-left: -6em;
    margin-right: -6em;
    max-width: calc(100% + 12em);
  }

  /* Halfies on the overlap */
  .format-aside .entry-content,
  .format-quote .entry-content,
  .libretto-long-form {
    margin-left: -3em;
    margin-right: -3em;
    max-width: calc(100% + 6em);
  }

  /* Adjust padding for long-form posts */
  .libretto-long-form {
    padding: 3em 3em 1em;
  }

  /* Aligned items overlap, too */
  .alignleft {
    margin-left: -6em;
  }

  .alignright {
    margin-right: -6em;
  }

  /* Different widths for different numbers of active footer widgets */
  #footer-sidebar {
    padding: 4rem 4rem;
  }

  /* Single column */
  #footer-sidebar .widget-block:nth-child(1):nth-last-child(1) {
    margin: 0 auto;
    width: 85%;
  }

  /* Two columns */
  #footer-sidebar .widget-block:nth-child(1):nth-last-child(2),
  #footer-sidebar .widget-block:nth-child(2):nth-last-child(1) {
    float: left;
    margin: 0 5%;
    width: 40%;
  }

  /* Three columns */
  #footer-sidebar .widget-block:nth-child(1):nth-last-child(3),
  #footer-sidebar .widget-block:nth-child(2):nth-last-child(2),
  #footer-sidebar .widget-block:nth-child(3):nth-last-child(1) {
    float: left;
    margin: 0 5% 0 0;
    width: 30%;
  }

  #footer-sidebar .widget-block:nth-child(1):nth-last-child(3):last-of-type,
  #footer-sidebar .widget-block:nth-child(2):nth-last-child(2):last-of-type,
  #footer-sidebar .widget-block:nth-child(3):nth-last-child(1):last-of-type {
    margin-right: 0;
  }

  /* Four columns */
  #footer-sidebar .widget-block:nth-child(1):nth-last-child(4),
  #footer-sidebar .widget-block:nth-child(2):nth-last-child(3),
  #footer-sidebar .widget-block:nth-child(3):nth-last-child(2),
  #footer-sidebar .widget-block:nth-child(4):nth-last-child(1) {
    float: left;
    margin: 0 1% 0 0;
    width: 24.25%;
  }

  #footer-sidebar .widget-block:nth-child(1):nth-last-child(4):last-of-type,
  #footer-sidebar .widget-block:nth-child(2):nth-last-child(3):last-of-type,
  #footer-sidebar .widget-block:nth-child(3):nth-last-child(2):last-of-type,
  #footer-sidebar .widget-block:nth-child(4):nth-last-child(1):last-of-type {
    margin-right: 0;
  }

  /* Footer can be spaced out more, too */
  #colophon {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

/* Print styles */
@media print {
  body {
    background: none !important; /* Brute force since user agents all print differently. */
    font-size: 12pt;
    margin: 0 10%;
  }

  .secondary-toggle,
  .navigation,
  .page-links,
  .edit-link,
  #reply-title,
  .comment-form,
  .comment-edit-link,
  .comment-list .reply a,
  button,
  input,
  textarea,
  select {
    display: none;
  }

  .site-header,
  .site-footer,
  .hentry,
  .entry-footer,
  .page-header,
  .page-content,
  .comments-area {
    background: none !important; /* Make sure color schemes dont't affect to print */
  }

  body,
  blockquote,
  blockquote cite,
  blockquote small,
  label,
  a,
  .site-title a,
  .site-description,
  .post-title,
  .author-heading,
  .entry-footer,
  .entry-footer a,
  .taxonomy-description,
  .entry-caption,
  .comment-author,
  .comment-metadata,
  .comment-metadata a,
  .comment-notes,
  .comment-awaiting-moderation,
  .no-comments,
  .site-info,
  .site-info a,
  .wp-caption-text,
  .gallery-caption {
    color: #000 !important; /* Make sure color schemes don't affect to print */
  }

  pre,
  abbr[title],
  table,
  th,
  td,
  .site-header,
  .site-footer,
  .hentry + .hentry,
  .author-info,
  .page-header,
  .comments-area,
  .comment-list + .comment-respond,
  .comment-list article,
  .comment-list .pingback,
  .comment-list .trackback,
  .no-comments {
    border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
  }

  /* Remove navbar and image in header */
  .nav-bar,
  #masthead img {
    display: none;
  }

  .libretto-has-header-image #masthead:after {
    display: none;
  }

  /* Hide flourishes and icons */
  .entry-meta:before,
  .entry-meta:after,
  .entry-header:before,
  .title-block:before,
  .entry-footer:before {
    display: none !important;
  }

  .title-block,
  .libretto-has-header-image .title-block {
    left: 0;
    margin-top: 15%;
    position: relative;
    text-shadow: none;
    top: 0;
    width: 100%;
  }

  h1 {
    font-size: 24pt;
    text-shadow: none;
  }

  .entry-title,
  .entry-title a {
    font-size: 24pt;
  }

  blockquote {
    font-size: 19pt;
  }

  blockquote cite {
    font-size: 10pt;
  }

  .hentry + .hentry {
    margin-top: 15%;
  }

  .libretto-long-form {
    box-shadow: none;
  }

  .entry-footer {
    font-size: 10pt;
    margin-top: 2%;
    padding-left: 0;
  }

  /* Hide irrelevant footer elements. We only want to print the post content. */
  .sharedaddy,
  .navigation-post,
  .navigation-paging,
  .navigation-image,
  #comments,
  #footer-sidebar,
  #colophon {
    display: none;
  }
}
/*
Theme Name: PT Theme - Issue 65 Forward - Libretto Child 2023
Theme URI: https://wordpress.com/themes/libretto/
Template: libretto
Author: Automattic
Author URI: http://wordpress.com/themes/
Description: Libretto is a responsive one-column theme with classic styling and careful typographic details. It’s ideally suited to showcasing longform writing interspersed with beautiful images and inspiring quotes.
Tags: blog,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,microformats,one-column,photography,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready
Version: 1.0.9.1557534284
Updated: 2019-05-10 17:24:44

*/




@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');



.print-footer {
	display: none;
}
.print-header {
	display: none;
}
 .nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
}
/*  holiday styling */
//.nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//}

.logo_tagline {
    text-indent: 2em;
    background-color: green;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #FFFFFF !important;
    font-size: 16px;
    padding-right: 3em;
    text-shadow: none !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400;
}

.site-branding h1 a {
    font-family: 'Satisfy' !important;
    font-size: 1.5em;
}

#site-navigation {
    border-top: none;
    background-image: none !important;
    background-color: orange !important;
    height: 36px;
}
li {
    font-size: 14px;
    float: left;
    margin-right: 25px;
}

.entry-content {
    text-align: left;
    word-wrap: break-word;
    margin-bottom: 5em;
}


.site-branding h1 {
    font-family: 'Satisfy' !important;
    font-size: 1.5em;
}


body, p, .no-indentation {
	font-family: Ubuntu, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #5D5D5D;
}
strong, b {
    font-weight: 800;
    font-family: Lucida Grande, sans-serif;
}

.blog .entry-content {
    padding-bottom: 1em !important;
}

.no-indentation {
	margin: 15px 0px -10px 0px;
}
.title-block h1 {
    font-size: 2.5em !important;
    margin-top: -1em;
    font-family: Abril Fatface !important;
    text-transform: lowercase;
}

.category {
    color: #ec5800;
    display: block !important;
    text-align: center;
    top: 0em;
    position: relative;
    font-size: 1.75rem;
    text-transform: uppercase;
    background: #FFF;
    margin-bottom: 1em;
    padding: 5px 0px;
    margin-top: -2rem;
}


.libretto-long-form {
    padding: 3em !important;
    margin: -3em;
}





#comments {
    font-size: 1.2rem;
    padding: 2em 4em;
    background: white;
    margin: 7em -3em;
}
.article.comment {
    margin-top: 0em;
    margin: 0em !important;
}
article..comment-body  {
    margin: 0em !important;
}
.comment-body {
    background: rgba(255, 255, 255, 0.5);
    padding: 4rem 1rem 10rem;
    border-top: 1px solid green;
    margin: 0em !important;
}
li.comment {
    width: 93% !important;
    margin-left: 2em;
    padding-bottom: 2em;
}
.reply {
    float: right;
    margin-bottom: 5em !important;
}
.comment-metadata {
    margin-bottom: 3em;
    margin-top: -3em;
}
.comments-title, .comment-reply-title {
    color: #ec5800;
    font-size: 16px;
    margin: 2em 0 1em;
    padding-bottom: 4em;
    font-style: italic;
}
.comment-form {
    text-indent: 0em !important;
}
.comment-form-comment {
    overflow: auto;
    vertical-align: top;
    width: 90%;
    float: right;
    margin-bottom: 1em;
}
.mc4wp-checkbox {
    margin-top: 2em !important;
    padding: 2em !important;
}
.comment-notes {
    margin-top: -5em;
    margin-bottom: 2em;
    font-size: 12px;
}





.libretto-has-header-image .title-block {
    margin: 0rem auto -2em;
    font-size: 1.2em;
}


.site-branding h1 {
    color: #a09a92;
    font-family: "Abril Fatface";
    font-size: 36px;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
a {
	color: #ec5800;
}
a:visited {
    color: #ec5800;
}
#site-navigation li a {
    border-bottom: 2px solid transparent;
    color: #ec5800;
    padding: 1rem 1rem 0.8rem;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1.5rem;
}
.blog .title-block h1 {
    margin-top: -0.2em !important;
}


.byline {
    text-align: center;
    color: #FFF;
    background: green;
    padding: 6px 5%;
    display: block !important;
    margin-top: 2em;
    font-style: italic;
    font-size: 1em;
    font-family: 'Montserrat';
}

.the_title {
    color: #FFF;
    display: block !important;
    text-align: center;
    top: 0em;
    position: relative;
    font-size: 2.5rem;
    background: #ffa500;
    margin-bottom: 3em;
    padding: 1rem 1rem;
    margin-top: 0em;
    line-height: 3rem;
    font-family: "Montserrat";
    text-shadow: #ff7b00 1px 1px;
    box-shadow: #FF7B05 1px 1px;
}


.page-parent .the_title {
	display: none !important;
}

.site-branding h1 {
    color: #ec5800;
    font-family: "Abril Fatface";
    font-size: 36px;
    font-size: 5.0rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
.logo_tagline {
    font-family: Satisfy;
    clear: both;
}
#comments {
    background: white;
    padding: 2em;
    margin: 7em -3em;
}

#masthead {
    min-height: 3em !important;
    max-height: 5em;
    margin-top: 0em;
	margin-bottom: 0.5em;
}


.title-block h1 {
    color: #FFF;
	    text-shadow: #000 4px 2px 10px;
	font-size: 2em;
}

h3 {
    color: #ec5800;
}
label span {
    margin-right: -10em;
}
.site-footer {
    background: #FFF;
    color: #FFF;
    border-top: #000 20px solid;
    margin: 2em 0;
	margin-bottom: -2em;
}
#colophon .site-info {
    color: #000;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    float: none;
}
input[type="submit"], button {
    background: #ec5800;
    border: 1px solid #eae9e6;
    color: #FFF;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    outline: 4px solid #a09a92;
    padding: 0.7rem 1.4rem;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}



.logo_tagline {
    font-size: 2em;
    color: #5D5D5D;
    font-weight: 800;
    text-shadow: #fff 4px 2px 10px !important;
    margin: 0 0 0 60%;
    margin-top: -1rem !important;
}
}


.page article {
    background: #FFF;
}

.article-header {
    background: #FFF;
    margin-left: -3em;
    margin-right: -3em;
    max-width: calc(100% + 6em);
    padding: 2em 3em 1em;
    margin-bottom: -5em;
    margin-top: -3em;
}

.article-header img {
  max-width:600px;
  max-height:450px;
  max-width: 85%;
}


#site-navigation .menu > li {
    margin-bottom: -0.6em;
}
#site-navigation {
    border: 2px solid grey;
}

.home article {
    margin-top: 4em;
}
.home h2 a {
	color: #000;
}
.page-parent h2 a {
	color: #000;
}

.entry-content h2 {
    margin: 0em 0 1em;
}
#site-navigation .current_page_item > a, body:not(.search-results) #site-navigation .current_page_parent > a {
    color: #ec5800;
    border-bottom: #000 2px solid;
}
.menu-toggle {
    background: #ec5800; 
}

@media only screen and (min-width: 860px) {
.home article {
    margin-top: 0em;
    margin: 0em !important;
}
.page article {
    margin-left: 0em !important;
    margin-top: -9em !important;
    margin-right: 0em !important;
}
}

@media only screen and (min-width: 1024px) {
.home article {
    margin-top: 0em;
    margin: -3em !important;
}
.page article {
    margin-top: 0em;
    margin: -3em !important;
}

}

@media only screen and (min-width: 640px) {

.home article {
    margin-top: 4em;
    margin-left: 0em;
}
.page article {
    margin-top: 4em;
    margin-left: 0em;
}

}

.firstcharacter {
    float: left;
    color: #EC5800;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    font-family: Georgia, Times Roman, serif;
}
.shorttakes_byline h3 {
    font-size: medium;
    font-weight: 600;
    line-height: 0.85;
    margin-top: -15px;
    color: #ec5800;
    padding-bottom: 2em;
	font-style: normal;
}
.shorttakes_title h3 {
    font-size: medium;
    font-weight: 600;
    line-height: 0.85;
    margin-top: -15px;
    color: #000;
    padding-bottom: 2em;
	font-style: normal;
}
.no-indent {
    margin: 0 0 24px;
    text-indent: 0;
    padding-top: 2em;
    font-size: 14px;
    line-height: 18px;
	color: #5D5D5D;
}
.no-indent p {
    margin: 0 0 24px;
    text-indent: 0 !important;
    padding-top: 0.2em;
    font-size: 14px;
    line-height: 18px;
}
.mc4wp-checkbox label {
	width: 50%;
}

.page-child .page-nav {
    margin-top: -6em;
    background: transparent;
    padding-bottom: 5em;
    text-align: center;
    width: 100%;
}

.page .entry-content h1 {
    color: #ec8500;
    font-family: "Abril Fatface", Georgia, serif;
    font-size: 3rem;
    font-style: normal;
    margin: 0em 0 0.5em;
    margin-bottom: 5rem;
    text-align: center;
    text-transform: uppercase;
}

 .nav-bar {
    background: #FFF;
    border-bottom: none;
    position: relative;
    width: 100%;
} 
/*  holiday styling */
//.nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//}


.bio {
    background: #FFF;
    margin-top: -2em;
    margin-left: -2.6em;
    margin-right: -2.6em;
    max-width: calc(100% + 6em);
    padding: 3em 3em 8em;
	margin-bottom: 2em;
	text-indent: 0px;
	min-height: 400px;
	font-size: 14px;
	line-height: 18px;
	font-family: Lucida Grande, sans-serif;
	font-weight: 400;
}
.bio p {
	text-indent: 0px !important;
	font-size: 14px;
	line-height: 18px;
	font-family: Lucida Grande, sans-serif;
	font-weight: 800;
}
.page-child .page-nav {
    margin-top: -6em;
    background: transparent;
    padding-bottom: 5em;
    text-align: center;
    width: 100%;
}

.author_photo img {
	display: none;
}
.home .author_photo img {
    height: 225px;
    width: auto;
    float: right;
    padding: 10px 10px 10px 30px;
	display: block;
	margin-top: 3em;
}

.author_photo_caption {
	    float: right;
    margin-right: 5%;
}

@media only screen and (max-width: 640px) {


  /* Adjust padding for long-form posts */
  .libretto-long-form {
    padding: 3em;
    margin: 0em;
  }

.author_photo img {
    height: 150px;
    margin-top: 6em;
    margin: auto;
}
	.author_photo_caption {
    margin: auto;
    float: none;
    text-align: center;
    margin-top: -3em;
}
	.category {
    margin-top: 1em;
		    margin-bottom: 2em;
	}


	#content {
    font-size: 1.6rem;
    margin: 0;
    max-width: none;
    min-width: 320px;
    padding: 1em 10px;
    margin-top: 4em !important;
    background: white;
}

	.byline {
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin-bottom: 4em;
    font-family: 'Montserrat';
}
	
	.page-parent .title-block h1 {
    margin-top: -1.2em !important;
}
	
}

.site-footer li {
    line-height: 1.6;
    margin: 0.5em 00.5em;
    display: inline;
    font-size: 0.75em;
    color: #ec8500;
}
.site-footer ul {
    margin: 0 0 0em;
}

.site-footer .menu-sitewide-side-nav-container {
    display: block;
    text-align: center;
}
#colophon a {
    color: #ec8500;
}
.artsmart {
    background: #FFF;
    padding: 3em;
    border: green 5px solid;
}
.artsmarth2header {
    color: green;
    float: right;
    margin-top: -2em;
    border-bottom: green 1px solid;
    width: 100%;
    text-align: right;
}

.home .title-block h1 {
    margin-bottom: 0 !important;
	    font-size: 3em !important;
}

	.alignright {
    margin-right: 0;
	}
.artsmart p {
    margin-bottom: 0.5em;
    text-indent: 0em !important;
}
.artsmarth1 {
    color: green;
	font-size: 1.5em;
	    line-height: 2em;
}
.artsmarth2 {
    color: green;
	font-size: 1.2em;
	    line-height: 2em;
}
.artsmarth3 {
    color: green;
font-size: 1.0em;
	    line-height: 2em;
}
.artsmart-link {
    font-size: 1em;
    display: block;
    text-align: center;
    font-style: italic;
    color: #FFF;
    float: right;
    text-align: right;
    background: green;
    padding-left: 10px;
}
.artsmart-link a {
	color: white;
	text-decoration: underline;
}
.align-right {
    font-size: 1em;
    text-align: right;
	margin-top: -1em;
}

.post {
    background: #FFF;
}
.post p {
    margin-bottom: 1em;
    font-size: 1em;
}
.blog .entry-content {
    padding-bottom: 4em;
}
.post {
    margin-bottom: 6em;
}
.home .artsmart {
	display: none;
}
.home .artsmart-link {
	display: none;
}
.submissions {
    display: block;
    text-align: center;
    border: green 6px solid;
    padding: 20px 10px 10px 10px;
}
.submissions h3 {
    color: green;
    font-size: 1.5em;
    margin-top: 0.5em;
}
.home .page-nav {
	display: none;
}
h2 {
    border-top: 1px solid green;
    padding-top: 2rem;
		border-bottom: 0px !important;
}
.home h2 {
	border-bottom: 0px !important;
}
.page article {
    background: #FFF;
}
#comments {
    margin: 7em 0em;
}
@media only screen and (min-width: 860px) {
	#comments {
    margin: 7em -3em;
}
}
blockquote {
    color: #a09a92;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 28px;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.4;
    position: relative;
    z-index: 10000;
    margin: 0 2em;
}
@media only screen and (min-width: 860px) {
.alignleft {
    margin-left: 0em;
}

.libretto-long-form {
    margin: -3em !important;
}

}

.comment-form-email {
    margin-left: 3em;
}
.comment-form-author {
    margin-left: 3em;
}
#comments {
    font-size: 1.2rem;
}


.author_photo_bio img, #author_photo_bio img {
    float: left;
    height: 200px;
    width: auto;
    padding: 10px 30px;
    display: block;
    margin-top: -2em;
}

.persimmon_branch {
	text-align: center;
	padding-bottom: 2em;
}

#content {
    margin: auto;
}
.title-block {
    border-bottom: none;
}
.home h1 {
    font-size: 6rem;
}
.page-parent h2 {
	border-bottom: 0px !important;
}


.page .title-block {
    padding-top: 1rem;
	max-width:95% !important;
}

body {
	font-size: 1.2rem;
}

.comment-list .comment-metadata {
    font-size: 1.2rem;
}

.comment-metadata {
    line-height: 1;
    margin-left: 0px;
    padding: 0.75rem 0 1rem;
    float: right;
}

.home .byline {
	display: none;

}
.title-block .site-title a, .header-image, .title-block .site-description  {
    color: #FFF;
}
.blog .post {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
    border: 5px green solid;
}

.blog .post {
    border-right: 20px solid green;
    border-left: 20px solid green;
    border-bottom: 20px solid #ffa500;
    border-top: 20px solid #ffa500;
}

.page p {
    text-indent: 2em;
}

.page-parent p {
	text-indent: 0px !important;
}
.page-parent .author_photo img {
	float: none !important;
}
.page-parent .author_photo {
    float: right;
    margin-bottom: -20em;
    background: #FFF;
}
.page-parent .content-area {
    margin-top: -6em;
}

table {
    font-size: 1.2em;
}

.page-id-1600, .page-id-20, .page-id-56, .page-id-58, .page-id-60, .page-id-10301  p {
	text-indent: 0px !important;
}
.page-id-20 p {
	text-indent: 0px !important;
}
.page-id-56 p {
	text-indent: 0px !important;
}
.page-id-1600 p {
	text-indent: 0px !important;
}
.page-id-60 p {
	text-indent: 0px !important;
}
.page-id-58 .artsmart, .artsmart-link .page-nav {
	display: none;
}
.page-child .page-nav {
	display: block;
}
.page-id-60 .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-1600  .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-20  .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-1598  .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-10301  .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-56  .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-parent .artsmart, .artsmart-link, .page-nav {
	display: none;
}
.page-id-58 p {
	text-indent: 0px !important;
}
.mobile-site-title {
    top: -1rem;
    position: relative;
    color: #FFF;
    font-weight: 600;
    font-style: italic;
    font-size: 5rem;
} 
@media only screen and (max-width: 640px) {
.logo_tagline {
    float: none;
    text-indent: 0em !important;
    text-align: center;
    display: block;
    margin-top: 1rem;
    padding: 0px 0px 1.5em 0px;
    font-size: 1.2em;
    width: 95%;
}
	
.article-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.bio {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

	.author_photo_bio img, #author_photo_bio img {
    float: none;
    height: 200px;
    width: auto;
    display: block;
    margin: auto;
    margin-bottom: 2em;
}
}




.content-area {
    background-image: none;
    background-size: contain;
    background: #ec5800;
}


body.custom-background {
    background-color: #000;
}
.home h1 {
    font-family: Abril Fatface !important;
    font-size: 5rem !important;
	    font-weight: 200;
}

#site-navigation li a {
    font-size: 1.4rem;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 800;
}




#colophon a {
    color: #ec8500;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 800;
}

@media only screen and (max-width: 1024px) {
.home .title-block h1 {
    margin-bottom: -2% !important;
}
.article-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.bio {
/*     margin-left: 0 !important;   
    margin-right: 0 !important;  */ 
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-top: 10px;
}

.entry-content {
    text-align: left;
    word-wrap: break-word;
    margin-top: 5rem;
    margin-bottom: 5em;
}
.logo_tagline {
    float: none;
    text-indent: 0em !important;
    text-align: center;
    display: block;
    margin-top: 0.8em;
    padding-left: 0;
    margin-bottom: -0.5em;
    float: none;
    margin-top: 0em !important;
    display: block;
    padding-bottom: 1em;
}
#masthead {
    min-height: 2em !important;
    max-height: 5em;
    margin-bottom: 1em !important;
    box-shadow: none !important;
    margin-top: 0em !important;
}
#blog #masthead {
	display: none !important;
}
	body:not(.libretto-has-header-image) .title-block {
    margin: 5rem auto !important;
    display: block;
}

.page-child .title-block h1 {
    margin-top: -1em !important;
    font-size: 2em !important;
}
	
	
}

@media only screen and (max-width: 640px) {
.page-parent .author_photo {
    margin-top: 5em;
    float: none !important;
    display: block;
    margin: auto;
    background: none;
	    margin-bottom: -3em;
}
}

.page-child h4 {
    color: #ec5800;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin: 1em 0 1em;
    text-transform: uppercase;
    font-weight: 800;
}

//strong em, em strong, b i, i b, b em, em b, strong i, i strong, .wp-caption strong {
//    background: none;
//    color: #787065;
//    font-size: 1em;
//    font-style: normal;
//    font-weight: bold;
//    letter-spacing: 1px;
//    padding: 2px 0;
//    text-transform: uppercase;
//}


/* new code */


body:not(.search-results) #site-navigation .current_page_item > a, body:not(.search-results) #site-navigation .current_page_parent > a {
    color: #FFF;
    border-bottom: #000 2px solid;
    background: var(--pt-highlight-orange);
}
body:not(.search-results) #site-navigation .current_page_item > a {
    color: #FFF;
    border-bottom: var(--pt-highlight-orange) 2px solid;
	    text-transform: uppercase;
    background: #000;
    font-weight: 800;
    font-size: 1.2rem;
}

#site-navigation li a {
    border-bottom: 2px solid transparent;
    color: #ec5800;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.2rem;
    background: #FFF;
    margin: -2px !important;
    padding: 10px 10px;
}
#site-navigation .menu-hidden-top-nav-container li.menu-item a[title="green"] {
	color: green;
}

 .nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
} 
/* holiday styling 2023 */
//.nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//}

.home h1 a {
    color: #FFF;
    text-shadow: #000 4px 2px 10px;
}
.site-branding h1 a {
    color: #FFF;
    text-shadow: #000 4px 2px 10px;
}


.libretto-has-header-image  .title-block {
    margin: 0rem auto -2.5em;
}






#site-navigation .search-form label:before, #site-navigation .search-form .search-submit {
    color: #FFF;
}



.site-branding h1 a {
    font-family: Abril Fatface !important;
}
.site-branding h1 a {
    color: #FFF;
    text-shadow: #000 4px 2px 10px;
}

.site-branding {
    margin-bottom: 5rem;
}



.page-parent .content-area {
    margin-top: 0em;
}
.entry-content h2 {
    margin: 0em 0 2em;
}


.page-template-meta-template  .title-block h1 {
    margin-top: -0.5em !important;
}
	.entry-content h2 {
    margin: 0em 0 0em;
}

.page-template-meta-flat-template  .title-block h1 {
    margin-top: -0.5em !important;
}







@media only screen and (max-width: 1024px) {
.logo_tagline {
    float: none;
    text-indent: 0em !important;
    text-align: center;
    display: block;
    margin-top: 2rem !important;
    padding-left: 5rem;
}
	
	.page-id-13922 .logo_tagline {
    margin-top: 1em !important;
}

	
	
.blog .title-block h1 {
    margin-top: -1em !important;
}
	#site-navigation li a {
    font-size: 1rem;
    padding: 10px 5px;
}
	.site-branding {
    margin-bottom: 3rem;
    margin: auto;
    float: none !important;
    text-align: center;
}
	#site-navigation {
    display: block;
    float: none;
    font-size: 1.6rem;
    position: relative;
    margin: auto;
    text-align: center;
}
	#content {
    margin: auto;
}
.site-branding {
    margin-top: 4em;
}
.site-branding {
    margin-bottom: 3rem;
    margin: auto;
    float: none !important;
    text-align: center;
    min-height: 120px;
    margin-top: 2em;
}

}


@media only screen and (max-width: 640px) {
.mobile-site-title {
    top: 0rem;
    position: relative;
    color: #FFF;
    font-weight: 600;
    font-style: italic;
    font-size: 1.8em;
    margin-left: -1.5em;
    font-family: Abril Fatface;
	    text-shadow: #5D5D5D 4px 2px 10px;
}

.entry-content {
    margin-top: 5rem;
}

.content-area {
    margin-top: -1em;
}
	.blog .title-block h1 {
    margin-top: -2em !important;
}

	.libretto-has-header-image .title-block {
    margin: 1rem auto -2em;
}
		.home .libretto-has-header-image .title-block {
    margin: 1rem auto -5em;
}
	
 .nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
} 
/* holiday styling 2023 */
//.nav-bar {
///*     min-height: 150px; */
//	min-height:  80px;
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//}


}


@media only screen and (max-width: 768px) {
	#content {
    margin: 0.5rem;
}
}

@media only screen and (max-width: 768px) {
#content {
    background: #ec5800;
}
.article-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}



.libretto-blog-home .nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
}

@media only screen and (min-width: 641px) {
.libretto-blog-home .site-branding {
    display: block;
}
}

.blog .title-block {
    display: block;
}
.blog .entry-header, .title-block {
    display: none;
}

@media only screen and (max-width: 640px) {

	a img {
    width: 90%;
}
	
#content {
    margin-top: 0em !important;
}
	.page-parent .author_photo img {
    float: none !important;
    margin-bottom: 3em;
}
	
}
.category-artsmart .entry-header {
    display: none;
}
.home .entry-header, .title-block {
    display: block;
}






body:not(.libretto-has-header-image) .title-block {
    margin: 4rem auto;
}


li {
    font-size: 14px;
}

.libretto-has-header-image #masthead {
    background-image: none;
    background: #000;
    min-height: 4em !important;
    max-height: 7em !important;
    margin: -1rem 0px;
    border-bottom: none;
    margin-bottom: -2em !important;
    margin-top: 1.5em !important;
}





@media only screen and (max-width: 640px) {

	.page-child .title-block h1 {
    margin-top: -1.8em !important;
    font-size: 1.5em !important;
}
.libretto-blog-home #masthead {
    display: block;
}
}


@media only screen and (max-width: 640px) {
#masthead {
    min-height: 2em !important;
    max-height: 5em;
    margin-bottom: 1em !important;
    box-shadow: none !important;
    margin-top: 2em !important;
}
.title-block h1 {
    margin-top: -2.2em !important;
}
.home .title-block h1 {
    margin-top: -0.5em !important;
}
		.home .title-block h1 {
    margin-bottom: 3% !important;
    font-size: 2em !important;
}
	.home .libretto-has-header-image .title-block {
    margin: 1rem auto -5em !important;
}
}
.libretto-has-header-image .title-block {
    margin: 0rem auto -1em;
    font-size: 1em !important;
}

.blog .title-block {
    margin: 2rem auto !important;
}

.page-id-1588 .page-nav {
	display: none;
}

.page-id-13582 .wp-caption-text {
    font-size: 1.1rem;
	line-height: 4.2rem;
}
.page-id-13581 .no-indent p {
    padding-top: 0em;
}
.shorttakes_byline h3 {
    padding-bottom: 1.5em !important;
}
blockquote::after {
        color: #ebe7e1;
    content: "\201D";
    display: block;
    font-size: 208px;
    font-size: 20.8rem;
    font-style: normal;
    right: -35px;
    line-height: 1;
    position: absolute;
    top: 250px;
    z-index: -1;
}
strong, b {
	font-weight: 800;
}
#site-navigation {
    border-top: none;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important; */
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
    background-position: center;
}

/* .nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//} */


/* holiday styling 2023 */
.nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
}

.content-area {
    background-image: none;
    background-size: contain;
    background: #FFEBCD;
    margin-top: 0rem;
}

p {
		color: #5D5D5D;
}

.entry-content h2 {
    color: #5D5D5D;
}
.post-13922 {
    margin-top: 5em !important;
}

.entry-meta {
    display: none;
}
.page .entry-header:before {
    display: none;
}
.entry-header, .title-block {
    display: block;
}

#content {
    background: #FFEBCD;
    margin-top: 0em;
}

body.custom-background {
    background-color: #FFEBCD !important;
}




#masthead {
    display: none;
}

.site-branding h1 a {
    color: #FFF;
    text-shadow: #5D5D5D 4px 2px 10px;
}

.site-branding {
    clear: both;
	margin-bottom: 0;
}

.entry-title a {
border: none;
    color: #5A632F;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 44px;
    font-size: 3.4rem;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.entry-header {
border-bottom: 0px !important;
}
.submissions {
    border: #5A632F 6px solid;
}
.submissions h3 {
    color: #5D5D5D;
}
.site-footer {
    background: #FFF;
    color: #FFF;
    border-top: #5D5D5D 40px solid;
    margin: 0em 0;
    margin-bottom: -2em;
}
.menu-toggle {
    background: #5A632F;
     background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg); */
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
    background-position: center;
}

.logo_tagline {
    /* padding-top: 55px !important; */
}

.libretto-blog-home #masthead {
    display: none;
}

body.custom-background {
    background-color: #5D5D5D;
}
.site-branding h1 {
    margin-top: 2rem;
}


.nav-bar {
    min-height: 150px;
}


 .page-id-13922 
     background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important; 
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
    min-height: none;
    background-position: center !important;
}

.mobile-site-title {
    text-shadow: #5D5D5D 4px 2px 10px;
}



@media only screen and (max-width: 640px) {
	
/* .nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//} */


.nav-bar {
/* min-height: 155px; */
    min-height: 80px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
}

.logo_tagline {
    padding-top: 5px !important;
    display: block;
    min-height: 60px;
    margin-top: 45px !important;
}

}




@media only screen and (max-width: 1024px) {

.logo_tagline {
    font-size: 2em;
    color: #5D5D5D;
    font-weight: 800;
    text-shadow: #fff 4px 2px 10px !important;
    /* float: right; */
    margin: 0px 10% 0px 10%;
    margin-top: 1em !important;
    display: block;
    line-height: 1.2em;
}


}






@media only screen and (max-width: 640px) {
	
#content {
    margin-top: 0em !important;
}

.logo_tagline {
    margin: 0px 0% 0px 0% !important;
}
.libretto-blog-home .nav-bar {
    min-height: 80px !important;
}
	
	
}




.site-footer .menu {
display: none;
}


.gallery, .libretto-oversized {
    margin-left: 0em !important;
    margin-right: 0em !important;
    max-width: none !important;
}



}




 .nav-bar {
    min-height: 150px;
    background-image: url(/wp-content/uploads/2020/01/persimmons_v2.2.jpg) !important;
    max-height: 185px !important;
    background-position: center;
} 

/* holiday styling 2023 */
//.nav-bar {
//    min-height: 150px;
//    background-image: url(/wp-content/uploads/2023/11/persimmonbackground.jpg) !important;
//    max-height: 185px !important;
//    background-position: center;
//}

.logo_tagline {
    text-indent: 2em;
    background-color: green;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #FFFFFF !important;
    font-size: 16px;
    padding-right: 3em;
    text-shadow: none !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400;
    margin-top: -35px !important;
}

.site-branding h1 a {
    font-family: 'Satisfy' !important;
    font-size: 1.5em;
}

#site-navigation {
    border-top: none;
    background-image: none !important;
    background-color: orange !important;
}


li {
    font-size: 14px;
    float: left;
    margin-right: 25px;
}
@media only screen and (max-width: 640px)
.menu-toggle {
    border-bottom: 0px !important;
    box-shadow: 0px !important
}


.bio a {
    color: #ee5800 !important;
}

/* search-results styles (card-based layout) */
:root {
    --pt-orange: #ec8500;
    --pt-highlight-orange: #ec5800;
}
body.search-results .flex {
    display: flex;
}
body.search-results .flex-row {
    flex-direction: row;
}
body.search-results .flex-col {
  flex-direction: column;
}
body.search-results .w-full {
  width: 100%;
}
body.search-results .bg-white {
    background-color: #fff;
}
body.search-results .w-450 {
    width: 28.13rem;
}
body.search-results .h-300 {
    height: 18.75rem;
}
body.search-results .min-h-full {
    min-height: 100%;
}
body.search-results .border-16 {
    border-width: 1rem;
    border-style: solid;
}
body.search-results .border-white {
    border-color: #fff;
}
body.search-results .rounded-lg {
    border-radius: 1.5rem;
}
body.search-results article.search-results-card {
    margin: 4rem -3em;
    padding: 0;
    overflow: hidden;
    border-radius: .3125rem;
    box-shadow: 0 1px 9px hsla(0,0%,55.3%,.35);
    position: relative;
}
body.search-results article.search-results-card .card-body {
    padding: 1.25rem;
    justify-content: center;
}
body.search-results article.search-results-card .card-body .card-section-type {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--pt-orange);
    /* font-family: Work Sans,sans-serif; */
    font-weight: 800;
    line-height: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.search-results article.search-results-card .card-body .card-title-and-byline {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
body.search-results article.search-results-card .card-body .card-title-and-byline .card-title {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 1.1rem;
    line-height: 3rem;
}
body.search-results article.search-results-card .card-body .card-title .card-title-link {
    text-decoration: none;
}
/* the following makes the entire card clickable */
body.search-results article.search-results-card .card-body .card-title .card-title-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
body.search-results article.search-results-card .card-body .card-content-author {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
}
body.search-results article.search-results-card .card-body .card-content-author a,
body.search-results article.search-results-card .card-body .card-content-journal-info a {
    padding: 0 0.35rem;
    z-index: 10;
}
body.search-results article.search-results-card .card-body .card-content-description.search-results-snippet {
    padding-right: 3rem;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}
body.search-results article.search-results-card .card-body .card-content-description.search-results-snippet .content-excerpt-or-snippet {
    /* border: 1px solid #cccccccc;
    background-color: #cccccccc; */
    padding: 0 2rem;
    color: #999999;
}
body.search-results article.search-results-card .card-body .card-content-description.search-results-snippet .content-excerpt-or-snippet > div {
    margin: 0.5rem 0;
}
body.search-results article.search-results-card .card-body .card-content-journal-info {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-style: italic;
}
body.search-results article.search-results-card .card-body .card-read-more-button {
    background: transparent;
    border: 2px solid var(--pt-orange);
    color: var(--pt-orange);
    font-size: .875rem;
    padding: .9375rem 2.5rem;
    text-decoration: none;
    border-radius: .1875rem;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: inherit;
    -webkit-appearance: button;
    overflow: visible;
    margin-top: 1.25rem;
    align-self: flex-start;
}
body.search-results article.search-results-card:hover .card-body .card-read-more-button {
    background-color: var(--pt-orange);
    color: white;
}

/* search-results pagination styles (for search-results pagination classed as 'search-results-navigation') */
.search-results-navigation {
    margin: 20px 0;
}

.search-results-navigation,
.search-results-navigation nav.pagination .nav-links {
    display: flex;
    justify-content: right;
}

.search-results-navigation a,
.search-results-navigation .current {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    /*
    border: 1px solid #e1e4e8;
    color: #0366d6;
    border-radius: 4px;
    background-color: #f6f8fa;
    */
}

.search-results-navigation .current {
    /*
    background-color: #0366d6;
    color: #fff;
    border-color: #0366d6;
    */
    font-weight: 600;
}

.search-results-navigation a:hover {
    background-color: #e1e4e8;
    border-color: #d1d5da;
}

.search-results-navigation .next {
    min-height: 1rem;
    margin: 0;
}

.search-results-navigation .next,
.search-results-navigation nav.pagination {
    border: 0 solid white;
}

section.content-area .site-content section.no-results {
    padding-bottom: 10rem;
}