/*
Theme Name: Compelling
Author: Stephen Dickinson
Author URI: http://stephencottontail.com/
Description: Your blog deserves the best. Bold. Beautiful. Compelling.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: compelling
Tags: one-column, custom-menu, editor-style, footer-widgets, theme-options, threaded-comments, translation-ready, blog, photography, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Box Sizing ========================================================================== */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -webkit-box-sizing: inherit; box-sizing: inherit; }
*:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { /* Change the default font family in all browsers (opinionated). */ font-family: "Muli", "Helvetica Neue", sans-serif; font-size: 100%; line-height: 1.5; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ background-color: #151515; color: #fff; text-rendering: optimizeLegibility; }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-family: "Cormorant Garamond", "Georgia", serif; font-weight: 300; letter-spacing: -1px; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 32px; line-height: 48px; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin: 24px 0; }

h2 { font-size: 26.08px; line-height: 48px; margin: 24px 0; }

h3 { font-size: 24px; line-height: 48px; margin: 24px 0; }

h4 { font-size: 18.72px; line-height: 24px; margin: 24px 0; }

h5 { font-size: 16px; line-height: 24px; margin: 24px 0; }

h6 { font-size: 16px; line-height: 24px; margin: 24px 0; }

/* Grouping content ========================================================================== */
/** Set 1 unit of vertical rhythm on the top and bottom margin. */
blockquote { margin: 24px 0; padding: 24px; position: relative; background-color: rgba(183, 168, 92, 0.15); border-left: 2px solid #b7a85c; }
blockquote p { margin: 0; }

/** Turn off margins on nested lists. */
ol, ul { margin: 24px 0; padding: 0 0 0 24px; }
ol ol, ol ul, ul ol, ul ul { margin: 0; }

dt { font-weight: bold; }

dd { margin: 0 0 12px; }

/** Add the correct display in IE 9-. */
figcaption, figure { display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 24px 24px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Add the correct display in IE. */
main { display: block; }

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 0 0 24px 0; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre, code, kbd, samp, tt { font-family: "Inconsolata", "Courier New", monospace, monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

pre { max-width: 100%; overflow: auto; word-wrap: break-word; }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ color: #b7a85c; text-decoration: none; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; }
a:visited { color: #9b8d45; }
a:hover, a:active, a:focus { color: #9b8d45; text-decoration: underline; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title], acronym { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ cursor: help; }

address { margin: 24px 0; }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

ins, var { background-color: rgba(183, 168, 92, 0.45); font-style: normal; padding: 2px; text-decoration: none; }

var { font-family: "Inconsolata", "Courier New", monospace; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** Known issues: - `select`: By default, Chrome on OS X and Safari on OS X allow very limited styling of select, unless a border property is set. The default font weight on optgroup elements cannot safely be changed in Chrome on OSX and Safari on OS X. - `[type="checkbox"]`: It is recommended that you do not style checkbox and radio inputs as Firefox's implementation does not respect box-sizing, padding, or width. - `[type="number"]`: Certain font size values applied to number inputs cause the cursor style of the decrement button to change from `default` to `text`. - `[type="search"]`: The search input is not fully stylable by default. In Chrome and Safari on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In Chrome and Safari on Windows you can't control `border` properly. It will apply `border-width` but will only show a border color (which cannot be controlled) for the outer 1px of that border. Applying `-webkit-appearance: textfield` addresses these issues without removing the benefits of search inputs (e.g. showing past searches). Safari (but not Chrome) will clip the cancel button on when it has padding (and `textfield` appearance). - `::placeholder`: In Edge, placeholders will disappear on `relative` or `absolute` positioned `<input>` elements if you use `opacity` less than `1` due to a [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { line-height: 24px; /* 1 */ font-family: "Muli", "Helvetica Neue", sans-serif; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ /* theme-specific customizations */ padding: 6px; max-width: 100%; }

/** Show the overflow in IE. */
button { overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none; /* 2 */ /* theme-specific customizations */ padding: 6px 24px; background-color: #151515; border: 1px solid #b7a85c; color: #b7a85c; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; }
button:hover, button:active, button:focus, html [type="button"]:hover, html [type="button"]:active, html [type="button"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus { background-color: #b7a85c; color: #151515; }

button, [type="button"], [type="reset"], [type="submit"] { /** Remove the inner border and padding in Firefox. */ /** Restore the focus styles unset by the previous rule. */ }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Show the overflow in Edge. */
input { overflow: visible; /* theme-specific customizations */ background-color: #151515; border: 1px solid transparent; border-bottom-color: #b7a85c; color: #fff; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; }
input:hover, input:active, input:focus { border-color: #b7a85c; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; font-style: italic; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; font-style: italic; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-style: italic; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; font-style: italic; }

::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; font-style: italic; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: none; /* 1 */ outline-offset: -2px; /* 2 */ /** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; /* theme-specific customizations */ background-color: #151515; border: 1px solid #b7a85c; color: #fff; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Add the correct display in IE 9-. */
menu { display: block; /* 1. Set 1 unit of vertical rhythm on the top and bottom margin. 2. Set consistent space for the list style image. */ margin: 24px 0; /* 1 */ padding: 0 0 0 24px; /* 2 */ /** Turn off margins on nested lists. */ }
menu menu, ol menu, ul menu { margin: 0; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* Tables ========================================================================== */
table { margin: 24px 0; border: 1px solid #6a6a68; border-collapse: collapse; max-width: 100%; }
table th, table td { padding: 6px; border: 1px solid #6a6a68; }

.not-found { margin: 0 24px 24px 72px; background-color: #151515; }
@media screen and (min-width: 800px) { .not-found { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .not-found { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .not-found { margin: 0 24px 24px; } }
.not-found .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; }
.not-found label { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; }
.not-found .search-field { width: 100%; }
.not-found .search-submit { margin: 0 24px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 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. */ }

.archive-header { margin: 0 24px 0 72px; padding: 0 0 24px; background-color: #151515; border-bottom: 1px solid #6a6a68; }
@media screen and (min-width: 800px) { .archive-header { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .archive-header { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .archive-header { margin: 0 24px; border-bottom: none; } }

.archive-title { margin: 24px 0 0; line-height: 36px; word-wrap: break-word; }

.archive-description { margin: 0; font-style: italic; }

.comments-area { margin: 0 24px 0 72px; background-color: #151515; }
@media screen and (min-width: 800px) { .comments-area { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .comments-area { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .comments-area { margin: 0 24px; } }
.comments-area .comment-list, .comments-area .children { padding: 0; list-style: none; }
@media screen and (min-width: 800px) { .comments-area .children { padding-left: 48px; } }

.pingback-body, .comment-body { margin-bottom: 48px; }

.pingback-header { font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }

.comment-header { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.comment-header .fn { padding: 0 24px; }
.comment-header .avatar { border-radius: 50%; }
.bypostauthor .comment-header .avatar { border: 2px solid #b7a85c; }

.in-reply-to { padding-top: 6px; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
@media screen and (min-width: 800px) { .in-reply-to { display: none; } }

.comment-content { margin-bottom: 24px; }

.awaiting-moderation { margin-bottom: 24px; display: block; font: italic 16px "Cormorant Garamond", "Georgia", serif; opacity: 0.9; }

.comment-footer { margin: 0 0 24px; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
@media screen and (min-width: 800px) { .comment-footer { font-size: 16px; } }
.comment-footer .meta-info { display: block; }

.comment-respond { margin: 12px 0; }
.comment-respond label { padding: 0 6px; display: block; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
.comment-respond input, .comment-respond textarea { width: 100%; }
.comment-respond .submit { width: auto; }

.site { position: relative; }

.post, article.page { margin: 48px 0; }

.entry-inner { margin: 0 24px 0 72px; background-color: #151515; }
@media screen and (min-width: 800px) { .entry-inner { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .entry-inner { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .entry-inner { margin: 0 24px; } }
.single .entry-inner { width: 90%; }

.entry-thumbnail { height: 100%; }
.entry-thumbnail img { display: block; }

.entry-title { margin: 24px 0 0; line-height: 36px; word-wrap: break-word; }

.entry-meta { margin: 0 0 24px; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
@media screen and (min-width: 800px) { .entry-meta { font-size: 16px; } }
.entry-meta .meta-info { display: block; }

.entry-content { margin: 24px 0 0 0; }

.entry-footer { margin: 24px 0; }

.read-more { font-style: italic; }

.has-post-thumbnail { position: relative; }
.has-post-thumbnail .entry-inner { padding: 0 24px 24px; }
.single .has-post-thumbnail .entry-inner, body.page .has-post-thumbnail .entry-inner { border-bottom: none; }
@media screen and (min-width: 800px) { .has-post-thumbnail .entry-inner { position: absolute; bottom: 10%; left: 20%; width: 65%; border-bottom: 4px solid #b7a85c; }
  .single .has-post-thumbnail .entry-inner, body.page .has-post-thumbnail .entry-inner { position: static; width: 90%; } }
@media screen and (min-width: 800px) and (min-width: 800px) { .single .has-post-thumbnail .entry-inner, body.page .has-post-thumbnail .entry-inner { padding: 0 0 0 300px; } }
@media screen and (min-width: 800px) and (min-width: 1100px) { .single .has-post-thumbnail .entry-inner, body.page .has-post-thumbnail .entry-inner { padding: 0 0 0 550px; } }

.site-footer { padding: 0 24px; }

.site-info { padding: 12px 0; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-align: center; }
@media screen and (min-width: 800px) { .site-info { text-align: right; } }

.front { padding-top: 48px; padding-bottom: 24px; background-color: #b7a85c; color: #151515; }
.front a { color: #151515; text-decoration: underline; }
.front .entry-title { margin: 0; font-size: 64px; line-height: 72px; }
.front .entry-inner { background-color: #b7a85c; font: normal 1.1em "Cormorant Garamond", "Georgia", serif; }

.see-more { padding: 24px 0; display: block; font: italic 32px "Cormorant Garamond", "Georgia", serif; text-align: center; }

@media screen and (min-width: 800px) { .site-header { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .site-header { padding: 0 0 0 550px; } }

.site-branding { padding: 24px; border-bottom: 2px solid #b7a85c; word-wrap: break-word; }

.site-title { line-height: 48px; margin: 0; font-family: "Cormorant Garamond", "Georgia", serif; font-size: 64px; letter-spacing: -2px; text-align: right; }

.site-description { margin: 24px 0 0 0; font-style: italic; text-align: right; }

img, figure { margin: 0; max-width: 100%; height: auto; }

.alignleft { margin: 0 24px 24px 0; display: inline-block; float: left; }

.alignright { margin: 0 0 24px 24px; display: inline-block; float: right; }

.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; }

.wp-caption { margin-bottom: 24px; }
.wp-caption img { width: 100%; }

.wp-caption-text { font: normal 16px "Cormorant Garamond", "Georgia", serif; text-align: right; }

.gallery { margin-bottom: 24px; clear: both; }

.gallery-item { margin-bottom: 24px; display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.3333333333%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.6666666667%; }
.gallery-columns-7 .gallery-item { max-width: 14.2857142857%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.1111111111%; }

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

.site-navigation { margin: 12px 0; }
.site-navigation ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
.site-navigation ul ul { font-size: 0.9em; text-transform: lowercase; }
@media screen and (min-width: 800px) { .site-navigation ul { display: block; } }
.site-navigation a { padding: 6px; display: block; position: relative; }
.site-navigation a:hover, .site-navigation a:active, .site-navigation a:focus { background-color: #9b8d45; text-decoration: none; }

.navigation { margin: 0 24px 0 72px; border-top: 1px dashed #6a6a68; border-bottom: 1px dashed #6a6a68; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
@media screen and (min-width: 800px) { .navigation { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .navigation { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .navigation { margin: 0 24px; border-top: none; border-bottom: none; } }
.navigation.comment-navigation { padding: 0; margin: 0; }

.nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.nav-links a { padding: 12px; display: block; height: 100%; }
.nav-links a:hover, .nav-links a:active, .nav-links a:focus { background-color: #b7a85c; color: #151515; text-decoration: none; }
@media screen and (min-width: 800px) { .nav-links a { padding: 24px; } }

.nav-previous, .nav-next { width: 100%; }

.nav-previous { text-align: center; }
@media screen and (min-width: 800px) { .nav-previous { text-align: left; } }

.nav-next { text-align: center; }
@media screen and (min-width: 800px) { .nav-next { text-align: right; } }

.nav-title { margin: 0 0 12px 0; display: block; font: normal 16px "Muli", "Helvetica Neue", sans-serif; text-transform: none; }

.page-links { padding: 12px 0; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }
.page-links .page-number { padding: 0 6px; }

.panel { padding: 12px 0; background-color: #b7a85c; color: #151515; display: none; position: fixed; height: 100%; width: 75%; top: 0; left: 0; overflow-y: scroll; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; z-index: 10; /** this should really be its own partial, but we need to artificially increase the specificity of these selectors  there are other ways to fix this, but this is the one I chose  */ }
.panel a { color: #151515; }
.panel-active .panel { display: block; }
.admin-bar .panel { top: 46px; }
@media screen and (min-width: 783px) { .admin-bar .panel { top: 32px; } }
.scroll-below-admin-bar .panel { top: 0; }
@media screen and (min-width: 800px) { .panel { width: 300px; } }
@media screen and (min-width: 1100px) { .panel { width: 550px; } }
.panel .jetpack-social-navigation-genericons { margin: 24px 0; padding: 24px 0; border-top: 1px solid #151515; border-bottom: 1px solid #151515; }
.panel .jetpack-social-navigation-genericons .screen-reader-text { position: static !important; }
.panel .jetpack-social-navigation-genericons ul { margin: 0; }
.panel .jetpack-social-navigation-genericons li { display: list-item; line-height: inherit; }
.panel .jetpack-social-navigation-genericons a { padding: 6px; display: block; height: auto; width: auto; text-transform: uppercase; }
.panel .jetpack-social-navigation-genericons a:before { display: none; }
.panel .jetpack-social-navigation-genericons a:hover, .panel .jetpack-social-navigation-genericons a:active, .panel .jetpack-social-navigation-genericons a:focus { background-color: #9b8d45; text-decoration: none; }

.panel-toggle { padding: 12px; position: fixed; top: 0; left: 0; width: 3em; height: auto; background-color: #b7a85c; color: #fff; border: 0; text-align: center; -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; z-index: 10; /* hamburger menu icon */ }
.admin-bar .panel-toggle { top: 46px; }
@media screen and (min-width: 783px) { .admin-bar .panel-toggle { top: 32px; } }
.scroll-below-admin-bar .panel-toggle { top: 0; }
.panel-toggle:hover, .panel-toggle:active, .panel-toggle:focus { background-color: #b7a85c; color: #151515; }
.panel-active .panel-toggle { left: 75%; }
@media screen and (min-width: 800px) { .panel-active .panel-toggle { left: 300px; } }
@media screen and (min-width: 1100px) { .panel-active .panel-toggle { left: 550px; } }
.panel-active .panel-toggle .icon { -webkit-transform: scale(0); transform: scale(0); }
.panel-active .panel-toggle:before { -webkit-transform: translateY(0.4em) rotate(135deg); transform: translateY(0.4em) rotate(135deg); }
.panel-active .panel-toggle:after { -webkit-transform: translateY(-0.4em) rotate(-135deg); transform: translateY(-0.4em) rotate(-135deg); }
.panel-active .panel-toggle:before { -webkit-transform: translateY(0.4em) rotate(135deg); transform: translateY(0.4em) rotate(135deg); }
.panel-active .panel-toggle:after { -webkit-transform: translateY(-0.4em) rotate(-135deg); transform: translateY(-0.4em) rotate(-135deg); }
.panel-toggle:before, .panel-toggle:after { content: ''; }
.panel-toggle:before, .panel-toggle .icon, .panel-toggle:after { display: block; width: 100%; height: .2em; margin: 0 0 .2em; -webkit-transition: -webkit-transform 600ms ease-in-out; transition: -webkit-transform 600ms ease-in-out; transition: transform 600ms ease-in-out; transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out; -webkit-transition-delay: 900; transition-delay: 900; border-radius: .05em; background: #151515; }

.recent-posts { margin: 0 24px 0 72px; background-color: #151515; }
@media screen and (min-width: 800px) { .recent-posts { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .recent-posts { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .recent-posts { margin: 0 24px; } }

.widget-area { margin: 48px 24px 0 72px; }
@media screen and (min-width: 800px) { .widget-area { padding: 0 0 0 300px; } }
@media screen and (min-width: 1100px) { .widget-area { padding: 0 0 0 550px; } }
@media screen and (min-width: 800px) { .widget-area { margin: 48px 24px; } }

.widget { margin: 0 0 48px 0; position: relative; }
.widget select { clear: both; display: block; max-width: 100%; }
.widget #next { text-align: right; }
.widget:before { content: ''; position: absolute; height: 0.05em; width: 100%; top: 24px; left: 0; background-color: #6a6a68; }

.widget-title { margin: 12px 0; padding: 0 12px 0 0; position: relative; display: inline-block; background-color: #151515; line-height: 36px; z-index: 10; }

.widget_rss { position: static; }
.widget_rss:before { display: none; }
.widget_rss .widget-title { position: static; }
.widget_rss ul { padding: 0; list-style: none; }
.widget_rss li { margin: 12px 0; }
.widget_rss .rss-date { display: block; font: italic 16px "Cormorant Garamond", "Georgia", serif; text-transform: lowercase; }

.widget_search { position: static; }
.widget_search:before { display: none; }

.sticky { /* required for theme review */ }
