/*!

Theme Name: simplll

Theme URI: http://wpmagg.com/portfolio/simplll/

Author: wpmagg

Author URI: http://wpmagg.com/

Description: a simple WordPress theme by wpmagg

Version: 1.0.2

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: simplll

Tags: one-column, right-sidebar, post-formats, custom-logo, translation-ready



simplll 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(.75rem + 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: #fff;

	}

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

--------------------------------------------------------------*/

entry-content > a,
entry-content >  a:link  {

	color: #404040 !important;
}

a {

	color: #404040 !important;

	}

a:hover, a:focus, a:active {

	color: #000000  !important;

	}

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: 5px solid #404040; border-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;

	}

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

		}

		

	/* SIDEBAR */

	.site.with-sidebar {

		max-width: 56rem;

		}

    .with-sidebar .content-area {

		float: left; width: 100%; margin-right: -280px;

		}

	.with-sidebar .site-main {

		margin-right: 280px; padding-right: 70px;

		}

    .sidebar { 

        width: 280px; float: left; margin-top: 0;

        }

		

}