/*!
Theme Name: Arctic Black
Theme URI: https://cockatoo.com.au/themes/arctic-black
Author: Cockatoo
Author URI: https://cockatoo.com.au/
Description: The Arctic Black theme is built for photographers and designers with a passion for large visual images and detailed posts with elegant typography. It leverages a fullscreen layout that makes full use of the available real estate so that every pixel has a place. No expense has been spared on code quality and we believe that this is our best theme yet. Arctic Black comes with the ability to have granular control over fonts and post types and can be extended into incredible portfolios. Create a fantastic, bold and sleek looking website design using Arctic.
Version: 2.0.1
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arctic-black
Tags: one-column, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, microformats, sticky-post, threaded-comments, translation-ready, blog, rtl-language-support

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.

Arctic is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Modules
	## Accessibility
	## Alignments
	## Clearings
	## Animations
	## Slick
	## Jetpack
	## Contact Form 7
	## Animations
	## Slick
	## Jetpack
	## Contact Form 7
# Navigation
	## Links
	## Menus
	## Social Links
# Widgets
# Site
	## Main Structure
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Layout
# Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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 {
	margin: 0.67em 0;
	font-size: 2em;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	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 {
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

	-webkit-appearance: button;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 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 {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}


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

body,
button,
input,
select,
textarea {
	color: #455a64;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 1rem;
}

p {
	margin: 0 0 1.5rem;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	max-width: 100%;
	margin-bottom: 1.6em;
	padding: 1.6em;
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
}

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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

blockquote,
q {
	quotes: "" "";
}

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

hr {
	height: 1px;
	margin-bottom: 1.5em;
	border: 0;
	background-color: #eceff1;
}

ul,
ol {
	margin: 0 0 1.5em 0;
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

::-webkit-input-placeholder {
	color: #607d8b;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #607d8b;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #607d8b;
}

:-ms-input-placeholder {
	color: #607d8b;
}

::-moz-selection {
	color: #fff;
	background: #f06292;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

::selection {
	color: #fff;
	background: #f06292;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

::-moz-selection {
	color: #fff;
	background: #f06292;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

table {
	width: 100%;
	margin: 0 0 1.5em;
}

caption {
	font-weight: bold;
}

th {
	font-weight: normal;
}

caption {
	margin-bottom: 1em;
}

th,
td {
	padding: 0.5em;
	border-bottom: 1px solid #eceff1;
	text-align: left;
}

thead th {
	border-bottom: 2px solid #eceff1;
}

.table-responsive {
	display: block;
	overflow-x: auto;
	width: 100%;
	min-height: 0;
	margin-bottom: 1.5em;
}

.table-responsive > table {
	margin: 0;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 1rem 1.5em;
	border: none;
	border-radius: 5px;
	color: rgba(255, 255, 255, 0.8);
	background: #ec407a;
	box-shadow: inset 0 -1px 0 2px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #f06292;
}

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 {
	padding: 0.75rem;
	border: 1px solid #cfd8dc;
	border-radius: 3px;
	color: #607d8b;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-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 {
	outline: none;
	color: #37474f;
	box-shadow: 0 0 0 4px #eceff1;
}

select {
	padding: 0.75rem;
	border: 1px solid #cfd8dc;
	border-radius: 3px;
}

textarea {
	width: 100%;
}

button[disabled],
html input[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}


/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

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

.screen-reader-text:focus {
	display: block;
	clip: auto !important;
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	color: #21759b;
	background-color: #f1f1f1;
	/* Above WP toolbar. */
	box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.25);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

/* Do not show the outline on the skip link target. */

#page[tabindex="-1"]:focus,
#site-navigation[tabindex="-1"]:focus,
#content[tabindex="-1"]:focus,
#secondary[tabindex="-1"]:focus,
#tertiary[tabindex="-1"]:focus,
#respond[tabindex="-1"]:focus,
.hentry[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 {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: 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-main:before,
.site-main:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.wrap:before,
.wrap:after,
.infinite-wrap:before,
.infinite-wrap:after,
.author-info:before,
.author-info:after {
	display: table;
	table-layout: fixed;
	content: "";
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-main:after,
.site-content:after,
.site-footer:after,
.wrap:after,
.infinite-wrap:after,
.author-info:after {
	clear: both;
}


/*--------------------------------------------------------------
## Animations
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Slick
--------------------------------------------------------------*/

/* Slider */

.slick-slider {
	display: block;
	position: relative;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: transparent;
	touch-action: pan-y;
	-webkit-touch-callout: none;
}

.slick-slider:hover .arctic-slick-prev,
.slick-slider:hover .arctic-slick-next,
.slick-slider:focus .arctic-slick-prev,
.slick-slider:focus .arctic-slick-next {
	opacity: 1;
}

.slick-slider:hover .arctic-slick-prev,
.slick-slider:focus .arctic-slick-prev {
	left: 0.5rem;
}

.slick-slider:hover .arctic-slick-next,
.slick-slider:focus .arctic-slick-next {
	right: 0.5rem;
}

.slick-list {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Arrows */

.arctic-slick-prev,
.arctic-slick-next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	padding: 0;
	border: none;
	border-radius: 2rem;
	outline: none;
	opacity: 0;
	background-color: #fff;
	box-shadow: none;
	font-size: 0;
	cursor: pointer;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.arctic-slick-prev .icon-stroke,
.arctic-slick-next .icon-stroke {
	margin: 0 !important;

	stroke: #455a64;
}

.arctic-slick-prev:hover,
.arctic-slick-next:hover {
	outline: none;
	opacity: 1;
	box-shadow: none;
}

.arctic-slick-prev.slick-disabled:before,
.arctic-slick-next.slick-disabled:before {
	opacity: 0.25;
}

.arctic-slick-prev {
	left: -1rem;
}

.arctic-slick-next {
	right: -1rem;
}

/* Dots */

.arctic-slick-dots {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 1rem;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

.arctic-slick-dots li {
	display: inline-block;
	position: relative;
	width: 1rem;
	height: 1rem;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.arctic-slick-dots li button {
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 5px;
	border: 0;
	border-radius: 1rem;
	outline: none;
	opacity: 0.25;
	color: transparent;
	background: #fff;
	box-shadow: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.arctic-slick-dots li button:hover,
.arctic-slick-dots li button:focus {
	outline: none;
	opacity: 0.75;
}

.arctic-slick-dots li.slick-active button {
	opacity: 1;
	color: #fff;
}


/*--------------------------------------------------------------
## Jetpack
--------------------------------------------------------------*/

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

.infinite-loader {
	display: block;
	clear: both;
	width: 32px;
	margin: 0 auto;
}

#infinite-handle button {
	width: 100%;
	margin: 0;
	padding: 1.5rem;
	border: none;
	border-radius: 0;
	background-color: #37474f;
	text-transform: uppercase;
}

#infinite-handle button:hover,
#infinite-handle button:focus {
	background-color: #ec407a;
}

#infinite-handle {
	clear: both;
	width: 100%;
	text-align: center;
}

.spinner div > * {
	background-color: #fff !important;
}

.infinite-wrap {
	clear: both;
}

.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	margin-bottom: 1em;
}

p.comment-subscription-form {
	margin-top: 1.5em;
	margin-bottom: 0;
}


/*--------------------------------------------------------------
## Contact Form 7
--------------------------------------------------------------*/

.wpcf7 {
	margin: 0;
	padding: 0;
}

.wpcf7 label {
	display: block;
}

.wpcf7-response-output {
	margin: 2rem 0.5rem 1rem;
	padding: 0.2rem 1rem;
}

.wpcf7 .screen-reader-response {
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7-validation-errors {
	overflow: hidden;
	position: relative;
	width: auto;
	margin: 0 0 1.5em;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	color: #fff;
	background-color: #f44336;
	font-size: 14px;
	font-size: 0.875rem;
	list-style-type: none;
}

.wpcf7-mail-sent-ok {
	background-color: #4caf50;
}

.wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

span.wpcf7-not-valid-tip {
	display: block;
	color: #f00;
	font-size: 1em;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	z-index: 100;
	top: 20%;
	left: 20%;
	padding: 0.2rem 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
}

span.wpcf7-list-item {
	display: block;
	margin-bottom: 0.5rem;
}

.wpcf7-file {
	width: 100%;
	padding: 0.5rem;
	background-color: rgba(0, 0, 0, 0.05);
}

.wpcf7-list-item-label {
	margin-left: 0.5rem;
}

.wpcf7-display-none {
	display: none;
}

.wpcf7 .ajax-loader.is-active {
	display: inline-block;
	position: relative;
	top: 8px;
	width: 24px;
	height: 24px;
	margin: 0 10px;
}

.wpcf7 .ajax-loader.is-active::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #aaa;
	border-top-color: #ec407a;
	border-radius: 50%;
	content: " ";
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.wpcf7 .ajax-loader.is-active {
	visibility: visible;
}

.wpcf7 .ajax-error {
	display: none;
}

.wpcf7 .placeheld {
	color: #90a4ae;
}

.wpcf7-recaptcha {
	margin-bottom: 1.5rem;
}

.wpcf7-recaptcha iframe {
	margin-bottom: 0;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #ec407a;
	text-decoration: none;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-property: background, color, opacity, box-shadow, text-shadow;
	transition-property: background, color, opacity, box-shadow, text-shadow;
}

a:hover,
a:focus,
a:active {
	color: #f06292;
}

a:focus {
	outline: thin dashed;
}

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


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	float: right;
}

.main-navigation .menu-wrap {
	display: none;
	position: relative;
	z-index: 1;
	-webkit-animation: fadein 0.3s ease-out 1s backwards;
	animation: fadein 0.3s ease-out 1s backwards;
}

.main-navigation ul,
.main-navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main-navigation ul {
	position: relative;
	padding-right: 1rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main-navigation li {
	float: left;
}

.main-navigation a {
	display: block;
	padding: 0.6rem 1rem;
	opacity: 0.6;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
	opacity: 1;
	color: #fff;
}

.sidebar-toggled .main-navigation ul {
	z-index: -1;
	opacity: 0;
}

.sidebar-toggle {
	display: block;
	display: table;
	position: absolute;
	z-index: 100;
	top: 14px;
	right: 14px;
	margin: 0;
	padding: 0;
	padding: 1.286em 1em 1.5em;
	border: 0 none;
	border-radius: 0;
	outline: 0;
	background: transparent;
	box-shadow: 0 0 0 transparent;
	text-shadow: 0 0 0 transparent;
	font-size: 1em;
	content: "";
	-webkit-animation: fadein 0.3s ease-out 1s backwards;
	animation: fadein 0.3s ease-out 1s backwards;
}

.sidebar-toggle span,
.sidebar-toggle span:before,
.sidebar-toggle span:after {
	display: block;
	width: 1.5em;
	height: 3px;
	border-radius: 1px;
	background: #fff;
	line-height: 1;
}

.sidebar-toggle span {
	opacity: 0.6;
	text-indent: -9999px;
	-webkit-transition: all width 0.3s ease-in-out;
	transition: all width 0.3s ease-in-out;
}

.sidebar-toggle span:before,
.sidebar-toggle span:after {
	position: absolute;
	top: 1.286em;
	text-transform: all 0.5s ease-in-out;
	content: "";
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.sidebar-toggle span:before {
	width: 1.286em;
	margin-top: -8px;
}

.sidebar-toggle span:after {
	width: 1em;
	margin-top: 8px;
}

.sidebar-toggle:hover {
	border: 0 none;
	background: transparent;
	box-shadow: 0 0 0 transparent;
	text-shadow: 0 0 0 transparent;
}

.sidebar-toggle:hover span {
	opacity: 1;
	background: #fff;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.sidebar-toggle:hover span:before,
.sidebar-toggle:hover span:after {
	width: 1.5em;
	background: #fff;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.sidebar-toggle:active,
.sidebar-toggle:visited,
.sidebar-toggle:focus {
	background: transparent;
	box-shadow: 0 0 0 transparent;
}

.sidebar-toggled .sidebar-toggle {
	position: fixed;
	z-index: 9999;
	border: 0 none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.sidebar-toggled .sidebar-toggle span {
	background: transparent;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.sidebar-toggled .sidebar-toggle span:before,
.sidebar-toggled .sidebar-toggle span:after {
	width: 1.5em;
	height: 4px;
	margin-top: 0;
	background: #a1a1a9;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.sidebar-toggled .sidebar-toggle span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sidebar-toggled .sidebar-toggle span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sidebar-toggled .sidebar-toggle:hover,
.sidebar-toggled .sidebar-toggle:focus {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.sidebar-toggled .sidebar-toggle:hover span:before,
.sidebar-toggled .sidebar-toggle:hover span:after,
.sidebar-toggled .sidebar-toggle:focus span:before,
.sidebar-toggled .sidebar-toggle:focus span:after {
	background: #ec407a;
}

.sidebar-toggled.admin-bar .sidebar-toggle {
	top: 32px;
}

.sidebar-closed .sidebar-toggle span {
	-webkit-animation: fadein 0.3s ease-out 0.4s backwards;
	animation: fadein 0.3s ease-out 0.4s backwards;
}

#breadcrumb {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 3px solid #eceff1;
}

.comment-navigation,
.posts-navigation,
.post-navigation {
	clear: both;
}

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

.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;
	width: 50%;
	text-align: right;
}

.comment-navigation a,
.posts-navigation a,
.post-navigation a {
	display: block;
	padding: 1.5rem 0;
	color: #455a64;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
}

.comment-navigation a span,
.posts-navigation a span,
.post-navigation a span {
	display: block;
	color: #90a4ae;
	text-transform: lowercase;
}

.comment-navigation a:hover,
.comment-navigation a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus {
	color: #f06292;
}

.comment-navigation a:hover span,
.comment-navigation a:focus span,
.posts-navigation a:hover span,
.posts-navigation a:focus span,
.post-navigation a:hover span,
.post-navigation a:focus span {
	opacity: 0.75;
	color: #90a4ae;
}

.post-navigation {
	border-top: 3px solid #eceff1;
	border-bottom: 3px solid #eceff1;
}

.posts-navigation {
	background-color: #455a64;
}

.site-main .posts-navigation {
	margin: 0;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
	display: block;
	padding: 1.5rem 1rem;
	color: #fff;
	background-color: #455a64;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-previous a:focus,
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-next a:focus {
	background-color: #ec407a;
}

.pagination {
	display: block;
	clear: both;
	position: relative;
	border-radius: 0;
	background-color: #37474f;
	font-size: 0;
	text-align: center;
}

.page-numbers {
	display: none;
	padding: 1.5rem 1.75rem;
	color: #90a4ae;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
}

.page-numbers.current {
	display: inline-block;
	color: #90a4ae;
}

.page-numbers.current .screen-reader-text {
	overflow: auto;
	clip: auto;
	position: relative !important;
	width: auto;
	height: auto;
	text-transform: uppercase;
}

.page-numbers.next,
.page-numbers.prev {
	display: block;
	position: absolute;
	top: 0;
	padding: 1.45rem;
}

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

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

.page-numbers:hover:not(.current),
.page-numbers:focus:not(.current) {
	color: #fff;
	background-color: #ec407a;
}

.page-numbers.dots:hover,
.page-numbers.dots:focus {
	color: #90a4ae !important;
	background-color: inherit !important;
}


/*--------------------------------------------------------------
## Social links
--------------------------------------------------------------*/

.social-links {
	overflow: hidden;
	position: relative;
	text-align: center;
}

.social-links ul,
.social-links li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.social-links ul {
	display: inline-block;
	vertical-align: middle;
}

.social-links li {
	float: left;
}

.social-links li a {
	display: block;
	width: 48px;
	height: 48px;
	color: #90a4ae;
	line-height: 48px;
}

.social-links li a:hover,
.social-links li a:focus {
	color: #ec407a;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	width: 100%;
}

.widget-title {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-size: 18px;
	font-size: 1.125rem;
	text-transform: uppercase;
}

.widget-title:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32px;
	height: 1px;
	background-color: #455a64;
	content: " ";
}

.widget_meta ul,
.widget_meta li,
.widget_pages ul,
.widget_pages li,
.widget_categories ul,
.widget_categories li,
.widget_archive ul,
.widget_archive li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_product_categories ul,
.widget_product_categories li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.widget_meta li,
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_product_categories li {
	padding: 0.5rem 0;
}

.widget_meta li:last-child,
.widget_pages li:last-child,
.widget_categories li:last-child,
.widget_archive li:last-child,
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_product_categories li:last-child {
	border-bottom-width: 0;
}

.widget_meta li .children,
.widget_pages li .children,
.widget_categories li .children,
.widget_archive li .children,
.widget_recent_entries li .children,
.widget_recent_comments li .children,
.widget_product_categories li .children {
	margin-top: 1rem;
	margin-bottom: -1rem;
}

.widget_categories span,
.widget_archive span {
	float: right;
}

.widget_nav_menu ul,
.widget_nav_menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.widget_nav_menu li li {
	padding-left: 1.5rem;
	border-left: 2px solid #b0bec5;
}

.widget_nav_menu a {
	display: inline-block;
	padding: 0.5rem 0;
	color: #455a64;
	font-weight: bold;
	text-transform: uppercase;
}

.widget_nav_menu li li a {
	color: #90a4ae;
}

.widget_nav_menu a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu li.current_page_item > a,
.widget_nav_menu li.current-menu-item > a {
	color: #f06292;
}

.widget_calendar caption {
	text-align: left;
}

.widget_tag_cloud a {
	display: inline-block;
	zoom: 1;
	position: relative;
	margin-bottom: 0.25rem;
	padding: 0.25rem 0.5rem;
	border: 1px solid #455a64;
	color: #455a64;
	background-color: transparent;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus {
	border-color: #ec407a;
	color: #fff;
	background-color: #ec407a;
	text-decoration: none;
}

.site-footer .widget_tag_cloud a {
	border-color: #fff;
	color: #fff;
}

.site-footer .widget_tag_cloud a:hover,
.site-footer .widget_tag_cloud a:focus {
	border-color: #ec407a;
	color: #fff;
	background-color: #ec407a;
}

.null-instagram-feed ul,
.null-instagram-feed li {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.null-instagram-feed li {
	float: left;
	width: 33.33%;
}

.null-instagram-feed li a {
	display: block;
	overflow: hidden;
	position: relative;
}

.null-instagram-feed li a img {
	display: block;
	vertical-align: middle;
}

.null-instagram-feed li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	content: " ";
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.null-instagram-feed li a:hover:after,
.null-instagram-feed li a:focus:after {
	background-color: rgba(0, 0, 0, 0);
}

.null-instagram-feed .widget-more-link {
	margin: 0;
	padding: 0.5em 1.5em;
	border-width: 0;
	color: #455a64;
	background-color: #fff;
	text-align: center;
}

.search-form {
	position: relative;
}

.search-form input[type="search"] {
	width: 100%;
	padding-right: calc(30% + 0.75rem);
}

.search-form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	padding-right: 0;
	padding-bottom: calc(1rem + 2px);
	padding-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#secondary {
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	z-index: 8999;
	top: 0;
	right: 0;
	left: auto;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff;
	box-shadow: 0 0 64px 0 rgba(0, 0, 0, 0.5);
	-webkit-transition: width 0.4s ease-in, opacity 1s ease-out, -webkit-transform 0.4s ease-out;
	transition: width 0.4s ease-in, opacity 1s ease-out, -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out, width 0.4s ease-in, opacity 1s ease-out;
	transition: transform 0.4s ease-out, width 0.4s ease-in, opacity 1s ease-out, -webkit-transform 0.4s ease-out;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.sidebar-toggled #secondary {
	opacity: 1;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.sidebar-wrap {
	padding: 10% 20%;
}

#secondary::-webkit-scrollbar {
	width: 0 !important;
}

#secondary {
	-ms-overflow-style: none;
}

#secondary {
	overflow: -moz-scrollbars-none;
}

#tertiary .widget-title:before {
	background-color: rgba(255, 255, 255, 0.1);
}

#quaternary {
	position: relative;
}

#quaternary .widget {
	margin-bottom: 0;
}

#quaternary .widget-title {
	display: none;
}

#quaternary .widget-more-link {
	margin: 0;
}

#quaternary .widget-more-link {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Main Structure
--------------------------------------------------------------*/

.site {
	position: relative;
}

.site-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1rem 0;
	background-color: transparent;
}

.site-branding {
	float: left;
	position: relative;
	z-index: 1;
	-webkit-animation: fadein 0.3s ease-out 1s backwards;
	animation: fadein 0.3s ease-out 1s backwards;
}

.site-branding a {
	color: #fff;
}

.site-branding a img {
	display: block;
}

.site-branding .custom-logo-link {
	display: inline-block;
}

.site-title,
.site-description {
	margin: 0;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

.site-title {
	font-size: 32px;
	font-size: 2rem;
}

.site-description {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: normal;
}

.wp-custom-logo .custom-logo {
	width: auto;
	max-height: 44px;
}

.section-hero {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 76px;
	background-color: #263238;
}

.section-hero.has-post-thumbnail {
	height: 100vh;
}

.admin-bar .section-hero.has-post-thumbnail {
	height: calc(100vh - 32px);
}

.hero-image {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
	animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
}

.scroll-to-content {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -21px;
	text-align: center;
	-webkit-animation: move-up-down 1s linear infinite;
	animation: move-up-down 1s linear infinite;
}

.scroll-to-content a {
	display: block;
	width: 42px;
	height: 42px;
	color: #fff;
	font-size: 42px;
	line-height: 42px;
}

.archive-header {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.footer-widgets {
	position: relative;
	z-index: 0;
	padding: 3rem 0 1.5rem;
}

.footer-image {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	content: " ";
}

.site-info,
.site-designer {
	font-size: 14px;
	font-size: 0.875rem;
	text-align: center;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.site-info {
	margin-bottom: 0;
	padding-top: 1rem;
}

.site-designer {
	margin-top: 0.5rem;
}

.site-designer .icon-campaignkit {
	fill: #4a8ff1 !important;
}

.site-designer a {
	font-weight: bold;
}

.site-footer {
	overflow: hidden;
	position: relative;
	z-index: 0;
	padding-bottom: 1.5rem;
	color: #90a4ae;
	background-color: #263238;
}

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

.site-footer a:hover,
.site-footer a:focus {
	color: #f06292;
}

.not-visible {
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.entry {
	position: relative;
	margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

.sticky-label {
	display: block;
	position: absolute;
	z-index: 1;
	top: 1rem;
	right: 1rem;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	color: #ec407a;
	background-color: #fff;
	line-height: 45px;
	text-align: center;
}

.sticky-label .fa {
	font-size: 21px;
}

.single .site-content,
.page .site-content,
.search-results .site-content,
.error404 .site-content {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.search-results .page-header {
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	border-bottom: 3px solid #eceff1;
	color: #b0bec5;
	text-align: center;
	text-transform: uppercase;
}

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

.error404 .page-title {
	color: #b0bec5;
	text-transform: uppercase;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5rem 0 0;
}

.no-results {
	padding-top: 3rem;
	padding-bottom: 3rem;
	text-align: center;
}

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

.entry-title {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1em;
	text-transform: uppercase;
}

.entry-title a {
	color: #455a64;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #ec407a;
}

.entry-meta,
.cat-links,
.tags-links,
.comments-link {
	color: #b0bec5;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
}

.entry-meta a,
.cat-links a,
.tags-links a,
.comments-link a {
	color: #455a64;
}

.entry-meta a:hover,
.entry-meta a:focus,
.cat-links a:hover,
.cat-links a:focus,
.tags-links a:hover,
.tags-links a:focus,
.comments-link a:hover,
.comments-link a:focus {
	color: #f06292;
}

.entry-meta {
	margin-bottom: 1.5rem;
}

.tags-links,
.comments-link {
	margin-left: 1.5rem;
}

.home .site-main,
.archive .site-main {
	background-color: #263238;
}

.home .site-main .entry,
.archive .site-main .entry {
	overflow: hidden;
	height: 50vw;
	margin: 0;
	padding: 0;
	background-color: #263238;
}

.home .site-main .post-thumbnail img,
.archive .site-main .post-thumbnail img {
	display: block;
	width: 100%;
	opacity: 0.5;
	vertical-align: middle;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.home .site-main .post-thumbnail.focus img,
.archive .site-main .post-thumbnail.focus img {
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

.home .site-main .entry-title,
.archive .site-main .entry-title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	font-size: 32px;
	font-size: 2rem;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.home .site-main .entry-title a,
.archive .site-main .entry-title a {
	color: #fff;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.home .site-main .entry-title a:hover,
.home .site-main .entry-title a:focus,
.archive .site-main .entry-title a:hover,
.archive .site-main .entry-title a:focus {
	text-shadow: 0 2px 32px black;
}

.post-thumbnail {
	overflow: hidden;
	position: relative;
	text-align: center;
}

.post-thumbnail:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 10px solid transparent;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
	content: " ";
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.post-thumbnail.focus:after {
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.post-thumbnail img {
	display: block;
	vertical-align: bottom;
}

.author-info {
	padding-top: 1.5rem;
	border-top: 3px solid #eceff1;
}

.author-avatar {
	float: left;
	margin: 0 0 1.5rem;
}

.author-avatar,
.author-avatar-archive {
	display: inline-block;
	margin: 0 0 1.5rem;
}

.author-avatar img,
.author-avatar-archive img {
	display: block;
	border-radius: 100px;
	vertical-align: middle;
}

.author-title {
	line-height: 1;
}

.author-title a {
	color: #455a64;
	font-size: 18px;
	font-size: 1.125rem;
	text-transform: uppercase;
}

.author-title a:hover,
.author-title a:focus {
	color: #f06292;
}

.author-detail {
	float: right;
	width: calc(100% - 120px);
}

.edit-link {
	display: block;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

a.post-edit-link {
	display: block;
	float: right;
	margin-bottom: 1.5rem;
	padding: 0.5rem 1.5em;
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.8);
	background: #ec407a;
	box-shadow: inset 0 -1px 0 2px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}

a.post-edit-link:hover,
a.post-edit-link:focus {
	color: rgba(255, 255, 255, 0.8);
	background-color: #f06292;
}

.archive-title {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	text-transform: uppercase;
}

.featured-content {
	position: relative;
}

.featured-content .entry {
	overflow: hidden;
	position: relative;
	z-index: 0;
	height: 100vh;
	margin: 0;
	padding: 0 2.5rem;
	background-color: #263238;
	text-align: center;
}

.admin-bar .featured-content .entry {
	height: calc(100vh - 32px);
}

.featured-content .featured-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
	animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
}

.featured-content .slider-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.featured-content .entry-title a {
	color: #fff;
}

.featured-content .entry-title a:hover,
.featured-content .entry-title a:focus {
	text-shadow: 0 5px 32px #000;
}


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

.bypostauthor {
	display: block;
}

.comments-title {
	margin-bottom: 1.5rem;
	font-size: 32px;
	font-size: 2rem;
	text-transform: uppercase;
}

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

.comment-list .comment {
	margin-bottom: 1.5rem;
}

.comment-list .comment .children {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

.comment-list .comment .children .comment {
	padding-left: 1.5rem;
	border-left: 4px solid #eceff1;
}

.comment-list .comment .avatar {
	display: block;
	float: left;
	margin-right: 1em;
	border-radius: 64px;
	vertical-align: top;
}

.comment-list .pingback {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 4px solid #eceff1;
}

.no-comments {
	margin-bottom: 0;
	padding: 1em 1.5em 0;
}

.comment-meta {
	position: relative;
}

.comment-meta a {
	color: #455a64;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: bold;
	text-transform: uppercase;
}

.comment-meta a:hover,
.comment-meta a:focus {
	color: #f06292;
}

.comment-meta .edit-link {
	position: absolute;
	top: 0;
	right: 0;
}

.comment-metadata a {
	color: #b0bec5;
	font-size: 12px;
	font-size: 0.75rem;
}

.comment-content {
	padding-top: 1.5em;
}

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

.comment-body > .reply a {
	display: inline-block;
	margin-bottom: 1.5rem;
	padding: 0.5rem 1.5em;
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.8);
	background: #ec407a;
	box-shadow: inset 0 -1px 0 2px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}

.comment-body > .reply a:hover,
.comment-body > .reply a:active,
.comment-body > .reply a:focus {
	background-color: #f06292;
}

.comment-reply-title {
	position: relative;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
	margin-bottom: 0.5rem;
	color: #90a4ae;
	font-size: 12px;
	font-size: 0.75rem;
	letter-spacing: 0.25rem;
	text-transform: uppercase;
}

.comment-form .required {
	color: #f44336;
}

.comment-form input {
	width: 100%;
}

.comment-subscription-form,
.comment-form-cookies-consent {
	clear: both;
	position: relative;
	margin: 1rem 0 0;
	padding-left: 1.5rem;
}

.comment-subscription-form input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
	position: absolute;
	z-index: -1;
	padding: 0;
	opacity: 0;
}

.comment-subscription-form input[type="checkbox"]:focus ~ label::before,
.comment-form-cookies-consent input[type="checkbox"]:focus ~ label::before {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}

.comment-subscription-form input[type="checkbox"]:checked ~ label::before,
.comment-form-cookies-consent input[type="checkbox"]:checked ~ label::before {
	border-color: #ec407a;
	background-color: #ec407a;
}

.comment-subscription-form input[type="checkbox"]:checked ~ label::after,
.comment-form-cookies-consent input[type="checkbox"]:checked ~ label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.comment-subscription-form label,
.comment-form-cookies-consent label {
	display: inline-block;
	margin-bottom: 1.5rem;
	letter-spacing: inherit;
}

.comment-subscription-form label:before,
.comment-form-cookies-consent label:before {
	display: block;
	position: absolute;
	top: 0.25rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	border: 1px solid #cfd8dc;
	border-radius: 3px;
	background-color: transparent;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.comment-subscription-form label:after,
.comment-form-cookies-consent label:after {
	display: block;
	position: absolute;
	top: 0.25rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	content: "";
}

.form-submit input[type="submit"] {
	text-transform: uppercase;
}


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

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

/* Make sure embeds and iframes fit their containers. */

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


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 1.5em;
	padding: 0.5em;
	border: 1px solid #eceff1;
	border-bottom-width: 3px;
	border-radius: 3px;
	background-color: #fff;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption > a {
	display: block;
}

.wp-caption > a img {
	vertical-align: middle;
}

.wp-caption > a:hover img,
.wp-caption > a:focus img {
	opacity: 0.5;
}

.wp-caption-text {
	margin-bottom: 0;
	padding: 1em 1em 0.5em;
	font-size: 14px;
	font-size: 0.875rem;
	text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	display: -webkit-box;
	display: flex;
	min-width: 100%;
	margin-right: -1px;
	margin-bottom: 1.5rem;
	margin-left: -1px;

	flex-wrap: wrap;
}

.gallery-item {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-height: 1px;
	margin: 0 0 2px;
	padding-right: 1px;
	padding-left: 1px;

	-webkit-box-direction: normal;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	flex-grow: 1;
}

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

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

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

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

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

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

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

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

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.gallery-item a {
	display: block;
}

.gallery-item a:hover,
.gallery-item a:focus {
	opacity: 0.5;
}

.gallery-item img {
	display: block;
	width: 100%;
	vertical-align: middle;
}

.gallery-caption {
	position: absolute;
	z-index: 5;
	bottom: calc( 100% + 16px);
	left: 50%;
	width: 240px;
	margin-left: -120px;
	padding: 1rem;
	color: #fff;
	background-color: #455a64;
	font-size: 14px;
	font-size: 0.875rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.gallery-caption:after {
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -9px;
	border-width: 0 9px 9px 9px;
	border-style: solid;
	border-color: transparent transparent #455a64 transparent;
	content: " ";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wp-block-gallery {
	margin-right: -8px;
	margin-left: -8px;
	padding: 0;
}


/*--------------------------------------------------------------
## SVG
--------------------------------------------------------------*/

/** SVG icon */

.icon {
	display: inline-block;
	position: relative;
	/* Align more nicely with capital letters */
	top: -0.0625rem;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	-webkit-transition: opacity ease-in-out 0.25s;
	transition: opacity ease-in-out 0.25s;

	fill: currentColor;
}

.icon-stroke {
	display: inline-block;
	position: relative;
	top: -0.05em;
	width: 1rem;
	height: 1rem;
	/* Align more nicely with capital letters */
	vertical-align: middle;
	-webkit-transition: opacity ease-in-out 0.25s;
	transition: opacity ease-in-out 0.25s;

	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 6.25%;
}

svg,
svg symbol {
	overflow: visible;
}

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}


/*--------------------------------------------------------------
## Blocks
--------------------------------------------------------------*/

.wp-block-image,
.wp-block-embed,
.wp-block-gallery {
	margin-bottom: 1.5rem;
}

.wp-block-image img {
	display: block;
	width: 100%;
	vertical-align: middle;
}

.alignfull,
.alignwide {
	width: inherit;
	max-width: 100vw;
	margin-right: calc( -100vw / 2 + 100% / 2);
	margin-left: calc( -100vw / 2 + 100% / 2);
}


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.wrap,
.content-sidebar-wrap {
	margin-right: 5%;
	margin-left: 5%;
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src$=".svg"] {
		width: 100%;
	}
}

@media (min-width: 782px) {
	.social-links ul a:before {
		font-size: 21px;
	}

	.main-navigation .menu-wrap {
		display: block;
	}

	.sidebar-toggled .main-navigation .menu-wrap {
		z-index: inherit;
	}

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		color: #fff;
		background-color: #263238;
	}

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

	.home .site-main .entry,
	.archive .site-main .entry {
		float: left;
		width: 50%;
		height: 32vw;
	}

	.home .site-main .entry.sticky,
	.archive .site-main .entry.sticky {
		clear: both;
		width: 100%;
	}

	.archive-title {
		font-size: 48px;
		font-size: 3rem;
	}

	.single .site-main,
	.page .site-main,
	.search-results .site-main,
	.error404 .site-main {
		max-width: 780px;
		margin: 0 auto;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: left;
		width: 31.8181818182%;
		margin-right: 2.2727272727%;
	}

	.comment-form-url {
		float: right;
		margin-right: 0;
	}

	.form-submit input[type="submit"] {
		width: auto;
	}

	#footer-widget-1,
	#footer-widget-2 {
		float: left;
		width: 49.1525423729%;
		margin-right: 1.6949152542%;
	}

	#footer-widget-2 {
		float: right;
		margin-right: 0;
	}

	#secondary {
		width: 30rem;
	}
}

@media only screen and (min-width: 950px) {
	.alignwide {
		margin-right: -125px;
		margin-left: -125px;
	}
}

@media (min-width: 992px) {
	.home .site-main .entry,
	.archive .site-main .entry {
		float: left;
		height: 32vw;
	}

	.entry-title {
		font-size: 48px;
		font-size: 3rem;
	}
}

@-webkit-keyframes image-pulse {
	0% {
		-webkit-transform: scale(1.01);
	}

	100% {
		-webkit-transform: scale(1.15);
	}
}

@keyframes image-pulse {
	0% {
		-webkit-transform: scale(1.01);
		-ms-transform: scale(1.01);
		transform: scale(1.01);
	}

	100% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadein-images {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 0.6;
	}
}

@keyframes fadein-images {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 0.6;
	}
}

@-webkit-keyframes movein {
	0% {
		-webkit-transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes movein {
	0% {
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes move-up-down {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 25px;
	}

	100% {
		bottom: 0;
	}
}

@keyframes move-up-down {
	0% {
		bottom: 0;
	}

	50% {
		bottom: 25px;
	}

	100% {
		bottom: 0;
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}