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

	Theme Name: Harrison
	Text Domain: harrison
	Version: 1.00
	Description: WordPress theme for andersnoren.se.
	Author: Anders Norén
	Author URI: http://www.andersnoren.se


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


	Terms of Content

	0.	CSS Reset
	1.	Document Setup
	2.  Element Base
	3.	Structure
	4.	Site Header
	5.	Header Menus
	6.  Site Footer
	7.  Media Queries


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


/* --------------------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* --------------------------------------------------------------------------------------------- */


html, body {
	border: none;
	height: 100%;
	margin: 0;
	min-height: 100%;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}

blockquote:before,
blockquote:after {
	content: "";
}

a {
	outline: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
}

body {
	background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba( 45, 55, 65, .85 );
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.7rem;
}

body.night {
	background: rgba( 45, 55, 65, .85 );
	color: #fff;
}

*,
*:before,
*:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
}

*:first-child { margin-top: 0; }
*:last-child { margin-bottom: 0; }

::selection {
	background: #111;
	color: #fff;
}


/* Clearing ---------------------------------- */


.group:after,
.entry-content:after {
	clear: both;
	content: "";
	display: block;
}


/* Screen Reader Text ------------------------ */


.screen-reader-text {
	clip: rect( .1rem, .1rem, .1rem, .1rem );
	height: .1rem;
	overflow: hidden;
	position: absolute !important;
	width: .1rem;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: .3rem;
	box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 );
	clip: auto !important;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: .5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem 2.3rem;
	text-decoration: none;
	top: .5rem;
	width: auto;
	z-index: 100000;
}


/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */


a {
	border-bottom: .0625em solid rgba( 45, 55, 65, .25 );
	color: inherit;
	text-decoration: none;
	transition: all .1s linear;
}

a:hover {
	border-bottom-color: rgba( 45, 55, 65, .85 );
}

.night a { border-bottom-color: rgba( 255, 255, 255, .25 ); }
.night a:hover { border-bottom-color: rgba( 255, 255, 255, 1 ); }

p {
	line-height: 1.47;
	margin: 0 0 2rem 0;
}

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

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }

abbr,
acronym {
	cursor: help;
}

address {
	margin: 0 0 2rem 0;
}

hr {
	border-top: .1rem solid #ddd;
	margin: 4rem 0;
	text-align: center;
}


/* Titles ------------------------------------- */


h1, h2, h3, h4, h5, h6 {
	line-height: 1.3125;
}


/* Lists ------------------------------------- */


ul,
ol {
	margin: 0 0 2rem 3rem;
}

ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }

ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

li {
	margin: 1rem 0;
}

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

dt {
	font-weight: 700;
}

dd + dt {
	margin-top: 1.5rem;
}

.reset-list-style {
	list-style: none;
	margin: 0;
	padding: 0;
}

.reset-list-style li {
	margin: 0;
}


/* Quotes ------------------------------------ */


blockquote {
	margin: 0;
	padding: 0 0 0 3rem;
}


/* Code -------------------------------------- */


pre {
	overflow: auto;
}

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


/* Media ------------------------------------- */


img,
embed,
iframe,
object {
	height: auto;
	max-width: 100%;
}

div.wp-caption {
	display: block;
	margin-bottom: 3rem;
}

.alignleft,
.alignright {
	margin: .5rem 0 5%;
	max-width: 50%;
}

.alignleft {
	float: left;
	margin-right: 5%;
}

.alignright {
	float: right;
	margin-left: 5%;
}

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

.wp-caption-text {
	font-size: 0.75em;
	line-height: 1.3125;
	margin-top: 1rem;
	text-align: center;
}


/* GALLERIES */

.gallery {
	margin-bottom: 3rem;
}

.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;
	margin-top: 1rem;
}


/* Inputs ------------------------------------ */


label {
	margin: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border: .1rem solid #ddd;
	display: block;
	margin: 0;
	max-width: 100%;
	outline: none;
	padding: 1.5rem 1.8rem;
	width: 100%;
}

textarea {
	height: 20rem;
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder { color: #999; }
input:-ms-input-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }

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

button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #111;
	border: none;
	color: #fff;
	display: inline-block;
	font-size: 1.4rem;
	padding: 1.4rem 2.4rem;
}

button:hover,
.faux-button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #333;
	cursor: pointer;
}

button:focus,
.faux-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background: #333;
}


/* Tables ------------------------------------ */


table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-size: .8em;
	margin-bottom: 3rem;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

th,
td {
	border: none;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 2.5%;
}

caption {
	font-weight: 700;
	padding-bottom: 2.5%;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

thead th {
	font-variant-caps: small-caps;
	font-weight: 500;
	padding-top: 0;
	text-transform: lowercase;
}

tr {
	border: none;
}

th {
	font-weight: 700;
}

tbody > tr:nth-child(odd) {
	background: rgba( 45, 55, 65, .05 );
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Structure
/* --------------------------------------------------------------------------------------------- */


main {
	display: block;
	padding: 3rem 3rem 6rem 3rem;
	position: relative;
}

section {
	margin-top: 4rem;
}

section:first-child {
	margin-top: 0;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Helper Classes
/* --------------------------------------------------------------------------------------------- */


/* Typography ------------------------------------- */


.font-size-xl { font-size: 1.25em; }
.font-size-xs { font-size: 0.8em; }

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

.weight-bold { font-weight: 700; }
.weight-semibold { font-weight: 600; }
.weight-medium { font-weight: 500; }
.weight-regular { font-weight: 400; }
.weight-light { font-weight: 300; }

.text-align-inherit { text-align: inherit; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

.letterspacing-incr-5 { letter-spacing: 0.10em; }
.letterspacing-incr-4 { letter-spacing: 0.08em; }
.letterspacing-incr-3 { letter-spacing: 0.06em; }
.letterspacing-incr-2 { letter-spacing: 0.04em; }
.letterspacing-incr-1 { letter-spacing: 0.02em; }

.letterspacing-decr-1 { letter-spacing: -0.02em; }
.letterspacing-decr-2 { letter-spacing: -0.04em; }
.letterspacing-decr-3 { letter-spacing: -0.06em; }
.letterspacing-decr-4 { letter-spacing: -0.08em; }
.letterspacing-decr-5 { letter-spacing: -0.10em; }

.line-height-single { line-height: 1; }
.line-height-title { line-height: 1.25; }
.line-height-paragraph { line-height: 1.5; }

.text-decoration-none { text-decoration: none; }
.text-decoration-hover-underline:hover { text-decoration: underline; }

@media ( max-width: 499px ) {
	.hide-mobile { display: none; }
}

.text-shadow-dark { text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.25 ); }

.lining-numerals {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
}

.oldstyle-numerals {
	font-feature-settings: "onum";
	font-variant-numeric: oldstyle-nums;
}

.proportional-numerals {
	font-feature-settings: "pnum";
	font-variant-numeric: proportional-nums;
}

.smallcaps {
	font-variant-caps: small-caps;
	text-transform: lowercase;
}

.transform-uppercase {
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.no-select {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	user-select: none;
}


/* Text sizes ------------------------------------- */


.mfs-10 { font-size: 1.0rem; }
.mfs-11 { font-size: 1.1rem; }
.mfs-12 { font-size: 1.2rem; }
.mfs-13 { font-size: 1.3rem; }
.mfs-14 { font-size: 1.4rem; }
.mfs-15 { font-size: 1.5rem; }
.mfs-16 { font-size: 1.6rem; }
.mfs-17 { font-size: 1.7rem; }
.mfs-18 { font-size: 1.8rem; }
.mfs-19 { font-size: 1.9rem; }
.mfs-20 { font-size: 2rem; }
.mfs-21 { font-size: 2.1rem; }
.mfs-24 { font-size: 2.4rem; }
.mfs-25 { font-size: 2.5rem; }
.mfs-27 { font-size: 2.7rem; }
.mfs-30 { font-size: 3.0rem; }
.mfs-40 { font-size: 4.0rem; }
.mfs-48 { font-size: 4.8rem; }
.mfs-56 { font-size: 5.6rem; }


/* Position ------------------------------- */


.position-static { position: static; }
.position-relative { position: relative; }

.position-cover {
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.z-level-1 { z-index: 9; }
.z-level-2 { z-index: 99; }
.z-level-3 { z-index: 999; }
.z-level-4 { z-index: 9999; }
.z-level-5 { z-index: 99999; }


/* Image Classes ------------------------------- */


.faux-image,
.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-contain {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.bg-fixed {
	background-attachment: fixed;
}

.faux-image {
	position: relative;
}

a.faux-image {
	display: block;
}

.faux-image:after {
	content: "";
	display: block;
	padding-top: 62.5%;
	width: 100%;
}

.faux-image.half:after { padding-top: 50%; }
.faux-image.television:after { padding-top: 56.25%; }
.faux-image.three-quarters:after { padding-top: 75%; }
.faux-image.almost-square:after { padding-top: 85%; }
.faux-image.square:after { padding-top: 100%; }

.faux-image.theme-image {
	background-position: top center;
	border: .1rem solid #F0F0F0;
}


/* Item Grid ------------------------------------- */


.item-grid {
	display: flex;
	flex-wrap: wrap;
	margin: -3rem 0 0 -3rem;
	width: calc( 100% + 3rem );
}

.item-grid .item {
	margin: 3rem 0 0 3rem;
	width: calc( 100% - 3rem );
}


/* Meta List ------------------------------------- */


.meta-list {
	display: flex;
	flex-wrap: wrap;
	margin: 2.5rem 0 0;
}

.meta-list li + li {
	margin-left: 1.6rem;
}

.meta-list a {
	text-decoration: none;
}


/* Spotted Animations ------------------------------- */

/* PULL */

.spot-animation-pull.will-be-spotted:not(.spotted) {
	opacity: 0;
	transform: translateY( 1rem );
	transition: none;
}

.spot-animation-pull.will-be-spotted.spotted {
	opacity: 1;
	transform: translateY( 0 );
	transition: opacity .3s linear .05s, transform .3s linear .05s;
}


/* Barba.js ------------------------------- */

.barba-animate-out main {
	opacity: 0;
	transform: translateY( -.5rem );
	transition: all .2s linear;
}

.barba-animate-in main {
	opacity: 1;
	transform: translateY( 0 );
}


/* --------------------------------------------------------------------------------------------- */
/*	4. Site Header
/* --------------------------------------------------------------------------------------------- */


#site-header {
	padding: 3rem;
	margin: 0 auto;
}

.site-title {
	margin-bottom: 1.5rem;
}

.site-title a {
	border: none;
	text-decoration: none;
}

.main-menu,
.social-menu {
	display: flex;
}

#site-header li + li {
	margin-left: 2rem;
}

#site-header li a {
	border: none;
	color: rgba( 45, 55, 65, .5 );
	text-decoration: none;
}

#site-header li a:hover,
#site-header .current-menu-item a {
	color: rgba( 45, 55, 65, .85 );
}

.social-menu {
	display: none;
}

.night #site-header li a {
	color: rgba( 255, 255, 255, .5 );
}

.night #site-header li a:hover,
.night #site-header .current-menu-item a {
	color: #fff;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Sub Page
/* --------------------------------------------------------------------------------------------- */


.featured-image {
	border: none;
	display: block;
	position: relative;
		left: calc( 50% - 50vw );
	transition: none;
	width: 100vw;
}

.featured-image img {
	width: 100%;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Template: About Me
/* --------------------------------------------------------------------------------------------- */


.template-about-me .entry-title {
	line-height: 1.4;
	max-width: 77rem;
}

.template-about-me .page-content,
.template-about-me .experience {
	max-width: 110rem;
}

.about-social-mobile li + li {
	margin-top: 1rem;
}

.template-about-me .experience h3 {
	margin: 0 0 1.5rem 0;
}

.template-about-me main > section:last-child {
	margin: 6rem 0 -3rem;
}

.slotsia {
	font-size: 1.2rem;
	max-width: 20rem;
}

.slotsia a {
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Template: FAQ
/* --------------------------------------------------------------------------------------------- */


.faq-item {
	border-top: .1rem solid rgba( 45, 55, 65, .2 );
	margin-bottom: 2.8rem;
}

.faq-item:last-child {
	margin-bottom: 0;
}

.question {
	display: flex;
	padding: 1.5rem 0 0;
}

.js .question {
	cursor: pointer;
}

.question .arrow-wrapper {
	flex-shrink: 0;
	position: relative;
	width: 2.2rem;
}

.question .arrow {
	position: absolute;
	transform: rotate( 90deg );
	transition: transform .25s linear;
}

.question.active .arrow {
	transform: rotate( -90deg );
}

.answer {
	display: none;
	margin-top: 1.5rem;
	max-width: 54rem;
}

.email-questions {
	max-width: 54rem;
}

.no-js .question .arrow {
	transform: none;
}

.no-js .answer {
	display: block;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Post Archive
/* --------------------------------------------------------------------------------------------- */


.archive-title {
	margin-bottom: 1.5rem;
}

.featured-posts,
.posts-wrapper {
	max-width: 110rem;
}

/* Featured Posts ------------------------------- */

.featured-posts {
	display: flex;
	justify-content: space-between;
	position: relative;
		left: calc( 50% - 50vw + .5rem );
	width: calc( 100vw - 1rem );
}

.featured-post {
	background: rgba( 45, 55, 65, 1 );
	color: #fff;
	display: block;
	position: relative;
	transition: background-color .25s ease-out;
	width: calc( 50% - .25rem );
}

.featured-post:nth-child( 3 ) {
	display: none;
}

.featured-post h3 {
	max-width: 26rem;
	padding: 1.5rem 1.5rem 1.2rem 1.5rem;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}

.featured-post:hover {
	background: rgba( 45, 55, 65, .95 );
}

/* Posts List ------------------------------- */

.posts li {
	border-top: .1rem solid rgba( 45, 55, 65, .2 );
}

.posts li:last-child {
	border-bottom: .1rem solid rgba( 45, 55, 65, .2 );
}

.posts li a {
	border: none;
	display: block;
	line-height: 1.25;
	padding: 2rem 0;
	text-decoration: none;
}

.posts li h3 span {
	border-bottom: .0625em solid transparent;
	transition: border-color .1s linear;
}

.posts li a:hover h3 span {
	border-bottom-color: rgba( 45, 55, 65, .85 );
}

.posts li time {
	color: rgba( 45, 55, 65, .5 );
	display: block;
	font-feature-settings: "onum";
	font-variant-numeric: oldstyle-nums;
	font-variant-caps: small-caps;
	margin-top: .4rem;
	text-transform: lowercase;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Post Single
/* --------------------------------------------------------------------------------------------- */


.entry-header {
	max-width: 54rem;
}

.single-post .entry-title {
	line-height: 1.25;
}

.entry-header .excerpt {
	margin: 1.5rem 0 0;
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

.entry-meta time a {
	border-color: transparent;
}

.entry-meta .bullet {
	color: rgba( 45, 55, 65, .25 );
}

.single-post .entry-content {
	max-width: 54rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Themes Archive
/* --------------------------------------------------------------------------------------------- */


.post-type-archive-teman .entry-title {
	max-width: 68rem;
}

.theme-preview {
	border-bottom: none;
	text-decoration: none;
}

.theme-preview .theme-name {
	border-bottom: .1rem solid transparent;
	transition: border-color .1s linear;
}

.theme-preview:hover .theme-name {
	border-bottom-color: #000;
}

.theme-preview .title {
	margin-top: 1.6rem;
}

.theme-preview .coming-soon {
	color: rgba( 45, 55, 65, .5 );
	font-size: .75em;
	margin-left: .8rem;
}

section.faq-cta {
	margin-top: 6rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Themes Single
/* --------------------------------------------------------------------------------------------- */


.single-teman .entry-title {
	max-width: 62rem;
}

.feature-title {
	display: block;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.theme-features-wrapper {
	max-width: 110rem;
}

.coming-soon-notice p {
	max-width: 69rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Pagination
/* --------------------------------------------------------------------------------------------- */


.pagination li + li {
	margin-top: .6rem;
}

.pagination a {
	border: none;
	display: flex;
	line-height: 1.5;
	text-decoration: none;
}

.pagination .arrow {
	margin-right: 1rem;
}

.pagination .arrow.rotate-up {
	transform: rotate( 90deg );
}

.pagination .post-title span {
	border-bottom: .0625em solid transparent;
	transition: border-color .1s linear;
}

.pagination a:hover .post-title span {
	border-bottom-color: rgba( 45, 55, 65, .85 );
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Error 404 Page
/* --------------------------------------------------------------------------------------------- */


.error404 main section + section {
	margin-top: 4rem;
}

.error404 main p {
	max-width: 52rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Entry Content
/* --------------------------------------------------------------------------------------------- */


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: 500;
	line-height: 1.25;
	margin: 4rem 0 2rem;
}

.entry-content h1 { font-size: 2.8rem; }
.entry-content h2 { font-size: 2.6rem; }
.entry-content h3 { font-size: 2.4rem; }
.entry-content h4 { font-size: 2.2rem; }
.entry-content h5 { font-size: 2rem; }

.entry-content h6 {
	font-size: 1em;
	text-transform: lowercase;
	font-variant-caps: small-caps;
	text-transform: lowercase;
}

.entry-content hr {
	background: #000;
	border: none;
	height: .15rem;
	margin: 4rem 0;
}

.entry-content li {
	line-height: 1.5;
}

.entry-content blockquote {
	display: block;
	font-weight: 500;
	line-height: 1.325;
	margin: 3rem 0;
	padding: 0 5%
}

.entry-content blockquote p {
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.entry-content blockquote.pull {
	font-size: 1.3em;
	font-weight: 300;
}


/* Content Table ------------------------------- */


.entry-content table {
	margin: 3rem 0;
}


/* Content Media ------------------------------- */

.entry-content .wp-caption > a {
	border: none;
}

.entry-content img {
	display: block;
}

.entry-content .aligncenter {
	margin: 3rem 0;
}

.entry-content .alignnone,
.entry-content .gallery {
	margin: 3rem 0;
	max-width: 100vw;
	position: relative;
		left: -3rem;
	width: 100vw;
}

.entry-content .alignnone img,
.entry-content .gallery img {
	width: 100%;
}

.entry-content .alignnone .wp-caption-text {
	margin: 1rem auto 0 auto;
	text-align: left;
	width: calc( 100% - 6rem );
}

.entry-content .gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.entry-content .gallery > div {
	margin-bottom: 1rem;
	width: 100%;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Media Queries
/* --------------------------------------------------------------------------------------------- */


@media ( min-width: 400px ) {



	.meta-list li + li {
		margin-left: 1.6rem;
	}

}


@media ( min-width: 500px ) {


	/* Helper Classes ------------------------------- */

	.hide-mobile { display: initial; }
	.hide-desktop { display: none; }


}


@media ( min-width: 700px ) {


	body {
		font-size: 1.8rem;
	}


	/* Element Base ------------------------------------ */

	p {
		margin-bottom: 3rem;
	}

	.entry-content ul,
	.entry-content ol {
		margin-bottom: 3rem;
	}


	/* Structure ------------------------------------ */

	main {
		padding: 6rem 5rem 10rem 5rem;
	}

	section {
		margin-top: 6rem;
	}

	section.big-top-margin {
		margin-top: 8rem;
	}

	section:first-child {
		margin-top: 0;
	}


	/* Helper Classes ------------------------------- */

	/* TEXT COLUMNS */

	.text-columns {
		column-count: 2;
		column-gap: 3rem;
	}

	/* TEXT SIZES */

	.tfs-14 { font-size: 1.4rem; }
	.tfs-15 { font-size: 1.5rem; }
	.tfs-16 { font-size: 1.6rem; }
	.tfs-17 { font-size: 1.7rem; }
	.tfs-18 { font-size: 1.8rem; }
	.tfs-19 { font-size: 1.9rem; }
	.tfs-20 { font-size: 2.0rem; }
	.tfs-21 { font-size: 2.1rem; }
	.tfs-22 { font-size: 2.2rem; }
	.tfs-23 { font-size: 2.3rem; }
	.tfs-24 { font-size: 2.4rem; }
	.tfs-28 { font-size: 2.8rem; }
	.tfs-29 { font-size: 2.9rem; }
	.tfs-32 { font-size: 3.2rem; }
	.tfs-40 { font-size: 4.0rem; }
	.tfs-48 { font-size: 4.8rem; }
	.tfs-56 { font-size: 5.6rem; }
	.tfs-72 { font-size: 7.2rem; }

	/* ITEM GRID */
	
	.item-grid .item {
		width: calc( 50% - 3rem );
	}

	.item-grid.big-vertical-margin {
		margin-top: -5rem;
	}

	.item-grid.big-vertical-margin .item {
		margin-top: 5rem;
	}

	/* META LIST */

	.meta-list {
		margin-top: 3.2rem;
	}

	.meta-list li + li {
		margin-left: 3rem;
	}


	/* Site Header ---------------------------------- */

	#site-header {
		padding: 6rem 5rem;
		width: 100%;
	}

	.header-inner {
		display: flex;
	}

	.site-title {
		width: calc( 50% + 3rem );
	}

	.main-menu,
	.social-menu {
		display: block;
		width: calc( 25% - 1.5rem );
	}

	#site-header li + li {
		margin: 1.5rem 0 0;
	}


	/* Template: About Me ------------------------------- */

	.template-about-me main > section:last-child {
		margin: 8rem 0 -6rem;
	}

	.about-social-mobile {
		display: none;
	}

	.slotsia {
		margin-left: calc( 50% + 1.5rem );
	}


	/* Template: FAQ ------------------------------------ */

	.faq-item {
		margin-bottom: 4rem;
	}

	.question {
		padding-top: 1.8rem;
	}

	.question .arrow-wrapper {
		width: 3.2rem;
	}

	.answer {
		margin-top: 2rem;
	}


	/* Themes Archive ------------------------------- */

	section.faq-cta {
		margin-top: 10rem;
	}


	/* Themes Single ------------------------------- */

	.feature-title {
		font-size: 2.2rem;
		margin-bottom: 1.8rem;
	}

	.item-grid.theme-features {
		margin-top: -5.5rem;
	}

	.item-grid.theme-features .item {
		margin-top: 5.5rem;
	}


	/* Post Archive ------------------------------- */

	.archive-title {
		margin-bottom: 2rem;
	}

	/* FEATURED POSTS */

	.featured-posts {
		left: calc( 50% - 50vw + 1rem );
		width: calc( 100vw - 2rem );
	}

	.featured-post {
		width: calc( 33.33% - .66rem );
	}

	.featured-post:nth-child(3) {
		display: block;
	}

	.featured-post h3 {
		padding: 2rem 2rem 1.7rem 2rem;
	}

	/* POST LIST */

	.posts li {
		font-size: 1.8rem;
	}

	.posts li a {
		align-items: baseline;
		display: flex;
		padding: 2.5rem 0;
	}

	.posts li time {
		flex-shrink: 0;
		margin: 0;
		order: 1;
		width: 10rem;
	}

	.posts li h3 {
		flex-grow: 1;
		order: 2;
	}


	/* Post Single ------------------------------- */

	.entry-header .excerpt,
	.entry-meta {
		margin-top: 1.8rem;
	}


	/* Pagination ------------------------------- */

	.pagination li + li {
		margin-top: 1rem;
	}


	/* Entry Content ------------------------------- */

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		margin: 6rem 0 2.5rem
	}

	.entry-content h1 { font-size: 3.6rem; }
	.entry-content h2 { font-size: 3.2rem; }
	.entry-content h3 { font-size: 2.8rem; }
	.entry-content h4 { font-size: 2.6rem; }
	.entry-content h5 { font-size: 2.4rem; }

	.entry-content hr {
		height: .2rem;
		margin: 6rem 0;
	}

	.entry-content blockquote.pull {
		font-size: 1.5em;
		margin: 6rem 0;
	}

	/* CONTENT TABLE */

	.entry-content table {
		margin: 5rem 0;
	}

	/* CONTENT MEDIA */

	.entry-content .aligncenter {
		margin: 5rem 0;
	}

	.entry-content .alignnone,
	.entry-content .gallery {
		margin: 6rem 0;
		left: -5rem;
	}

	.entry-content .alignnone .wp-caption-text {
		margin: 1.5rem auto 0 auto;
		width: calc( 100% - 10rem );
	}

	.entry-content .alignright {
		margin-right: -10rem;
		max-width: calc( 50% + ( 100vw - 10rem - 54rem ) );
		position: relative;
	}

	.entry-content .gallery > div {
		margin: 2rem 0 0;
		width: calc( 50% - 1rem );
	}

	.entry-content .gallery > div:nth-child(1),
	.entry-content .gallery > div:nth-child(2) {
		margin-top: 0;
	}


}



@media ( min-width: 1000px ) {


	/* Structure ------------------------------------ */

	main {
		margin: 0 0 0 auto;
		padding: 20.8rem 6rem 10rem 0;
		width: calc( ( ( 100vw - 12rem ) * .75 ) + 6rem - 4rem );
	}

	section {
		margin-top: 8rem;
	}

	section.small-top-margin {
		margin-top: 6rem;
	}

	section.big-top-margin {
		margin-top: 10rem;
	}

	section:first-child {
		margin-top: 0;
	}

	/* Helper Classes ------------------------------------ */

	/* TEXT COLUMNS */

	.text-columns {
		column-gap: 4rem;
	}

	/* ITEM GRID */

	.item-grid {
		margin: -4rem 0 0 -4rem;
		width: calc( 100% + 4rem );
	}
	
	.item-grid .item {
		margin: 4rem 0 0 4rem;
		width: calc( 50% - 4rem );
	}

	.item-grid.big-vertical-margin {
		margin-top: -8rem;
	}

	.item-grid.big-vertical-margin .item {
		margin-top: 8rem;
	}


	/* Site Header ------------------------------------ */

	#site-header {
		display: flex;
		overflow: auto;
		padding: 10rem 0 10rem 6rem;
		position: fixed;
			bottom: 0;
			left: 0;
			top: 0;
		width: calc( ( ( 100vw - 12rem ) * .25 ) + 6rem );
	}
	
	.header-inner {
		flex-direction: column;
		width: 100%;
	}

	.site-title {
		margin-bottom: 10rem;
	}

	.main-menu {
		flex-grow: 1;
		width: 100%;
	}

	.social-menu {
		margin-top: 10rem;
		width: 100%;
	}


	/* Sub Page ------------------------------------ */

	.featured-image {
		left: auto;
		width: 100%;
	}


	/* Template: About Me ------------------------------------ */

	.template-about-me main > section:last-child {
		margin: 10rem 0 -6rem;
	}

	.slotsia {
		margin-left: calc( 50% + 2rem );
	}


	/* Themes Archive ------------------------------- */

	section.faq-cta {
		margin: 15rem 0 -.7rem;
	}

	section.themes-list {
		margin-top: 7.5rem;
	}


	/* Post Archive ------------------------------- */

	/* FEATURED POSTS */

	.featured-posts {
		left: auto;
		width: 100%;
	}

	/* POST LIST */

	/* Post Single ------------------------------- */

	.single-post .featured-image {
		left: -4rem;
		width: calc( 100% + 10rem );
	}
	
	/* Entry Content ------------------------------- */

	/* CONTENT MEDIA */

	.entry-content .alignnone,
	.entry-content .gallery {
		left: -4rem;
		width: calc( ( ( 100vw - 12rem ) * .75 ) + 6rem - 6rem );
	}

	.entry-content .alignnone .wp-caption-text {
		margin: 2rem 0 0 4rem;
		width: calc( 100% - 4rem );
	}

}


@media ( min-width: 1200px ) {


	body {
		font-size: 2rem;
	}


	/* Structure ------------------------------------ */

	main {
		padding: 21rem 10rem 10rem 0;
		width: calc( ( ( 100vw - 20rem ) * .75 ) + 10rem - 4rem );
	}

	.blog main,
	.search main,
	.archive-post main {
		padding-top: 22.2rem;
	}

	.single-post main {
		padding-top: 21rem;
	}

	.error404 main {
		padding-top: 17rem;
	}


	/* Helper Classes ------------------------------- */

	/* TEXT SIZES */

	.dfs-14 { font-size: 1.4rem; }
	.dfs-15 { font-size: 1.5rem; }
	.dfs-16 { font-size: 1.6rem; }
	.dfs-17 { font-size: 1.7rem; }
	.dfs-18 { font-size: 1.8rem; }
	.dfs-19 { font-size: 1.9rem; }
	.dfs-24 { font-size: 2.4rem; }
	.dfs-28 { font-size: 2.8rem; }
	.dfs-32 { font-size: 3.2rem; }
	.dfs-36 { font-size: 3.6rem; }
	.dfs-40 { font-size: 4.0rem; }
	.dfs-48 { font-size: 4.8rem; }
	.dfs-64 { font-size: 6.4rem; }


	/* Site Header ------------------------------------ */

	#site-header {
		padding: 10rem 0 10rem 10rem;
		width: calc( ( ( 100vw - 20rem ) * .25 ) + 10rem );
	}


	/* Post Archive ------------------------------------ */

	/* FEATURED POSTS */

	.featured-post {
		width: calc( 33.33% - 2.66rem );
	}

	/* Entry Content ------------------------------------ */

	.entry-content blockquote.pull {
		font-size: 1.25em;
		margin: 0;
		max-width: 30rem;
		padding: 0;
		position: absolute;
			right: 4rem;
		width: calc( 100% - 54rem - 4rem - 4rem );
	}
	

}


@media ( min-width: 1440px ) {


	/* Entry Content ------------------------------------ */

	.entry-content blockquote.pull {
		left: 65rem;
		right: auto;
	}


}


@media ( min-width: 1600px ) {


	/* Helper Classes ------------------------------- */

	/* ITEM GRID */

	.item-grid.max-three-cols .item {
		width: calc( 33.33% - 4rem );
	}


}


@media ( min-width: 1726px ) {


	/* Template: About Me ------------------------------- */

	.slotsia {
		margin-left: 57.2rem;
	}


}