/*
Theme Name: YSLTT 2026
CSS Update: 153
Theme URI: https://github.com/Rob-Keller/YSLTT-2026
Author: Rob Keller (based on Hive Lite by Pixelgrade)
Author URI: https://youshouldliketypetoo.com
Description: Custom theme for You Should Like Type Too, based on Hive Lite. Original description: An effortless tool for publishers of all kind, cherished for its clean masonry-style layout, modern typography and flexibility. Whether you're looking to share your own thoughts, write about your latest findings or just have a scrapbook of photos, videos, quotes or other stuff, HIVE Lite is designed to fulfill these and a lot more.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, grid-layout, right-sidebar, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, blog, news, custom-menu, threaded-comments, post-formats, custom-logo, custom-colors
Hive Lite WordPress Theme, Copyright (C) 2016-2019, Pixelgrade.
Hive Lite is distributed under the terms of the GNU GPL v2 or later.
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Hive Lite is based on Underscores http://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

 Official Theme Colors
 2016
 Spring: #92BF00 "Optimistic Green"
 Summer: #F2B618 "Record Hot Summer"
 Autumn: #DE3F00 "Leaves Don't Change To This Color in Mumbai"
 Winter: #BFE1FF "Midwest Polar Vortex"
 2017
 Spring: #E50000 "Red Rage"
 Summer: #6ADA8E "Caribbean Green Pearl"
 Winter: #110066 "Rich Dark Blue"
 2018
 Spring: #f9f1c2 "Faint Optimism"
 Summer: #c63c6f "Maglia Rosa"
 Winter: #586fa1 "It's Winter Again"
 2019
 Spring: #c9b293 "Dusty Smog"
 Summer: #0034ff "Nice Blue"
 2020
 Spring: #668c6a "Dusty Grass"
 After March: #665e00 "Shitty Covid Time Brown"
 2021
 April: #AFE313 "Inchworm"
 2022
 Spring: #FFAA00 "FAO Orange"
 Summer: # f72585 "HOT Pink"
 2023
 December: #a76bc9 "Soft Purp"
 2026
 Autumn: #00A5B5 "Nice & Nautical"
*/

:root {
  --color: #00A5B5; 
}

  @font-face {
  font-family: 'Interchange VF';
  src: url('fonts/Interchange.woff2') format('woff2');
}

html {
  font-family: 'Interchange VF', sans-serif; 
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 19px;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
  text-decoration: none !important;
  border-bottom: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-variation-settings: "wght"86;
  font-weight: normal;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

img:hover {
  opacity: .8;
  cursor: zoom-in;
}

.fancybox-image {
  opacity: 1 !important;
  cursor: default !important;
}

svg:not(:root) {
  overflow: hidden;
}

*:focus {
  outline: none;
}

figure {
  margin: 1em 0px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-variation-settings: "wght"86; 
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

::-moz-selection {
  color: #000;
  background: var(--color);
}

::selection {
  color: #000;
  background: var(--color);
}

/* Reset */

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

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

abbr[title], dfn[title] {
  cursor: help;
}

u, ins {
  text-decoration: none;
}

ins {
  border-bottom: 1px solid;
}

body {
  line-height: 1.6;
  color: #3d3e40;
}

h1, h2, h3, blockquote, .single .entry-content:before, .page .entry-content:before {
  color: #171617;
}

h4, h5, h6 {
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  line-height: .9;
  margin-top: .75em;
  margin-bottom: .5em;
}

body, blockquote cite, .widget, div.sharedaddy .sd-social h3.sd-title {
  font-variation-settings: "wght" 40, "opsz" 25;
}

/* Headings */

h1 {
  font-size: 4em;
  font-variation-settings: "wght" 90, "opsz" 70;
}

h2 {
  font-size: 3.5em;
  font-variation-settings: "wght" 92, "opsz" 65;  
}

h3 {
  font-size: 2.5em;
  font-variation-settings: "wght" 90, "opsz" 60;  
}

h4 {
  font-size: 2em;
  font-variation-settings: "wght" 88, "opsz" 45;  
}

h5 {
  font-size: 1.5em;
  font-variation-settings: "wght"86, "opsz" 40;  
}

h6 {
  font-size: 1em;
  font-variation-settings: "wght" 84, "opsz" 35;  
}

#archive h4 {
  color: var(--color) !important;
}

.typefaces {
  margin: 45px 0 0 0;
  padding-bottom: 8px;
  border-bottom: 2px #aaa solid;
  padding: 15px 0 12px 15px;
  color: #aaa;
}

@media not screen and (min-width: 899px) {
  h1 {
  font-size: 2em;
  line-height: .8;
  }

  h2 {
  font-size: 2em;
  line-height: 100%;
  }
  
  #archive h2 {
  font-size: 3em;
  line-height: .8em;
  margin-top: 0;
  }

  h3 {
  font-size: 1.25em;
  line-height: 100%;
  }

  h4 {
  font-size: 1.5em;
  line-height: .8;
  }

  #archive h4 {
  font-size: 1.75em;
  }
}

/* Paragraphs */

p {
  margin-top: 0;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1em;
}

.entry-content {
  -webkit-font-smoothing: antialiased;
}

/* Links */

a {
  text-decoration: none;
  color: #000;
  transition: .2s ease-in-out;
}

a:hover {
  color: var(--color);
}

p a {
  font-variation-settings: "wght" 85, "opsz" 5;
}

p a:hover {
  font-variation-settings: "wght" 30, "opsz" 5;
}

/* Lists */

acronym {
  border-bottom: 1px dotted #3d3e40;
}

/* Blockquotes */

blockquote {
  position: relative;
  text-align: left;
  font-size: 1.66em;
  line-height: 1.33;
  margin-top: 2em;
  margin-bottom: 1.5em;
  padding-top: 1.25em;
  padding-bottom: 1em;
}

blockquote blockquote {
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

  blockquote blockquote:after {
  border-bottom: 0;
}

@media not screen and (min-width: 899px) {
  blockquote {
  font-size: 1.125em;
  line-height: 1.25;
  margin-top: 2.66667em;
  margin-bottom: 2em;
  padding: 0.66667em;
  padding-top: 1.33333em;
  padding-bottom: 1.33333em;
  }
}

blockquote:before {
  content: '\201C';
  position: absolute;
  top: -0.5em;
  left: 50%;
  padding: 0 0.857em;
  color: black;
  font-size: 200%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

blockquote:after {
  content: '';
  display: block;
  width: 9em;
  margin-left: -4.5em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  border: 1px solid #c3c3c3;
  border-left: 0;
  border-right: 0;
}

  .is--ancient-android .archive__grid blockquote:after {
  border-bottom: 0;
  bottom: calc(100% - 4px);
  bottom: 99%;
}

blockquote cite {
  display: block;
  margin-top: 1.5em;
  font-size: 0.57143em;
  line-height: 1.4;
  font-style: normal;
}

blockquote a:hover {
  color: var(--color);
}

/* Tables */

table {
  position: relative;
  z-index: 1;
  margin-bottom: 1.5em;
  width: 100%;
  border-top: 0;
  table-layout: fixed;
}

table th {
  text-align: left;
}

table tr {
  border-bottom: 1px solid #d7d7d7;
}

table th, table td {
  padding: 12px;
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}

/* Code */

pre {
  position: relative;
  padding-left: 2.25em;
  padding-right: 2.25em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #d7d7d7;
}

pre:before {
  content: "\f121";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 3px;
  font-family: FontAwesome;
  font-size: 14px;
  color: white;
  background: #d7d7d7;
}

/* Images */

img {
  max-width: 100%;
  height: auto;
}

img > a:hover {
  opacity: .9;
}

/* Figures and Captions */

.wp-caption {
  width: auto;
}

.wp-caption img {
  display: block;
}

.wp-caption-text, .single .entry-featured__caption, .page .entry-featured__caption {
  font-size: 0.72222em;
  margin-top: 0.92308em;
  color: #8c888c;
}

/* Galleries */

.gallery {
  margin-left: -0.75em;
  margin-bottom: 2em;
}

@media only screen and (min-width: 1359px) {
  .gallery {
  margin-left: -4.5em;
  margin-right: -3.75em;
  }

  .entry-featured .gallery {
  margin-left: -0.75em;
  margin-right: 0;
  }
}

.gallery .gallery-item {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border: 0 solid transparent;
  border-top-width: 0.5em;
  border-left-width: 0.5em;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

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

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

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

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

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

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

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

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

/* Lightbox */

.fancybox-slide--image .fancybox-content {
	background: none !important;
	background-color: none !important;
}


/* YARPP */

/* .yarpp-thumbnails-horizontal .yarpp-thumbnail {
	width: 31% !important;
	margin: 10px 10px 20px 0px !important;
	border: none !important;
} */

.yarpp-thumbnail {
	width: 31% !important;
	margin: 10px 10px 20px 0px !important;
	border: none !important;
}

/* Forms */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control {
  display: block;
  vertical-align: middle;
  width: 100%;
  padding: 12px;
  outline: 0 !important;
  -webkit-appearance: none;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus {
  outline: 1px solid var(--color);
}

.radio, .checkbox {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 12px;
  vertical-align: middle;
}

.radio label, .checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: 12px;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -6px;
}

.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 12px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 6px;
}

@media (min-width: 768px) {
  .form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  }

  .form-inline .form-control {
  display: inline-block;
  }

  .form-inline .radio, .form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  }

  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
  }
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

input, textarea {
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  padding: 12px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 300;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  font-style: normal;
  font-weight: 300;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  font-style: normal;
  font-weight: 300;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-style: normal;
  font-weight: 300;
}

.contact-form label {
  margin-top: 1.125em;
}

label.checkbox {
  padding-left: 0;
}

label.checkbox input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  margin-top: -3px;
  margin-bottom: 0;
}

label.radio {
  padding-left: 0;
}

label.radio input[type=radio] {
  display: inline-block;
  margin-left: 0;
  margin-top: -3px;
  margin-bottom: 0;
}

form.contact-form label.checkbox, form.contact-form label.radio {
  margin-top: 5px;
  margin-bottom: 5px;
}

.grunion-field-label.select + select {
  margin-top: 8px;
}

/* Helpers */

/* Clearfix */

.clearfix:after, .grid:after, .comment-form:after, .widget_categories > ul:after, .widget_pages > ul:after, .widget_meta > ul:after, .widget_archive > ul:after, .nav:after, .nav--main ul:after, .media:after, .main-navigation:after, .single .entry-content:after, .page .entry-content:after, .comments-area-title:after, .comment-reply-title:after, .comment-navigation:after, .has_sidebar .site-content .container:after, form.contact-form .contact-submit:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom: 0em;
}

.pa, .stretch, .cover, .quote-wrapper, .center, .site-description:after, .archive__grid .entry-footer:before {
  position: absolute;
}

.pr, .site-branding, .site-description, .site-description-text, .archive__grid .entry-footer, .entry-meta {
  position: relative;
}

.stretch {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fill, .cover, .quote-wrapper {
  width: 100%;
  height: 100%;
}

.cover, .quote-wrapper {
  top: 0;
  left: 0;
}

.center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.center--vertical {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center--horizontal {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

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

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--justify {
  text-align: justify;
}

.list--unstyled, .widget ul {
  list-style: none;
}

.flexbox {
  display: table;
  width: 100%;
}

.flexbox > .flexbox__item {
  display: table-cell;
  vertical-align: middle;
}

/* Theme specific classes */

.intro {
  margin-bottom: 2.25em;
  font-size: 1.27778em;
  -webkit-font-smoothing: auto;
}

@media not screen and (min-width: 899px) {
  .intro {
  font-size: 1em;
  color: #000000;
  }
}

@media only screen and (min-width: 1000px) {
  .twocolumn {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  }
}

.highlight {
  background: var(--color);
}

/* Alignments */

.alignleft, .alignright {
  position: relative;
  z-index: 1;
  margin-top: 1.125em;
  margin-bottom: 1.125em;
  max-width: 50%;
}

@media not screen and (min-width: 640px) {
  .alignleft, .alignright {
  max-width: 100%;
  display: block;
  }
}

.alignleft {
  float: left;
  margin-right: 1.5em;
}

@media only screen and (min-width: 899px) {
  .alignleft {
  margin-right: 3em;
  }
}

@media not screen and (min-width: 899px) {
  .alignleft.wp-caption, .alignleft.gallery-caption {
  margin-left: 0;
  }
}

.blog .alignleft, .archive .alignleft {
  margin-left: 0;
}

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

@media only screen and (min-width: 899px) {
  .alignright {
  margin-left: 3em;
  }
}

@media not screen and (min-width: 899px) {
  .alignright.wp-caption, .alignright.gallery-caption {
  margin-right: 0;
  }
}

.blog .alignright, .archive .alignright {
  margin-right: 0;
}

.aligncenter, .alignnone {
  margin-top: 1.5em;
  margin-bottom: 1.125em;
  display: block;
  width: auto !important;
}

@media only screen and (min-width: 899px) {
  .aligncenter, .alignnone {
  margin-top: 3em;
  margin-bottom: 2.25em;
  }
}

.aligncenter img, .alignnone img {
  max-width: 100%;
  height: auto;
}

.aligncenter img, .alignnone img {
  margin: 0 auto;
}

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

@media not screen and (min-width: 899px) {
  figure.aligncenter, figure.alignnone {
  margin-left: 0;
  margin-right: 0; }
}

.aligncenter {
  text-align: center;
}

.blog .aligncenter, .archive .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1359px) {
  .alignnone, .aligncenter {
  }

  .alignleft {
  margin-left: -3.75em;
  }

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

  .widget .aligncenter, .widget .alignleft, .widget .alignright, .widget .alignnone {
  margin: 0 0 1em 0;
  }

/* Patterns */

/* YSLTT 2026: this rule was never applied (a stray "}" above it broke it), disabled to keep the look unchanged.
.grid, .comment-form, .widget_categories > ul, .widget_pages > ul, .widget_meta > ul, .widget_archive > ul {
  list-style: none;
  margin-left: -2.25em;
}
*/

.comment-form p, .comment-form-comment, .logged-in-as, .widget_categories > ul > li, .widget_pages > ul > li, .widget_meta > ul > li, .widget_archive > ul > li {
  float: left;
  width: 100%;
  padding-left: 2.25em;
}

.grid > li, .grid > .grid__item {
  padding-left: 2.25em;
}

.site-footer .grid .grid__item {
  padding-left: 0em;
}

.grid > li, .grid > .grid__item, .rtl .grid--rev > li, .rtl .grid--rev > .grid__item {
  float: left;
}

.grid--rev > li, .grid--rev > .grid__item, .rtl .grid > li, .rtl .grid > .grid__item {
  direction: rtl;
  float: right;
}

.nav, .nav--main ul {
  list-style: none;
  margin-left: 0;
}

.nav > li, .nav--main ul > li, .nav > li > a, .nav--main ul > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.nav > li > a:hover, .nav--main ul > li > a:hover {
  font-variation-settings: "wght" 50, "opsz" 20;
}

.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 24px;
}

.media__img > img {
  display: block;
}

.media__body {
  overflow: hidden;
  display: block;
}

.media__body, .media__body > :last-child {
  margin-bottom: 0;
}

.btn, input[type="submit"], div#infinite-handle button {
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  border: none;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  padding: 11px 23px;
  background-color: #171617;
  border: 1px solid #171617;
}

.btn, input[type="submit"], div#infinite-handle button, .btn:hover, input:hover[type="submit"], div#infinite-handle button:hover, .btn:active, input:active[type="submit"], div#infinite-handle button:active, .btn:focus, input:focus[type="submit"], div#infinite-handle button:focus {
  text-decoration: none;
  color: #fff;
}

.btn::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, div#infinite-handle button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Basic Structure */
/* Page */

html {
  height: 100%;
  background: white;
  overflow-x: hidden;
}

body {
  min-height: 100%;
}

@media only screen and (min-width: 1000px) {
  body.admin-bar:before {
  top: 32px;
  height: 3em;
  margin-top: -2.25em;
  }
}

  @media only screen and (min-width: 1000px) and (max-width: 782px) {
  body.admin-bar:before {
  top: 46px;
  }
}

@media only screen and (min-width: 1000px) {
  body:after {
  width: 3em;
  height: 100%;
  }
}

.site-content {
  padding-bottom: 1.25em;
  background: #fff;
  background: -webkit-linear-gradient(to bottom, #eee , #fff);
  background: linear-gradient(to bottom, #fff, #eee);
}

.site-header, .site-content, .site-footer {
  padding-left: 1.125em;
  padding-right: 1.125em;
}

#infinite-footer {
  padding-left: 2.25em;
  padding-right: 2.25em;
}

@media only screen and (min-width: 1000px) {
  .site-header, .site-content, .site-footer {
/*  padding-left: 4.5em;*/
/*  padding-right: 4.5em;*/
  padding-left: 3%;
  padding-right: 3%;
  }
}

@media only screen and (min-width: 1500px) {
  .site-header, .site-content, .site-footer {
  padding-left: 6%;
  padding-right: 6%;
  }
}

@media only screen and (min-width: 2000px) {
  .site-header, .site-content, .site-footer {
  padding-left: 9%;
  padding-right: 9%;
  }
}

#infinite-footer {
  padding-left: 7.5em;
  padding-right: 8.25em;
}

.site-footer {
  padding-left: 4.5em !important; }

/* YSLTT 2026: this rule was never applied (a stray "}" above it broke it), disabled to keep the look unchanged.
.container {
  max-width: 85em;
  margin-left: auto;
  margin-right: auto;
}
*/

.single .site-content .container, .post .site-content .container {
  max-width: 80em;
}

/* Header */

.site-header {
  text-align: center;
}

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

.site-branding {
  max-width: 100%;
  line-height: 1;
  display: inline-block;
  margin-top: 3.75em;
}

.site-branding.logo-image-only:after {
  display: none;
}

@media not screen and (min-width: 899px) {
  .site-branding {
  margin-top: 4em;
  margin-bottom: 2em;
  }
}

.site-title {
  margin: 0;
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1;
  font-variation-settings: "wght" 10, "opsz" 100;
  text-transform: uppercase;
  max-width: 100%;
}

@media only screen and (min-width: 899px) {
  .site-title {
  padding-right: .025em;
  font-size: 5em;
  font-variation-settings: "wght" 20, "opsz" 100;
  }
}

@media only screen and (min-width: 1359px) {
  .site-title {
  font-size: 7.6875em;
  }
}

.site-title a {
  text-decoration: none;
  color: #171617;
  font-weight: normal;
  font-kerning: none;
}

.site-title a span {
  font-variation-settings: "wght" 1, "opsz" 100;
  transition: font-variation-settings 100ms ease-in-out;
  font-kerning: none;
}

.site-title a span:hover {
  font-variation-settings: "wght" 100, "opsz" 100;
  font-kerning: none;
}

@media only screen and (min-width: 899px) {
  .site-title--small {
  font-size: 3.375em;
  }
}

@media only screen and (min-width: 1359px) {
  .site-title--small {
  font-size: 5em;
  }
}

.site-title--large {
  font-variation-settings: "wght" 10, "opsz" 100;
  font-size: 9.4vw;
  -webkit-transform: none;
  transform: none;
}

@media only screen and (max-width: 1000px) {
  .site-title--large {
  font-size: 9vw;
  font-variation-settings: "wght" 10, "opsz" 80;
  }

.site-title a span {
  font-variation-settings: "wght" 15, "opsz" 90;
  }

.site-title a span:hover {
  font-variation-settings: "wght" 100, "opsz" 90;
  }

.sub-menu {
  padding: 0em;
  }

.nav--main {
  padding: 1em 0 2em 1em;
  }
}

@media only screen and (min-width: 899px) {
  .site-title--large {
  font-size: 9vw;
  }
}

/* @media only screen and (min-width: 1359px) {
  .site-title--large {
  font-size: 7.5vw;
  }
}
 */
.site-description {
  display: block;
  font-family: sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  word-wrap: break-word;
  font-size: 1.25em;
  line-height: 1.26316;
  overflow: hidden;
}

@media not screen and (min-width: 899px) {
  .site-description {
  font-size: 1em;
  letter-spacing: .25em;
  }
}

.site-description:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #3d3e40;
  bottom: 50%;
  left: 0;
  z-index: -1;
}

.site-description-text {
  z-index: 10;
  max-width: 100%;
  display: inline-block;
  margin: 0;
  padding-left: 1.25em;
  padding-right: .75em;
  background: white;
}

@media not screen and (min-width: 899px) {
  .site-description-text {
  font-size: 1em;
  letter-spacing: .25em;
  padding-right: 1em;
  }
}

.site-description-text:empty {
  display: none;
}

/* Navigation */

.main-navigation {
  position: relative;
  z-index: 100;
  margin-bottom: 3em;
}

.navigation__trigger {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1em 1em;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: transparent;
  color: #8c888c;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

@media only screen and (min-width: 1000px) {
  .navigation__trigger {
  display: none;
  }
}

.nav--main {
  background: white;
  font-variation-settings: "wght" 90, "opsz" 20;
  font-size: 1em;
  z-index: 20;
  text-align: center;
  padding: 1em;
}

.nav--main ul {
  top: inherit;
  left: 0;
  z-index: 1;
  width: 100%;
  display: none;
}

@media only screen and (min-width: 1000px) {
.nav--main ul {
  position: absolute;
  background: #171617;
  }

.nav--main ul a {
  color: white;
  }
}

.nav--main li {
  display: inline-block; }

.nav--main li .menu-item-has-children:after {
  color: white;
  left: -.6em; }

.nav--main li:hover > ul {
  display: block; }

  .nav--main li:hover.menu-item-has-children > a:after {
  opacity: 1; }

.nav--main .menu-item-has-children > a {
  position: relative; }

.nav--main .menu-item-has-children > a:after {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -.5em;
  margin-bottom: -2px;
  border: .5em solid transparent;
  border-bottom-color: #171617; }

.nav--main .menu-item-has-children:after {
  content: " ↓";
  position: relative;
  left: -2.25em;
  color: var(--color) !important;
}

.nav--main .menu-item--home {
  -webkit-transform: none;
  transform: none;
  text-transform: uppercase; }

.fs-28px, .nav--main .menu-item--home {
  font-size: 1.75em;
  line-height: 1.28571; }

.nav--main .menu-item--home > a {
  padding: 0;
  padding-left: 0.85714em;
  padding-right: 0.85714em; }

.nav--main .menu-item--home > a:before {
  display: none !important; }

.nav--main.hover-intent ul {
  display: block;
  opacity: 0;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
  pointer-events: none;
  border-radius: 100px;
}

.sub-menu {
  padding: 1em;
/*  margin-top: 18px;*/
}

.ie10 .nav--main.hover-intent ul, .ie9 .nav--main.hover-intent ul {
  display: none;
  opacity: 1;
  pointer-events: auto; }


@media not screen and (min-width: 1000px) {
.nav--main.hover-intent ul {
  pointer-events: auto;
  opacity: 1;
  }
}

.nav--main.hover-intent li.menu-item-has-children > a:after {
  opacity: 0;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
  pointer-events: none;
}

.ie10 .nav--main.hover-intent li.menu-item-has-children > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children > a:after {
  opacity: 1;
  display: none;
  pointer-events: auto;
}

.nav--main.hover-intent li.menu-item-has-children.hover > a:after, .nav--main.hover-intent li.menu-item-has-children.hover > ul, .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after, .nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
  opacity: .95;
}

.ie10 .nav--main.hover-intent li.menu-item-has-children.hover > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children.hover > a:after, .ie10
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .ie9
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .ie10 .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after, .ie10
.nav--main.hover-intent li.menu-item-has-children:focus-within > ul, .ie9
.nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
  display: block;
}

.nav--main.hover-intent li.menu-item-has-children.hover > ul, .nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
  pointer-events: auto;
}

.nav--main a {
  display: block;
  padding: .25em .5em;
  text-decoration: none;
  color: #171617;
  max-width: 30em;
  text-overflow: ellipsis;
}

.nav--main > li > a {
  padding-left: 2.25em;
  padding-right: 2.25em;
  position: relative;
}

.ie10 .nav--main > li > a:before, .ie9 .nav--main > li > a:before {
  pointer-events: auto;
}

.nav--main > li:hover > a, .nav--main > li:focus > a {
  color: #171617;
}

  .nav--main > li:hover > a:before, .nav--main > li:focus > a:before {
  height: 6px;
}

.nav--main > li.current-menu-item, .nav--main > li.current-menu-parent, .nav--main > li.current-menu-ancestor {
  border-color: #171617;
}

@media not screen and (min-width: 1000px) {
  .main-navigation {
  text-align: left;
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 110;
  }

  .admin-bar .main-navigation {
  top: 32px !important;
  }

  .is--ancient-android .nav--is-open .main-navigation {
  left: 70%;
  }

  .main-navigation:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 70%;
  height: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 0 2em, rgba(0, 0, 0, 0.23) 0 0 0.6em;
  box-shadow: rgba(0, 0, 0, 0.19) 0 0 2em, rgba(0, 0, 0, 0.23) 0 0 0.6em;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .10s ease-in-out;
  transition: opacity .10s ease-in-out;
  }

  .main-navigation.shadow:before {
  opacity: 1;
  }

  .nav--main {
  border-top: 0;
  position: fixed;
  top: 0 !important;
  right: 100% !important;
  left: auto !important;
  width: 100% !important;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 3em;
  -webkit-overflow-scrolling: touch;
  }

  .nav--main .menu-item--home {
  display: none !important;
  }

  .is--ancient-android .nav--is-open .nav--main {
  left: 0 !important;
  right: auto !important;
  }

  .nav--main li, .nav--main ul > li {
  text-align: left;
  display: block;
  width: 100%;
  overflow: hidden;
  }

  .nav--main li > a, .nav--main ul > li > a {
  display: block;
  padding: .05em 0em;
  }

  .nav--main li:before, .nav--main li:after, .nav--main li > a:before, .nav--main li > a:after, .nav--main ul > li:before, .nav--main ul > li:after, .nav--main ul > li > a:before, .nav--main ul > li > a:after {
  display: none;
  }

  .nav--main li ul, .nav--main ul > li ul {
  background: rgba(255, 255, 255, .9);
  display: block;
  padding-left: 1.5em;
  }

  .nav--main ul ul ul {
  padding-left: 0;
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .main-navigation {
  top: 46px !important;
  }
}

.c-burger {
  position: relative;
  display: block;
  width: 1em;
  margin-top: 0.34211em;
  margin-bottom: 0.34211em;
  font-size: 19px;
}

.c-burger__slice {
  display: block;
  width: 1em;
  height: .158em;
  background-color: #171617;
}

.c-burger__slice--top, .c-burger__slice--bottom {
  position: absolute;
  top: 0;
  left: 0;
}

.c-burger__slice--top {
  -webkit-transform: translateY(-0.34211em);
  transform: translateY(-0.34211em);
}

.c-burger__slice--bottom {
  -webkit-transform: translateY(0.34211em);
  transform: translateY(0.34211em);
}

/*
Provides a simple transition where the slice in the middle fades out
and the top and bottom ones rotate to form an X
 */

.c-burger--fade .c-burger__slice {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.c-burger--close .c-burger__slice--top, .nav--is-open .c-burger--fade .c-burger__slice--top {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-burger--close .c-burger__slice--middle, .nav--is-open .c-burger--fade .c-burger__slice--middle {
  opacity: 0;
}

.c-burger--close .c-burger__slice--bottom, .nav--is-open .c-burger--fade .c-burger__slice--bottom {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav--is-open .site-content {
  opacity: 0.6;
}

@media only screen and (min-width: small) {
  .c-burger {
  font-size: 24px;
  }
}

/* Content */

/* Archive */

.page-title {
  margin-bottom: 0.5em;
  text-align: center;
}

.page-title h1{
  margin: 0;
}

.page-title--search {
  font-weight: normal;
}

.page-title--search span {
  display: block;
  font-variation-settings: "wght"86; 
}

.archive__grid {
  /*  Hide posts loaded with jetpack on scroll
  So we can arrange them and then fade them in accordingly */
}

.archive__grid .post {
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  margin-bottom: 2.25em;
}

.archive__grid .post > * {
  opacity: 0;
}

.archive__grid .post figure {
  max-width: 100%;
}

.archive__grid .post img {
  max-width: 100%;
  height: auto;
}

.archive__grid .entry-title {
  margin-top: 0em;
  margin-bottom: 0.66667em;
}

.archive__grid .entry-permalink > a {
  font-variation-settings: "wght" 90, "opsz" 70;
  transition: 200ms ease-in-out;
}

.archive__grid .entry-permalink > a:hover {
  font-variation-settings: "wght" 30, "opsz" 70;
}

.fs-36px, .archive__grid .entry-title {
  font-size: 2.25em;
  line-height: .9em;
}

@media not screen and (min-width: 899px) {
  .archive__grid .entry-title {
  font-size: 1.75em;
  line-height: 1;
  }
}

.archive__grid .entry-title a {
  color: #171617;
}

.archive__grid .entry-title a:hover {
  color: #3d3e40;
}

.archive__grid .entry-content {
  margin-bottom: 1.5em;
}

.archive__grid .alignleft {
  margin-top: 0;
  margin-right: 1.125em;
  margin-bottom: 0.375em;
}

.archive__grid .alignright {
  margin-top: 0;
  margin-left: 1.125em;
  margin-bottom: 0.375em;
}

.archive__grid .aligncenter {
  margin-top: 1.125em;
  margin-bottom: 0.75em;
}

@media only screen and (min-width: 1359px) {
  .archive__grid .alignnone, .archive__grid .aligncenter {
  margin-left: 0;
  margin-right: 0;
  }

.archive__grid .post .alignleft, .archive__grid .post .alignright {
  max-width: 50%;
  }

  .archive__grid .alignleft {
  margin-left: 0;
  }

  .archive__grid .alignright {
  margin-right: 0;
  }
}

.archive__grid .accent-box {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  background: var(--color);
}

.archive__grid .accent-box a {
  color: #3d3e40;
}

.archive__grid .entry-permalink {
  display: block;
}

.archive__grid .entry-thumbnail {
  margin-bottom: 1.5em;
  position: relative;
}

@media not screen and (min-width: 899px) {
  .archive__grid .entry-thumbnail {
  margin-bottom: 0.75em;
  }
}

.archive__grid .entry-thumbnail img {
  margin: 0;
  width: 100%;
  height: auto;
  display: block;
}

.archive__grid .entry-thumbnail .article__featured-image-meta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  color: white;
}

.archive__grid .entry-thumbnail .article__featured-image-meta:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.archive__grid .entry-thumbnail .article__featured-image-meta .flexbox {
  height: 100%;
  text-align: center;
  font-size: 6em;
}

.archive__grid .entry-thumbnail .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  overflow: hidden;
}

.archive__grid .entry-thumbnail .hover .flexbox {
  height: 100%;
}

.archive__grid .entry-thumbnail .hover__more {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
}

.archive__grid .entry-thumbnail .hover__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}

.archive__grid .entry-thumbnail .hover__letter, .archive__grid .entry-thumbnail .hover__letter-mask {
  font-size: 12em;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 500;
  text-transform: uppercase;
}

.archive__grid .entry-thumbnail .hover__letter-mask {
  opacity: 1;
  overflow: hidden;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  display: block;
}

.archive__grid .entry-thumbnail .hover__letter-mask > span {
  display: block;
}

.archive__grid .entry-thumbnail .hover__line {
  position: absolute;
  left: 50%;
  width: 1px;
  background: white;
  height: 25%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.archive__grid .entry-thumbnail .hover__line--top {
  bottom: 50%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  margin-bottom: 2em;
  margin-left: -2em;
}

.archive__grid .entry-thumbnail .hover__line--bottom {
  top: 50%;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  margin-top: 2em;
  margin-left: 2em;
}

.archive__grid .entry-footer {
  margin-top: 0;
}

.archive__grid .entry-footer:before {
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #afafaf;
}

.archive__grid .more-link {
  display: block;
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 1359px) {
  .archive__grid .post {
  margin-bottom: 3.75em; }
}

.archive__grid .posts--jetpack {
  display: none;
}

.archive__grid .jetpack-video-wrapper, .archive__grid .entry-media [class^="embed-"] {
  margin-bottom: 1.5em;
}

.touch .entry-thumbnail .hover .hover__bg, .touch .entry-thumbnail .hover .flexbox {
  display: none;
}

.entry-meta {
  display: inline-block;
  padding-right: .25em;
}

.entry-meta a {
  font-variation-settings: "wght" 90, "opsz" 16;
/*  transition: font-variation-settings 200ms ease-in-out;  */
	  transition: 200ms ease-in-out;  
}

.entry-meta a:hover {
  font-variation-settings: "wght" 50, "opsz" 16;
}

.fs-14px, .entry-meta, #recentcomments, .widget_blog_subscription.widget {
  font-size: 1em;
  line-height: 1em;
}

.entry-meta .cat-links:before {
  content: "/";
}

.entry-meta .posted-by:after {
  content: "/";
}

.grid__item .entry-meta {
  margin-right: 2.25em;
}

.entry-format:before {
  content: "/";
}

.archive__grid {
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}

@media not screen and (min-width: 899px) {
  .archive__grid {
  margin-top: 1.5em; }
}

@media only screen and (min-width: 768px) {
  .archive__grid > .grid__item {
  width: 50%; }
}

@media only screen and (min-width: 1359px) {
  .archive__grid > .grid__item {
  width: 33.3333%; }
}

@media not screen and (min-width: 1359px) {
  .home .site-content .container, .blog .site-content .container, .archive .site-content .container {
  max-width: 60em; }
}

@media not screen and (min-width: 768px) {
  .home .site-content .container.container, .blog .site-content .container.container, .archive .site-content .container.container {
  max-width: 30em; }
}

.home.has_sidebar, .blog.has_sidebar, .archive.has_sidebar {
  /* overwrite previous restrains when we have a sidebar involved */ }

.home.has_sidebar .container, .blog.has_sidebar .container, .archive.has_sidebar .container {
  max-width: 85em;
}

@media only screen and (min-width: 1359px) {
  .home .gallery, .blog .gallery, .archive .gallery {
  margin-left: -0.75em;
  margin-right: 0; }
}

.has_sidebar .archive__grid > .grid__item {
  width: 50%;
}

body {
  word-wrap: break-word;
  text-overflow: ellipsis;
}

/* Sticky Post */
.sticky:not(.format-quote) {
  padding-bottom: 1.875em;
  color: #3d3e40;
}

.sticky:not(.format-quote) .entry-title {
  color: inherit;
}

.sticky:not(.format-quote).post {
  padding-right: 1.5em;
  padding-left: 3.75em;
}

  @media not screen and (min-width: 768px) {
  .sticky:not(.format-quote).post {
  padding-left: 2.25em;
  padding-right: 0;
  padding-bottom: 1.5em; }
}

.sticky:not(.format-quote) + .sticky:not(.format-quote) {
  margin-top: 0;
}

.sticky:not(.format-quote):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.125em;
  right: -1.125em;
  z-index: -1;
  background-color: var(--color);
  opacity: 0;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

  @media only screen and (min-width: 768px) {
  .sticky:not(.format-quote):after {
  left: 1.875em;
  right: -0.375em; }
}

  @media only screen and (min-width: 899px) {
  .sticky:not(.format-quote):after {
  left: 2.25em;
  right: 0; }
}

.sticky:not(.format-quote).sticky--bg:after {
  opacity: 1;
}

.sticky:not(.format-quote) .entry-title {
  margin-top: 0.375em;
}

.sticky:not(.format-quote) .entry-meta {
  background: none;
}

.sticky:not(.format-quote) .entry-footer:before {
  content: none;
}

.sticky:not(.format-quote) a {
  color: inherit;
}

.sticky:not(.format-quote) a[rel*='category'], .sticky:not(.format-quote) a[rel*='tag'] {
  border-bottom: 1px solid;
}

/* Edit Link */
.archive__grid .edit-link {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font-size: 1em;
  line-height: 1.7;
  opacity: 0 !important;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.touch .archive__grid .post--visible .edit-link, .post:hover .edit-link {
  opacity: 1 !important;
}

.sticky .edit-link {
  bottom: 1.875em;
  right: 1.5em;
}

@media not screen and (min-width: 899px) {
  .sticky .edit-link {
  right: 0.75em; }
}

@media not screen and (min-width: 768px) {
  .sticky .edit-link {
  right: 0; }
}

.format-quote .edit-link {
  bottom: 0.75em;
  right: 0.75em;
  
  margin: 0 0 0 2em;
  padding: 5px 10px 6px 10px;
  text-decoration: none;
  background: var(--color);
  color: #FFF;
  transition: background 200ms ease-in-out;
}

.format-quote .edit-link a:hover {
  background: #FFF;
  color: #000;
  border: 1px var(--color) solid;
}

/**
 *  9.2 - Pagination
 */
.pagination {
  position: relative;
  margin: 48px 0;
  padding-left: 0;
  border: none;
  font-size: 0;
  text-align: center;
  font-variation-settings: "wght" 70, "opsz" 30;
}

.pagination:after {
  content: none;
}

.pagination a, .pagination span {
  display: inline-block;
  zoom: 1;
  padding: 6px 16px;
  border: 1px solid transparent;
  position: relative;
  z-index: 2;
  font-size: 18px;
  color: #171617;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
  font-variation-settings: "wght" 95, "opsz" 30;
 }

.pagination a:after {
  content: none;
}

.pagination a:hover {
  font-variation-settings: "wght" 55, "opsz" 30;
}

.pagination span.current {
  color: #000;
  border: 1px solid #d7d7d7;
  font-variation-settings: "wght" 70, "opsz" 30;
}

.neverending .pagination {
  display: none;
}

.page-numbers.prev, .page-numbers.next {
  color: #171617;
}

@media only screen and (min-width: 899px) {
  .page-numbers.prev, .page-numbers.next {
  position: absolute;
  top: 0; }
}

.page-numbers.prev.disabled, .page-numbers.next.disabled {
  color: #F0F0F0;
  pointer-events: none;
}

.page-numbers.prev i, .page-numbers.next i {
  margin: 0 12px;
}

.page-numbers.prev {
  left: 0;
}

.page-numbers.next {
  right: 0;
}

/**
 *  9.3 - Singular
 */
.single .post, .page .post {
  margin-bottom: 2.25em;
}

@media not screen and (min-width: 899px) {
  .single .entry-header, .page .entry-header {
  margin-top: 1.5em; }
}

.single .entry-featured, .page .entry-featured {
  margin-top: 2.625em;
  margin-bottom: 1.5em;
}

@media not screen and (min-width: 899px) {
  .single .entry-featured, .page .entry-featured {
  margin-left: -1.125em;
  margin-right: -1.125em;
  margin-top: 1.5em; }
}

@media only screen and (min-width: 1359px) {
  .single .entry-featured, .page .entry-featured {
  margin-bottom: 3.75em;
  margin-left: -3.75em;
  margin-right: -3.75em;
  }
}

.single .entry-featured img, .page .entry-featured img {
  width: 100%;
  height: auto;
}

.single .entry-featured .slideshow-slide img, .page .entry-featured .slideshow-slide img {
  width: auto;
}

.single .entry-featured__caption, .page .entry-featured__caption {
  font-size: 0.81em;
  -webkit-font-smoothing: antialiased;
}

@media not screen and (min-width: 899px) {
  .single .entry-featured__caption, .page .entry-featured__caption {
  padding-left: 1.125em;
  padding-right: 1.125em; }
}

.single .entry-title, .page .entry-title {
  margin-top: 0;
  margin-bottom: 0.5em;
/*  font-variation-settings: "wght" 90, "opsz" 90;*/
}

@media not screen and (min-width: 899px) {
  .single .entry-title, .page .entry-title {
  margin-bottom: .5em; }
}

.single .entry-meta, .page .entry-meta {
  font-size: 1em;
  line-height: 1.4;
}

@media only screen and (min-width: 1150px) {
  .single .featured-portrait .entry-header, .page .featured-portrait .entry-header {
  float: left;
  max-width: 65%;
  margin-right: -100%;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

  .single .featured-portrait .entry-header h1, .page .featured-portrait .entry-header h1 {
  font-size: 2.25em;
  line-height: 1.33333;
}

.single .featured-portrait .entry-title, .page .featured-portrait .entry-title {
  position: relative;
  background: white;
  padding-right: 0.44444em;
  padding-top: 0.22222em;
  padding-bottom: 0.22222em;
}

.single .featured-portrait .entry-featured, .page .featured-portrait .entry-featured {
  float: right;
  max-width: 60%;
  margin-top: 0;
  margin-left: 1.5em;
  margin-bottom: 0.75em;
}

.single .featured-portrait .entry-content, .page .featured-portrait .entry-content {
  clear: left; }
}

@media only screen and (min-width: 1359px) {
  .single .featured-portrait .entry-header, .page .featured-portrait .entry-header {
  max-width: 90%;
  margin-left: -7.5em;
  margin-bottom: 1.5em;
}

  .single .featured-portrait .entry-header h1, .page .featured-portrait .entry-header h1 {
  font-size: 3.375em;
  line-height: 1.11111;
}
}

.single .entry-content, .page .entry-content {
  position: relative;
}

@media only screen and (min-width: 899px) {
  .single .entry-content, .page .entry-content {
  font-size: 1em;
  line-height: 1.5em;
}

  .single .entry-content p, .page .entry-content p {
  margin-bottom: 1em; }
}

.single .entry-content > :last-child, .page .entry-content > :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1359px) {
  .single .entry-content:before, .page .entry-content:before {
  font-variation-settings: "wght"86;
  content: attr(data-first_letter);
  position: absolute;
  top: -0.21818em;
  left: -0.45818em;
  display: block;
  font-size: 15.27778em;
  line-height: 1;
  color: #171617;
  opacity: .1; }
}

.single .entry-content blockquote p, .page .entry-content blockquote p {
  margin-bottom: 0;
  -webkit-transform: none;
  transform: none;
  line-height:  1.5em;
}

.single .entry-content .wp-embedded-content, .page .entry-content .wp-embedded-content {
  max-width: 100%;
}

.entry-content img {
  min-width: 100%;
}

.single .entry-footer, .page .entry-footer {
  margin-top: 3.5em;
}

.single .entry-footer a, .page .entry-footer a {
  font-variation-settings: "wght" 85, "opsz" 10;
}

.single .entry-footer a:hover, .page .entry-footer a:hover {
  font-variation-settings: "wght" 45, "opsz" 10;
}


.single .comments-area, .page .comments-area {
  margin-top: 2.25em;
  padding-bottom: 2.25em;
}

.entry-content dt, .comment dt {
  font-variation-settings: "wght"86;
}

.entry-content dd, .comment dd {
  padding-left: 3em;
}

.entry-content dd + dt, .comment dd + dt {
  margin-top: 1.5em;
}

.entry-content li:not([class]) > ul:not([class]) > ol:not([class]), .comment li:not([class]) > ul:not([class]) > ol:not([class]) {
  padding-left: 3em;
}

.entry-content ul, .entry-content ol, .comment ul, .comment ol {
  margin-left: 1.5em;
}

.entry-content ul li, .entry-content ol li, .comment ul li, .comment ol li {
  margin-bottom: 0.75em;
}

@media only screen and (min-width: 1359px) {
  .has_sidebar .entry-featured {
  margin-left: -7.5em; }
}

.posted-on a, .posted-by a, .entry-title a {
  color: #171617;
}

.single .post-edit-link {
  margin: 0 0 0 2em;
  padding: 5px 10px 6px 10px;
  text-decoration: none;
  background: var(--color);
  color: #FFF;
  transition: background 200ms ease-in-out;
}

.single .post-edit-link:hover {
  background: #FFF;
  color: #000;
  border: 1px var(--color) solid;
}

.post-password-form input {
  margin-bottom: 1.5em;
}

/**
* 10.4 POST FORMATS
*/
.format-quote .entry-featured {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  overflow: hidden;
}

.format-quote .entry-content {
  position: relative;
}

.single .format-quote .sharedaddy {
  margin-bottom: 3em;
}

.single .format-quote .sharedaddy .sd-title {
  color: white;
}

.content-quote {
  background: rgba(0, 0, 0, 0.7);
}

.quote-wrapper {
  width: auto;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.content-quote {
  position: relative;
  z-index: 2;
  padding-left: 7.5em;
  padding-right: 7.5em;
}

@media only screen and (min-width: 1359px) {
  .single .content-quote {
  margin-left: -7.5em;
  margin-right: -3.75em; }
}

.content-quote .flexbox {
  height: 100%;
}

.content-quote blockquote {
  margin: 0;
  color: white;
  padding-bottom: 0;
  padding-top: 2.25em;
  margin-top: 3em;
  margin-bottom: 3em;
  font-size: 28px;
  text-align: center;
}

  .content-quote blockquote:before {
  top: -22px;
  font-size: 54px;
  color: var(--color);
  background: transparent;
}

  .content-quote blockquote:after {
  height: 1px;
  background: var(--color);
  -webkit-box-shadow: currentColor 5.5em 0 0;
  box-shadow: currentColor 5.5em 0 0;
  width: 3em;
  margin-left: -2.75em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 0;
}

  .is--ancient-android .content-quote blockquote:after {
  width: 9em;
  margin-left: -4.5em;
  -webkit-transform: none;
  transform: none;
  height: auto;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  -o-border-image: linear-gradient(to right, currentColor 0%, currentColor 40%, transparent 40.1%, transparent 50%, transparent 59.9%, currentColor 60%, currentColor 100%) 20%;
  border-image: -webkit-gradient(linear, left top, right top, from(currentColor), color-stop(40%, currentColor), color-stop(40.1%, transparent), color-stop(50%, transparent), color-stop(59.9%, transparent), color-stop(60%, currentColor), to(currentColor)) 20%;
  border-image: linear-gradient(to right, currentColor 0%, currentColor 40%, transparent 40.1%, transparent 50%, transparent 59.9%, currentColor 60%, currentColor 100%) 20%;
  border-bottom: 0;
}

.content-quote p {
  -webkit-transform: none;
  transform: none;
}

.content-quote cite {
  display: block;
  margin-top: 3em;
  font-size: 16px;
  font-variation-settings: "wght"86;
  font-style: normal;
  -webkit-transform: none;
  transform: none;
}

.error404 .page-content, .search-no-results .page-content {
  text-align: center;
}

.error404 .site-content, .search-no-results .site-content {
  margin-bottom: 4.5em;
}

.entry-media iframe, .entry-content [class^="embed-"] > iframe {
  display: block;
  max-width: 100%;
}

.entry-media iframe:not[src*="videopress"] {
  height: auto;
}

/**
 *  9.4 - Comments
 */
.comments-area {
  position: relative;
  margin-top: 1.5em;
  padding-top: 3em;
  border-top: 1px solid #afafaf;
}

.comments-area:before {
  content: "";
  position: absolute;
  left: 1.5em;
  top: 3em;
  bottom: 0;
  border-left: 1px solid #afafaf;
}

.comments-area:after {
  content: '\00b7';
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 1.75em;
  line-height: 1.8;
}

.comments-area.no-comments:after {
  display: none;
}

.comment-number, .comments-area:after, .comment-number--dark, .comment-reply-title:before, .add-comment .add-comment__button {
  width: 3em;
  height: 3em;
  line-height: 3em;
  border: 1px solid #afafaf;
  text-align: center;
  color: #afafaf;
  background: white;
}

.comment-number--dark, .comments-area:after, .comment-reply-title:before, .add-comment .add-comment__button {
  display: inline-block;
  width: 1.71429em;
  height: 1.71429em;
  line-height: 1.62857em;
  margin-right: 0.85714em;
  font-size: 28px;
  border: 0;
  background-color: #171617;
  color: white;
}

.comment-number.no-comments {
  position: relative;
  z-index: 1;
}

.comments-area-title .comments-title, .comments-area-title a, .comment-reply-title .comments-title, .comment-reply-title a {
  display: inline-block;
  vertical-align: middle;
}

.comments-area-title .comments-title, .comment-reply-title .comments-title {
  margin: 0;
  margin-right: 6px;
  font-size: 1.75em;
  line-height: 1.28571;
  text-transform: none;
  -webkit-transform: none;
  transform: none;
}

@media not screen and (min-width: 899px) {
  .comments-area-title .comments-title, .comment-reply-title .comments-title {
  font-size: 21px;
}

  .comments-area-title .comments-title .comment-number, .comment-reply-title .comments-title .comment-number {
  font-size: 28px; }
}

.comments-area-title .total, .comment-reply-title .total {
  position: relative;
  z-index: 1;
}

.comments-area-title {
  padding-left: 72px;
}

.comments-area-title .comment-number {
  position: relative;
  left: -72px;
  margin-right: -48px;
}

.commentlist > .comment, .commentlist > .pingback, .commentlist > .trackback {
  padding-left: 3em;
}

@media not screen and (min-width: 899px) {
  .depth-1 > .comment-article > .comment-number {
  left: 0; }
}

.comments_add-comment {
  margin-top: 3px;
}

.commentlist {
  list-style: none;
  margin: 0;
  border-left: 0;
  padding-left: 0;
}

li.comment, li.pingback, li.trackback {
  position: relative;
  display: block;
  margin-bottom: 0;
  margin-top: 3em;
  margin-bottom: 3em;
}

li.comment .comment-number, li.pingback .comment-number, li.trackback .comment-number {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

  @media not screen and (min-width: 899px) {
  li.comment .comment-number, li.pingback .comment-number, li.trackback .comment-number {
  left: -3em; }
}

li.comment:last-child, li.pingback:last-child, li.trackback:last-child {
  margin-bottom: 0;
}

li.comment .children, li.pingback .children, li.trackback .children {
  position: relative;
  margin-top: 24px;
}

  @media not screen and (min-width: 899px) {
  li.comment .children, li.pingback .children, li.trackback .children {
  margin-left: 0; }
}

  @media only screen and (min-width: 899px) {
  li.comment .children li, li.pingback .children li, li.trackback .children li {
  padding-left: 3em;
}

  li.comment .children li:before, li.pingback .children li:before, li.trackback .children li:before {
  content: "";
  position: absolute;
  top: 24px;
  border-top: 1px solid #afafaf; }
}

  li.comment .children li .comment-number, li.pingback .children li .comment-number, li.trackback .children li .comment-number {
  border: 1px solid #afafaf;
  background: #afafaf;
  color: white;
}

li.depth-2:before {
  left: -48px;
  width: 60px;
}

@media only screen and (min-width: 899px) {
  li.depth-3:before {
  left: -120px;
  width: 120px;
}

li.depth-4:before {
  left: -192px;
  width: 192px;
}

li.depth-5:before {
  left: -264px;
  width: 264px;
}

li.depth-6:before {
  left: -336px;
  width: 336px;
}

li.depth-7:before {
  left: -408px;
  width: 408px;
}

li.depth-8:before {
  left: -480px;
  width: 480px;
}

li.depth-9:before {
  left: -552px;
  width: 552px;
}

li.depth-10:before {
  left: -624px;
  width: 624px; }
}

.comment__author-name {
  font-size: 14px;
}

.comment__author-name a {
  font-size: 16px;
  color: black;
}

.bypostauthor {
  color: inherit;
}

.comment-article {
  margin-bottom: 0;
  margin-left: 1.5em;
}

.comment-article:hover .comment-edit-link, .comment-article:hover .comment-reply-link {
  opacity: 1;
}

.comment__avatar {
  margin-right: 0.75em;
}

.comment__avatar img {
  width: 3.75em;
  height: auto;
}

.comment__avatar:empty {
  display: none;
}

.comment__timestamp {
  color: #3d3e40;
}

.comment__avatar {
  margin-bottom: 24px;
}

.comment__content {
  position: relative;
  margin-bottom: 1.71429em;
  font-size: 0.875em;
  line-height: 1.71429;
  color: #8c888c;
}

.comment__links {
  display: inline-block;
  margin-left: 1.71429em;
  font-size: 0.875em;
  line-height: 1.71429;
}

.comment-edit-link, .comment-reply-link {
  color: #3d3e40;
  opacity: 0;
  margin-right: 0.85714em;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media not screen and (min-width: 899px) {
  .comment-edit-link, .comment-reply-link {
  opacity: 1; }
}

.comment-reply-link {
  color: #8c888c;
}

p.comment-likes {
  position: absolute;
  right: 0;
  top: -28px;
  width: auto;
}

.comment-form p.logged-in-as {
  margin-bottom: 0.75em;
}

.comment-reply-title {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 1.75em;
  line-height: 1.28571;
  -webkit-transform: none;
  transform: none;
}

@media not screen and (min-width: 899px) {
  .comment-reply-title {
  font-size: 21px; }
}

.comment-reply-title:before {
  content: "+";
}

  @media not screen and (min-width: 899px) {
  .comment-reply-title:before {
  font-size: 1.33333em; }
}

  .comment .comment-reply-title:before {
  display: none;
}

.comment-reply-title .comment-number {
  line-height: 44px;
}

.comment-reply-title a {
  margin-top: -7px;
}

.comment-respond {
  position: relative;
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 899px) {
  .comment .comment-respond {
  padding-left: 0;
  margin-right: 0; }
}

.comment .comment-respond {
  margin-left: 1.5em;
}

#cancel-comment-reply-link {
  text-decoration: underline;
}

/* Comments Form */
@media only screen and (min-width: 899px) {
  .comment-form {
  padding-left: 4.5em; }
}

.comment .comment-form {
  padding-left: 0;
}

.comment-form input, .comment-form textarea {
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #afafaf;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.comment-form iframe {
  padding-left: 36px;
}

@media only screen and (min-width: 899px) {
  .comment-form > .comment-subscription-form {
  width: 70%; }
}

.comment-form-author, .comment-form-email, .comment-form-url {
  margin-bottom: 0;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input {
  width: 100%;
  margin-bottom: 1.5em;
}

  @media not screen and (min-width: 899px) {
  .comment-form-author input, .comment-form-email input, .comment-form-url input {
  margin-bottom: 0.75em; }
}

@media only screen and (min-width: 899px) {
  p.comment-form-author, p.comment-form-email {
  width: 50%; }
}

.comment-form-comment, .logged-in-as {
  width: 100%;
}

.comment-form-comment textarea, .comment-subscription-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 0.75em;
  border: 1px solid #afafaf;
  font-size: 1em;
  line-height: 1.4;
}

.form-submit {
  margin-top: 0.75em;
  margin-bottom: 0;
  text-align: right;
}

@media only screen and (min-width: 899px) {
  .form-submit.form-submit {
  float: right;
  width: 30%; }
}

.form-submit #submit {
  border: 0;
}

  @media not screen and (min-width: 899px) {
  .form-submit #submit {
  width: 100%; }
}

.comment-subscription-form {
  float: left;
  clear: left;
  margin-top: 0.75em;
  margin-bottom: 0.375em;
}

.comment-subscription-form + .comment-subscription-form {
  margin-top: 0;
}

.comment-subscription-form input[type="checkbox"] {
  margin-right: 0.75em;
  position: relative;
  top: -0.05em;
}

.add-comment {
  margin-top: 3em;
}

.add-comment .add-comment__button {
  position: relative;
  z-index: 1;
  margin-right: 0.5em;
  font-size: 1.5em;
  line-height: 1.4;
}

.add-comment .add-comment__text {
  font-size: 1.25em;
  line-height: 1.2;
  font-variation-settings: "wght"86;
}

/* Comments Navigation */

.comment-navigation {
  position: relative;
  padding-left: 3.75em;
  margin-top: 3em;
  margin-bottom: 3em;
}

.comment-navigation .comment-number {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
}

.comment-navigation .assistive-text {
  margin-top: 0;
  margin-left: 8px;
  font-size: 28px;
  -webkit-transform: none;
  transform: none;
}

.comment-navigation .nav-previous a, .comment-navigation .nav-next a {
  font-size: 18px;
}

.comment-navigation .nav-previous {
  float: left;
}

  .comment-navigation .nav-previous a:before {
  content: "\2190 ";
}

  .comment-navigation .nav-previous a:after {
  content: "";
}

.comment-navigation .nav-next {
  float: right;
}

  .comment-navigation .nav-next a:before {
  content: "";
}

  .comment-navigation .nav-next a:after {
  content: " \2192";
}

.nocomments {
  -webkit-transform: none;
  transform: none;
}

.nocomments span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.75em;
  line-height: 1.28571;
  line-height: 48px;
}

.no-comments-box {
  position: relative;
  z-index: 1;
}

div#respond {
  padding-top: 0;
}

div#respond #reply-title {
  margin-top: 0;
}

div#respond p.comment-subscription-form label {
  color: #999;
}

.comment-form-cookies-consent input[type="checkbox"] {
  margin-right: 0.75em;
}

/**
 *  9.5 - Search Form
 */
.search-form {
  position: relative;
  width: 100%;
  height: 44px;
}

.search-form > label, .search-form .search-field {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 44px;
}

.search-form .search-field {
  padding: 8px 12px;
  padding-right: 60px;
  line-height: 44px;
  border-radius: 0;
}

.search-form .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px;
  height: 44px;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
}

.error404 .content-area .search-form, .search-no-results .content-area .search-form {
  max-width: 500px;
  margin: 0 auto;
}

/**
 * 10.0 - Sidebar
 */
.has_sidebar .site-content .container {
  position: relative;
}

.single-post .has_sidebar .site-main, .page .has_sidebar .site-main {
  max-width: none;
}

.has_sidebar .content-area {
  width: 100%;
}

.has_sidebar .sidebar {
  padding-top: 1.5em;
}

@media not screen and (min-width: 899px) {
  .has_sidebar .sidebar {
  border-top: 1px solid #3d3e40;
  padding-top: 3em; }
}

@media only screen and (min-width: 899px) {
  .has_sidebar .sidebar {
  padding-bottom: 3em; }
}

@media only screen and (min-width: 899px) {
  .has_sidebar .content-area {
  float: left;
  margin-right: -30%;
}

.has_sidebar .site-main {
  margin-right: 30%;
  padding-right: 1.875em;
}

  .has_sidebar .site-main:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30%;
  border-right: 1px solid #afafaf;
}

.has_sidebar .sidebar {
  z-index: 5;
  float: right;
  width: 30%;
  padding-left: 1.875em; }
}

@media only screen and (min-width: 1359px) {
  .has_sidebar .content-area {
  margin-right: -22.5em;
}

.has_sidebar .site-main {
  margin-right: 22.5em;
  padding-right: 3.75em;
}

  .has_sidebar .site-main:before {
  right: 22.5em;
}

.has_sidebar .sidebar {
  width: 22.5em;
  padding-left: 3.75em; }
}

@media only screen and (min-width: 1359px) {
  .single .site-main, .page .site-main {
/*  padding-right: 7.5em;*/
/*  padding-left: 7.5em;*/
  padding-left: 15%;
}

.site-footer {
  padding-left: 12em !important; }

}

/* Widgets */

.widget {
  padding-bottom: 3.5em;
}

@media not screen and (min-width: 899px) {
  .widget {
  padding-bottom: 2.25em; }
}

.widget img {
  max-width: 100%;
}

.widget + .widget {
  padding-top: 0em;
}

@media not screen and (min-width: 899px) {
  .widget + .widget {
  padding-top: 1.5em; }

  .site-footer {
  padding-left: 0em !important;
  padding-right: 0em !important; }
}

.widget a {
  color: #000;
  font-variation-settings: "wght" 85, "opsz" 25;
}

.widget a:hover {
  font-variation-settings: "wght" 45, "opsz" 25;
  color: var(--color);
}

.fs-16px, .widget ul, .widget_blog_subscription input {
  font-size: 1em;
  line-height: 1.25;
}

.widget li {
  margin-bottom: 2em;
}

.widget_recent_entries li {
  margin-bottom: 1em;
}

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

.widget img {
  max-width: 100%;
  height: auto;
  margin-top: 1em;
}

.widget select {
  max-width: 100%;
}

.widget .post-date {
  display: block;
  margin-top: 0.375em;
  font-style: italic;
  color: #afafaf;
}

.fs-13px, .widget .post-date, .widget_recent_entries .post-date {
  font-size: 0.8125em;
  line-height: 1.84615;
}

.widget .widget-title {
  font-size: 2.4em;
  line-height: .8;
  margin: 0 0 .5em 0;
  font-variation-settings: "wght" 15, "opsz" 70;
  font-weight: normal;
}

/* Widget - Calendar */
.widget_calendar table {
  width: 100%;
  color: #afafaf;
  text-align: center;
}

.widget_calendar th {
  text-align: center;
  padding-bottom: 0.75em;
}

.widget_calendar tr {
  border: 0;
}

.widget_calendar tfoot {
  padding: 0.75em;
}

.widget_calendar caption {
  color: #3d3e40;
  padding-bottom: 0.75em;
  padding-top: 0.75em;
}

.widget_calendar a {
  color: #000;
}

.widget_calendar a:hover {
  color: #000;
  text-decoration: underline;
}

.widget_calendar thead {
  color: #000;
}

.widget_calendar tfoot a {
  color: #3d3e40;
}

.widget_calendar tfoot td {
  border-bottom: 0;
}

/* Widget - Recent Comments */
.recentcomments {
  color: #afafaf;
}

.recentcomments a {
  color: #000;
}

.recentcomments a:hover {
  text-decoration: underline;
}

.recentcomments .comment-author-link {
  font-variation-settings: "wght"86;
}

#recentcomments {
  font-weight: normal;
}

.widget_recent_entries .post-date {
  display: block;
  margin-top: 0;
  font-style: italic;
}

/* Widget - RSS */
.widget_rss li {
  margin-bottom: 24px;
}

.widget_rss cite {
  display: block;
  margin-top: 6px;
}

.rsswidget {
  text-decoration: underline;
  font-variation-settings: "wght"86;
}

.rss-date:before {
  content: '-';
  display: inline-block;
  margin: 0 3px;
}

.widget_rss_links a {
  display: inline-block;
  vertical-align: middle;
}

.widget_categories > ul, .widget_pages > ul, .widget_meta > ul, .widget_archive > ul {
  margin-bottom: -0.75em;
}

.widget_categories > ul > li, .widget_pages > ul > li, .widget_meta > ul > li, .widget_archive > ul > li {
  width: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

  .widget_categories > ul > li a, .widget_pages > ul > li a, .widget_meta > ul > li a, .widget_archive > ul > li a {
  display: inline;
}

.widget_categories > ul ul, .widget_pages > ul ul, .widget_meta > ul ul, .widget_archive > ul ul {
  display: none;
}

.widget_categories li, .widget_pages li, .widget_meta li, .widget_archive li {
  margin-bottom: 0.75em;
}

/* Widget - Subscription */
.widget_blog_subscription.widget {
  padding: 1.5em;
  background-color: #171617;
  color: white;
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: 0;
}

.widget_blog_subscription p:first-of-type {
  margin-top: 2.25em;
  margin-bottom: 2.25em;
}

.widget_blog_subscription .widget-title {
  color: white;
}

.widget_blog_subscription input {
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-transform: none;
  transform: none;
}

.widget_blog_subscription input#subscribe-field {
  padding: 0.375em;
  width: 100%;
  border: 1px solid #d7d7d7;
  background: transparent;
  color: white;
}

.widget_blog_subscription input[type='submit'] {
  border: 1px solid var(--color);
  color: var(--color);
  padding: 6px 12px;
}

.widget_blog_subscription a {
  color: white;
}

.widget_blog_subscription a:hover {
  color: var(--color);
}

/* Widget - Milestone */
.milestone-content.milestone-content {
  max-width: none;
}

.milestone-content .milestone-header, .milestone-content .milestone-countdown, .milestone-content .milestone-message {
  color: white;
}

.milestone-content .milestone-header, .milestone-content .milestone-countdown {
  padding: 1.5em;
}

.milestone-content .event {
  margin-bottom: 0.75em;
}

.widget_top-posts .widget-grid-view-image {
  width: 50%;
}

.widget_top-posts .widgets-list-layout .widgets-list-layout-blavatar {
  width: 20%;
}

.widget_top-posts .widgets-list-layout .widgets-list-layout-links {
  width: 80%;
}

.widget_recent_comments td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/**
 * 11.0 - Footer
 */
.site-footer {
  padding-top: 1.5em;
  padding-bottom: 2.25em;
  padding-left: 12em;
  background: #FFF;
  color: #000;
  overflow: hidden;
  position: relative;
  z-index: 100;
  border-top: 2px var(--color) solid;
}

.site-footer a {
  color: #000;
}

@media not screen and (min-width: 899px) {
  .site-footer .site-info {
  margin-bottom: 0.75em;
  }
}

.site-footer .footer-navigation {
  text-align: right;
}

.site-footer .site-info, .site-footer .footer-navigation {
  width: 70%;
  font-size: 1em;
  line-height: 300%;
}

.mota, .mota a {
  font-size: 2.75em;
  font-variation-settings: "wght" 90, "opsz" 90;
  transition: 350ms ease-in-out;
  line-height: 70%;
}

.grid__item site-info p {
	margin-bottom: 0;
}

.mota a:hover {
  font-variation-settings: "wght" 1, "opsz" 90;
  color: var(--color);
  line-height: 70%;
}

@media not screen and (min-width: 899px) {
  .site-footer .site-info, .site-footer .footer-navigation {
  width: 100%;
  text-align: center; }
}

/* Footer Navigation */
.nav--footer {
  margin-left: 2em;
}

.nav--footer li {
  padding-left: 1em;
}

.nav--footer li:before {
  content: "\2022";
  font-family: monospace;
  position: relative;
  top: -0.1em;
  margin-right: 1.2em;
  pointer-events: none;
  color: white;
}

.nav--footer li:first-child {
  padding-left: 0;
}

.nav--footer li:first-child:before {
  display: none;
}

.nav--footer ul {
  display: none;
}

/* Footer logged-out-follow-blog-widget-input color */
#loggedout-follow input#loggedout-follow-field {
  color: black;
}

/**
 * 12.0 - Toolbar
 */
.toolbar {
  padding-left: 0.75em;
  padding-right: 0.75em;
  width: 3.75em;
  position: fixed;
  top: 0.75em;
  right: 0;
  bottom: 0;
  display: block;
}

.admin-bar .toolbar {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .toolbar {
  margin-top: 46px; }
}

.is--ancient-android .nav--is-open .toolbar {
  right: -100%;
}

.toolbar i[class] {
  display: table;
  width: 2.25em;
  height: 2.25em;
  text-align: center;
}

.toolbar i[class]:before {
  display: table-cell;
  vertical-align: middle;
}

@media not screen and (min-width: 1000px) {
  .toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  bottom: auto;
  padding-top: 0;
  z-index: 20;
  border-bottom: 1px solid #afafaf;
  }
}

@media only screen and (min-width: 1000px) {
  .toolbar {
  border-left: 1px solid #afafaf; }
}

.toolbar__head {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  min-height: 21em;
}

@media not screen and (min-width: 1000px) {
  .toolbar__head {
  min-height: 0;
  background: none;
  border: 0;
  padding-top: 6px;
  padding-bottom: 0;
  padding-left: 3em;
  text-align: right; }
}

.toolbar__body {
  position: relative;
  border-top: 1px solid #afafaf;
  margin-top: -1px;
  padding-top: 1.5em;
}

.toolbar__body a {
  color: #000;
}

@media not screen and (min-width: 1000px) {
  .toolbar__body {
  display: none; }
}

.nav--toolbar {
  word-wrap: normal;
}

.nav--toolbar a {
  display: block;
  font-size: 0.8125em;
  line-height: 2.57143em;
  margin-top: -1px;
  margin-right: 0.85714em;
  padding-left: 1.71429em;
  position: relative;
  right: 100%;
  white-space: nowrap;
  border: 1px solid transparent;
  border-right-width: 0;
  color: transparent;
  pointer-events: none;
}

.nav--toolbar a:before {
  content: "";
  font-size: 1.35714em;
  display: inline-block;
  width: 2.52632em;
  height: 1.89474em;
  line-height: 1.89474em;
  position: absolute;
  right: -2.52632em;
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  pointer-events: auto;
  color: #000;
}

@media only screen and (min-width: 899px) {
  .nav--toolbar a:before {
  padding-left: 0.63158em; }
}

@media only screen and (min-width: 1000px) {
  .nav--toolbar a:hover {
  background: white;
  border-color: #3d3e40;
  color: #3d3e40;
  visibility: visible;
  pointer-events: auto; }
}

.nav--toolbar a:before {
  content: "ï‡ ";
}

.nav--toolbar a[href*="mailto:"]:before, .nav--toolbar a[href*="mail"]:before {
  content: "ïƒ ";
}

.nav--toolbar a[href*="feed"]:before, .nav--toolbar a[href*="rss"]:before {
  content: "ï‚ž";
}

.nav--toolbar a[href*="behance"]:before {
  content: "";
}

.nav--toolbar a[href*="delicious"]:before {
  content: "";
}

.nav--toolbar a[href*="deviantart"]:before {
  content: "";
}

.nav--toolbar a[href*="digg"]:before {
  content: "";
}

.nav--toolbar a[href*="dribbble"]:before {
  content: "ï…½";
}

.nav--toolbar a[href*="facebook"]:before {
  content: "ï‚š";
}

.nav--toolbar a[href*="flickr"]:before {
  content: "ï…®";
}

.nav--toolbar a[href*="foursquare"]:before {
  content: "";
}

.nav--toolbar a[href*="github"]:before {
  content: "ï‚›";
}

.nav--toolbar a[href*="plus.google"]:before {
  content: "";
}

.nav--toolbar a[href*="instagram"]:before {
  content: "ï…­";
}

.nav--toolbar a[href*="linkedin"]:before {
  content: "";
}

.nav--toolbar a[href*="pinterest"]:before {
  content: "";
}

.nav--toolbar a[href*="reddit"]:before {
  content: "";
}

.nav--toolbar a[href*="skype"]:before {
  content: "ï…¾";
}

.nav--toolbar a[href*="soundcloud"]:before {
  content: "";
}

.nav--toolbar a[href*="spotify"]:before {
  content: "";
}

.nav--toolbar a[href*="stumbleupon"]:before {
  content: "";
}

.nav--toolbar a[href*="tumblr"]:before {
  content: "ï…³";
}

.nav--toolbar a[href*="twitter"]:before {
  content: "ï‚™";
}

.nav--toolbar a[href*="vimeo"]:before {
  content: "";
}

.nav--toolbar a[href*="vine"]:before {
  content: "";
}

.nav--toolbar a[href*="vk.com"]:before {
  content: "";
}

.nav--toolbar a[href*="weibo"]:before {
  content: "";
}

.nav--toolbar a[href*="xing"]:before {
  content: "ï…¨";
}

.nav--toolbar a[href*="yahoo"]:before {
  content: "";
}

.nav--toolbar a[href*="youtube"]:before {
  content: "ï…§";
}

.nav--toolbar a[href*="angel.co"]:before {
  content: "";
}

.nav--toolbar a[href*="yelp"]:before {
  content: "";
}

.nav--toolbar a[href*="last.fm"]:before {
  content: "";
}

.nav--toolbar a[href*="slideshare"]:before {
  content: "";
}

.nav--toolbar a[href*="twitch.tv"]:before {
  content: "";
}

.nav--toolbar .nav__item--search a:before {
  content: "";
}

@media not screen and (min-width: 1000px) {
  .nav--toolbar {
  display: inline-block;
  }

  .nav--toolbar a {
  right: 0;
  margin: 0;
  width: 3em;
  padding-left: 3em;
  overflow: hidden;
  pointer-events: auto;
  }

  .nav--toolbar a:before {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
  }
}

.overlay--search {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 111;
  display: table;
  padding-right: 15em;
  padding-left: 15em;
  width: 100%;
  height: 100%;
  border-left: 1px solid #afafaf;
  background: white;
}

@media not screen and (min-width: 1359px) {
  .overlay--search {
  padding-right: 6em;
  padding-left: 6em;
  }
}

@media not screen and (min-width: 899px) {
  .overlay--search.overlay--search {
  padding-right: 3em;
  padding-left: 3em;
  }
}

.overlay--search .search-form > label {
  position: static;
  height: auto;
}

.overlay--search .search-form, .overlay--search .search-field {
  display: block;
  height: auto;
}

.overlay--search .search-field, .overlay--search .search-submit {
  position: static;
}

.overlay--search .search-submit {
  display: none;
}

.overlay--search .search-field {
  border: 0;
  padding: 0;
  color: #000;
  outline: 0;
  height: auto;
  -webkit-appearance: none;
}

  .fs-100px, .overlay--search .search-field {
  font-size: 6.25em;
  line-height: 1.08;
}

  .overlay--search .search-field::-webkit-input-placeholder {
  color: #000;
}

.overlay--search .search-field:-moz-placeholder {
  color: #000;
}

.overlay--search .search-field::-moz-placeholder {
  color: #000;
}

.overlay--search .search-field:-ms-input-placeholder {
  color: #000;
}

@media not screen and (min-width: 84.9375em) {
  .fs-60px-below-1359px, .overlay--search .search-field {
  font-size: 3.75em;
  line-height: 1.2;
  }
}

  @media not screen and (min-width: 56.1875em) {
  .fs-24px-below-899px {
  font-size: 1.5em;
  line-height: 1.4;
  }
}

  @media not screen and (min-width: 899px) {
  .fs-32px, .overlay--search .search-field {
  font-size: 2em;
  line-height: 1.125;
  }
}

  @media not screen and (min-width: 899px) {
  .overlay--search .search-field {
  margin-bottom: 0.75em;
  }
}

.overlay__wrapper {
  display: table-cell;
  vertical-align: middle;
}

.overlay__close {
  width: 3.75em;
  height: 3.75em;
  position: absolute;
  top: 6em;
  right: 3.75em;
  cursor: pointer;
}

.overlay__close:before, .overlay__close:after {
  content: "";
  display: block;
  position: absolute;
  background: #3d3e40;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}

.overlay__close:before {
  top: 50%;
  width: 100%;
  height: .16em;
  margin-top: -.08em;
}

.overlay__close:after {
  left: 50%;
  height: 100%;
  width: .16em;
  margin-left: -.08em;
}

@media not screen and (min-width: 1359px) {
  .overlay__close {
  width: 2.25em;
  height: 2.25em;
  top: 3em;
  right: 2.25em; }
}

/* Jetpack's plugins styling */

/* Jetpack - ShareDaddy */

div.sd-content ul {
  margin-bottom: 0 !important;
}

.sd-social {
  margin-bottom: -5px;
}

div.sharedaddy .sd-social h3.sd-title {
  font-size: 1em;
/*  line-height: 1.4; */
  margin: 1em 0 .5em 0;
}

div.sharedaddy {
  margin-bottom: 30px;
}

/* Jetpack - Comment Form */

form.contact-form {
  max-width: 30em;
}

form.contact-form input[type='text'], form.contact-form input[type='email'], form.contact-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 0.75em;
  border: 1px solid #d7d7d7;
}

form.contact-form .pushbutton-wide {
  float: right;
}

.comment-respond.js form.contact-form input[type='text'], .comment-respond.js form.contact-form input[type='email'], .comment-respond.js form.contact-form textarea {
  margin-bottom: 1.5em;
}

/* Jetpack - Infinite Scroll */

#infinite-footer {
  position: relative;
  z-index: 99;
  width: 100%;
  background: #171617;
  -webkit-font-smoothing: auto;
  -webkit-transition: bottom .3s ease-in;
  transition: bottom .3s ease-in;
}

@media only screen and (min-width: 899px) {
  #infinite-footer {
  height: 50px;
  position: fixed;
  bottom: 0 !important;
  }
}

#infinite-footer .container {
  width: 100% !important;
  min-height: 50px;
  padding: 0;
  border: 0;
  background: none;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

#infinite-footer .blog-info, #infinite-footer .blog-credits {
  display: inline-block;
  width: auto;
  font-size: 0.875em;
  line-height: 1.71429;
  line-height: 50px;
  color: #8c888c;
}

#infinite-footer .blog-info a, #infinite-footer .blog-credits a {
  color: white;
}

#infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover {
  color: white;
  text-decoration: none;
}

@media not screen and (min-width: 899px) {
  #infinite-footer .blog-credits {
  text-align: left; }
}

#infinite-footer .blog-info {
  float: left;
  margin-right: 0.85714em;
}

.infinite-loader {
  position: absolute;
  left: 50%;
  bottom: 0;
}

@media not screen and (min-width: 899px) {
  .infinite-loader {
  bottom: -50px;
  z-index: 50; }
}

.infinite-scroll .pagination {
  display: none;
}

@media only screen and (min-width: 1000px) {
  .infinite-scroll:not(.neverending) .site-content {
  padding-bottom: 7.5em; }
}

.infinite-scroll.neverending .site-footer {
  display: none;
  -webkit-transition: .3s linear tansform;
  transition: .3s linear tansform;
}

.infinite-scroll.neverending.infinity-end .site-footer {
  display: block;
  -webkit-transform: none;
  transform: none;
}

.infinite-loader {
  position: absolute;
  left: 50%;
  left: calc(50% + 1.125em);
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
}

#infinite-handle {
  position: absolute;
  top: 100%;
  left: 1.125em;
  width: 100%;
  text-align: center;
}

.infinite-loader .spinner {
  left: 0 !important;
}

div#infinite-handle span {
  cursor: pointer;
  font-size: 20px;
  background: transparent;
}

div#infinite-handle span:hover {
  background: transparent;
  color: white;
}

div#infinite-handle button {
  position: relative;
  z-index: 5;
  border: none;
}

div#infinite-handle button:hover {
  padding: 11px 23px;
  background: #171617;
  color: white;
}

/* Jetpack - Related Posts */

.jp-relatedposts {
  clear: both;
  padding-top: 0 !important;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  display: block;
  text-decoration: none;
}

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  font-size: 1.25em;
  line-height: 1em;
  margin: 0 0 .25em 0;
}

div#jp-relatedposts div.jp-relatedposts-items p {
  font-size: 1em;
  line-height: 1em;
}

div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-context, div#jp-relatedposts div.jp-relatedposts-items span.jp-relatedposts-post-context {
  font-size: 0.75em;
  line-height: 2;
}

.jp-relatedposts-post-img {
  margin-bottom: 0.75em;
}

div#jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 2.75em;
  line-height: .8;
  margin: 0 0 .5em 0;
  font-variation-settings: "wght" 10, "opsz" 100;
  width: 100%;
  font-weight: normal;
}

/* Jetpack - Slideshow Galleries */

.jetpack-slideshow.slideshow-window {
  border-radius: 0;
  border-width: 0.66667em;
}

/* Jetpack - Sharedaddy */

.sd-content ul li {
  margin-bottom: 12px !important;
  display: inline-block !important;
}

#sharing_email .sharing_send, .sd-content ul li .option a.share-ustom, .sd-content ul li a.sd-button, .sd-content ul li.advanced a.share-more, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-social-icon .sd-content ul li a.sd-button, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content>ul>li .digg_button>a, .sd-social-official .sd-content>ul>li>a.sd-button, .sd-social-text .sd-content ul li a.sd-button {
  font-family: inherit !important;
}

/* Overwrites */

/* Text meant only for screen readers. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #FFFFFF;
  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;
  -webkit-clip-path: none;
  clip-path: none;
  color: #000;
  display: block;
  font-variation-settings: "wght"86;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.toolbar .navigation.post-navigation .nav-links span {
  display: block;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 10.5em;
  -webkit-transform-origin: 1.875em 0 0;
  transform-origin: 1.875em 0 0;
  -webkit-transform: rotateZ(90deg) translateZ(0);
  transform: rotateZ(90deg) translateZ(0);
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.ie10 .toolbar .navigation.post-navigation .nav-links span, .ie9 .toolbar .navigation.post-navigation .nav-links span {
  display: none;
}

.toolbar .navigation.post-navigation .nav-links a:hover span {
  opacity: 1;
  -webkit-transition: opacity .2s .2s ease-in-out;
  transition: opacity .2s .2s ease-in-out;
}

#wpstats {
  position: fixed;
  left: -9999px;
  bottom: 0;
}

.gallery {
  margin: 0 auto 0 -.75em !important;
}

Style Attribute {
  transform: translate(366px, 6px);
  transform: translate(366px, 0px);
  width: 685.3333333333334px;
  height: 524px;
  margin-bottom: 6px;
  height: 518px;
  margin-bottom: 0px;
}

.fancybox-slide--image {
  padding: 0 !important;
}
#jp-relatedposts h3.jp-relatedposts-headline em {
  font-weight: normal !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
  text-decoration: none !important;
  border-bottom: none !important;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  opacity: 1 !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
  opacity: .8 !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  border-bottom: none !important;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.wp-block-gallery {
  margin: 0 0 1.5em -1.5em;
}



div.sharedaddy h3.sd-title {
  margin: 0 0 .5em 0;
  font-weight: normal;
}

div.sharedaddy h3.sd-title:before {
  display: none !important;
}

#archive {
  padding-bottom: 2.5em;
}

#sharing_email .sharing_send, .sd-content ul li .option a.share-ustom, .sd-content ul li a.sd-button, .sd-content ul li.advanced a.share-more, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-social-icon .sd-content ul li a.sd-button, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content>ul>li .digg_button>a, .sd-social-official .sd-content>ul>li>a.sd-button, .sd-social-text .sd-content ul li a.sd-button {
  font-family: inherit;
  padding: 1px 7px 0 5px;
}

/* ==========================================================================
   YSLTT 2026 additions (v1.0)
   ========================================================================== */

/* ---------- Main menu: responsive spacing (no wrapping at mid widths) ---------- */

@media only screen and (min-width: 1000px) {
  .nav--main {
  --nav-pad: clamp(.75em, 3.2vw, 2.25em);
  white-space: nowrap;
  }

  .nav--main > li > a {
  padding-left: var(--nav-pad);
  padding-right: var(--nav-pad);
  }

  .nav--main .menu-item-has-children:after {
  left: calc(-1 * var(--nav-pad));
  }

  .nav--main ul, .nav--main ul li {
  white-space: normal;
  }

  .menu-item--close {
  display: none !important;
  }
}

/* ---------- Main menu: search ---------- */

.menu-item--search {
  position: relative;
  vertical-align: middle;
}

.nav-search__toggle {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  padding: .25em .5em;
  border: 0;
  background: transparent;
  color: #171617;
  font: inherit;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

.nav-search__toggle:hover, .menu-item--search.is-open .nav-search__toggle {
  color: var(--color);
}

.nav-search__icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
}

.nav-search__form {
  display: flex;
  margin: 0;
}

.nav-search__form .nav-search__field {
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: .5em .75em;
  border: 1px solid color-mix(in srgb, var(--color) 35%, #fff);
  border-right: 0;
  border-radius: 0;
  background: #fff;
  color: #171617;
  font-family: inherit;
  font-size: 1em;
  line-height: 1.2;
  font-variation-settings: "wght" 40, "opsz" 20;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.nav-search__form .nav-search__field:focus {
  border-color: var(--color);
}

.nav-search__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 .9em;
  border: 0;
  border-radius: 0;
  background: var(--color);
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

.nav-search__submit:hover, .nav-search__submit:focus {
  background: color-mix(in srgb, var(--color) 75%, #000);
}

@media only screen and (min-width: 1000px) {
  .nav-search__label {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  }

  .nav-search__panel {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 40;
  box-sizing: border-box;
  width: 20em;
  margin-top: 14px;
  padding: 14px;
  background: rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  box-shadow: 0 1px 2px rgba(23, 22, 23, .06), 0 6px 40px -8px color-mix(in srgb, var(--color) 65%, transparent);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .15s ease-in-out, transform .2s ease-out, visibility 0s linear .2s;
  }

  .nav-search__panel:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 13px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  border-top: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  transform: rotate(45deg);
  }

  .menu-item--search.is-open .nav-search__panel {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .15s ease-in-out, transform .2s ease-out, visibility 0s;
  }
}

/* ---------- Mobile menu ---------- */

@media not screen and (min-width: 1000px) {
  body.nav--is-open {
  overflow: hidden;
  }

  .nav--main {
  display: flex;
  flex-direction: column;
  padding: .75em 1.5em 3em 1.5em !important;
  }

  .nav--main:after {
  display: none;
  }

  .nav--main > li {
  flex-shrink: 0;
  }

  /* close button, stays pinned at the top while the menu scrolls */
  .nav--main .menu-item--close {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  order: -2;
  align-self: flex-end;
  width: auto;
  overflow: visible;
  margin: 0 -.5em .25em 0;
  }

  .nav-close {
  display: block;
  width: 1.4em;
  height: 1.4em;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #171617;
  font-family: inherit;
  font-size: 2.25em;
  line-height: 1.3;
  text-align: center;
  font-variation-settings: "wght" 20, "opsz" 40;
  cursor: pointer;
  transition: color .2s ease-in-out;
  }

  .nav-close:hover, .nav-close:focus {
  color: var(--color);
  }

  /* search is the first item */
  .nav--main .menu-item--search {
  order: -1;
  overflow: visible;
  margin-bottom: 1.25em;
  }

  .nav-search__toggle {
  display: none;
  }

  .nav-search__panel {
  display: block;
  }

  .nav-search__form .nav-search__field {
  font-size: 16px; /* prevents iOS zoom on focus */
  padding: .7em .8em;
  }

  /* menu items */
  .nav--main > li:not(.menu-item--close):not(.menu-item--search) {
  border-bottom: 1px solid #e3e3e3;
  }

  .nav--main > li > a {
  font-size: 1.35em;
  padding: .45em 0 !important;
  }

  .nav--main li ul {
  padding: 0 0 .6em 1em !important;
  background: transparent !important;
  }

  .nav--main li ul a {
  padding: .2em 0 !important;
  font-variation-settings: "wght" 45, "opsz" 20;
  }

  .nav--main a:hover, .nav--main .current-menu-item > a {
  color: var(--color);
  }
}

/* ---------- Archive page sidebar (half the page width) ---------- */

@media only screen and (min-width: 899px) {
  .has_sidebar:has(#secondaryarchive) .content-area {
  margin-right: -50%;
  }

  .has_sidebar:has(#secondaryarchive) .site-main {
  margin-right: 50%;
  }

  .has_sidebar:has(#secondaryarchive) .site-main:before {
  right: 50%;
  }

  .has_sidebar #secondaryarchive {
  width: 50%;
  padding-left: 1.5em;
  }
}

@media only screen and (min-width: 1359px) {
  .has_sidebar #secondaryarchive {
  padding-left: 2.25em;
  }
}

/* Categories: tidy grid, no extra left indent */
#secondaryarchive .widget_categories > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
  gap: .5em 1em;
  margin: 0;
  padding: 0;
}

#secondaryarchive .widget_categories > ul:after {
  display: none;
}

#secondaryarchive .widget_categories > ul > li {
  float: none;
  width: auto;
  margin: 0;
  padding-left: 0;
}

/* Tags: same rhythm as Categories, regular-weight counts, no commas */
#secondaryarchive .widget_taxonomy_list_widget {
  line-height: 1.25;
}

#secondaryarchive .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1em;
}

#secondaryarchive .tag-list__item {
  white-space: nowrap;
}

#secondaryarchive .widget_taxonomy_list_widget .count {
  color: #000;
  font-variation-settings: "wght" 40, "opsz" 25;
}

/* ---------- Main menu: desktop dropdowns ("soft glow", multi-level) ---------- */

@media only screen and (min-width: 1000px) {
  .nav--main > li {
  position: relative;
  }

  /* first level panel */
  .nav--main .sub-menu,
  .nav--main.hover-intent .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 30;
  box-sizing: border-box;
  width: auto;
  min-width: 256px;
  margin: 14px 0 0 0;
  padding: 14px;
  background: rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(23, 22, 23, .06), 0 6px 40px -8px color-mix(in srgb, var(--color) 65%, transparent);
  text-align: left;
  white-space: nowrap;
  transform: translateX(-50%) translateY(6px);
  transition: opacity .15s ease-in-out, transform .2s ease-out;
  }

  .nav--main li:hover > .sub-menu,
  .nav--main.hover-intent li.menu-item-has-children.hover > .sub-menu,
  .nav--main.hover-intent li.menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  }

  /* little pointer above the first level */
  .nav--main > li > .sub-menu:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  border-top: 1px solid color-mix(in srgb, var(--color) 22%, #fff);
  transform: translateX(-50%) rotate(45deg);
  }

  /* invisible bridge so the mouse can travel from the menu item to the panel */
  .nav--main > li > .sub-menu:after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px;
  }

  /* second (and deeper) level: flies out to the side, touching the parent panel */
  .nav--main .sub-menu .sub-menu,
  .nav--main.hover-intent .sub-menu .sub-menu {
  top: -15px;
  left: 100%;
  margin: 0 0 0 15px;
  transform: none;
  }

  .nav--main .sub-menu li:hover > .sub-menu,
  .nav--main.hover-intent .sub-menu li.menu-item-has-children.hover > .sub-menu,
  .nav--main.hover-intent .sub-menu li.menu-item-has-children:focus-within > .sub-menu {
  transform: none;
  }

  .nav--main .sub-menu .sub-menu:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  width: 16px;
  }

  /* flipped to the left when there's no room on the right (set by ysltt.js) */
  .nav--main .sub-menu .sub-menu.is-flipped,
  .nav--main.hover-intent .sub-menu .sub-menu.is-flipped {
  left: auto;
  right: 100%;
  margin: 0 15px 0 0;
  }

  .nav--main .sub-menu .sub-menu.is-flipped:after {
  left: auto;
  right: -16px;
  }

  /* items */
  .nav--main .sub-menu li {
  display: block;
  position: relative;
  white-space: nowrap;
  }

  .nav--main .sub-menu a,
  .nav--main ul.sub-menu a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  max-width: none;
  padding: 8px 14px;
  color: #171617;
  font-size: .9em;
  line-height: 1.25;
  white-space: nowrap;
  font-variation-settings: "wght" 50, "opsz" 20;
  transition: background .15s, color .15s, font-variation-settings .25s;
  }

  .nav--main .sub-menu li:hover > a,
  .nav--main .sub-menu li.hover > a,
  .nav--main .sub-menu a:focus,
  .nav--main .sub-menu .current-menu-item > a {
  background: color-mix(in srgb, var(--color) 13%, #fff);
  color: color-mix(in srgb, var(--color) 75%, #000);
  font-variation-settings: "wght" 80, "opsz" 20;
  }

  /* arrows: keep the purple ↓ on the top level, use › inside the panels */
  .nav--main > .menu-item-has-children > a:after {
  display: none;
  }

  .nav--main .sub-menu .menu-item-has-children:after,
  .nav--main li .menu-item-has-children:after {
  display: none;
  content: none;
  }

  .nav--main .sub-menu .menu-item-has-children > a:after {
  content: "\203A";
  display: block;
  position: static;
  margin: 0;
  border: 0;
  opacity: .55;
  pointer-events: none;
  }

  .nav--main.hover-intent .sub-menu li.menu-item-has-children > a:after {
  opacity: .55;
  }
}

/* ---------- Design consistency pass ---------- */

/* All other search forms (sidebar widget, 404, no results) match the menu search */
.search-form .search-field {
  padding: 8px 12px;
  padding-right: 110px;
  border: 1px solid color-mix(in srgb, var(--color) 35%, #fff);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #171617;
  font-family: inherit;
  font-size: .9em;
  font-variation-settings: "wght" 40, "opsz" 20;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  transition: border-color .15s;
}

.search-form .search-field:focus {
  border-color: var(--color);
}

.search-form .search-submit {
  padding: 0 1.1em;
  border: 0;
  border-radius: 0;
  background: var(--color);
  color: #fff;
  font-family: inherit;
  font-size: .85em;
  font-variation-settings: "wght" 80, "opsz" 20;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background .15s;
}

.search-form .search-submit:hover, .search-form .search-submit:focus {
  background: color-mix(in srgb, var(--color) 75%, #000);
}

/* Share buttons: square, accent-tinted like the menus */
div.sharedaddy .sd-content ul li a.sd-button {
  border: 1px solid color-mix(in srgb, var(--color) 30%, #fff);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #171617 !important;
  transition: background .15s, border-color .15s, color .15s;
}

div.sharedaddy .sd-content ul li a.sd-button:hover, div.sharedaddy .sd-content ul li a.sd-button:focus {
  border-color: var(--color);
  background: color-mix(in srgb, var(--color) 13%, #fff);
  box-shadow: none;
  color: color-mix(in srgb, var(--color) 75%, #000) !important;
}

/* Pagination: current page uses the accent tint instead of a grey box */
.pagination span.current {
  border: 1px solid color-mix(in srgb, var(--color) 35%, #fff);
  background: color-mix(in srgb, var(--color) 13%, #fff);
  color: color-mix(in srgb, var(--color) 75%, #000);
}

.pagination a:hover {
  color: var(--color);
}

/* Main menu: hovered and current top-level items use the accent (desktop) */
@media only screen and (min-width: 1000px) {
  .nav--main > li > a:hover,
  .nav--main > li.hover > a,
  .nav--main > li.current-menu-item > a,
  .nav--main > li.current-menu-parent > a,
  .nav--main > li.current-menu-ancestor > a,
  .nav--main > li.current-post-ancestor > a {
  color: var(--color);
  }
}

/* Footer lines up with the page content instead of fixed offsets */
@media only screen and (min-width: 899px) {
  .site-footer {
  padding-left: 1.125em !important;
  padding-right: 1.125em !important;
  }

  .site-footer .container {
  padding-left: 2.25em;
  }
}

@media only screen and (min-width: 1000px) {
  .site-footer {
  padding-left: 3% !important;
  padding-right: 3% !important;
  }
}

@media only screen and (min-width: 1500px) {
  .site-footer {
  padding-left: 6% !important;
  padding-right: 6% !important;
  }
}

@media only screen and (min-width: 2000px) {
  .site-footer {
  padding-left: 9% !important;
  padding-right: 9% !important;
  }
}

/* ---------- Main sidebar (posts & pages): 33% of the content width ---------- */

@media only screen and (min-width: 899px) {
  .has_sidebar .content-area {
  margin-right: -33%;
  }

  .has_sidebar .site-main {
  margin-right: 33%;
  }

  .has_sidebar .site-main:before {
  right: 33%;
  }

  .has_sidebar .sidebar {
  width: 33%;
  }
}

/* ---------- Menu: highlight the current section at every level ---------- */

.nav--main li.current-menu-item > a,
.nav--main li.current-menu-parent > a,
.nav--main li.current-menu-ancestor > a,
.nav--main li.current-post-ancestor > a,
.nav--main li.current-post-parent > a,
.nav--main li.current-category-ancestor > a {
  color: var(--color);
}

@media only screen and (min-width: 1000px) {
  .nav--main .sub-menu li.current-menu-item > a,
  .nav--main .sub-menu li.current-menu-parent > a,
  .nav--main .sub-menu li.current-menu-ancestor > a,
  .nav--main .sub-menu li.current-post-ancestor > a,
  .nav--main .sub-menu li.current-post-parent > a,
  .nav--main .sub-menu li.current-category-ancestor > a {
  color: color-mix(in srgb, var(--color) 80%, #000);
  font-variation-settings: "wght" 80, "opsz" 20;
  }
}

/* Thanks for visiting You Should Like Type Too! */