/*!
Theme Name: einfach
Theme URI:
Author: blockscombo
Author URI:
Description: It's that simple
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: einfach
Tags: one-column, post-formats, custom-logo, translation-ready

einfach 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
# Layout
	## Header
	## Footer
# Desktop Styles
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
img,legend{border:0}pre,textarea{overflow:auto}legend,td,th{padding:0}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,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}cite a{color:inherit}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]{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 silver;margin:0 2px;padding:.35em .625em .75em}textarea{padding:1rem;font-size:14px}table{border-collapse:collapse;border-spacing:0}





/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040; font-family: 'Roboto', sans-serif; font-size: 16px; font-size: calc(1rem + 0.2vw); line-height: 1.9;
	}
h1, h2, h3, h4, h5, h6 {
	clear: both; margin-bottom: 0; word-wrap: break-word;
	}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 { 
	line-height: 1.4; font-weight: 700;
    }
h1 {
 	font-size: calc(1em + 2.1vw); line-height: 1.2; margin-top: 0;
	}
h2 {
	font-size: calc(1.2em + 0.4vw);
	}
h3 {
 	font-size: calc(1.1em + 0.2vw);
	}
h4 {
	font-size: calc(0.9em + 0.2vw);
	}
h5,
h6 {
  font-size: 1.0em; letter-spacing: .03em;
	}
	
/* Margin For All */
* {
	margin: 0; padding: 0;
	}
.site * + * {
	margin-top: 1.5rem;
	}
.screen-reader-text:first-child + * {
    margin-top: 0;
	}

/* more margin for element that comes just after H1 */
h1 + *,
* + h1,
blockquote +  *,
* + blockquote {
	margin-top: 2.2rem;
	}

/* less margin for lists */
li + li {
	margin-top: 1.1em;
  }
dfn, cite, em, i {
	font-style: italic;
	}
blockquote {
	font-size:calc(1.2rem + .7vw); position:relative;
	}
blockquote:before {
	content: "❝"; font-size: 260%; line-height: 1; display: block; margin-bottom: -1rem
	}
cite{
	font-size: 80%; letter-spacing: 3px;
	}
blockquote cite{
	font-size: 50%;
	}
pre {
	background: rgba(0, 0, 0, 0.02); font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; max-width: 100%; overflow: auto; padding: 1.6em;
	}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;
	}
abbr, acronym {
	border-bottom: 1px dotted #666; cursor: help;
	}
mark, ins {
	background: #fff9c0; text-decoration: none;
	}
big {
	font-size: 125%;
	}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	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/ */
	box-sizing: inherit;
	}
body {
	background: #c5ffe1;
	}
hr {
	background-color: #444; opacity: .12; border: 0; height: 1px; margin: calc(1rem + 2vw) 0;
	}

ul, ol {
	margin-left: 3em;
	}
ul {
	list-style: disc;
	}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0; margin-left: 1.5em;
	}
dt {
	font-weight: bold;
	}
dd {
	margin: 0 1.5em 1.5em;
	}
img {
	height: auto; width: auto; max-width: 100%;
	}
figure {
	margin-left: 0; margin-right: 0;
	}
table {
	width: 100%; font-size: 90%;
	}
thead {
    border-bottom: 4px solid #333;
	}
th {
    text-align: left; padding: calc(0.3rem + .5vw) 0;
	}
tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}
* + td {
    padding-left: 1rem;
	}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
	font-size: 90%; position: relative;
	}
label {
    font-size: 80%; text-transform: uppercase; letter-spacing: 4px; display: block; position: relative;
	}
label + * {
    margin-top: .6rem;
	}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid #555; border-radius: 4px; background: none; color: inherit; font-size: 12px; font-size: 0.62rem; line-height: 1; padding: 1.2em 1.6em; text-transform: uppercase; letter-spacing: 1px;
	}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	}
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 {
	border-color: #aaa #bbb #bbb;	
	}
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,
select {
	color: inherit; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; padding: .4rem 1rem; width: 100%; max-width: 20rem; font-size: .9rem;
	}
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;
	}
textarea {
	width: 100%; max-width: 100%; padding: 1rem;
	}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: 000;
	}
a:hover, a:focus, a:active {
	color: #8c0f0f;
	}
a:focus {
	outline: thin dotted;
	}
a:hover, a:active {
	outline: 0;
	}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both; margin:0; font-size: 74%;
	}
.main-navigation ul {
	display: none; list-style: none; margin: 0; padding-left: 0;
	}
.main-navigation ul ul {
	box-shadow: 0 1px 3px rgba(0,0,0,.15); background: #fff; text-align: left; float: left; position: absolute; top: 100%; left: -999em; z-index: 99999;
	}
.main-navigation ul ul ul {
	left: -999em; top: 0;
	}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
	}
.main-navigation ul ul a {
	width: 170px; padding: .4em 1.6em; font-size: 87.5%;
	}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: -1.6em;
	}
.main-navigation li {
	display: block; position: relative; margin-top: 0;
	}
.main-navigation a {
	display: block; padding: .5rem; text-decoration: none; text-transform: uppercase; color: inherit;letter-spacing: 2px;
	}
.main-navigation a:hover,
.current-menu-item a {
	text-decoration: line-through;
	}

/* Mobile menu. */
.main-navigation.toggled ul {
	display: block;
	}

.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation,
.navigation + .comments-area {
	margin-top: calc(2rem + 2vw); overflow: hidden;
	}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left; width: 50%; padding-right: calc(1em + 3vw);
	}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right; text-align: right; width: 50%; padding-left: calc(1em + 3vw);
	}
.nav-links {
    overflow: auto;
	}
.nav-links div {
	margin-top: 0;
	}
.nav-links a {
    font-size: 130%; word-wrap: break-word;
	}
.nav-links a:not(:hover) {
    color: inherit;
	}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); 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: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; 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 {
	font-size: 90%;
	}
* + .widget {
	margin-top: 3.5rem;
	}
.widget-title {
    font-size: 90%; text-transform: uppercase; letter-spacing: 2px; padding-left: 1rem; border-left: 4px solid #444;
	}
.widget select {
	max-width: 100%;
	}
.widget ul, .widget ol {
    list-style: none; margin-left: 0; line-height: 1.5;
	}
.widget li + li {
    margin-top: .2rem;
	}
.widget a:not(:hover) {
    color: inherit;
	}
.widget li ul, .widget li ol {
    margin-left: 1rem; margin-top: 0;
	}
	
/* Search Widget */
.search-form .search-field {
    max-width: none; padding-right: 3rem;
	}
input.search-submit {
    position: absolute; top: 0; right: 0; margin: 0; width: 1em; height: 100%; opacity: 0;
	}
.search-form label:after {
    position: absolute; top: 36%; right: 1.2em; width: 1.2em; height: 1.2em; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0zOC4wODQsNy4zOThjLTguNTMxLTguNTMtMjIuMzYtOC41My0zMC44OSwwYy04LjUzLDguNTMtOC41MywyMi4zNiwwLDMwLjg5ICBjNy4zMzEsNy4zMywxOC41NjYsOC4zNDEsMjYuOTk4LDMuMDc0bDguMTMyLDguMTNjMS43NTcsMS43NTYsNC42MDQsMS43NTYsNi4zNTksMGMxLjc1Ny0xLjc1NywxLjc1Ny00LjYwMywwLTYuMzU3bC04LjAwMi04ICBDNDYuNDg2LDI2LjYzLDQ1LjYyOSwxNC45NDMsMzguMDg0LDcuMzk4eiBNMzIuNjMyLDMyLjgzNmMtNS41MTgsNS41Mi0xNC40NjcsNS41Mi0xOS45ODYsMGMtNS41MTktNS41MTktNS41MTktMTQuNDY4LDAtMTkuOTg4ICBjNS41MTktNS41MTgsMTQuNDY4LTUuNTE4LDE5Ljk4NiwwQzM4LjE1NCwxOC4zNjgsMzguMTU0LDI3LjMxNywzMi42MzIsMzIuODM2eiIgZmlsbD0iIzIzMUYyMCIvPjwvc3ZnPg==);
	}

/* Tag Cloud */
.tagcloud {
    word-spacing: 0.2rem;
    }



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.page-header + * {
    margin-top: calc(2rem + 3vw);
	}
.hentry.sticky {
    padding: calc(1rem + 1.4vw) calc(1rem + 2vw); border: 5px solid #404040;
	}
.hentry + .hentry {
    margin-top: calc(2rem + 4vw);
	}
.updated:not(.published) {
	display: none;
	}
.page-content,
.entry-content,
.entry-summary {
	margin-top: calc(1rem + 1vw);
	}
.page-links {
    clear: both; text-align: right; margin: calc(2rem + 1vw) 0; font-size: 75%; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;
	}
.page-links a {
    display: inline-block; padding: 4px; color: inherit;
	}
.entry-title a,
.entry-title a:hover {
	color: inherit; text-decoration: none;
	}
.single h1.entry-title:after,
.page h1.entry-title:after {
    content: ""; display: block; width: 40px; height: 8px; background: #404040; margin-top: 20px;
	}
a.post-thumbnail {
    display: block;
	}
.blog-regular .entry-meta {
	margin-top: .5rem;
	}
.more-link {
	display: inline-block; margin-left: 12px; color: inherit; font-size: 70%; text-transform: uppercase; letter-spacing: 2px;
	}
.more-link:after {
	content: "⇾"; display: inline-block; margin-left: 6px; font-size: 150%;
	}
	
/* ENTRY META */
.entry-meta {
    font-size: 90%;
	}
.entry-footer {
    margin-top: calc(1rem + 3vw);
	}
.posted-on a {
    opacity: .4; text-decoration: none;
	}
.posted-on a:not(:hover) {
    color: inherit; 
	}
.cat-links {
    display: block;
	}
.cat-links a,
.cat-links a:hover {
    color: inherit;
	}
.cat-links a {
    display: inline-block; padding: 5px 12px; border: 1px solid #eee; text-decoration: none; text-transform: uppercase; border-radius: 24px; font-size: 72%; letter-spacing: 1px; margin-top: .4rem;
	}
.cat-links a:hover {
    border-color: #ddd;
	}
.cat-links a + a {
    margin-left: 8px;
	}
.tags-links {
    display: block; font-size: 94%; letter-spacing: 1px;
	}
.tags-links a:before {
    content: "#";
	}
.tags-links a {
    display: inline-block; margin-top: 0;
	}
.tags-links a + a {
    margin-left: 8px;
	}
.entry-meta .edit-link {
    display: block; text-align: right;
	}
.edit-link a:not(:hover),
.tags-links a:not(:hover) {
    color: inherit;
	}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
	}
.bypostauthor {
	display: block;
	}
.comments-area ol {
    list-style: none;
}
.comment-list {
    margin-left: 0; font-size: 93%; margin-top: calc(2rem + 1vw); 
    }
.comment-metadata {
    font-size: 74%; margin-top: .5rem; letter-spacing: 1px;
    }
.comment-metadata a {
    color: inherit; text-decoration: none; text-transform: uppercase;
    }   
.comment-metadata .edit-link {
    margin-top: 0; margin-left: .8rem; opacity: .3; text-transform: uppercase;
    }
.comment-author.vcard img {
    margin-top: -2px;display: block;position: absolute;top: 0;left: 0;border-radius: 50%;
    }
.comment-author.vcard {
    position: relative; padding-left: 2.7rem;
    }
.comment-author a {
    color: inherit; text-decoration: none;
    }
.comment-list li + li {
    margin-top: calc(1rem + 1vw);
    }
.reply {
    margin-top: .5rem; text-align: right;
    }
.reply a {
    display: inline-block; color: inherit; text-transform: uppercase; font-size: 76%; letter-spacing: 2px; font-weight: bold;
    }
.comment-author.vcard .fn {
    font-size: 110%; margin-right: .6rem;
    }
.comments-area .says {
    opacity: .4; font-style: italic;
    }
.logged-in-as a, 
#cancel-comment-reply-link {
    display: inline-block; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;
	}
.logged-in-as a:not(:hover), 
#cancel-comment-reply-link:not(:hover) {
    color: inherit;
	}
#cancel-comment-reply-link {
    margin-left: 1rem; font-size: 80%; float: right;
	}
.logged-in-as a + a {
    margin-left: 1rem;
	}
.logged-in-as {
    font-size: 80%;
	}
.comment-respond {
    margin-bottom: 2.4rem; padding: calc(1rem + 1.6vw); border: 2px solid #444;
	}


/*--------------------------------------------------------------
# Post Formats
--------------------------------------------------------------*/
.format-aside .entry-content {
    padding: calc(1rem + 1vw); background: rgba(0, 0, 0, 0.02);
	}
.format-status .entry-content {
    font-size: 136%;
	}
.format-link .entry-content a {
    font-size: 150%;
	}
.format-chat .entry-content p:nth-child(even) {
    padding-left: 1rem; border-left: 3px solid #eee;
    } 
.format-chat .entry-content p:nth-child(odd) {
    padding-left: 1rem; border-left: 3px solid #444;
    }


/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error404 .page-content {
    padding: calc(1rem + 2vw); background: rgba(0, 0, 0, 0.02);
	}


/*--------------------------------------------------------------
# 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 {
	max-width: 100%;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em; max-width: 100%; font-size: 13px;
	}
.wp-caption img[class*="wp-image-"] {
	display: block; margin-left: auto; margin-right: auto;
	}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	}

.wp-caption-text {
	text-align: center; opacity: .5;
}

/*--------------------------------------------------------------
## PASSWORD PROTECTED FORM
--------------------------------------------------------------*/
form.post-password-form {
    padding: calc(1rem + 2vw); background: #fafafa; font-size: 90%;
	}	

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	}
.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;
	}



/*--------------------------------------------------------------
## LAYOUT
--------------------------------------------------------------*/
.site {
    width: 90%; max-width: 36rem; max-width: calc(20rem + 12vw); margin: 0 auto;
	}
.site-content {
    margin-top: calc(2rem + 3vw);
	}


/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
.site-header {
	text-align: center;
	}
.site-branding {
    padding: calc(1rem + 2vw) 0; font-size: 85%;
	}
.custom-logo {
    border-radius: 50%; max-height: 120px; max-height: calc(6rem + 2vw);
	}
.site-title {
    font-size: 100%;
	}
.site-title a,
.site-title a:hover {
    color: inherit;
 	}
.site-title a {
    text-decoration: none; display: inline-block; padding: 12px 24px; padding: calc(.5em + .4vw ) calc(1.2em + .6vw ); border-bottom: 3px solid #e8ad91; border-bottom-width: calc(3px + .1vw); text-transform: uppercase; letter-spacing: 8px;
 	}
.site-description {
    margin-top: 1rem; opacity: .6;
	}
.menu-toggle {
    position: relative; padding-left: 2.2rem; border: 0; font-size: 12px;
	}
.menu-toggle:before {
    position: absolute; top: 50%; left: 1em; width: 1em; height: 1em; margin-top: -.38em; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABkCAMAAACCTv/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA5ubmSUUG+gAAAAJ0Uk5T/wDltzBKAAAAPklEQVR42uzYQQ0AAAgDseHfNC4IyVoD912WAACUm3uampqampqamq+aAAD+IVtTU1NTU1NT0z8EAFBsBRgAX+kR+Qam138AAAAASUVORK5CYII=);
	}



/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/
.site-footer {
    margin: calc(3rem + 4vw) 0; font-size: 80%;
	}
.site-info {
	opacity: 0.4; letter-spacing: .02em;
	text-align: center;
	}
.site-info a {
    color: inherit;
	}


/*--------------------------------------------------------------
## DESKTOP STYLES
--------------------------------------------------------------*/

/* DESKTOPS */
@media screen and (min-width: 992px) {

	/* MENU */
	.menu-toggle {
		display: none;
		}
	.main-navigation ul {
		display: block;
		}
	.main-navigation li {
		display: inline-block;
		}
	.main-navigation li + li {
		margin-left: 1rem;
		}
	.main-navigation a {
		padding: 0;
		}
		
}