@charset "UTF-8";
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; font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { 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;
} 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;
} ::selection {
background: #eae9e6;
color: #787065;
}
::-moz-selection {
background: #eae9e6;
color: #787065;
} 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; max-width: 100%; }
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;
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"]::-webkit-search-decoration { -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 { border: 0;
padding: 0;
} 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; vertical-align: top; width: 100%;
} ::-webkit-input-placeholder {
color: #d9d6d0;
}
::-moz-placeholder {
color: #d9d6d0;
}
:-ms-input-placeholder {
color: #d9d6d0;
} .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;
} 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;
} input::selection {
background: #eae9e6;
}
input::-moz-selection {
background: #eae9e6;
} body {
background: #f2f1ed;
}
#content {
margin: 4rem auto;
max-width: 65%;
padding: 0;
width: auto;
} .nav-bar {
background: #fAf9f5;
border-bottom: 1px solid #d9d6d0;
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;
} .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;
} body:not(.libretto-has-header-image) .title-block {
margin: 2rem auto;
max-width: 680px;
} .libretto-has-header-image #masthead {
background: #d9d6d0 url(//blog.ian-winter.com/wp-content/themes/libretto/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;
} #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;
} #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;
} #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";
} #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; }
#wpstats {
display: none; }  a {
color: #932817;
text-decoration: none;
}
a:visited {
color: #943526;
}
a:hover,
a:focus,
a:active {
color: #712012;
}  #site-navigation {
border-top: none;
}
#site-navigation ul {
list-style: none;
margin: 0;
padding: 0 10px 0 0;
}
#site-navigation .menu li {
margin: 0;
}
#site-navigation a {
display: block;
padding: 1.5rem 1.5rem;
text-decoration: none;
} #site-navigation .current_page_item > a,
#site-navigation .current_page_parent > a {
color: #a09a92;
} [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: 20px;
font-size: 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;
}  .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; } .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;
} .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;
} .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-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; }
.entry-meta {
color: #a09a92;
font-style: italic;
line-height: 1.4;
}
.entry-meta a {
color: #787065;
}
time + time {
display: none; }
.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 {
margin: -4rem auto 2rem;
} article + article {
margin-top: 8rem;
}
.entry-content {
text-align: left;
word-wrap: break-word;
}  .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-line,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-line,
.emphasis:first-line {
color: #787065;
font-family: "Playfair Display SC";
font-size: 1em;
font-style: normal !important; font-weight: bold;
letter-spacing: 2px;
}
.format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
.emphasis::after {
clear: both;
content: "";
display: block;
} @media not all and (min-resolution:.001dpcm) { @media {
.format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
.emphasis::after {
display: inline-block;
}
}}
.format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type + p,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type + p,
.emphasis + p {
clear: left;
} .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;
} .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;
} .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;
} .page-links {
color: #a09a92;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
font-size: 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;
} .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;
} 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: " · ";
}  #respond {
font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif !important; }
#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;
} #comment-nav-above {
border-top: none;
margin-top: 0;
} .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 {
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;
} .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;
} .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
} .bypostauthor {
background: #d9d6d0;
padding: 2rem 1rem 1rem;
}
.bypostauthor .avatar {
border: 3px solid #faf9f5;
} .pingback {
color: #a09a92;
font-size: 0.85em;
font-style: italic;
line-height: 1.4;
margin: 2rem 0;
}
.pingback a {
color: #787065;
} .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;
} #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;
} .widget select {
max-width: 100%;
width: 100%;
} .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;
} #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;
} .tagcloud {
line-height: 1.2;
}
#wp-calendar #next {
text-align: right;
} .textwidget {
color: #a09a92;
font-size: 1.4em;
font-style: italic;
} .widget .avatar {
margin: 0;
}  .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; } .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;
} .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;
}  .infinite-scroll .navigation-paging,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .infinite-wrap {
margin-top: 10em;
} .infinite-loader {
margin: 2em 46%;
} #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;
} .sharedaddy .sd-title {
font-style: normal;
} .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);
} .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%;
}  .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;
} embed,
iframe,
object {
max-width: 100%;
}
.attachment {
margin-bottom: 1em;
} .mejs-controls button {
border: none;
outline: transparent;
} .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;
} .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;
}  @media only screen and (max-width: 640px) { 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; }
.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;
} #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;
} .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;
} #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;
} #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);
} #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;
} #site-navigation .search-form {
display: none;
} #site-navigation .menu li {
border-top: 1px solid #787065;
display: block;
text-align: left;
}
#site-navigation .sub-menu li {
background: #363431;
text-indent: 2rem;
} #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;
} .libretto-long-form {
margin-left: -10px;
padding: 10px;
width: calc(100% + 20px);
} .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%;
} .comment-content {
margin: 1rem 0.5rem;
}
.comment-list .children {
border-left: 0;
border-top: 4px solid #d9d6d0;
margin: 2rem 0;
padding: 2rem 0 0;
} #footer-sidebar .widget-block {
width: 100%;
} #colophon .site-info,
#social {
padding: 0.75rem 0.5rem;
text-align: right;
width: 100%;
} form {
margin-bottom: 1em;
text-align: center;
}
input {
margin-top: 10px;
} blockquote.alignleft,
blockquote.alignright {
max-width: 100%;
width: 100%;
}
} @media only screen and (min-width: 641px) { .libretto-blog-home .site-branding {
display: none;
}
.libretto-blog-home .nav-bar {
min-height: 3.2em;
} .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;
} .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; 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;
} #site-navigation li:not(.menu-item-has-children) a:hover {
border-bottom: 2px solid #999;
color: #363431;
} #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;
} .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);
} #site-navigation .search-form {
margin-top: -8px;
}
#site-navigation div + .search-form {
bottom: 11px;
position: absolute; 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;
} #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;
}   .gallery,
.libretto-oversized {
margin-left: -3em;
margin-right: -3em;
max-width: calc(100% + 6em);
} .format-aside .entry-content,
.format-quote .entry-content,
.libretto-long-form {
max-width: calc(100% + 3em);
} .libretto-long-form {
padding: 1.5em;
} .alignleft {
margin-left: -1.5em;
}
.alignright {
margin-right: -1.5em;
} 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%;
} .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%;
} [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;
} .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;
} .navigation-image .next {
min-height: 2.4rem;
} .error404 .widget {
float: left;
margin: 0 4% 2rem 0;
width: 48%;
}
.error404 .widget:nth-of-type(2n) {
margin-right: 0;
} #footer-sidebar .widget-block {
float: left;
margin: 0 0 0 4%;
width: 48%;
}
#footer-sidebar .widget-block:nth-of-type(odd) {
margin-left: 0;
} #colophon {
padding: 0 2rem 1rem;
width: 100%;
}
#colophon .site-info {
float: right;
text-align: right;
padding-top: 0.8em;
}
#social {
float: right;
line-height: 1;
}
} @media only screen and (min-width: 860px) { .site-branding {
margin-left: 4rem;
}
#site-navigation {
margin-left: 3rem;
margin-right: 4rem;
} .gallery,
.libretto-oversized {
margin-left: -3em;
margin-right: -3em;
max-width: calc(100% + 6em);
} .format-aside .entry-content,
.format-quote .entry-content,
.libretto-long-form {
margin-left: -0.5em;
margin-right: -0.5em;
max-width: calc(100% + 1em);
} .libretto-long-form {
padding: 3em 3em 1em;
} .alignleft {
margin-left: -6em;
}
.alignright {
margin-right: -6em;
} #footer-sidebar {
padding: 4rem 4rem;
} #footer-sidebar .widget-block:nth-child(1):nth-last-child(1) {
margin: 0 auto;
width: 85%;
} #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%;
} #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;
} #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;
} #colophon {
padding-left: 4rem;
padding-right: 4rem;
}
} @media print {
body {
background: none !important; 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; }
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; }
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; } .nav-bar,
#masthead img {
display: none;
}
.libretto-has-header-image #masthead:after {
display: none;
} .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;
} .sharedaddy,
.navigation-post,
.navigation-paging,
.navigation-image,
#comments,
#footer-sidebar,
#colophon {
display: none;
}
}

@font-face {
font-family: "libretto-icons";
src:url(//blog.ian-winter.com/wp-content/themes/libretto/icons/fonts/libretto-icons.eot);
src:url(//blog.ian-winter.com/wp-content/themes/libretto/icons/fonts/libretto-icons.eot?#iefix) format("embedded-opentype"),
url(//blog.ian-winter.com/wp-content/themes/libretto/icons/fonts/libretto-icons.woff) format("woff"),
url(//blog.ian-winter.com/wp-content/themes/libretto/icons/fonts/libretto-icons.ttf) format("truetype"),
url(//blog.ian-winter.com/wp-content/themes/libretto/icons/fonts/libretto-icons.svg#libretto-icons) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "libretto-icons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "libretto-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chat-talk-outline:before {
content: "c";
}
.icon-copy-outline:before {
content: "a";
}
.icon-camera-outline:before {
content: "i";
}
.icon-chatbubble-outline:before {
content: "s";
}
.icon-video-camera-outline:before {
content: "v";
}
.icon-pin:before {
content: "p";
}
.icon-dribbble:before {
content: "D";
}
.icon-facebook:before {
content: "F";
}
.icon-twitter:before {
content: "T";
}
.icon-vimeo:before {
content: "V";
}
.icon-pinterest:before {
content: "N";
}
.icon-rss:before {
content: "R";
}
.icon-google:before {
content: "G";
}
.icon-youtube-play-outline:before {
content: "Y";
}
.icon-lock-outline:before {
content: "w";
}
.icon-heart-small-outline:before {
content: "\e017";
}
.icon-remove-delete-circle:before {
content: "\e01b";
}
.icon-search-2:before {
content: "o";
}
.icon-tag-outline:before {
content: "\e027";
}
.icon-star-outline:before {
content: "y";
}
.icon-keypad-outline:before {
content: "\e029";
}
.icon-mic-outline:before {
content: "u";
}
.icon-link:before {
content: "l";
}
.icon-undo-outline:before {
content: "\e02d";
}
.icon-redo-outline:before {
content: "r";
}
.icon-quote:before {
content: "q";
}
.icon-instagram:before {
content: "I";
}
.icon-flickr:before {
content: "K";
}
.icon-linkedin:before {
content: "L";
}
.icon-tumblr:before {
content: "U";
}
.icon-reddit:before {
content: "E";
}
.icon-stumbleupon-1:before {
content: "S";
}
.icon-pocket:before {
content: "O";
}
.icon-filmstrip:before {
content: "g";
}
.icon-fleuron-left:before {
content: "~";
}
.icon-fleuron-right:before {
content: "`";
}
.icon-document:before {
content: "e";
}#jp-post-flair {
padding-top: 0.5em;
} div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
clear: both;
}
div.sharedaddy h3.sd-title {
margin: 0 0 1em 0;
display: inline-block;
line-height: 1.2;
font-size: 9pt;
font-weight: 700;
}
div.sharedaddy h3.sd-title::before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid #dcdcde;
margin-bottom: 1em;
} div.jetpack-likes-widget-wrapper {
width: 100%;
min-height: 50px; position: relative; }
div.jetpack-likes-widget-wrapper .sd-link-color {
font-size: 12px;
}
div.jetpack-comment-likes-widget-wrapper {
width: 100%;
position: relative;
min-height: 31px;
}
div.jetpack-comment-likes-widget-wrapper iframe {
margin-bottom: 0;
}
#likes-other-gravatars {
display: none;
position: absolute;
padding: 9px 12px 10px 12px;
background-color: #fff;
border: solid 1px #dcdcde;
border-radius: 4px;
box-shadow: none;
min-width: 220px;
max-height: 240px;
height: auto;
overflow: auto;
z-index: 1000;
}
#likes-other-gravatars * {
line-height: normal;
}
#likes-other-gravatars .likes-text {
color: #101517;
font-size: 12px;
font-weight: 500;
padding-bottom: 8px;
}
#likes-other-gravatars ul,
#likes-other-gravatars li {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#likes-other-gravatars li::before {
content: "";
}
#likes-other-gravatars ul.wpl-avatars {
overflow: auto;
display: block;
max-height: 190px;
}
#likes-other-gravatars ul.wpl-avatars li {
width: 196px;
height: 28px;
float: none;
margin: 0 0 4px 0;
}
#likes-other-gravatars ul.wpl-avatars li a {
margin: 0 2px 0 0;
border-bottom: none !important;
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
}
#likes-other-gravatars ul.wpl-avatars li a span {
font-size: 12px;
color: #2c3338;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#likes-other-gravatars ul.wpl-avatars li a img {
background: none;
border: none;
border-radius: 50%;
margin: 0 !important;
padding: 1px !important;
position: static;
box-sizing: border-box;
}
div.sd-box {
border-top: 1px solid #dcdcde;
border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.jetpack-likes-widget-unloaded .likes-widget-placeholder,
.jetpack-likes-widget-loading .likes-widget-placeholder,
.jetpack-likes-widget-loaded iframe {
display: block;
}
.jetpack-likes-widget-loaded .likes-widget-placeholder,
.jetpack-likes-widget-unloaded iframe,
.jetpack-likes-widget-loading iframe {
display: none;
}
.entry-content .post-likes-widget,
.post-likes-widget,
.comment-likes-widget {
margin: 0;
border-width: 0;
} .post-likes-widget-placeholder,
.comment-likes-widget-placeholder {
margin: 0;
border-width: 0;
position: relative;
}
.comment-likes-widget-placeholder {
height: 18px;
position: absolute;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comment-likes-widget-placeholder::before {
color: #2ea2cc;
width: 16px;
height: 16px;
content: "";
display: inline-block;
position: relative;
top: 3px;
padding-right: 5px;
background-repeat: no-repeat;
background-size: 16px 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%232EA2CC' d='M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/g%3E%3C/svg%3E");
}
.post-likes-widget-placeholder .button {
display: none; }
.post-likes-widget-placeholder .loading,
.comment-likes-widget-placeholder .loading {
color: #999;
font-size: 12px;
}
.comment-likes-widget-placeholder .loading {
padding-left: 5px;
margin-top: 4px;
align-self: center;
color: #4e4e4e;
} div.sharedaddy.sd-like-enabled .sd-like h3 {
display: none;
}
div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
width: 100%;
float: none;
position: absolute; top: 0;
}
.comment-likes-widget {
width: 100%;
} .pd-rating,
.cs-rating {
display: block !important;
} .sd-gplus .sd-title {
display: none;
}
@media print {
.jetpack-likes-widget-wrapper {
display: none;
}
}