/*
Theme Name: Oceanly
Theme URI: https://scriptstown.com/wordpress-themes/oceanly/
Author: ScriptsTown
Author URI: https://scriptstown.com/
Description: Oceanly is a fast, responsive, modern, and multi-purpose WordPress theme. Every element in a theme is designed to make sure it grabs the highest engagement from the readers and visitors. It offers a unique, clean, and fresh look with a seamless and user-friendly interface to the users. Also, it is a very lightweight, SEO-friendly, and fast-loading theme. This theme is suitable for building digital marketing, news, blogging, affiliate marketing, consulting, academic, institute, school, and educational websites. Also, it is great for publishing events, news, blogs, stories, podcasts, tutorials, photography, music, videos, comics, ebooks, etc. The theme comes with a custom header image section with a parallax effect, a custom background, multiple footer widgets locations, and a main sidebar widget area. The theme supports three different locations for the menu including the primary menu, footer menu, and social links menu. The primary menu supports multi-level, drop-down sub-menus that are fully accessible to keyboard users. Also, the theme supports breadcrumbs navigation in the header that can act as secondary navigation for the users. The theme offers a conditional header block area that can be used to place any content in the header like sliders, portfolios, services, testimonials, gallery, etc. and this can be configured to be shown on specific pages depending on the settings. It is well-suited for showcasing a wide array of creative content, such as art galleries, webinars, and product reviews, making it an ideal choice for bloggers, artists, vloggers, photographers, entrepreneurs, and content creators. This theme comes with various options to customize the website as per need with many different possibilities.
Version: 1.8.2
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oceanly
Tags: blog, education, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
# Blocks
# Layout
	- Container
	- Content Sidebar
# Header
	- Branding
	- Hero Header
	- Navigation
	- Search Form
	- Breadcrumbs
	- Block Area
# Content
	- Posts and pages
	- Comments
	- Media
	- Captions
	- Galleries
	- Page Header
	- Page Content
	- Not Found
# Sidebar
	- Widgets
	- Sticky
# Footer
	- Widgets
	- Navigation
	- Bottom Area
	- Social Menu
	- Copyright
	- Back to Top
# Plugins
	- Jetpack infinite scroll
	- WooCommerce
# Utilities
	- Accessibility
	- Alignments
	- Animations
	- Clearings

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

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

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #3a3a3a;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.7;
}

@media screen and (min-width: 768px) {

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 16px;
		font-size: 1rem;
	}
}

@media screen and (min-width: 1200px) {

	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 17px;
		font-size: 1.0625rem;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', 'Calibri', 'Droid Sans', 'Avenir', Helvetica, Arial, sans-serif;
	line-height: 1.5;
	clear: both;
}

h2 {
	font-size: 1.8em;
	margin: 0.75em 0;
}

h3 {
	font-size: 1.65em;
	margin: 0.82em 0;
}

h4 {
	font-size: 1.45em;
	margin: 0.93em 0;
}

h5 {
	font-size: 1.3em;
	margin: 1.03em 0;
}

h6 {
	font-size: 1.1em;
	margin: 1.22em 0;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	position: relative;
	margin: 0 1.5em;
	padding-left: 4.25em;
}

blockquote::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3.6em;
	height: 2.7em;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.9,18.6c-0.5-3-3-5.3-6.1-5.4c0.7-2.8,2.6-3.9,4.8-4.5c0.1,0,0.2-0.2,0.2-0.3l-0.4-2.2c0,0,0-0.2-0.3-0.1c-7.6,0.9-12.8,6.7-11.8,13.7c0.9,4.9,4.7,6.8,8.2,6.3C30,25.4,32.5,22.1,31.9,18.6L31.9,18.6z M7.6,13.1c0.7-2.8,2.6-3.9,4.8-4.5c0.1,0,0.2-0.2,0.2-0.3l-0.3-2.2c0,0,0-0.2-0.3-0.1C4.3,6.8-0.8,12.6,0.1,19.6c0.9,4.9,4.8,6.8,8.3,6.3c3.5-0.5,5.9-3.8,5.4-7.3c0,0,0,0,0,0C13.3,15.5,10.7,13.2,7.6,13.1z'/%3E%3C/svg%3E") center center no-repeat;
	opacity: .08;
}

blockquote p {
	margin: 0 0 .6em;
}

blockquote cite {
	font-size: .85em;
	font-weight: normal;
	font-style: normal;
	color: #a1a1a1;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Courier 10 Pitch', courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fafafa;
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

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

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, .15);
}

th,
td {
	padding: .5em .8em;
}

/* Links
--------------------------------------------- */
a {
	text-decoration: none;
	color: #4169e1;
}

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

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-search .wp-block-search__button {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	line-height: 1;
	padding: .4em 1em .5em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-search .wp-block-search__button: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,
.wp-block-search .wp-block-search__button:active,
.wp-block-search .wp-block-search__button: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 {
	display: block;
	max-width: 100%;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px 7px;
	line-height: 1.5;
}

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,
select:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.wp-block-search {
	max-width: 440px;
}

.wp-block-search .wp-block-search__input {
	border: 1px solid #ccc;
}

.wp-block-search .wp-block-search__button {
	margin-left: 0;
}

.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption,
.wp-block-video figcaption,
.wp-block-audio figcaption {
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
	text-align: center;
	font-size: .95em;
	color: #555d66;
}

.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption,
.wp-block-video figcaption {
	margin-top: .5em;
}

.blocks-gallery-caption,
.wp-block-audio figcaption {
	margin-top: 0;
}

.wp-block-table table {
	margin-bottom: .5em;
}

.wp-block-pullquote {
	border-top: 4px solid #555d66;
	border-bottom: 4px solid #555d66;
	color: #40464d
}

.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	text-transform: uppercase;
	font-size: .85em;
	font-style: normal;
	color: #40464d;
}

.wp-block-pullquote blockquote::before {
	content: none;
}

.wp-block-pullquote blockquote {
	padding-left: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: 70%;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding-left: 4.25em;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	margin-bottom: .25em;
}

.wp-block-button .wp-block-button__link {
	text-decoration: none;
}

.wp-block-latest-comments__comment {
	line-height: inherit;
}

.wp-block-cover.wp-block-cover .wp-block-cover__background,
.wp-block-cover.wp-block-cover .wp-block-cover__gradient-background,
.wp-block-cover.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
	z-index: 1;
}

.wp-block-cover.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image.wp-block-cover-image .wp-block-cover__inner-container {
	z-index: 1;
}

.wp-block-cover__image-background.wp-block-cover__image-background,
.wp-block-cover__video-background.wp-block-cover__video-background {
	z-index: 0;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site {
	overflow-x: hidden;
}

/* Container
--------------------------------------------- */
.c-wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width: 576px) {
	.c-wrap {
		max-width: 540px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (min-width: 768px) {
	.c-wrap {
		max-width: 720px;
	}
}

@media screen and (min-width: 992px) {
	.c-wrap {
		max-width: 960px;
	}
}

@media screen and (min-width: 1200px) {
	.c-wrap {
		max-width: 1140px;
	}
}

@media screen and (min-width: 1280px) {
	.c-wrap {
		max-width: 1170px;
	}
}

@media screen and (min-width: 1360px) {
	.c-wrap {
		max-width: 1200px;
	}
}

/* Content Sidebar
--------------------------------------------- */
.content-sidebar-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.content-sidebar-wrap::after {
	content: '';
	width: 100%;
}

.site-main {
	max-width: 630px;
	width: 100%;
	flex-basis: 100%;
}

.c-sidebar {
	max-width: 310px;
	min-width: 260px;
	flex-grow: 1;
	flex-basis: 30%;
	order: 1;
}

.content-wrap,
.c-sidebar .widget {
	padding: 14px;
	border: 1px solid #efefef;
	background-color: #fff;
}

.content-wrap {
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

.c-sidebar .widget {
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .04);
}

@media screen and (min-width: 350px) {
	.c-sidebar {
		max-width: 330px;
	}

	.c-sidebar .widget {
		padding: 19px 24px;
	}
}

@media screen and (min-width: 576px) {
	.content-wrap {
		padding: 24px 29px;
	}

	.c-sidebar {
		max-width: 340px;
	}

	.c-sidebar .widget {
		padding: 24px 29px;
	}
}

@media screen and (min-width: 1024px) {
	.content-sidebar-wrap {
		flex-wrap: nowrap;
	}

	.content-sidebar-wrap::after {
		content: none;
	}

	.content-wrap {
		padding-top: 29px;
		padding-bottom: 29px;
	}

	/* No Sidebar */
	body.no-sidebar .site-main {
		max-width: 660px;
	}

	body.no-sidebar .content-wrap {
		padding-left: 44px;
		padding-right: 44px;
	}

	/* Sidebar */
	body:not(.no-sidebar) .site-main {
		max-width: 630px;
	}

	.c-sidebar {
		margin-left: 25px;
	}
}

@media screen and (min-width: 1200px) {

	/* No Sidebar */
	body.no-sidebar .site-main {
		max-width: 750px;
	}

	body.no-sidebar .content-wrap {
		padding-left: 54px;
		padding-right: 54px;
	}

	/* Sidebar */
	body:not(.no-sidebar) .site-main {
		max-width: 720px;
	}

	body:not(.no-sidebar) .content-wrap {
		padding-left: 39px;
		padding-right: 39px;
	}

	.c-sidebar {
		max-width: 340px;
		margin-left: auto;
	}

	.c-sidebar .widget {
		padding: 29px;
	}
}

@media screen and (min-width: 1280px) {

	/* Sidebar */
	body:not(.no-sidebar) .site-main {
		max-width: 730px;
	}

	body:not(.no-sidebar) .content-wrap {
		padding-left: 44px;
		padding-right: 44px;
	}

	.c-sidebar {
		max-width: 350px;
	}

	.c-sidebar .widget {
		padding-left: 34px;
		padding-right: 34px;
	}
}

@media screen and (min-width: 1360px) {

	/* Sidebar */
	body:not(.no-sidebar) .site-main {
		max-width: 750px;
	}

	body:not(.no-sidebar) .content-wrap {
		padding-left: 54px;
		padding-right: 54px;
	}

	.c-sidebar {
		max-width: 360px;
	}

	.c-sidebar .widget {
		padding-left: 39px;
		padding-right: 39px;
	}
}

body.page.page-template-full .site-main,
body.page.page-template-default .site-main,
body:not(.page).no-sidebar.full-width-no-sidebar .site-main {
	max-width: 100%;
}

@media screen and (min-width: 1024px) {

	body:not(.page).left-sidebar .c-sidebar,
	body.page.page-template-left-sidebar .c-sidebar {
		order: -1;
		margin-left: 0;
		margin-right: 25px;
	}
}

@media screen and (min-width: 1200px) {

	body:not(.page).left-sidebar .c-sidebar,
	body.page.page-template-left-sidebar .c-sidebar {
		margin-right: auto;
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* Branding
--------------------------------------------- */
.site-header-branding {
	background-color: #fff;
}

.site-branding .custom-logo-link img {
	display: block;
	width: auto;
	height: auto;
}

.site-branding--sm-logo-size-xs .custom-logo-link img {
	max-width: 200px;
	max-height: 60px;
}

.site-branding--sm-logo-size-sm .custom-logo-link img {
	max-width: 212px;
	max-height: 66px;
}

.site-branding--sm-logo-size-md .custom-logo-link img {
	max-width: 224px;
	max-height: 72px;
}

.site-branding--sm-logo-size-lg .custom-logo-link img {
	max-width: 236px;
	max-height: 78px;
}

.site-branding--sm-logo-size-xl .custom-logo-link img {
	max-width: 248px;
	max-height: 84px;
}

@media screen and (min-width: 576px) {
	.site-branding--md-logo-size-xs .custom-logo-link img {
		max-width: 200px;
		max-height: 60px;
	}

	.site-branding--md-logo-size-sm .custom-logo-link img {
		max-width: 212px;
		max-height: 66px;
	}

	.site-branding--md-logo-size-md .custom-logo-link img {
		max-width: 224px;
		max-height: 72px;
	}

	.site-branding--md-logo-size-lg .custom-logo-link img {
		max-width: 236px;
		max-height: 78px;
	}

	.site-branding--md-logo-size-xl .custom-logo-link img {
		max-width: 248px;
		max-height: 84px;
	}
}

@media screen and (min-width: 1200px) {
	.site-branding--lg-logo-size-xs .custom-logo-link img {
		max-width: 200px;
		max-height: 60px;
	}

	.site-branding--lg-logo-size-sm .custom-logo-link img {
		max-width: 212px;
		max-height: 66px;
	}

	.site-branding--lg-logo-size-md .custom-logo-link img {
		max-width: 224px;
		max-height: 72px;
	}

	.site-branding--lg-logo-size-lg .custom-logo-link img {
		max-width: 236px;
		max-height: 78px;
	}

	.site-branding--lg-logo-size-xl .custom-logo-link img {
		max-width: 248px;
		max-height: 84px;
	}
}

.site-title,
.site-description {
	margin: 0;
}

.site-title {
	font-family: 'Source Sans Pro', 'Calibri', 'Droid Sans', 'Avenir', Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.3;
}

.site-title--sm-size-xxs {
	font-size: 1.15em;
}

.site-title--sm-size-xs {
	font-size: 1.3em;
}

.site-title--sm-size-sm {
	font-size: 1.45em;
}

.site-title--sm-size-md {
	font-size: 1.6em;
}

.site-title--sm-size-lg {
	font-size: 1.75em;
}

.site-title--sm-size-xl {
	font-size: 1.9em;
}

.site-title--sm-size-xxl {
	font-size: 2.05em;
}

@media screen and (min-width: 576px) {
	.site-title--md-size-xxs {
		font-size: 1.15em;
	}

	.site-title--md-size-xs {
		font-size: 1.3em;
	}

	.site-title--md-size-sm {
		font-size: 1.45em;
	}

	.site-title--md-size-md {
		font-size: 1.6em;
	}

	.site-title--md-size-lg {
		font-size: 1.75em;
	}

	.site-title--md-size-xl {
		font-size: 1.9em;
	}

	.site-title--md-size-xxl {
		font-size: 2.05em;
	}
}

.site-title a,
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	color: #0e0e0e;
}

.site-description {
	color: #a3a3a3;
}

.site-desc--sm-size-xxs {
	font-size: .65em;
}

.site-desc--sm-size-xs {
	font-size: .7em;
}

.site-desc--sm-size-sm {
	font-size: .75em;
}

.site-desc--sm-size-md {
	font-size: .85em;
}

.site-desc--sm-size-lg {
	font-size: .95em;
}

.site-desc--sm-size-xl {
	font-size: 1.05em;
}

.site-desc--sm-size-xxl {
	font-size: 1.15em;
}

@media screen and (min-width: 576px) {
	.site-desc--md-size-xxs {
		font-size: .65em;
	}

	.site-desc--md-size-xs {
		font-size: .7em;
	}

	.site-desc--md-size-sm {
		font-size: .75em;
	}

	.site-desc--md-size-md {
		font-size: .85em;
	}

	.site-desc--md-size-lg {
		font-size: .95em;
	}

	.site-desc--md-size-xl {
		font-size: 1.05em;
	}

	.site-desc--md-size-xxl {
		font-size: 1.15em;
	}
}

.site-branding-wrap {
	padding-top: 15px;
	padding-bottom: 15px;
}

.site-branding {
	max-width: 720px;
	display: flex;
	word-break: break-word;
}

.site-branding--sm-logo-left {
	flex-direction: row;
	align-items: center;
}

.site-branding--sm-logo-top {
	flex-direction: column;
	justify-content: center;
}

.site-branding--sm-left,
.site-branding--sm-center {
	margin-right: auto;
}

.site-branding--sm-center,
.site-branding--sm-right {
	margin-left: auto;
}

.site-branding--sm-left {
	margin-left: 0;
	justify-content: flex-start;
}

.site-branding--sm-center {
	justify-content: center;
}

.site-branding--sm-right {
	margin-right: 0;
	justify-content: flex-end;
}

.site-branding--sm-logo-left .custom-logo-link {
	margin-right: .75em;
}

.site-branding--no-title-tagline .custom-logo-link,
.site-branding--sm-logo-top .custom-logo-link {
	margin-right: 0;
}

.site-branding--sm-logo-left.site-branding--sm-left,
.site-branding--sm-logo-left.site-branding--sm-center,
.site-branding--sm-logo-left.site-branding--sm-right,
.site-branding--sm-logo-top.site-branding--sm-left {
	text-align: left;
}

.site-branding--sm-logo-top.site-branding--sm-center {
	text-align: center;
}

.site-branding--sm-logo-top.site-branding--sm-left {
	align-items: flex-start;
}

.site-branding--sm-logo-top.site-branding--sm-center {
	align-items: center;
}

.site-branding--sm-logo-top.site-branding--sm-right {
	align-items: flex-end;
	text-align: right;
}

@media screen and (min-width: 576px) {
	.site-branding.site-branding--md-logo-left {
		flex-direction: row;
		align-items: center;
	}

	.site-branding.site-branding--md-logo-top {
		flex-direction: column;
		justify-content: center;
	}

	.site-branding.site-branding--md-left,
	.site-branding.site-branding--md-center {
		margin-right: auto;
	}

	.site-branding.site-branding--md-center,
	.site-branding.site-branding--md-right {
		margin-left: auto;
	}

	.site-branding.site-branding--md-left {
		margin-left: 0;
		justify-content: flex-start;
	}

	.site-branding.site-branding--md-center {
		justify-content: center;
	}

	.site-branding.site-branding--md-right {
		margin-right: 0;
		justify-content: flex-end;
	}

	.site-branding.site-branding--md-logo-left .custom-logo-link {
		margin-right: .75em;
	}

	.site-branding.site-branding--no-title-tagline .custom-logo-link,
	.site-branding.site-branding--md-logo-top .custom-logo-link {
		margin-right: 0;
	}

	.site-branding.site-branding--md-logo-left.site-branding--md-left,
	.site-branding.site-branding--md-logo-left.site-branding--md-center,
	.site-branding.site-branding--md-logo-left.site-branding--md-right,
	.site-branding.site-branding--md-logo-top.site-branding--md-left {
		text-align: left;
	}

	.site-branding.site-branding--md-logo-top.site-branding--md-center {
		text-align: center;
	}

	.site-branding.site-branding--md-logo-top.site-branding--md-left {
		align-items: flex-start;
	}

	.site-branding.site-branding--md-logo-top.site-branding--md-center {
		align-items: center;
	}

	.site-branding.site-branding--md-logo-top.site-branding--md-right {
		align-items: flex-end;
		text-align: right;
	}
}

/* Hero Header
--------------------------------------------- */
.site-hero-header {
	position: relative;
	display: flex;
	margin-bottom: 1.5em;
	flex-direction: column;
	background-color: #808080;
}

.site-hero-header--disabled {
	min-height: 40px;
	margin-bottom: 0;
}

@media screen and (min-width: 576px) {
	.site-hero-header--disabled {
		min-height: 0;
	}
}

.site-hero-header--sm-h-200 {
	height: 200px;
}

.site-hero-header--sm-h-250 {
	height: 250px;
}

.site-hero-header--sm-h-300 {
	height: 300px;
}

.site-hero-header--sm-h-350 {
	height: 350px;
}

.site-hero-header--sm-h-400 {
	height: 400px;
}

.site-hero-header--sm-h-450 {
	height: 450px;
}

.site-hero-header--sm-h-500 {
	height: 500px;
}

@media screen and (min-width: 576px) {
	.site-hero-header--md-h-200 {
		height: 200px;
	}

	.site-hero-header--md-h-250 {
		height: 250px;
	}

	.site-hero-header--md-h-300 {
		height: 300px;
	}

	.site-hero-header--md-h-350 {
		height: 350px;
	}

	.site-hero-header--md-h-400 {
		height: 400px;
	}

	.site-hero-header--md-h-450 {
		height: 450px;
	}

	.site-hero-header--md-h-500 {
		height: 500px;
	}
}

@media screen and (min-width: 1024px) {
	.site-hero-header--lg-h-200 {
		height: 200px;
	}

	.site-hero-header--lg-h-250 {
		height: 250px;
	}

	.site-hero-header--lg-h-300 {
		height: 300px;
	}

	.site-hero-header--lg-h-350 {
		height: 350px;
	}

	.site-hero-header--lg-h-400 {
		height: 400px;
	}

	.site-hero-header--lg-h-450 {
		height: 450px;
	}

	.site-hero-header--lg-h-500 {
		height: 500px;
	}
}

@media screen and (min-width: 1200px) {
	.site-hero-header--xl-h-200 {
		height: 200px;
	}

	.site-hero-header--xl-h-250 {
		height: 250px;
	}

	.site-hero-header--xl-h-300 {
		height: 300px;
	}

	.site-hero-header--xl-h-350 {
		height: 350px;
	}

	.site-hero-header--xl-h-400 {
		height: 400px;
	}

	.site-hero-header--xl-h-450 {
		height: 450px;
	}

	.site-hero-header--xl-h-500 {
		height: 500px;
	}
}

.site-hero-header-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.site-hero-header-image--fixed {
	background-attachment: fixed;
}

.site-hero-header-image--left-top {
	background-position: left top;
}

.site-hero-header-image--left-center {
	background-position: left center;
}

.site-hero-header-image--left-bottom {
	background-position: left bottom;
}

.site-hero-header-image--right-top {
	background-position: right top;
}

.site-hero-header-image--right-center {
	background-position: right center;
}

.site-hero-header-image--right-bottom {
	background-position: right bottom;
}

.site-hero-header-image--center-top {
	background-position: center top;
}

.site-hero-header-image--center-center {
	background-position: center center;
}

.site-hero-header-image--center-bottom {
	background-position: center bottom;
}

.site-hero-header-image--size-auto {
	background-size: auto;
}

.site-hero-header-image--size-cover {
	background-size: cover;
}

.site-hero-header-image--size-contain {
	background-size: contain;
}

/* Navigation
--------------------------------------------- */
.site-navigation-wrap {
	position: absolute;
	font-size: .95em;
	z-index: 9999;
}

.main-navigation ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: rgba(0, 0, 0, .7);
}

.main-navigation.toggled ul {
	display: block;
}

.main-navigation {
	display: flex;
	flex-direction: column;
}

.menu-toggle {
	display: inline-block;
}

.main-navigation--sm-left .menu-toggle {
	align-self: flex-start;
}

.main-navigation--sm-center .menu-toggle {
	align-self: center;
}

.main-navigation--sm-right .menu-toggle {
	align-self: flex-end;
}

.main-navigation li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	position: relative;
	padding: .5em;
}

.main-navigation li>a {
	flex-basis: auto;
	flex-grow: 1;
}

.main-navigation li.menu-item-has-children>a {
	width: calc(100% - 29px);
}

.main-navigation-arrow-btn {
	width: 29px;
	flex-shrink: 0;
}

.main-navigation ul li,
.main-navigation ul ul li {
	border-top: 1px solid rgba(255, 255, 255, .15);
}

.main-navigation ul ul {
	flex-grow: 0;
	flex-shrink: 0;
	width: calc(100% - 15px);
	position: absolute;
	left: 30px;
	display: block;
	padding: 0;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: .4s all;
	z-index: -1;
}

.main-navigation>div>ul>li>ul {
	font-size: .95em;
}

.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
.main-navigation ul li.focus>ul {
	position: relative;
	top: 5px;
	left: 15px;
	opacity: 1;
	height: auto;
	overflow: visible;
	z-index: 99999;
}

.main-navigation a {
	display: block;
	padding: .5em .7em;
}

.main-navigation a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
	color: #fff;
}

@media screen and (min-width: 576px) {
	.site-navigation-wrap {
		position: static;
		font-size: .925em;
	}

	.main-navigation ul {
		display: inline-flex;
		flex-wrap: wrap;
		padding-left: 15px;
		padding-right: 15px;
	}

	.menu-toggle {
		display: none;
	}

	/* Fix overflow in IE 11 */
	.main-navigation>div {
		max-width: 100%;
	}

	.main-navigation--md-left>div {
		align-self: flex-start;
	}

	.main-navigation--md-center>div {
		align-self: center;
	}

	.main-navigation--md-right>div {
		align-self: flex-end;
	}

	.main-navigation ul li {
		padding: .3em;
		border: 0;
	}

	.main-navigation ul ul {
		width: auto;
		left: 15%;
		transition: .2s all;
	}

	.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
	.main-navigation ul li.focus>ul {
		position: absolute;
		top: 100%;
		left: 0;
	}

	.main-navigation:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation ul ul li.focus>ul {
		top: 0;
	}

	.main-navigation.submenu--md-open-right:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation.submenu--md-open-right ul ul li.focus>ul {
		left: 100%;
	}

	.main-navigation.submenu--md-open-left:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation.submenu--md-open-left ul ul li.focus>ul {
		left: -100%;
	}

	.main-navigation ul ul li {
		width: 240px;
	}
}

@media screen and (min-width: 1024px) {
	.main-navigation ul {
		padding-left: 25px;
		padding-right: 25px;
	}

	.main-navigation.submenu--lg-open-right:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation.submenu--lg-open-right ul ul li.focus>ul {
		left: 100%;
	}

	.main-navigation.submenu--lg-open-left:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation.submenu--lg-open-left ul ul li.focus>ul {
		left: -100%;
	}
}

@media screen and (min-width: 1200px) {
	.main-navigation ul {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (min-width: 1280px) {
	.main-navigation ul {
		padding-left: 35px;
		padding-right: 35px;
	}
}

/* Toggle Sub-menu Button */
.main-navigation-arrow-btn {
	padding: 2px 4px 7px 9px;
	border: none;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
}

.main-navigation-arrow-btn .svg-icon {
	width: 16px;
	height: 16px;
	vertical-align: baseline;
}

.main-navigation:not(.toggled) li:hover>.main-navigation-arrow-btn,
.main-navigation li.focus>.main-navigation-arrow-btn,
.main-navigation .main-navigation-arrow-btn:active,
.main-navigation .main-navigation-arrow-btn:hover {
	outline: thin solid;
}

.main-navigation li .main-navigation-arrow-btn:focus {
	outline: medium solid;
}

/* Menu icons */
.menu-toggle {
	border-radius: 0;
	background: rgba(255, 255, 255, .9);
	color: #3a3a3a;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15);
}

.main-navigation.toggled .menu-toggle .svg-icon:first-child,
.main-navigation:not(.toggled) .menu-toggle .svg-icon:last-child {
	display: none;
}

/* Search Form
--------------------------------------------- */
.header-search-form-wrap {
	align-self: center;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
	z-index: 2;
}

@media screen and (min-width: 576px) {
	.header-search-form-wrap {
		position: static;
		margin-top: auto;
		margin-bottom: auto;
		transform: translateY(0);
	}
}

@media screen and (min-width: 1024px) {
	.header-search-form-wrap {
		position: absolute;
		top: 54%;
		left: 50%;
		margin-top: 0;
		margin-bottom: 0;
		transform: translate(-50%, -50%);
	}
}

.header-search-form>.search-form {
	display: flex;
}

.header-search-form>.search-form .search-field,
.header-search-form>.search-form .search-submit {
	padding: .35em .65em;
	background: rgba(255, 255, 255, .9);
	color: #3a3a3a;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15);
	font-size: 1em;
	font-weight: 600;
}

::-webkit-input-placeholder {
	color: #a1a1a1;
}

:-moz-placeholder {
	color: #a1a1a1;
}

::-moz-placeholder {
	color: #a1a1a1;
}

:-ms-input-placeholder {
	color: #a1a1a1;
}

.header-search-form>.search-form>*:first-child {
	flex-grow: 1;
}

.header-search-form>.search-form .search-field {
	width: 165px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media screen and (min-width: 320px) {
	.header-search-form>.search-form .search-field {
		width: auto;
	}
}

@media screen and (min-width: 1024px) {
	.header-search-form>.search-form .search-field {
		min-width: 270px;
	}
}

.header-search-form>.search-form .search-submit {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Breadcrumbs
--------------------------------------------- */
.site-hero-header .breadcrumbs {
	padding: .8em 1.4em;
	margin-top: auto;
	font-size: .75em;
	background-color: rgba(0, 0, 0, .45);
	z-index: 1;
	word-break: break-word;
}

.site-hero-header .breadcrumbs,
.site-hero-header--breadcrumbs-right {
	align-self: flex-end;
}

.site-hero-header--breadcrumbs-left .breadcrumbs {
	align-self: flex-start;
}

.site-hero-header--breadcrumbs-center .breadcrumbs {
	align-self: center;
}

.site-hero-header .breadcrumbs ul {
	display: flex;
	align-items: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.site-hero-header .breadcrumbs ul li {
	display: flex;
}

.site-hero-header .breadcrumbs ul li:not(.trail-end) {
	min-width: -moz-max-content;
	min-width: max-content;
}

.site-hero-header .breadcrumbs ul li::after {
	content: "\00BB";
	padding: 0 .5rem;
	align-self: center;
}

.site-hero-header .breadcrumbs ul li:last-child::after {
	content: none;
}

.site-hero-header .breadcrumbs ul,
.site-hero-header .breadcrumbs a,
.site-hero-header .breadcrumbs a:hover,
.site-hero-header .breadcrumbs a:focus,
.site-hero-header .breadcrumbs a:active {
	color: #fff;
}

.site-hero-header .breadcrumbs .trail-end {
	color: #e7e5e5;
}

/* Block Area
--------------------------------------------- */
.header-block-area {
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.sticky.post .header-thumbnail-wrap {
	position: relative;
	border-left: 2px solid #4169e1;
}

.sticky.post.has-post-thumbnail .header-thumbnail-wrap {
	border-left: none;
}

.sticky.post.has-post-thumbnail .header-thumbnail-wrap .entry-header {
	position: relative;
}

.sticky.post.has-post-thumbnail .header-thumbnail-wrap .entry-header::after,
.sticky.post .header-thumbnail-wrap::after {
	content: "";
	background: #4169e1;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	width: 16%;
	transition: .3s width;
}

.sticky.post.has-post-thumbnail .header-thumbnail-wrap::after {
	content: none;
}

.sticky.post.has-post-thumbnail .header-thumbnail-wrap .entry-header:hover::after,
.sticky.post .header-thumbnail-wrap:hover::after {
	width: 24%;
}

.header-thumbnail-wrap>.svg-icon {
	position: absolute;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.sticky.post .header-thumbnail-wrap>.svg-icon {
	opacity: 1;
	height: auto;
	overflow: visible;
	color: #4169e1;
	transform: rotate(45deg);
	z-index: 1;
}

.sticky.post .header-thumbnail-wrap>.svg-icon {
	top: -.5em;
	right: -.5em;
	width: 1.5em;
	height: 1.5em;
}

@media screen and (min-width: 576px) {
	.sticky.post .header-thumbnail-wrap>.svg-icon {
		top: -.75em;
		right: -.75em;
		width: 2em;
		height: 2em;
	}
}

.archive-content-wrap,
.singular-content-wrap {
	display: block;
	margin: 0 0 1.5em;
}

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

.entry-title {
	margin-top: 0;
	word-break: break-word;
}

.more-link-container,
.page-content>*:last-child,
.entry-content>*:last-child,
.entry-summary>*:last-child {
	margin-bottom: 0;
}

.header-thumbnail-wrap {
	display: flex;
	flex-direction: column;
}

.header-thumbnail-wrap .entry-header {
	flex-grow: 1;
	min-width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	padding: 14px;
	box-shadow: -1px -2px 16px 0px rgba(0, 0, 0, .08);
	border: 1px solid #efefef;
	border-bottom: 0;
	background-color: #fff;
}

.header-thumbnail-wrap .entry-header .entry-title {
	flex-basis: 100%;
	text-align: center;
}

@media screen and (min-width: 530px) {
	.header-thumbnail-wrap {
		flex-direction: row;
	}

	.header-thumbnail-wrap .entry-header .entry-title {
		flex-basis: auto;
		text-align: left;
	}
}

.header-thumbnail-wrap .entry-header::after {
	content: '';
	flex-basis: 100%;
	flex-shrink: 0;
	order: -1;
}

.header-thumbnail-wrap .entry-header>.entry-title {
	order: -2;
}

.header-thumbnail-wrap .post-thumbnail {
	order: -1;
	align-self: center;
	display: flex;
	-ms-flex-align: start;
}

.header-thumbnail-wrap .post-thumbnail img {
	display: block;
}

@media screen and (min-width: 576px) {
	.header-thumbnail-wrap .entry-header {
		padding: 19px 29px;
	}

	.header-thumbnail-wrap .post-thumbnail {
		align-self: stretch;
		position: relative;
	}

	.header-thumbnail-wrap--no-crop .post-thumbnail {
		align-items: flex-start;
	}

	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:hover {
		align-items: flex-start;
	}

	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:before,
	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		transition: .4s all ease;
		-webkit-transition: .4s all ease;
		-moz-transition: .4s all ease;
		-ms-transition: .4s all ease;
		-o-transition: .4s all ease;
		z-index: 1;
	}

	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:hover:before {
		right: 50%;
		left: 50%;
		background-color: rgba(255, 255, 255, .3);
	}

	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:hover:after {
		top: 50%;
		bottom: 50%;
		background-color: rgba(255, 255, 255, .3);
	}

	.header-thumbnail-wrap .post-thumbnail img {
		-o-object-fit: cover;
		object-fit: cover;
		transition: .4s all ease;
	}

	body.post-thumbnail-hover-effect .header-thumbnail-wrap .post-thumbnail:hover img {
		-o-object-fit: contain;
		object-fit: contain;
		position: relative;
		top: 3%;
		left: 3%;
		transform: translate(-3%, -3%);
		animation: fadePause .6s ease;
	}
}

@media screen and (min-width: 1024px) {
	.header-thumbnail-wrap .entry-header {
		padding: 24px 29px;
	}
}

@media screen and (min-width: 1200px) {
	.header-thumbnail-wrap .entry-header {
		padding: 24px 34px;
	}
}

.archive-content-wrap .content-wrap>.entry-content:first-child,
.archive-content-wrap .content-wrap>.entry-summary:first-child,
.archive-content-wrap .content-wrap .entry-content>*:first-child,
.archive-content-wrap .content-wrap .entry-summary>*:first-child {
	margin-top: 0;
}

.singular-content-wrap .post-thumbnail {
	display: flex;
	justify-content: center;
}

.entry-header .entry-title a {
	color: #3a3a3a;
	transition: .25s color;
}

.entry-header .entry-title a:hover,
.entry-header .entry-title a:focus,
.entry-header .entry-title a:active {
	color: #4169e1;
}

.archive-content-wrap.post .entry-title {
	margin-bottom: .5em;
}

.singular-content-wrap.post .entry-title {
	margin-bottom: .45em;
}

.archive-content-wrap:not(.post) .entry-title,
.singular-content-wrap:not(.post) .entry-title {
	margin-bottom: 0;
}

.singular-content-wrap:not(.post) .entry-title::after {
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	margin-top: 7px;
	margin-bottom: 12px;
	background: rgba(0, 0, 0, .1);
}

.archive-content-wrap .entry-title {
	font-size: 1.3em;
}

@media screen and (min-width: 576px) {
	.archive-content-wrap .entry-title {
		font-size: 1.5em;
	}
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	font-size: .85em;
}

@media screen and (min-width: 576px) {
	.entry-meta {
		font-size: .95em;
	}
}

.entry-meta a {
	display: inline-block;
	vertical-align: middle;
	border-bottom: 1px solid transparent;
}

.entry-meta a,
.entry-meta .svg-icon,
.cat-links .svg-icon {
	color: #a1a1a1;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
	color: #191970;
	border-color: #191970;
}

.entry-meta>* {
	margin-bottom: .45em;
}

.entry-meta .posted-on {
	margin-right: 1.2em;
}

.entry-meta .posted-by {
	margin-right: 1.35em;
}

.entry-meta .posted-on .svg-icon {
	width: 1.2em;
	height: 1.2em;
	margin-right: 2px;
}

.entry-meta .posted-by .svg-icon,
.entry-meta .comments-link .svg-icon {
	width: 1.36em;
	height: 1.36em;
}

.entry-meta .posted-by .svg-icon {
	margin-right: -1px;
}

.entry-meta .comments-link .svg-icon {
	margin-right: 3px;
}

.more-link-container {
	margin-top: 0;
}

.more-link {
	display: inline-block;
}

.more-link::after {
	content: '';
	width: 0px;
	height: 1px;
	display: block;
	background: #191970;
	transition: .25s all;
}

.more-link:hover::after,
.more-link:focus::after {
	width: 100%;
}

body .entry-summary .more-link,
body .entry-content .more-link {
	text-decoration: none;
}

.post-edit-link-container,
.post-edit-link {
	display: inline-block;
}

.post-edit-link {
	font-size: .95em;
}

.post-edit-link-container::before {
	content: "";
	height: 1px;
	width: 44px;
	display: block;
	margin-top: 15px;
	margin-bottom: 2px;
	background: rgba(0, 0, 0, .1);
}

.tag-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 1.5em 0 0 0;
	padding: 10px 15px;
	font-size: .95em;
	background-color: #fafafa;
	color: #242323;
}

.tag-links a {
	display: inline-block;
	margin: .5em .3em .5em 0;
	padding: .15em .75em;
	border-radius: 7px;
	background-color: #f0f0f0;
	color: #242323;
	transition: .25s all;
}

.tag-links a:first-child {
	margin-left: .5em;
}

.tag-links a:hover,
.tag-links a:focus,
.tag-links a:active {
	background-color: #4169e1;
	color: #fff;
}

.tag-links a:focus:not(:active) {
	outline: thin dotted #191970;
}

.cat-links {
	display: block;
	font-size: .9em;
}

@media screen and (min-width: 576px) {
	.cat-links {
		font-size: .95em;
	}
}

.cat-links a {
	vertical-align: middle;
}

.cat-links .svg-icon {
	width: 1.2em;
	height: 1.2em;
	margin-right: 6px;
}

.singular-content-wrap .cat-links {
	margin-top: .75em;
}

.cat-links::after {
	content: "";
	height: 1px;
	width: 44px;
	display: block;
	margin-top: 5px;
	margin-bottom: 12px;
	background: rgba(0, 0, 0, .1);
}

.singular-content-wrap .cat-links::after {
	width: 100%;
	margin-top: 7px;
}

.navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 1.5em 0;
	font-size: .95em;
	color: #242323;
}

.navigation.pagination .nav-links {
	padding: 10px 15px;
	background-color: #fafafa;
}

.navigation .nav-links a,
.navigation .nav-links span {
	display: inline-block;
	margin: .5em .3em .5em 0;
	padding: .15em .75em;
	border-radius: 7px;
	background-color: #f0f0f0;
	color: #242323;
	transition: .25s all;
}

.navigation .nav-links a:first-child {
	margin-left: .5em;
}

.navigation .nav-links .current,
.navigation .nav-links a:hover,
.navigation .nav-links a:focus,
.navigation .nav-links a:active {
	background-color: #4169e1;
	color: #fff;
}

.navigation .nav-links a:focus:not(:active) {
	outline: thin dotted #191970;
}

.navigation.post-navigation .nav-links {
	display: block;
	margin-top: 0;
}

.navigation.post-navigation .nav-links>.nav-previous {
	float: left;
}

.navigation.post-navigation .nav-links>.nav-next {
	float: right;
}

.navigation.post-navigation .nav-links>.nav-previous,
.navigation.post-navigation .nav-links>.nav-next {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

@media screen and (min-width: 350px) {

	.navigation.post-navigation .nav-links>.nav-previous,
	.navigation.post-navigation .nav-links>.nav-next {
		max-width: 330px;
	}
}

@media screen and (min-width: 768px) {

	.navigation.post-navigation .nav-links>.nav-previous,
	.navigation.post-navigation .nav-links>.nav-next {
		max-width: 340px;
	}
}

@media screen and (min-width: 1024px) {

	.navigation.post-navigation .nav-links>.nav-previous,
	.navigation.post-navigation .nav-links>.nav-next {
		max-width: 360px;
	}
}

.navigation.post-navigation .nav-links a {
	display: flex;
	align-items: center;
	margin-left: 0;
	margin-right: 0;
	border: 1px solid #efefef;
	box-shadow: 1px 2px 16px 0 rgba(0, 0, 0, .08);
}

.navigation.post-navigation .nav-links a,
.navigation.post-navigation .nav-links span {
	background-color: #fff;
}

.navigation.post-navigation .nav-links a:hover,
.navigation.post-navigation .nav-links a:focus,
.navigation.post-navigation .nav-links a:active {
	background-color: #4169e1;
	color: #fff;
}

.navigation.post-navigation .nav-links>.nav-previous>a {
	justify-content: flex-start;
}

.navigation.post-navigation .nav-links>.nav-next>a {
	justify-content: flex-end;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-break: break-word;
}

.bypostauthor {
	display: block;
}

.comment-body {
	display: flex;
	flex-direction: column;
	padding: 15px;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

@media screen and (min-width: 576px) {
	.comment-body {
		padding: 25px 30px;
	}
}

@media screen and (min-width: 1024px) {
	.comment-body {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.comment-body {
		padding-left: 35px;
		padding-right: 35px;
	}
}

.comment-list {
	margin: 0;
	padding: 0;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
}

.comment-list .children {
	padding: 0;
}

.comment-list .comment-body {
	margin-bottom: 1.5em;
}

.comment-body .reply {
	align-self: flex-end;
}

.comment-list .comment.odd>.comment-body {
	background-color: #fff;
}

.comment-body,
.comment-list .comment.even>.comment-body {
	background-color: #f4f7fc;
}

.comment-list .comment.bypostauthor>.comment-body {
	border-left: 2px solid #4169e1;
}

.comment-body .reply::before,
.comment-meta::after,
.comment-meta .comment-metadata .edit-link::after {
	content: "";
	height: 1px;
	width: 44px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgba(0, 0, 0, .1);
}

.comment-body .comment-content {
	font-size: .95em;
}

.comment-meta .comment-author .avatar {
	width: 32px;
	height: 32px;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 50%;
	margin: 0 .25em .25em 0;
}

.comment-meta .comment-author .avatar,
.comment-meta .comment-author .fn,
.comment-meta .comment-author .says {
	vertical-align: top;
}

.comment-meta .comment-author .fn a,
.comment-meta .comment-author .fn a:hover,
.comment-meta .comment-author .fn a:focus,
.comment-meta .comment-author .fn a:active {
	font-size: 1em;
	color: #3a3a3a;
	transition: .25s color;
}

.comment-meta .comment-author .fn a:hover,
.comment-meta .comment-author .fn a:focus,
.comment-meta .comment-author .fn a:active {
	color: #4169e1;
}

.comment-meta .comment-metadata {
	display: flex;
	align-items: flex-start;
}

.comment-meta .comment-metadata .edit-link {
	margin-left: auto;
}

.comment-meta .comment-metadata a,
.comment-meta .comment-author .says {
	color: #a1a1a1;
}

.comment-meta .comment-author .says {
	font-size: .95em;
}

.comment-meta .comment-metadata {
	font-size: .85em;
}

.comment-meta .comment-metadata a {
	border-bottom: 1px solid transparent;
}

.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:focus,
.comment-meta .comment-metadata a:active {
	color: #191970;
	border-color: #191970;
}

.comments-title,
.comment-reply-title {
	margin-top: 0;
	margin-bottom: .5em;
	padding: 10px 14px;
	border: 1px solid #efefef;
	font-size: 1.35em;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

.comment-reply-title>small {
	margin-left: .4em;
}

.comment-reply-title>small a {
	color: #a1a1a1;
	border-bottom: 1px solid transparent;
}

.comment-reply-title>small a:hover,
.comment-reply-title>small a:focus,
.comment-reply-title>small a:active {
	color: #191970;
	border-color: #191970;
}

.comments-area .must-log-in,
.comments-area .no-comments {
	margin-top: 0;
	padding: 5px 14px;
	border: 1px solid #efefef;
	font-size: .95em;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

.comments-area .must-log-in,
.comments-area .no-comments {
	margin-bottom: 1.5em;
}

.comment-form {
	margin-bottom: 1.5em;
	padding: 15px;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

@media screen and (min-width: 576px) {
	.comment-form {
		padding: 25px 30px;
	}
}

@media screen and (min-width: 1024px) {
	.comment-form {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.comment-form {
		padding-left: 35px;
		padding-right: 35px;
	}
}

.comment-form>p:first-of-type {
	margin-top: 0;
}

.comment-form>p:last-of-type {
	margin-bottom: 0;
}

.comment-list .comment.odd .comment-respond .comment-form {
	background-color: #f4f7fc;
}

.comment-form,
.comment-list .comment.even>.comment-respond .comment-form {
	background-color: #fff;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.svg-icon {
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
	line-height: 1em;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: .5em 0;
	font-size: .95em;
	color: #555d66;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-item img {
	vertical-align: bottom;
}

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

/* Page Header
--------------------------------------------- */
.page-header {
	margin: 0 0 1.5em;
}

.page-title {
	margin: 0;
	padding: 10px 14px;
	border: 1px solid #efefef;
	text-align: center;
	border-left: 2px solid #4169e1;
	background-color: #fff;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

.page-title>span {
	color: #a1a1a1;
	border-bottom: 1px solid #191970;
}

.page-header>p {
	margin-top: .5em;
	margin-bottom: 0;
	padding: 10px 14px;
	border: 1px solid #efefef;
	font-size: .95em;
	text-align: center;
	background-color: #fff;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

/* Page Content
--------------------------------------------- */
.page-content {
	margin: 0 0 1.5em;
	padding: 15px;
	background-color: #fff;
	box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, .08);
}

@media screen and (min-width: 576px) {
	.page-content {
		padding: 25px 30px;
	}
}

@media screen and (min-width: 1024px) {
	.page-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.page-content {
		padding-left: 35px;
		padding-right: 35px;
	}
}

.page-content>*:first-child {
	margin-top: 0;
}

/* Not Found
--------------------------------------------- */

.not-found .search-form {
	max-width: 440px;
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
}

.not-found .search-form>label,
.not-found .search-form>.search-submit {
	width: auto;
}

.not-found .search-form>label {
	max-width: 65%;
	flex-grow: 1;
}

.not-found .search-form>.search-submit {
	flex-shrink: 0;
}

.not-found .search-form .search-field {
	width: 100%;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget h1,
.widget h2 {
	font-size: 1.2em;
}

.widget h3 {
	font-size: 1.15em;
}

.widget h4 {
	font-size: 1.1em;
}

.widget h5 {
	font-size: 1.05em;
}

.widget h6 {
	font-size: 1em;
}

.widget .widget-title,
.widget_block h1:first-child,
.widget_block h2:first-child,
.widget_block h3:first-child {
	margin-top: 0;
	padding-bottom: 6px;
	font-size: 1.2em;
	position: relative;
}

.widget-title::after,
.widget_block h1:first-child::after,
.widget_block h2:first-child::after,
.widget_block h3:first-child::after {
	content: "";
	background: #4169e1;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 11%;
	transition: .25s width;
}

.widget-title:hover::after,
.widget_block h1:first-child:hover::after,
.widget_block h2:first-child:hover::after,
.widget_block h3:first-child:hover::after {
	width: 15%;
}

.widget_search .search-form {
	display: inline-flex;
	flex-wrap: wrap;
}

.widget_search .search-form>label,
.widget_search .search-form>.search-submit {
	width: auto;
}

.widget_search .search-form>label {
	max-width: 65%;
	flex-grow: 1;
}

.widget_search .search-form>.search-submit {
	flex-shrink: 0;
}

.widget ul,
.widget ol {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}

.widget ul {
	list-style-type: none;
}

.widget li>ul,
.widget li>ol {
	margin-left: 1.5em;
}

.widget li:not(:first-child) {
	padding-top: .5em;
}

.widget li:not(:last-child) {
	border-bottom: 1px solid #e7e5e5;
	padding-bottom: .5em;
}

.widget li>ul>li:first-child,
.widget li>ol>li:first-child {
	padding-top: .5em;
}

.widget li.wp-social-link:not(:first-child) {
	padding-top: 0;
}

.widget li.wp-social-link:not(:last-child) {
	padding-bottom: 0;
}

.widget li.wp-social-link {
	border-width: 0;
}

.widget .wp-calendar-table {
	text-align: center;
	background-color: #f4f7fc;
}

.widget .wp-calendar-table th,
.widget .wp-calendar-table td {
	padding: .15em;
}

.wp-block-tag-cloud a,
.widget .tagcloud a {
	display: inline-block;
	margin: 0 .3em .5em 0;
	padding: .15em .75em;
	border-radius: 7px;
	background-color: #f0f0f0;
	color: #242323;
	transition: .25s all;
}

.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus,
.wp-block-tag-cloud a:active,
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget .tagcloud a:active {
	background-color: #4169e1;
	color: #fff;
}

.wp-block-tag-cloud a:focus:not(:active),
.widget .tagcloud a:focus:not(:active) {
	outline: thin dotted #191970;
}

.wp-block-tag-cloud .tag-cloud-link,
.widget .tagcloud .tag-cloud-link,
.widget.widget_recent_entries ul a {
	text-decoration: none;
}

.widget .gallery {
	margin-bottom: 0;
}

.widget .gallery-item {
	margin: 0;
	padding: 5px 10px 5px 0;
}

.widget .wp-block-latest-comments__comment {
	margin-bottom: 0;
}

/* Sticky
--------------------------------------------- */
@media screen and (min-width: 1024px) {
	.inner-wrapper-sticky {
		padding-bottom: 1px;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/* Widgets
--------------------------------------------- */
.footer-widgets {
	padding-top: 1.5em;
	background-color: #e6e6e6;
}

.footer-widgets-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.footer-widgets-wrap .c-footer-sidebar {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}

.c-footer-sidebar .widget {
	width: 100%;
	padding: 15px;
	background-color: #fff;
}

.c-footer-sidebar .widget:first-child {
	margin: 0;
}

.c-footer-sidebar .widget:not(:first-child) {
	margin: 1.5em 0 0 0;
}

.footer-widgets--sm-1 .c-footer-sidebar {
	width: 100%;
}

.footer-widgets--sm-2 .c-footer-sidebar {
	width: calc(50% - .75em);
}

.footer-widgets--sm-3 .c-footer-sidebar {
	width: calc(33.33333333% - 1em);
}

.footer-widgets--sm-4 .c-footer-sidebar {
	width: calc(25% - 1.125em);
}

.footer-widgets--sm-5 .c-footer-sidebar {
	width: calc(20% - 1.2em);
}

.footer-widgets--sm-6 .c-footer-sidebar {
	width: calc(16.66666667% - 1.25em);
}

@media screen and (min-width: 576px) {
	.c-footer-sidebar .widget {
		padding: 25px 30px;
	}

	.footer-widgets--md-1 .c-footer-sidebar {
		width: 100%;
	}

	.footer-widgets--md-2 .c-footer-sidebar {
		width: calc(50% - .75em);
	}

	.footer-widgets--md-3 .c-footer-sidebar {
		width: calc(33.33333333% - 1em);
	}

	.footer-widgets--md-4 .c-footer-sidebar {
		width: calc(25% - 1.125em);
	}

	.footer-widgets--md-5 .c-footer-sidebar {
		width: calc(20% - 1.2em);
	}

	.footer-widgets--md-6 .c-footer-sidebar {
		width: calc(16.66666667% - 1.25em);
	}
}

@media screen and (min-width: 1024px) {
	.c-footer-sidebar .widget {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.footer-widgets--lg-1 .c-footer-sidebar {
		width: 100%;
	}

	.footer-widgets--lg-2 .c-footer-sidebar {
		width: calc(50% - .75em);
	}

	.footer-widgets--lg-3 .c-footer-sidebar {
		width: calc(33.33333333% - 1em);
	}

	.footer-widgets--lg-4 .c-footer-sidebar {
		width: calc(25% - 1.125em);
	}

	.footer-widgets--lg-5 .c-footer-sidebar {
		width: calc(20% - 1.2em);
	}

	.footer-widgets--lg-6 .c-footer-sidebar {
		width: calc(16.66666667% - 1.25em);
	}
}

/* Navigation
--------------------------------------------- */
.site-footer-navigation {
	background-color: #0e0e0e;
	color: #fff;
	font-size: .95em;
}

.footer-navigation-wrap {
	padding-top: .8em;
	padding-bottom: .8em;
}

.footer-navigation ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-navigation ul li {
	margin: .5em;
}

.footer-navigation a {
	color: #c4c4c4;
}

.footer-navigation a:focus,
.footer-navigation a:hover,
.footer-navigation a:active {
	color: #fff;
}

/* Bottom Area
--------------------------------------------- */
.footer-bottom-area {
	background-color: #242323;
	color: #fff;
}

.footer-bottom-area-wrap {
	padding-top: .8em;
	padding-bottom: .8em;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.footer-bottom-area-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

/* Social Menu
--------------------------------------------- */
.social-navigation {
	flex-basis: 35%;
	flex-shrink: 0;
	margin: .2em 0;
}

.social-navigation .svg-icon {
	width: 2.15em;
	height: 2.15em;
	padding: .4em;
	border-radius: 50%;
	transition: .25s all;
}

.social-navigation a {
	display: inline-block;
}

.social-navigation a .svg-icon {
	color: #4169e1;
	background-color: #fff;
	border: 1px solid #fff;
}

.social-navigation a:hover .svg-icon,
.social-navigation a:focus .svg-icon,
.social-navigation a:active .svg-icon {
	color: #fff;
	background-color: #4169e1;
	transform: rotate(360deg);
}

.social-navigation a:focus:not(:active) {
	outline: thin dotted #fff;
}

.social-navigation ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.social-navigation ul li {
	margin: .5em;
}

@media screen and (min-width: 1024px) {
	.social-navigation {
		order: 1;
		text-align: right;
	}

	.social-navigation ul {
		justify-content: flex-end;
	}

	.social-navigation ul li {
		margin: .5em 0 .5em 1em;
	}
}

/* Copyright
--------------------------------------------- */
.footer-copyright {
	flex-basis: 60%;
	flex-shrink: 0;
	font-size: .925em;
}

.footer-copyright a:hover,
.footer-copyright a:focus,
.footer-copyright a:active {
	color: #fff;
	text-decoration: underline;
}

.copyright-text,
.oceanly-credit {
	margin: .2em 0;
}

.oceanly-credit {
	font-size: .875em;
}

@media screen and (min-width: 1024px) {
	.footer-copyright {
		text-align: left;
	}
}

/* Back to Top
--------------------------------------------- */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.15em;
	height: 2.15em;
	padding: .4em;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	background-color: rgba(0, 0, 0, .35);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	transition: background-color .3s, opacity .5s, visibility .5s;
}

.back-to-top:hover,
.back-to-top:focus {
	background-color: #4169e1;
}

.back-to-top:focus {
	outline: none;
	box-shadow: 0px 0px 5px #4169e1;
}

.back-to-top:active {
	background-color: #191970;
}

.back-to-top::after {
	content: "";
	display: inline-block;
	padding: 3px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(-135deg);
}

.back-to-top--show {
	opacity: 1;
	visibility: visible;
}

.back-to-top--fade-out {
	opacity: .6;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .navigation.pagination,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

body.infinite-scroll #infinite-handle {
	margin-bottom: 1.5em;
}

/* WooCommerce
--------------------------------------------- */
.woocommerce-products-header {
	margin: 0 0 1.5em;
}

.woocommerce-loop-product__link {
	display: inline-block;
}

.woocommerce-product-search {
	display: inline-flex;
	flex-wrap: wrap;
}

.woocommerce-product-search>.search-field,
.woocommerce-product-search>button {
	width: auto;
}

.woocommerce-product-search>.search-field {
	max-width: 65%;
	flex-grow: 1;
}

.woocommerce-product-search>button {
	flex-shrink: 0;
}

body.woocommerce-page.single .site-main {
	max-width: 100%;
}

body.woocommerce-page.archive.woocommerce-no-sidebar .site-main {
	max-width: 100%;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
	padding: .5em .8em;
}

.woocommerce form.woocommerce-form-coupon .form-row-first,
.woocommerce form.woocommerce-form-coupon .form-row-last {
	width: 100%;
}

@media screen and (min-width: 576px) {

	.woocommerce form.woocommerce-form-coupon .form-row-first,
	.woocommerce form.woocommerce-form-coupon .form-row-last {
		width: 50%;
	}
}

.woocommerce #respond input#submit:not(.alt),
.woocommerce a.button:not(.alt),
.woocommerce button.button:not(.alt),
.woocommerce input.button:not(.alt) {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	line-height: 1;
}

.woocommerce .woocommerce-form-coupon button {
	padding: .4em 1em .5em;
}

.woocommerce a.added_to_cart {
	padding-top: 0;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.u-t-margin {
	margin-top: 1.5em;
}

.u-b-margin {
	margin-bottom: 1.5em;
}

.u-t-margin-0 {
	margin-top: 0;
}

.u-b-margin-0 {
	margin-bottom: 0;
}

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

.entry-summary a,
.entry-content a,
.comment-content a,
.page-content a,
.textwidget a {
	text-decoration: underline;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1em;
}

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

.entry-content .alignfull {
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.entry-content .alignwide {
	margin-left: -15px;
	width: calc(100% + 30px);
	max-width: calc(100% + 30px);
}

@media screen and (min-width: 576px) {
	.entry-content .alignwide {
		margin-left: -30px;
		width: calc(100% + 60px);
		max-width: calc(100% + 60px);
	}
}

@media screen and (min-width: 1024px) {

	/* No Sidebar */
	body.no-sidebar .entry-content .alignwide {
		margin-left: -45px;
		width: calc(100% + 90px);
		max-width: calc(100% + 90px);
	}

	body.no-sidebar .entry-content .alignfull {
		margin-left: calc(50% - 50vw);
		max-width: 100vw;
		width: 100vw;
	}

	/* Sidebar */
	body:not(.no-sidebar) .entry-content .alignfull {
		margin-left: -30px;
		width: calc(100% + 60px);
		max-width: calc(100% + 60px);
	}
}

@media screen and (min-width: 1200px) {

	/* No Sidebar */
	body.no-sidebar .entry-content .alignwide {
		margin-left: -55px;
		width: calc(100% + 110px);
		max-width: calc(100% + 110px);
	}

	/* Sidebar */
	body:not(.no-sidebar) .entry-content .alignfull,
	body:not(.no-sidebar) .entry-content .alignwide {
		margin-left: -40px;
		width: calc(100% + 80px);
		max-width: calc(100% + 80px);
	}
}

@media screen and (min-width: 1280px) {

	/* Sidebar */
	body:not(.no-sidebar) .entry-content .alignfull,
	body:not(.no-sidebar) .entry-content .alignwide {
		margin-left: -45px;
		width: calc(100% + 90px);
		max-width: calc(100% + 90px);
	}
}

@media screen and (min-width: 1360px) {

	/* Sidebar */
	body:not(.no-sidebar) .entry-content .alignfull,
	body:not(.no-sidebar) .entry-content .alignwide {
		margin-left: -55px;
		width: calc(100% + 110px);
		max-width: calc(100% + 110px);
	}
}

body.page.page-template-full .entry-content .alignfull,
body.page.page-template-compact .entry-content .alignfull,
body.page.page-template-default .entry-content .alignfull,
body:not(.page).no-sidebar.full-width-no-sidebar .entry-content .alignfull,
body.no-sidebar .header-block-area .entry-content .alignfull,
body:not(.no-sidebar) .header-block-area .entry-content .alignfull {
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

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

@keyframes fadePause {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: .6;
	}
}

/* Clearings
--------------------------------------------- */
.clear:before,
.clear:after,
.entry-meta:before,
.entry-meta:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.comment-metadata:before,
.comment-metadata:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.has-drop-cap:after,
.navigation.post-navigation .nav-links:after,
.c-sidebar .widget:after,
.c-footer-sidebar .widget:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-meta:after,
.entry-content:after,
.entry-summary:after,
.entry-footer:after,
.comment-content:after,
.comment-metadata:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.has-drop-cap:after,
.navigation.post-navigation .nav-links:after,
.page-links,
.c-sidebar .widget:after,
.c-footer-sidebar .widget:after {
	clear: both;
}