@charset "UTF-8";
/*!
Theme Name: zeichenschatz
Theme URI: http://underscores.me/
Author: Oliver Schöndorfer
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

zeichenschatz is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/
/*------------------------------------*  #SPACE VARIABLES
\*------------------------------------*/
/*------------------------------------*  #BREAKPOINT VARIABLES
\*------------------------------------*/
/* Variables for major breakpoint widths */
/*------------------------------------*    #BREAKPOINT MIXIN
\*------------------------------------*/
/* Indent padding for content to */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url("https://use.typekit.net/pta3ecl.css");
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, 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-color: transparent; }

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

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

b, strong { font-weight: bold; }

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; }

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

figure { margin: 1em 40px; }

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

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; 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-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-weight: bold; }

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

td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*------------------------------------*    #BREAKPOINT MIXIN
\*------------------------------------*/
html { font-size: 110%; }

@media only screen and (min-width: 48em) { html { font-size: 110%; } }

@media only screen and (min-width: medium) { html { font-size: 110%; } }

@media only screen and (min-width: 64em) { html { font-size: 120%; } }

@media only screen and (min-width: large) { html { font-size: 120%; } }

@media only screen and (min-width: 80em) { html { font-size: 130%; } }

@media only screen and (min-width: xlarge) { html { font-size: 130%; } }

@media only screen and (min-width: 100em) { html { font-size: 140%; } }

body, button, input, select, optgroup, textarea { color: #003471; font-family: "bressay", Georgia, serif; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; font-size: 16px; font-size: 1rem; line-height: 1.6rem; }

h1, h2, h3, h4, h5, h6 { clear: both; font-family: "basic-sans", Helvetica, Arial, sans-serif; margin: 0; color: #002755; }

h1, .alpha { font-size: 1.953125em; line-height: 2rem; margin-bottom: 1.6rem; }

@media only screen and (min-width: 64em) { h1, .alpha { font-size: 2.44140625em; line-height: 2.4rem; } }

@media only screen and (min-width: large) { h1, .alpha { font-size: 2.44140625em; line-height: 2.4rem; } }

h2, .beta { font-size: 1.5625em; padding-top: 1.6rem; margin-bottom: 1.2rem; }

@media only screen and (min-width: 64em) { h2, .beta { font-size: 1.953125em; line-height: 2rem; } }

@media only screen and (min-width: large) { h2, .beta { font-size: 1.953125em; line-height: 2rem; } }

h3, .gamma { font-size: 1.25em; padding-top: 0.8rem; margin-bottom: 0.8rem; }

@media only screen and (min-width: 64em) { h3, .gamma { font-size: 1.5625em; } }

@media only screen and (min-width: large) { h3, .gamma { font-size: 1.5625em; } }

h4, .delta { font-size: 1.25em; margin-bottom: 0.8rem; }

h5 { font-size: 1rem; margin: 0; padding-top: 0.8rem; }

p { margin-top: 0; margin-bottom: 1.6rem; }

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

blockquote { margin: 0 0 1.6rem 0.8rem; font-style: italic; color: #9f5440; font-size: 1.25em; }

@media only screen and (min-width: 64em) { blockquote { font-family: "bressay-display"; } }

@media only screen and (min-width: large) { blockquote { font-family: "bressay-display"; } }

blockquote:before { content: "„"; font-style: normal; font-size: 1.953125em; color: #003471; font-weight: bold; float: left; margin-left: -1.6rem; margin-top: -0.2em; }

blockquote > footer { font-style: normal; font-family: "basic-sans", Helvetica, Arial, sans-serif; font-size: 0.8em; letter-spacing: 0.03em; line-height: 1.2rem; margin-top: -0.4rem; }

address { margin: 0 0 1.5em; }

pre { width: 100vw; max-width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: block; background: #ececec; font-family: "Odisseia", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6rem; overflow: auto; padding: 0.8rem 1.2rem; }

@media only screen and (min-width: 48.8rem) { pre { width: 46.4rem; max-width: 46.4rem; position: static; margin-left: -3.2rem; margin-right: -3.2rem; } }

@media only screen and (min-width: 48.8rem) { pre { padding: 1.6rem 3.2rem; } }

code, kbd, tt, var { font-family: "Odisseia", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", Courier, monospace; font-size: 15px; font-size: 0.9375rem; background-color: rgba(236, 236, 236, 0.7); padding: 0 0.1em; border-radius: 2px; word-spacing: -0.25rem; }

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

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

big { font-size: 125%; }

.small-caps { letter-spacing: 0.03em; font-variant: small-caps; font-variant-caps: all-small-caps; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp"; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ overflow-x: hidden; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.6rem; }

ul, ol { margin: 0 0 1.6rem; padding-left: 1.6rem; }

ul { list-style: disc; }

ol { list-style: none; }

ol li { counter-increment: item; position: relative; }

ol li:before { content: counter(item); font-family: "basic-sans", Helvetica, Arial, sans-serif; font-weight: bold; position: absolute; left: -1.6rem; top: 0.045rem; width: 1.6rem; padding-right: 0.4rem; text-align: right; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.6rem; }

dt { font-weight: bold; }

dd { margin: 0 0 1.6rem; }

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

figure { max-width: 100%; margin: 0 0 1.6rem; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.6rem; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { font-family: "basic-sans", Helvetica, Arial, sans-serif; border: none; border-radius: 2px; background: #003471; color: #fff; line-height: 1; padding: .5em 1em .45em; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

@media only screen and (max-width: 29.999em) { button, input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; text-align: center; } }

@media only screen and (min-width: below-small) { button, input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; text-align: center; } }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #9f5440; }

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { outline: none; background: #7b4131; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #5d6266; border: 1px solid #8c9499; border-radius: 2px; padding: 0.2em 0.4em; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; outline: none; border-color: rgba(92, 126, 229, 0.5); -webkit-box-shadow: 0 0 0 2px rgba(92, 126, 229, 0.5); box-shadow: 0 0 0 2px rgba(92, 126, 229, 0.5); }

select { border: 1px solid #8c9499; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: inherit; text-decoration: underline; -webkit-text-decoration-color: #9f5440; text-decoration-color: #9f5440; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; }

a:visited { color: inherit; }

a:hover, a:focus, a:active { color: #9f5440; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; }

a:focus { outline: thin dotted; }

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

.cat-links a:link, .cat-links a:visited { display: inline-block; font-family: "basic-sans", Helvetica, Arial, sans-serif; text-decoration: none; padding: 0.4em 0.75em 0.3em; border-radius: 2px; line-height: 1; }

.cat-links--entry-header { margin-bottom: 1.6rem; position: relative; }

.cat-links--entry-header a:link, .cat-links--entry-header a:visited { color: #fff; background-color: #003471; }

.cat-links--entry-header a:hover { background-color: #9f5440; color: #fff; }

.cat-links--entry-header a:focus, .cat-links--entry-header a:active { background-color: #8c9499; }

.cat-links--entry-list { margin-bottom: 0.4rem; font-size: 0.8em; letter-spacing: 0.02em; }

.cat-links--entry-list a:link, .cat-links--entry-list a:visited { color: #003471; background-color: #e4eaef; }

.cat-links--entry-list a:hover { color: #fff; background-color: #9f5440; }

.cat-links--entry-list a:focus, .cat-links--entry-list a:active { background-color: #8c9499; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { display: block; text-align: center; margin-top: 0.4rem; }

@media only screen and (min-width: 42em) { .main-navigation { margin-top: 0; text-align: left; padding-top: 1.4rem; } }

.main-navigation ul { list-style: none; margin: 0; padding-left: 0; }

.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; }

.main-navigation ul ul ul { left: -999em; top: 0; }

.main-navigation ul ul a { width: 200px; }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }

.main-navigation li { display: inline-block; margin: 0 0.5333333333rem 0 0; }

.main-navigation li:last-child { margin-right: 0; }

.main-navigation a { display: block; text-decoration: none; }

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { font-weight: bold; }

/* Small menu. */
.menu-toggle { display: none; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 3.2rem; overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.posts-navigation, .post-navigation { font-family: "basic-sans", Helvetica, Arial, sans-serif; line-height: 1.3; }

.nav-previous { padding-left: 0.6em; }

.nav-previous:before { content: "« "; margin-left: -0.6em; }

.nav-next { padding-right: 0.6em; }

.nav-next:after { content: " »"; margin-right: -0.6em; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 2px; -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: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.6rem; /* Make sure select elements fit in widgets. */ }

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

.widget p { margin: 0; }

.widget_categories ul { list-style: none; padding: 0; font-family: "basic-sans", Helvetica, Arial, sans-serif; }

.mks_author_widget .widget-title + a { float: right; -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); shape-outside: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); margin: 0 0 0 0.8rem; width: 6rem; }

.mks_author_widget .widget-title + a:hover, .mks_author_widget .widget-title + a:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }

.mks_author_widget .widget-title + a > img { float: none; margin: 0; display: block; }

.mks_author_widget > p, .mks_author_widget .mks_autor_link_wrap { display: inline; }

@media only screen and (max-width: 47.999em) { .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { width: 100%; margin: 0; } }

@media only screen and (min-width: below-medium) { .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { width: 100%; margin: 0; } }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget_eu_cookie_law_widget.widget { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; display: none; }

#eu-cookie-law { background-color: #ececec !important; color: #003471 !important; border: none !important; -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3); box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3); font-family: "basic-sans", Helvetica, Arial, sans-serif !important; font-size: 0.8em; letter-spacing: 0.03em !important; line-height: 1.2 !important; padding: 0.8rem 1.6rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }

@media only screen and (min-width: 30em) { #eu-cookie-law { padding: 0.4rem 1.6rem !important; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

#eu-cookie-law > a { margin: 0.5em; }

#eu-cookie-law > form { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; }

@media only screen and (min-width: 30em) { #eu-cookie-law > form { margin-right: 0; } }

#eu-cookie-law input { background: #003471 !important; color: #FFFFFF !important; padding: 0.5em 0.8rem !important; margin: 1em auto 0 !important; border: none !important; border-radius: 3px !important; font-size: 1.2em !important; letter-spacing: 0.03em; }

@media only screen and (min-width: 30em) { #eu-cookie-law input { font-size: 1em !important; margin: auto !important; } }

#eu-cookie-law input:hover, #eu-cookie-law input:focus { background: #9f5440 !important; color: #FFFFFF !important; }

#eu-cookie-law input.accept { position: static !important; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-header { margin: 0.8rem auto 1.6rem; max-width: 40rem; }

@media only screen and (min-width: 42em) { .site-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media only screen and (min-width: 80em) { .site-header { padding: 1.6rem 0 1.6rem; } }

@media only screen and (min-width: xlarge) { .site-header { padding: 1.6rem 0 1.6rem; } }

.site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (min-width: 42em) { .site-branding { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.site-branding p, .site-branding h1 { margin: 0; line-height: 1.4rem; }

.custom-logo-link { margin: 0 0.4rem 0 -0.8rem; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); width: 4rem; }

@media only screen and (min-width: 64em) { .custom-logo-link { width: 5rem; } }

@media only screen and (min-width: large) { .custom-logo-link { width: 5rem; } }

@media only screen and (min-width: 80em) { .custom-logo-link { position: fixed; left: calc(50vw - 30rem); top: -0.8rem; width: 6.5rem; } }

@media only screen and (min-width: xlarge) { .custom-logo-link { position: fixed; left: calc(50vw - 30rem); top: -0.8rem; width: 6.5rem; } }

.custom-logo-link:hover, .custom-logo-link:focus { -webkit-transform: rotate(-5deg) scale(1.05); transform: rotate(-5deg) scale(1.05); }

.custom-logo-link > img { display: block; }

.site-title__title { font-family: "basic-sans", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.25em; }

@media only screen and (min-width: 64em) { .site-title__title { font-size: 1.5625em; } }

@media only screen and (min-width: large) { .site-title__title { font-size: 1.5625em; } }

.site-title__title a:link, .site-title__title a:visited { text-decoration: none; }

.site-title__description { font-style: italic; }

.site-content .widget-area { margin: 0 auto; max-width: 40rem; border-top: 0.2em solid #003471; padding-top: 1.6rem; }

.content-wrapper { margin: 0 auto; max-width: 40rem; }

.site-main { margin-bottom: 4.8rem; }

.site-footer { max-width: 40rem; margin: 0 auto 3.2rem; font-family: "basic-sans", Helvetica, Arial, sans-serif; font-size: 0.8em; color: #5d6266; }

.sep { color: #8c9499; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.site { padding: 0 1.2rem; }

.sticky { display: block; }

.updated:not(.published) { display: none; }

.hentry { margin: 0 0 1.6rem; }

/*------------------------------------*    #POST/PAGE HEADER
\*------------------------------------*/
.entry-header, .page-header { text-align: center; }

.entry-header--post .post-image-container { margin-bottom: -0.8rem; }

.entry-header--page .post-image-container { margin-bottom: 1.6rem; }

.page-header { border-top: 0.2em solid #003471; border-bottom: 0.2em solid #003471; padding: 0.8rem 0 0; margin-bottom: 3.2rem; }

.archive-kind { display: block; font-weight: normal; font-size: 0.512em; font-style: italic; color: #5d6266; font-family: "bressay", Georgia, serif; }

@media only screen and (min-width: 64em) { .archive-kind { font-family: "bressay-display", Georgia, serif; } }

@media only screen and (min-width: large) { .archive-kind { font-family: "bressay-display", Georgia, serif; } }

/*------------------------------------*    #POST IMAGE
\*------------------------------------*/
.post-image-container { position: relative; margin: 0; }

.post-image-container .wp-post-image { width: 100vw; max-width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: block; }

@media only screen and (min-width: 48.8rem) { .post-image-container .wp-post-image { width: 46.4rem; max-width: 46.4rem; position: static; margin-left: -3.2rem; margin-right: -3.2rem; } }

.post-image__caption { position: absolute; right: 0; bottom: 0.4rem; font-family: "basic-sans", Helvetica, Arial, sans-serif; color: #fff; line-height: 1; font-size: 0.512em; letter-spacing: 0.05em; text-shadow: 0 0 2px black; }

@media only screen and (min-width: 30em) { .post-image__caption { font-size: 0.64em; } }

@media only screen and (min-width: small) { .post-image__caption { font-size: 0.64em; } }

.post-image__caption a:link { color: inherit; text-decoration: none; }

.post-image__caption a:visited { color: inherit; text-decoration: none; }

.entry-title, .page-title { position: relative; }

.entry-meta { font-family: "basic-sans", Helvetica, Arial, sans-serif; }

.entry-meta a:link { color: inherit; text-decoration: none; }

.entry-meta a:visited { color: inherit; text-decoration: none; }

/*------------------------------------*    #POST/PAGE CONTENT
\*------------------------------------*/
.page-content, .entry-content, .entry-summary { margin: 1.6rem 0 3.2rem; }

.page-links { clear: both; margin: 0 0 1.6rem; }

.lead-in { font-style: italic; }

@media only screen and (min-width: 30em) { .lead-in { font-size: 1.25em; } }

@media only screen and (min-width: small) { .lead-in { font-size: 1.25em; } }

@media only screen and (min-width: 64em) { .lead-in { font-family: "bressay-display", Georgia, serif; } }

@media only screen and (min-width: large) { .lead-in { font-family: "bressay-display", Georgia, serif; } }

.lead-in em, .lead-in strong { font-weight: normal; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.01em; }

.lead-in:first-letter { -webkit-initial-letter: 2; initial-letter: 2; float: left; color: #9f5440; font-size: 3.3em; margin-right: 0.1em; margin-top: 0.1em; line-height: 2.4rem; }

@media only screen and (min-width: 30em) { .lead-in:first-letter { font-size: 2.75em; } }

@media only screen and (min-width: small) { .lead-in:first-letter { font-size: 2.75em; } }

.image-credits { font-size: 0.8em; color: #5d6266; }

.image-credits a:link { color: inherit; text-decoration: none; }

.image-credits a:visited { color: inherit; text-decoration: none; }

.entry-footer { border-top: 2px solid #8c9499; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.4rem 0; font-family: "basic-sans", Helvetica, Arial, sans-serif; color: #5d6266; }

.entry-footer a:link { color: inherit; text-decoration: none; }

.entry-footer a:visited { color: inherit; text-decoration: none; }

.entry-footer a:hover, .entry-footer a:focus { color: #9f5440; }

.entry-footer .cat-links a:link, .entry-footer .cat-links a:visited { padding: 0; }

.cat-links { margin-right: 0.4rem; }

.entry-list-item { margin-bottom: 3.2rem; }

.entry-list-item:after { content: ""; display: table; table-layout: fixed; }

.entry-list-header { margin-bottom: 0.4rem; }

.entry-list-item .overview-post-thumbnail-link { display: block; float: right; margin-left: 0.8rem; -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); shape-outside: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; max-width: 9rem; width: 25vw; }

.entry-list-item .overview-post-thumbnail-link:hover, .entry-list-item .overview-post-thumbnail-link:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }

.entry-list-item .overview-post-thumbnail-link > img { display: block; }

.entry-list__title { padding-top: 0; margin-bottom: 0.4rem; }

.entry-list__cat-links, .entry-list-meta { font-family: "basic-sans", Helvetica, Arial, sans-serif; }

.entry-list__cat-links a:link, .entry-list-meta a:link { color: inherit; text-decoration: none; }

.entry-list__cat-links a:visited, .entry-list-meta a:visited { color: inherit; text-decoration: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title { margin-bottom: 3.2rem; }

.comment-list { padding: 0; }

.comment-list li:before { content: none; }

.comment { margin-bottom: 1.6rem; }

.comment-meta { position: relative; margin-bottom: 0.4rem; }

.bypostauthor { display: block; }

.comment-author, .comment-metadata { font-family: "basic-sans", Helvetica, Arial, sans-serif; }

.comment-author a:link, .comment-metadata a:link { color: inherit; text-decoration: none; }

.comment-author a:visited, .comment-metadata a:visited { color: inherit; text-decoration: none; }

.comment-author { padding-top: 0.8rem; margin-left: 4.4rem; line-height: 1.2rem; }

@media only screen and (min-width: 30em) { .comment-author { font-size: 1.25em; } }

@media only screen and (min-width: small) { .comment-author { font-size: 1.25em; } }

.comment-author .avatar { -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); shape-outside: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); width: 4rem; position: absolute; bottom: 0; left: 0; }

.comment-author .avatar:hover, .comment-author .avatar:focus { -webkit-transform: scale(1.1); transform: scale(1.1); }

.says { display: none; }

.comment-metadata { padding-top: 0.4rem; margin-left: 4.4rem; color: #5d6266; font-size: 0.8em; line-height: 1.2rem; }

@media only screen and (min-width: 30em) { .comment-content { margin-left: 4.4rem; } }

@media only screen and (min-width: small) { .comment-content { margin-left: 4.4rem; } }

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

.comment-notes { margin-bottom: 0.8rem; }

.comment-form label { font-family: "basic-sans", Helvetica, Arial, sans-serif; font-weight: bold; -webkit-box-flex: 0; -ms-flex: 0 0 4.5rem; flex: 0 0 4.5rem; }

.comment-form .required { color: #8c9499; font-family: "bressay", Georgia, serif; font-weight: normal; }

.comment-form input { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; }

@media only screen and (max-width: 29.999em) { .comment-form-comment { margin-bottom: 0.8rem; } }

@media only screen and (min-width: below-small) { .comment-form-comment { margin-bottom: 0.8rem; } }

.comment-form-author, .comment-form-email, .comment-form-url { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only screen and (max-width: 29.999em) { .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 0.8rem; } }

@media only screen and (min-width: below-small) { .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 0.8rem; } }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { width: 100vw; max-width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: block; }

@media only screen and (min-width: 48.8rem) { embed, iframe, object { width: 46.4rem; max-width: 46.4rem; position: static; margin-left: -3.2rem; margin-right: -3.2rem; } }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/* Images in full width */
img[class*="wp-image-"] { width: 100vw; max-width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: block; }

@media only screen and (min-width: 48.8rem) { img[class*="wp-image-"] { width: 46.4rem; max-width: 46.4rem; position: static; margin-left: -3.2rem; margin-right: -3.2rem; } }

/* add border to images */
img[class*="image-border"] { border: 0.4rem solid #ececec; }

.wp-video { margin: 0 auto 1.6rem; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.6rem; }

.wp-caption .wp-caption-text { margin-top: 0.8rem; }

.wp-caption-text { font-family: "basic-sans", Helvetica, Arial, sans-serif; color: #5d6266; font-size: 0.8em; letter-spacing: 0.03em; line-height: 1.2rem; padding-bottom: 0.4rem; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.6rem; }

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

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

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

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

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

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

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

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

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

.gallery-caption { display: block; }