/**
 * Theme Name:  Pride of Maui Blog 2.0
 * Theme URI:   https://prideofmaui.com/blog
 * Description: Custom theme built for Pride of Maui Blog. HTML5 valid, optimized for speed and SEO, utilizing most current HTML5 conventions and Schema.org microdata.
 * Version:     2.0.0
 * Author:      Pride of Maui Team
 * Author URI:  https://prideofmaui.com/about
 * Text Domain: pomblog

 * Copyright (c) 2019 Pride of Maui LLC
 */

/*---------------------------------------------------------------------------------------------
 * This file is only loaded if `SCRIPT_DEBUG` is set to `TRUE` in the `wp-config.php` file.
 * Otherwise, the `style.min.css` file is loaded.
--------------------------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------
 >>> TABLE OF CONTENTS:
------------------------------------------------------------------------------
# Sanitize
# Structure
# Typography
	## Forms
	## Tables
	## Buttons
# Alignement (WP classes)
# Images
# Layout
# Header
# Menus
# Posts
# Sidebars and widgets
# Comments
# Helper classes
# Print styles
------------------------------------------------------------------------------*/

/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */

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

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 */

:root {
	/* Base Colors */
	--black: #000000;
	--white: #FFFFFF;
	--gray: #8C8C8C;
	--golden-grass: #D8A819;
	--midnight-blue: #001F61;

	/* Gray Gradients */
	--gray-5: #FBFBFB;
	--gray-10: #E6E6E6;
	--gray-20: #D9D9D9;
	--gray-30: #B3B3B3;
	--gray-40: #999999;
	--gray-50: #808080;
	--gray-60: #666666;
	--gray-70: #535353;
	--gray-80: #333333;
	--gray-90: #1A1A1A;

	/* Golden Grass Gradients */
	--golden-grass-5: #FBF6E7;
	--golden-grass-10: #F3E5B9;
	--golden-grass-20: #EBD38B;
	--golden-grass-30: #E3C25D;
	--golden-grass-40: #DBB02F;
	--golden-grass-50: #C29716;
	--golden-grass-60: #977611;
	--golden-grass-70: #6C540C;
	--golden-grass-80: #413307;
	--golden-grass-90: #161102;
	--golden-grass-transparent: rgba(194, 151, 22, 0.23);

	/* Midnight Blue Gradients */
	--midnight-blue-5: #E5E8EF;
	--midnight-blue-10: #B2BBCF;
	--midnight-blue-20: #7F8EAF;
	--midnight-blue-30: #4C6190;
	--midnight-blue-40: #193470;
	--midnight-blue-50: #001B57;
	--midnight-blue-60: #001544;
	--midnight-blue-70: #000F30;
	--midnight-blue-80: #00091D;
	--midnight-blue-90: #00030A;
}

*,
::before,
::after {
	background-repeat: no-repeat;
	/* 1 */
	box-sizing: border-box;
	/* 2 */
}

/**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */

::before,
::after {
	text-decoration: inherit;
	/* 1 */
	vertical-align: inherit;
	/* 2 */
}

/**
  * 1. Use the default cursor in all browsers (opinionated).
  * 2. Use the default user interface font in all browsers (opinionated).
  * 3. Correct the line height in all browsers.
  * 4. Use a 4-space tab width in all browsers (opinionated).
  * 5. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  * 6. Breaks words to prevent overflow in all browsers (opinionated).
  */

html {
	cursor: default;
	/* 1 */
	font-family:
		system-ui,
		/* macOS 10.11-10.12 */
		-apple-system,
		/* Windows 6+ */
		Segoe UI,
		/* Android 4+ */
		Roboto,
		/* Ubuntu 10.10+ */
		Ubuntu,
		/* Gnome 3+ */
		Cantarell,
		/* KDE Plasma 5+ */
		Noto Sans,
		/* fallback */
		sans-serif,
		/* macOS emoji */
		"Apple Color Emoji",
		/* Windows emoji */
		"Segoe UI Emoji",
		/* Windows emoji */
		"Segoe UI Symbol",
		/* Linux emoji */
		"Noto Color Emoji";
	/* 2 */

	line-height: 1.15;
	/* 3 */
	-moz-tab-size: 4;
	/* 4 */
	tab-size: 4;
	/* 4 */
	-ms-text-size-adjust: 100%;
	/* 5 */
	-webkit-text-size-adjust: 100%;
	/* 5 */
	word-break: break-word;
	/* 6 */
}

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

/**
  * Remove the margin in all browsers (opinionated).
  */

body {
	margin: 0;
}

/**
  * 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 sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */

hr {
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
  * Add the correct display in IE.
  */

main {
	display: block;
}

/**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */

nav ol,
nav ul {
	list-style: none;
}

/**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */

pre {
	font-family:
		/* macOS 10.10+ */
		Menlo,
		/* Windows 6+ */
		Consolas,
		/* Android 4+ */
		Roboto Mono,
		/* Ubuntu 10.10+ */
		Ubuntu Monospace,
		/* KDE Plasma 5+ */
		Noto Mono,
		/* KDE Plasma 4+ */
		Oxygen Mono,
		/* Linux/OpenOffice fallback */
		Liberation Mono,
		/* fallback */
		monospace;
	/* 1 */

	font-size: 1em;
	/* 2 */
}

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

/**
  * Remove the gray background on active links in IE 10.
  */

a {
	background-color: transparent;
}

/**
  * Add the correct text decoration in Edge, IE, Opera, and Safari.
  */

abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */

b,
strong {
	font-weight: bolder;
}

/**
  * 1. Use the default monospace user interface font
  *    in all browsers (opinionated).
  * 2. Correct the odd `em` font sizing in all browsers.
  */

code,
kbd,
samp {
	font-family:
		/* macOS 10.10+ */
		Menlo,
		/* Windows 6+ */
		Consolas,
		/* Android 4+ */
		Roboto Mono,
		/* Ubuntu 10.10+ */
		Ubuntu Monospace,
		/* KDE Plasma 5+ */
		Noto Mono,
		/* KDE Plasma 4+ */
		Oxygen Mono,
		/* Linux/OpenOffice fallback */
		Liberation Mono,
		/* fallback */
		monospace;
	/* 1 */

	font-size: 1em;
	/* 2 */
}

/**
  * Add the correct font size in all browsers.
  */

small {
	font-size: 80%;
}

/*
  * Remove the text shadow on text selections in Firefox 61- (opinionated).
  * 1. Restore the coloring undone by defining the text shadow
  *    in all browsers (opinionated).
  */

::-moz-selection {
	background-color: #b3d4fc;
	/* 1 */
	color: #000;
	/* 1 */
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	/* 1 */
	color: #000;
	/* 1 */
	text-shadow: none;
}

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

/*
  * Change the alignment on media elements in all browers (opinionated).
  */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
  * Add the correct display in IE 9-.
  */

audio,
video {
	display: inline-block;
}

/**
  * Add the correct display in iOS 4-7.
  */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
  * Remove the border on images inside links in IE 10-.
  */

img {
	border-style: none;
}

/**
  * Change the fill color to match the text color in all browsers (opinionated).
  */

svg:not([fill]) {
	fill: currentColor;
}

/**
  * Hide the overflow in IE.
  */

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

/* Tabular data
  * ========================================================================== */

/**
  * Collapse border spacing in all browsers (opinionated).
  */

table {
	border-collapse: collapse;
}

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

/**
  * Inherit styling in all browsers (opinionated).
  */

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/**
  * Remove the margin in Safari.
  */

button,
input,
select {
	margin: 0;
}

/**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
  */

button {
	overflow: visible;
	/* 1 */
	text-transform: none;
	/* 2 */
}

/**
  * Correct the inability to style clickable types in iOS and Safari.
  */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
  * Correct the padding in Firefox.
  */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
  * Show the overflow in Edge and IE.
  */

input {
	overflow: visible;
}

/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */

legend {
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	white-space: normal;
	/* 1 */
}

/**
  * 1. Add the correct display in Edge and IE.
  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */

progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
  * Remove the inheritance of text transform in Firefox.
  */

select {
	text-transform: none;
}

/**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction on textareas in all browsers (opinionated).
  */

textarea {
	margin: 0;
	/* 1 */
	overflow: auto;
	/* 2 */
	resize: vertical;
	/* 3 */
}

/**
  * Remove the padding in IE 10-.
  */

[type="checkbox"],
[type="radio"] {
	padding: 0;
}

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */

[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */

::-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;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
  * Remove the inner border and padding of focus outlines in Firefox.
  */

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

/*
  * Add the correct display in Edge and IE.
  */

details {
	display: block;
}

/*
  * Add the correct styles in Edge, IE, and Safari.
  */

dialog {
	background-color: white;
	border: solid;
	color: black;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

/*
  * Add the correct display in all browsers.
  */

summary {
	display: list-item;
}

/* Scripting
  * ========================================================================== */

/**
  * Add the correct display in IE 9-.
  */

canvas {
	display: inline-block;
}

/**
  * Add the correct display in IE.
  */

template {
	display: none;
}

/* User interaction
  * ========================================================================== */

/*
  * 1. Remove the tapping delay in IE 10.
  * 2. Remove the tapping delay on clickable elements
	   in all browsers (opinionated).
  */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation;
	/* 1 */
	touch-action: manipulation;
	/* 2 */
}

/**
  * Add the correct display in IE 10-.
  */

[hidden] {
	display: none;
}

/* Accessibility
  * ========================================================================== */

/**
  * Change the cursor on busy elements in all browsers (opinionated).
  */

[aria-busy="true"] {
	cursor: progress;
}

/*
  * Change the cursor on control elements in all browsers (opinionated).
  */

[aria-controls] {
	cursor: pointer;
}

/*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */

[aria-disabled="true"],
[disabled] {
	cursor: not-allowed;
}

/*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}


/* ==========================================================================
   # Structure
   ========================================================================== */

/* HTML
   ========================================================================== */

html {
	font-size: 100%;
}

main:focus,
nav:focus,
div:focus {
	outline: none;
}

/* Body
   ========================================================================== */

body {
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: normal;
	overflow-y: scroll;
	overflow-x: hidden;
}

body,
button,
input,
select,
textarea,
.text-primary {
	color: #758187;
}

.text-secondary {
	color: #758187;
}

.w-1020 {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

/* Links
   ========================================================================== */

a {
	color: var(--golden-grass-50);
	cursor: pointer;
	transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
}

a:hover,
a.hover,
a:active {
	color: var(--golden-grass-50);
	text-decoration: none;
}

a.disabled,
a.disabled:hover {
	cursor: default;
	opacity: .5;
}

a.btn.btn-outline-light:after {
	color: #fff !important;
}

.archive-description a[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.archive-description a[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.archive-description a[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.entry a[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.entry a[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.entry a[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.article-intro a[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.article-intro a[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.article-intro a[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.cta-large a[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.cta-large a[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after,
.cta-large a[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):not([class*="btn-play"]):after {
	font-family: 'pomicons' !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e90d";
	font-size: 12px;
	position: relative;
	right: -3px;
	top: -1px;
	margin-right: 5px;
	text-decoration: none !important;
}

.entry a.btn[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after,
.entry a.btn[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after,
.entry a.btn[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after,
.cta-large a.btn[href^="http://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after,
.cta-large a.btn[href^="https://"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after,
.cta-large a.btn[href^="//"]:not([href*="prideofmauiblog-new.local"]):not([href*="prideofmaui-blog.local"]):not([href*="prideofmaui.com/blog"]):after {
	font-size: 14px;
	margin-right: -3px;
	opacity: .75;
}

.section-footer a {
	position: relative;
}

.section-footer a.btn {
	color: #758187;
}

.inside-footer-widgets a {
	color: var(--golden-grass-50);
	font-weight: 600;
	text-decoration: none;
}

.inside-footer-widgets a:hover,
.inside-footer-widgets a:active {
	color: var(--golden-grass-40);
	text-decoration: none;
}

/* ==========================================================================
   # Typography
   ========================================================================== */

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Light'), local('OpenSans-SemiBold'), url('fonts/open-sans-v17-latin-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v17-latin-700.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'pomicons';
	src: url('fonts/pomicons.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
	font-weight: normal;
	color: #1d2835;
}

h1,
.h1,
h2,
.h2 {
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 300;
}

h3,
.h3 {
	font-weight: 300;
}


label,
.label,
.description,
.h6,
.cta-text,
.title-prefix,
.breadcrumb-trail,
.acf-section:before,
.section-num,
.row-count:before,
.top-post-title p,
.tooltip.point,
.col-title {
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.site-title-wrap {
	display: inline-block;
	text-decoration: none;
}

.site-title,
.site-description {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

p,
ul,
figure {
	font-weight: 300;
	margin: 0 0 1.6em;
}

h1 {
	margin-top: 0;
}

.open-sans,
.alert {
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.source-sans,
.label-small {
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Measure is limited to ~66 characters */
.measure {
	max-width: 32em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
	max-width: 37em;
}

/* Measure is limited to ~95 characters */
.measure-wide-2 {
	max-width: 42em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
	max-width: 20em;
}

.content-measure,
.measure-content {
	max-width: 766px;
	margin-left: auto;
	margin-right: auto;
	display: flow-root;
}

.top-content .measure-content {
	clear: both;
}

.top-content .measure-content:before,
.top-content .measure-content:after {
	content: " ";
	display: table;
}

.top-content .measure-content:after {
	clear: both;
}

.measure-content_strict {
	max-width: 766px;
	margin-left: auto;
	margin-right: auto;
}

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
	text-indent: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

.small-caps {
	font-variant: small-caps;
}

li {
	padding-bottom: 5px;
}

/* Modular Scale
   ========================================================================== */

body {
	font-size: 1.063em;
	/* 17px */
	line-height: 1.765;
	/* 30px */
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
h6 {
	line-height: 1.2;
	margin: 0.5em 0 1.2em;
}

/* Modular Scale - Mobile first
   ================================ */

h1,
.h1 {
	font-size: 2.647em;
}

/* 45px */
h2,
.h2 {
	font-size: 2.471em;
}

/* 42px */
h3,
.h3 {
	font-size: 2.471em;
}

/* 42px */
h4,
.h4 {
	font-size: 2.353em;
}

/* 28px */
h5,
.h5 {
	font-size: 2.059em;
}

/* 35px */
h6,
.h6 {
	font-size: 0.706em;
}

/* 12px */

.singular .entry-title,
.page-title {
	font-size: 2.2em;
	/* 45px */
	word-break: normal;
}

label,
.label,
.description,
.h6,
.cta-text,
.title-prefix,
.breadcrumb-trail,
.col-title {
	font-size: 0.706em;
}

/* 12px */

.text-xxl {
	font-size: 2.941em;
	/* 50px */
	line-height: 1.2em;
	margin-bottom: 1em;
}

.text-xl,
.featured,
h2.featured,
h4.featured {
	font-size: 2.471em;
	line-height: 1.2em;
	margin-bottom: .8em;
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 300;
}

h4.featured {
	font-size: 2.353em;
	/* 40px */
	line-height: 1.2em;
	margin-bottom: .8em;
}

.widget-title {
	font-size: 1.647em;
	/* 28px */
}

.author-name {
	font-size: 1.412em;
	/* 24px */
}

.error404 h1 {
	font-size: 3em;
}

.text-large,
p.text-large {
	font-size: 2.118em;
	line-height: 1.2em;
	margin-bottom: 0.55em;
}

/* 36px */

.lead,
blockquote {
	font-size: 1.647em;
}

/* 28px */

sub,
sup,
small,
blockquote cite,
.small {
	font-size: 15px;
	line-height: 24px;
}

.wp-caption .wp-caption-text {
	font-size: 0.706em;
}

/* 12px */

@media (min-width: 700px) {

	h1,
	.h1 {
		font-size: 2.647em;
	}

	/* 45px */
	h2,
	.h2 {
		font-size: 2.471em;
	}

	/* 42px */
	h3,
	.h3 {
		font-size: 2.471em;
	}

	/* 42px */
	h4,
	.h4 {
		font-size: 2.353em;
	}

	/* 40px */
	h5,
	.h5 {
		font-size: 2.059em;
	}

	/* 35px */
	h6,
	.h6 {
		font-size: 0.706em;
	}

	/* 12px */

	.singular .entry-title,
	.page-title {
		font-size: 2.647em;
		/* 45px */
	}

	.text-xl,
	.featured,
	h2.featured,
	h4.featured {
		font-size: 2.471em;
		/* 42px */
		line-height: 1.2em;
		margin-bottom: .8em;
	}

	h4.featured {
		font-size: 2.353em;
		/* 40px */
		line-height: 1.2em;
		margin-bottom: .8em;
	}

	.widget-title {
		font-size: 1.647em;
		/* 28px */
	}

	.author-name {
		font-size: 1.412em;
		/* 24px */
	}

	.error404 h1 {
		font-size: 4em;
	}
}

@media (min-width: 410px) {

	.singular .entry-title,
	.page-title {
		font-size: 2.647em;
		/* 45px */
	}
}

/* @media (max-width: 600px) {
	.article-intro p {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.entry-content p {
		font-size: 1.45rem;
		line-height: 1.6;
	}
	.entry-content p.featured {
		font-size: 2.625rem;
		line-height: 1.2;
	}
} */

/* Specific titles
---------------------------- */
.page-template-styleguide .entry-header .entry-title {
	color: #fff;
	font-size: 4.412em;
	/* 75px */
}

.page-template-styleguide .title-prefix {
	color: #fff;
	font-size: 1.353em;
	/* 23px */
	font-weight: normal;
	margin-bottom: 0;
}

.page-template-styleguide .h6 {
	color: var(--midnight-blue-40);
	font-size: 1.176em;
	/* 20px */
	font-weight: 600;
}

.page-template-styleguide .info-box {
	padding-top: 1.55rem;
	padding-bottom: .15rem;
}


/* ==========================================================================
   # Header
   ========================================================================== */

.site-header {
	position: fixed;
	z-index: 250;
	width: 100%;
	transition: transform 0.3s ease-in-out;
}

.site-header.un-pinned {
	transform: translateY(-100%);
}

.site-header.pinned {
	transform: translateY(0);
}

@media (min-width: 961px) {
	.site-header {
		position: fixed;
	}
}

.no-js_REMOVE .site-header {
	position: relative;
}


.access-top {
	background-color: #fff;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(37, 58, 82, 0.05);
	box-shadow: 0px 3px 5px 0px rgba(37, 58, 82, 0.05);
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	z-index: 100;
}

.access-top>a,
.access-top>div {
	-webkit-box-flex: 1 0 0;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
}

.access-top>a {
	max-width: 240px;
}

.access-top .buttons-wrapper {
	max-width: 240px;
}

.logo-image {
	display: inline-block;
	vertical-align: middle;
	width: 174px;
	height: auto;
}

.logo-wrap {
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.blog-title {
	color: #758187;
	font-size: 13px;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 600;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: -10px;
	min-width: 42px;
}

@media (max-width: 699px) {
	.top-post-title {
		display: none !important;
	}
}

.top-post-title {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.top-post-title p {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.125em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	transition: color .3s ease;
	color: #758187;
}

.top-post-title p:hover,
.postnav-is-active .top-post-title p {
	color: #1d2835;
}

.top-post-title p i {
	font-size: 16px;
	position: absolute;
	right: -26px;
	top: 4px;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.postnav-is-active .pomicon-ios-arrow-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}



@media (min-width: 600px) and (max-width: 899px) {
	.access-top {
		padding-left: 15px;
		padding-right: 18px;
	}
}

@media (min-width: 900px) and (max-width: 1024px) {
	.access-top {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 1025px) and (max-width: 1400px) {
	.access-top {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (min-width: 1400px) {
	.access-top {
		padding-left: 45px;
		padding-right: 40px;
	}
}

.access-dropdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	z-index: 90;
}

.access-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.instagram-box {
	max-width: 960px;
	padding-left: 20px;
	padding-right: 20px;
}

.instagram-box-2 {
	clear: both;
	/*max-width: 1410px;*/
	height: 514px;
	/*border: 1px dotted red;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -410px;
	margin-top: 125px;
	/*padding-left: 20px;
	padding-right: 20px;*/
	position: relative;
}

.instagram-box-2 .tag-name {
	position: absolute;
	left: 25%;
	top: 20px;
}

.instagram-inner {
	overflow: hidden;
}

.instagram-inner img {
	width: 100%;
}

.instagram-box .ib-02 {
	padding-top: 88px;
}

.instagram-box .ib-03 {
	padding-top: 7px;
}

.instagram-box .ib-04 {
	padding-top: 82px;
}

.instagram-box-2 .ib-02 {
	padding-top: 14%;
}

.instagram-box-2 .ib-03 {
	padding-top: 110px;
}

.instagram-box-2 .ib-04 {
	padding-top: 0;
}

.instagram-box-2 .ib-05 {
	padding-top: 90px;
}

@media (max-width: 1080px) {

	.instagram-box {
		max-width: 630px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.instagram-box .instagram-inner div {
		width: 33.3333%;
	}

	.instagram-box .ib-04 {
		display: none;
	}

	.instagram-box-2 {
		clear: both;
		max-width: 1410px;
		height: auto;
		/* border: 1px dotted red; */
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	.instagram-box-2 .instagram-inner div {
		width: 33.3333%;
	}

	.instagram-box-2 .ib-04,
	.instagram-box-2 .ib-05 {
		display: none;
	}

	.instagram-box-2 .tag-name {
		left: 20px;
		top: 0;
		position: relative;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.instagram-box-2 .ib-02 {
		padding-top: 20%;
	}

	.instagram-box-2 .ib-03 {
		padding-top: 10%;
	}
}

.menus {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	min-width: 285px;
}

@media (min-width: 1300px) {

	.instagram-box {
		padding-right: 55px;
	}

	.menus {
		padding-left: 55px;
	}
}

.menu-primary {
	margin-bottom: 25px;
	width: 100%;
}

.menu-primary-items {
	width: 100%;
}

.menu-primary-items>li {
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	letter-spacing: 0.125em;
	text-transform: uppercase;
}

/* ==========================================================================
   # Menus
   ========================================================================== */

.breadcrumb-trail {
	color: #ededed;
	padding-left: 2px;
}

.breadcrumb-trail .trail-browse {
	color: #ededed;
	margin-bottom: 5px;
	opacity: .5;
}

.breadcrumb-trail ul {
	margin-left: 0;
	padding-left: 0;
}

.breadcrumb-trail li {
	display: inline-block;
	float: left;
}

.breadcrumb-trail li a {
	color: #ededed;
}

.breadcrumb-trail li.trail-end {
	opacity: .5;
}

.breadcrumb-trail li:after {
	content: "/";
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.breadcrumb-trail li.trail-end:after {
	content: "";
}

/* Mobile first layout SmartMenus Core CSS
-------------------------------------------------------------------------------------------*/

.sm {
	position: relative;
	z-index: 9999;
}

.sm,
.sm ul,
.sm li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm ul {
	display: none;
}

.sm li {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.sm li,
.sm a {
	position: relative;
}

.sm a {
	display: block;
}

.sm a.disabled {
	cursor: not-allowed;
}

.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.sm-simple {
	background: transparent;
}

.sm-simple a {
	font-size: 18px;
	font-size: 1.059em;
	font-weight: bold;
	line-height: 1.6;
	text-decoration: none;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}

.sm-simple a,
.sm-simple a:visited {
	color: #1d2835;
}

.sm-simple a:hover,
.sm-simple a:active,
.sm-simple a.highlighted {
	color: var(--golden-grass-50);
}

.sm-simple .sub-menu a:hover,
.sm-simple .sub-menu li a.highlighted {
	color: #b10e1e;
}

.sm-simple .sub-menu a:active {
	color: #ba321d;
}

.sm-simple ul a {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
}

.no-js_REMOVE .sm .menu-item-has-children:hover>ul {
	display: block;
}

.sm-simple>li {
	position: relative
}

.sm-simple a .sub-arrow {
	padding-left: 0;
	padding-right: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	background: transparent;
	position: absolute;
	text-align: center;
	display: block;
	color: inherit;
	box-shadow: none;
	border-radius: 0;
}

.sm-simple a .sub-arrow:focus {
	outline: 1px dotted rgba(30, 30, 30, 0.5);
}

.sm-simple a .sub-arrow:after {
	content: "\f3d0";
	font-family: "pomicons";
	font-size: 18px;
	font-weight: normal;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	width: 12px;
	display: block;
	line-height: 8px;
}

.sm-simple a.highlighted .sub-arrow:after {
	content: "\f3d8";
}

.sm-simple>li>.sub-menu {
	font-size: 90%;
	font-weight: normal;
}

@media (min-width: 920px) {
	.sm li {
		text-align: left;
	}
}

@media (min-width: 1280px) {
	.sm li {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.sm-simple a {
		margin-top: 12px;
		margin-bottom: 12px;
	}
}

.search-btn {
	margin-left: auto;
	margin-right: 9px;
}

.searchbar-dropdown {
	background-color: #eaf5f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	margin-top: -300px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	box-shadow: 0px 45px 55px 0px rgba(32, 32, 32, 0.071);
	/* transition: opacity 450ms ease-in-out 0ms, visibility 450ms ease-in-out 0ms, margin-top 650ms ease-in-out; */
	transition: opacity 250ms linear 0ms, visibility 250ms linear 0ms, margin-top 200ms ease-out;
}

.search-bar-is-active .searchbar-dropdown {
	margin-top: 0;
	top: 50px;
	position: absolute;
	opacity: 1;
	visibility: visible;
	z-index: 90;

	/* transition: margin-top 650ms ease-in-out 55ms; */
	transition: margin-top 350ms ease-in-out 55ms;
}

.search-bar-is-active .site-access {
	background-color: #EAF5F9;
	opacity: 1;
	visibility: visible;
	transition: opacity 250ms ease-in-out 0ms, visibility 250ms ease-in-out 0ms, height 350ms ease-in-out 50ms;
}

.postnav-dropdown {
	background-color: #EAF5F9;
	margin-top: -700px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	/* transition: opacity 250ms ease-in-out 0ms, visibility 250ms ease-in-out 0ms, margin-top 450ms linear; */
	transition: opacity 250ms linear 0ms, visibility 250ms linear 0ms, margin-top 200ms ease-out;
}

.postnav-is-active .postnav-dropdown {
	margin-top: 0;
	background-color: #EAF5F9;
	opacity: 1;
	visibility: visible;
	/* transition: margin-top 650ms linear 55ms; */
	box-shadow: 0px 49px 59px 0px rgba(32, 32, 32, 0.14);
}

.postnav-inner {
	padding-bottom: 55px;
}

.postnav-items_wrapper {
	padding-top: 0px;
	padding-bottom: 60px;
	/* height: calc(100vh - 190px) !important; */
	max-height: 550px !important;
	overflow-y: scroll !important;
	overflow-x: none !important;
}

.postnav-items_wrapper .postnav-items_wrapper {
	padding-bottom: 50px;
}

.post-nav-item {
	width: 33.3%;
	height: 183px;
	background-color: #EAF5F9;
	background-size: cover;
	position: relative;
	float: left;
	padding: 5px;
}

.postnav-dropdown__in_content {
	margin-bottom: 80px;
}

.postnav-dropdown__in_content .postnav-items_wrapper {
	padding-bottom: 0;
}

.postnav-dropdown__in_content .post-nav-item {
	background-color: transparent;
}

.postnav-dropdown__in_content .grid-container--s {
	padding-left: 8px;
	padding-right: 8px;
}

.post-nav-item_sizer {
	width: 33.3%;
}

.post-nav-item>a {
	background-color: rgba(0, 0, 0, 0.3);
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	/* transition: all .25s ease-in-out; */
}

.postnav-items>div>a:hover {
	background-color: rgba(0, 0, 0, 0.45);
	transition: all .55s ease-in-out;
}

.postnav-items .nav-post-title {
	position: absolute;
	left: 22px;
	bottom: 20px;
}

.postnav-items .nav-post-title .small-num {
	color: #fff;
	font-family: "Open Sans";
	font-size: 11px;
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: 0.2em;
}

.postnav-items .nav-post-title p span {
	display: block;
	font-size: 14px;
}

.postnav-items .nav-post-title p {
	color: #fff;
	font-family: "Open Sans";
	font-size: 22px;
	font-weight: 400;
	line-height: 1.15;
	margin-bottom: 0;
	max-width: 300px;
}

.postnav-items .lazy-bg[data-image-src] .thumb-gradient {
	background-image: none;
	opacity: 0;
}

.postnav-items .thumb-gradient {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: linear-gradient(177deg, transparent 25%, #000 100%);
	opacity: .65;
	transition: opacity 0.45s ease-out, height .45s ease-in-out .25s;
}

.postnav-items a:hover .thumb-gradient {
	opacity: 1;
}

.post-nav-filter-wrapper {
	min-height: 55px;
}

.post-nav-filter {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}

.post-nav-filter li,
.post-nav-filter li button {
	color: #1d2835;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	transition: all .3s ease;
}

.singular-post-2430 .post-nav-filter li {
	margin-left: 12px;
	margin-right: 12px;
}

.post-nav-filter li button {
	background: none;
	border: none;
	color: #1d2835;
	height: auto;
	width: auto;
	min-width: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 36px;
	margin: 0;
	font-size: 12px;
	line-height: 1;
	outline: none !important;
}

.post-nav-filter li button.is-active {
	color: var(--golden-grass-50);
	font-size: 16px;
	letter-spacing: 0.15em;
}

.filter-options li {
	padding-bottom: 0;
}

.filter-options button {
	position: relative;
}

.filter-options .active button {
	color: var(--golden-grass-50);
}

.filter-options .active button:after {
	content: "";
	height: 1px;
	width: 100%;
	background-color: var(--golden-grass-50);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.tabs-nav-wrapper {
	margin-top: -5px;
}

.filter-options {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-top: 0;
	margin-bottom: 35px;
	position: relative;
}

.filter-options::after {
	content: "";
	height: 1px;
	width: 100%;
	width: calc(100% - 40px);
	background-color: #d4dbe4;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 20px;
}

.main-menu-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 47px;
	min-width: 47px;
	height: 47px;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 4px;
	background: transparent;
	box-shadow: none;
	position: relative;
}

/* hamburger icon */
.hamburger {
	background-color: transparent !important;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	overflow: visible;
	padding: 5px;
	text-transform: none;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}

.hamburger.is-not-active:focus,
.hamburger.is-active:focus {
	/*outline: 1px dotted #535A64;*/
	outline: none;
}

.hamburger-box {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
}

.hamburger-inner {
	display: block;
	margin-top: -2px;
	top: 50%;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	background-color: #000;
	border-radius: 0;
	height: 2px;
	width: 100%;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -6px;
}

.hamburger-inner::after {
	bottom: -6px;
}

.hamburger:hover .hamburger-inner::before {
	top: -8px;
}

.hamburger:hover .hamburger-inner::after {
	bottom: -8px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	opacity: 0;
	top: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*.menu-primary-items {
	position: absolute;
	top: -99999px;
}

.menu-primary-items[aria-expanded="false"] {
	display: none;
}

.menu-primary-items[aria-expanded="true"] {
	display: block;
}

.menu-primary-items.menu-is-active,
.no-js_REMOVE .menu-primary-items {
	position: relative;
	top: 0;
}*/

.primary-menu-is-active,
.header-postnav-is-active {
	max-height: 100%;
	overflow: hidden;
}

.primary-menu-is-active body,
.header-postnav-is-active body {
	max-height: 100%;
}

.access-dropdown {
	display: block;
	position: absolute;
	margin-top: -100vh;
	transition: opacity 250ms ease-in-out 0ms, visibility 250ms ease-in-out 0ms, margin-top 350ms linear 0ms;
	opacity: 0;
	visibility: hidden;
}

.site-access {
	background-color: #EAF5F9;
	height: 70px;
	transition: height 350ms ease-in-out 100ms;
}

.access-dropdown[aria-expanded="false"] {
	/*display: none;*/
}

.access-dropdown[aria-expanded="true"],
.access-dropdown.menu-is-active,
.___no-js .access-dropdown {
	background-color: #EAF5F9;
	opacity: 1;
	visibility: visible;
	margin-top: 70px;
	/* transition: opacity 450ms ease-in-out 0ms, visibility 450ms ease-in-out 0ms, margin-top 650ms ease-in-out 250ms; */
	transition: opacity 250ms linear 0ms, visibility 250ms linear 0ms, margin-top 200ms ease-out 100ms;
}

@media (max-width: 600px) {

	.post-nav-filter li,
	.post-nav-filter li button {
		margin-left: 5px;
		margin-right: 5px;
	}

	.post-nav-filter li button.is-active {
		font-size: 14px;
		letter-spacing: .15em;
	}

	.post-nav-item {
		width: 50%;
		height: 150px;
	}

	.postnav-items .nav-post-title {
		left: 18px;
		bottom: 18px;
		padding-right: 10px;
	}

	.postnav-items .nav-post-title p {
		font-size: 16px;
	}
}


@media (min-width: 3921px) {

	.access-dropdown.menu-is-active,
	.___no-js .access-dropdown {
		padding-top: 300px;
		padding-bottom: 300px;
	}
}

@media (max-width: 3920px) {

	.primary-menu-is-active .site-access,
	.___no-js .site-access {
		background-color: #EAF5F9;
		height: 100vh
	}

	.access-dropdown.menu-is-active,
	.___no-js .access-dropdown {
		height: 100%;
		padding-top: 70px;
		top: -70px;
	}

	.primary-menu-is-active .access-inner,
	.___no-js .access-inner {
		height: 100%
	}
}

/* ====== Secondary Menu ====== */

@media (min-height: 600px) {
	#menu-secondary {
		margin-top: 65px;
	}
}

#menu-secondary ul {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin: 0 0 1.3em;
	padding: 0;
}

#menu-secondary li {
	display: inline-block;
}

#menu-secondary a,
#menu-secondary a:hover {
	text-decoration: none;
}

@media (max-height: 580px) {
	.sm li {
		margin-top: 0;
		margin-bottom: 0;
	}

	#menu-secondary ul {
		margin: 0;
	}
}

/* ====== Widget Custom Nav Menu ====== */

.site-footer .widget_nav_menu ul {
	display: block;
	margin: 0 0 1.3em;
	padding: 0;
}

.site-footer .widget_nav_menu li {
	display: inline-block;
	list-style: none;
	margin-left: 7px;
	margin-right: 7px;
}

/* ====== Subsidiary Menu ====== */

.menu-subsidiary ul {
	margin-top: -18px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .8em;
	padding: 0;
}

.site-footer .widget {
	clear: both;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.3em;
	width: 100%;
}

.site-footer .widget_nav_menu li {
	margin-left: 0;
	margin-right: 14px;
}

.sidebar .social-navigation ul {
	gap: 20px;
	margin-bottom: 1em;
}

.social-navigation li a {
	color: #758187;
	display: flex;
	line-height: 1.2;
	position: relative;
	text-decoration: none;
}

.social-navigation li a:hover {
	color: var(--golden-grass-50);
}

.social-navigation #menu-social-menu-mc {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 400px;
	padding-left: 0 !important;
}

.subscribe-box-inner nav {
	display: none !important;
}


.social-navigation a:after {
	text-align: left;
	width: auto;
}

.site-footer .widget {
	margin-bottom: 1.5em;
}

.social-navigation a::before {
	display: inline-block;
	font-family: "pomicons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	speak: none;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f39e";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f0d5";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before,
.social-navigation a[href*="LinkedIn.com"]:before {
	content: "\f0e1";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f231";
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f099";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f27d";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f167";
}

.social-navigation a[href^="mailto:"]:before {
	content: "\f0e0";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f09e";
}

/* Typography General
   ========================================================================== */

/**
 * Pomicons
 */
.menu-item-has-children a:after,
.dropdown-toggle:after,
.bypostauthor>article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: "pomicons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	speak: none;
	text-transform: none;
	text-rendering: auto;
}

ul,
ol,
dd,
dl,
figure,
fieldset,
form,
pre,
table {
	margin: 0 0 1.5rem;
}

.comment-content ul,
.comment-content ol,
object {
	margin-bottom: 1.5rem;
}

.comment-content li ul,
.comment-content li ol,
.forms .checkbox-list-vertical .checkbox:last-child {
	margin-bottom: 0;
}

center,
.text-centered {
	text-align: center;
}

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

i i,
em em,
mark mark,
cite cite,
blockqoute i,
blockquote em,
blockquote cite {
	font-style: normal;
}

acronym,
.upper {
	text-transform: uppercase;
}

s,
del,
del,
s,
strike {
	text-decoration: line-through;
}

strong,
b,
.label[bold],
.badge[bold],
.message a {
	font-weight: bold;
}

.measure-content b,
.measure-content strong {
	font-weight: 600;
}

b b,
strong strong {
	font-weight: normal;
}

var,
tfoot th,
tfoot td,
.muted {
	color: rgba(0, 0, 0, 0.5);
}

.show-if-js,
.label:empty,
.badge:empty,
.hide {
	display: none;
}

hr {
	background-color: transparent;
	border: 0;
	border-bottom: solid 1px rgba(39, 55, 64, 0.1);
	clear: both;
	display: block;
	height: 1px;
	margin: 1.6rem 0;
	overflow: hidden;
}

p:empty,
p:blank {
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.highlight {
	background-color: #FFF198;
}

sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}

sub {
	position: relative;
	top: .3em;
	vertical-align: baseline;
}

.nowrap,
.nowrap td {
	white-space: nowrap;
}

.req {
	color: #d11149;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: none;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left !important;
}

.start {
	margin-top: 0 !important;
}

.last {
	margin-right: 0 !important;
}

.normal {
	font-weight: normal !important;
}

.light {
	font-weight: 300 !important;
}

.thin {
	font-weight: 100 !important;
}

.bold,
.strong,
.bold a,
.strong a {
	font-weight: bold !important;
}

.semi-bold,
.semibold {
	font-weight: 600 !important;
}

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

.list-flat {
	list-style: none;
	margin-left: 0;
}

.soft-muted {
	color: rgba(0, 0, 0, 0.7);
}

.color-black {
	color: #000000;
}

a.color-black:hover {
	color: rgba(0, 0, 0, 0.6);
}

.color-white {
	color: #ffffff;
}

a.color-white:hover {
	color: rgba(255, 255, 255, 0.6);
}

/* === <bdo> and direction === */

[dir="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

bdo[dir="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	border-top: 3px solid rgba(0, 0, 0, 1);
	font-weight: 600;
	line-height: 1.45;
	margin-left: 2rem;
	margin-top: 2.5rem;
	padding-left: 0;
	padding-top: 1.5rem;
	position: relative;
}

blockquote p {
	margin-left: -2rem;
}

blockquote::before {
	color: rgba(0, 0, 0, 1);
	content: "\f1f5";
	font-family: pomicons;
	font-size: 1.25em;
	left: 0;
	line-height: 1;
	margin-left: -2rem;
	position: absolute;
	top: -.8rem;
	width: 30px;
}

blockquote cite {
	display: block;
	font-weight: 400;
	line-height: 20px;
	margin-top: 15px;
	width: 100%;
}

cite {
	opacity: 0.65;
	font-style: italic;
}

.en-us q {
	quotes: \201C \201D \2018 \2019;
}

blockquote.alignleft,
blockquote.alignright {
	width: 32%;
}

.pull-right,
.pull-left,
h2.pull-left,
h2.pull-right,
h4.pull-left,
h4.pull-right {
	display: block;
	margin-bottom: 3%;
	margin-top: -5px;
	position: relative;
}

.measure-content .pull-left + p {
	display: flow-root;
}

@media (min-width: 600px) {
	.pull-left {
		float: left;
		width: 50%;
		padding-right: 10px;
	}

	.pull-right {
		float: right;
		width: 50%;
	}
}

@media (max-width: 600px) {

	.pull-left,
	.pull-right {
		margin-bottom: 30px;
	}

	.pull-left br,
	.pull-right br {
		display: none !important;
	}
}

/* === Acronyms and abbreviations === */

abbr[title],
acronym[title],
time[title],
dfn[title] {
	cursor: help;
}

abbr[title] {
	border-bottom: 1px dotted #202020;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
}

/* === Code and Preformatted text === */

ins,
u {
	text-decoration: underline;
}

mark {
	background-color: #ffd61e;
	color: #202020;
	text-decoration: none;
}

pre,
code,
kbd,
samp,
var,
output {
	cursor: text;
	font-family: Consolas, Andale Mono, AndaleMono, Courier New, Courier;
	font-size: 83%;
	font-style: normal;
}

pre {
	background: rgba(0, 0, 0, 0.03);
	color: rgba(0, 0, 0, 0.9);
	overflow: auto;
	padding: 1.2rem 1.5rem;
	word-wrap: normal;
}

td pre {
	white-space: 0;
	word-wrap: break-word;
}

mark,
code,
samp,
kbd {
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
	padding: .2rem .4rem;
}

code {
	background: rgba(0, 0, 0, 0.07);
	direction: ltr;
	text-align: left;
}

pre code {
	background: none;
	border: none;
	font-size: 100%;
	line-height: 24px;
	padding: 0;
}

samp {
	background: #46a9fc;
	color: rgba(255, 255, 255, 0.95);
}

kbd {
	background: #202020;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
}

ins,
dfn {
	border-bottom: 1px solid #999;
	font-style: italic;
	text-decoration: none;
}

/* === <address> tag === */

address {
	font-style: normal;
	margin: 0 0 1.5rem;
}

/* === Lists === */

ul,
ol {
	margin-left: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

@media (min-width: 700px) {

	ul,
	ol {
		margin-left: 1rem;
	}

	ul ul,
	ol ol,
	ul ol,
	ol ul {
		margin-left: 1.2rem;
	}
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ol ol li {
	list-style-type: lower-roman;
}

body dt {
	font-size: 1em;
	font-weight: bold;
	margin-left: 0;
}

dd {
	margin-left: .75em;
}

dd+dd {
	margin-top: .75rem;
}

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

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
									supported by Chrome and Opera */
}

/*
   ## Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 1.5rem;
	max-width: 100%;
	width: 100%;
}

th,
td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.055);
	font-size: 94%;
	float: none !important;
	padding: 15px;
	padding-bottom: 14px;
	text-align: left;
}

thead th,
thead td {
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

table caption {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

table.table-bordered {
	margin-top: -1px;
}

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

table.table-bordered td:first-child,
table.table-striped td:first-child,
table.table-bordered th:first-child,
table.table-striped th:first-child {
	padding-left: 15px;
}

table.table-bordered td:last-child,
table.table-striped td:last-child,
table.table-bordered th:last-child,
table.table-striped th:last-child {
	padding-right: 15px;
}

table.table-simple td,
table.table-simple th,
table.table-simple caption {
	border: none;
	padding-left: 0;
}

table.table-simple td,
table.table-simple th {
	padding-bottom: 0.889em;
}

table.table-flat td,
table.table-flat th,
table.table-flat caption {
	border: none;
	padding: 0;
}

table.table-stroked td,
table.table-stroked th {
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

table.table-striped tbody tr:nth-child(odd) td {
	background: #f8f8f8;
}

.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video,
object,
embed,
iframe {
	margin-bottom: 1.5rem;
	max-width: 100%;
}

.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video {
	display: block;
}


/* ==========================================================================
   ## Forms and Buttons
   ========================================================================== */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	background: rgba(39, 55, 64, 0.05);
	border: 0;
	border-radius: 0;
	font-family: inherit;
	font-size: 1rem;
	height: 52px;
	line-height: normal;
	margin-bottom: 0;
	outline: none;
	padding: 0.656em 1.1em 0.686em;
	vertical-align: middle;
	box-shadow: none;
}

input[type="number"] {
	padding-left: 5px;
	padding-right: 5px;
}

input:hover[type="email"],
input:hover[type="number"],
input:hover[type="text"],
input:hover[type="tel"],
input:hover[type="url"],
input:hover[type="password"],
textarea:hover,
select:hover {
	background: rgba(39, 55, 64, 0.075);
	border: 0;
}

input:focus[type="email"],
input:focus[type="number"],
input:focus[type="text"],
input:focus[type="tel"],
input:focus[type="url"],
input:focus[type="password"],
textarea:focus,
select:focus {
	background: rgba(39, 55, 64, 0.045);
	border: 0;
}

input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="text"][disabled],
input[type="tel"][disabled],
input[type="url"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled] {
	cursor: default;
	opacity: 0.55;
	resize: none;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
	-webkit-appearance: none;
	width: 345px;
	max-width: 100%;
}

select[multiple],
textarea {
	height: auto;
	line-height: 1.5;
}

textarea {
	font-size: 0.889em;
	width: 700px;
	max-width: 100%;
	resize: vertical;
}

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

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 24px;
	padding: 31px 32px;
}

legend {
	font-size: 86%;
	font-weight: 500;
	line-height: 0;
	margin-left: -1em;
	padding: 0 1em;
	position: relative;
	text-transform: uppercase;
	top: 2px;
}

select {
	max-width: 100%;
	overflow: hidden;
	word-wrap: break-word;
}

.sidebar-primary select,
.sidebar-special select {
	width: 100%;
}

select option {
	max-width: 100%;
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

form .desc {
	color: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 4px;
	text-transform: none;
}

form span.desc {
	line-height: 20px;
	margin-left: 4px;
}

form .error,
form .success,
#content .wpcf7-not-valid-tip {
	display: block;
	font-size: .8333em;
	font-weight: normal;
	padding: .2rem .7rem;
	text-transform: none;
}

form span.error,
#content span.wpcf7-not-valid-tip {
	color: #D50000;
}

form span.success {
	color: #88B04B;
}

input.input-error,
textarea.input-error,
select.input-error,
.input-error,
#content input.wpcf7-not-valid {
	background: none;
	background-color: rgba(213, 0, 0, 0.02);
	border: 1px solid #D50000;
}

input.input-success,
textarea.input-success,
select.input-success,
.input-success {
	background: none;
	background-color: rgba(0, 137, 123, 0.02);
	border: 1px solid #00897B;
}

input::-webkit-input-placeholder {
	color: #1e2833;
	opacity: 0.55;
}

input::-moz-placeholder {
	color: #1e2833;
	opacity: 0.55;
}

input:-ms-input-placeholder {
	color: #1e2833;
	opacity: 0.55;
}

input:placeholder {
	color: #1e2833;
	opacity: 0.55;
}

input:focus::-webkit-input-placeholder {
	opacity: .30;
}

input:focus::-moz-placeholder {
	opacity: .30;
}

input:focus:-ms-input-placeholder {
	opacity: .30;
}

input:focus:placeholder {
	opacity: .30;
}

/*
   ## Buttons
   ========================================================================== */

.btn,
.cc-btn_,
.button,
.fwp-load-more,
.search-btn,
.search-submit,
.submit,
input[type="submit"],
#content input[type="submit"],
.gform_button,
.infinite-scroll #infinite-handle span button,
.myButton_play,
.myButton_stop {
	-webkit-appearance: none;
	background-color: #C29716;
	will-change: background-size;
	border-radius: 200px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 0.647em;
	font-weight: bold;
	height: 52px;
	letter-spacing: .25em;
	line-height: 1.55;
	margin: 0;
	min-width: 180px;
	outline: none;
	padding: 1.55em 1.55em 1.55em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	transition: .25s;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-transition: background-color .2s ease-out, color .2s ease-out;
	transition: background-color .2s ease-out, color .2s ease-out;
}

.myButton_play,
.myButton_stop {
	background-color: #C29716;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}

.btn:visited {
	color: #fff;
}

.btn.short,
button.short,
.submit.short,
input[type="submit"].short,
#content input[type="submit"].short {
	max-width: 160px;
	min-width: 160px;
	width: 160px;
}

.btn-secondary,
button.btn-secondary,
button[secondary],
input.secondary[type="submit"] {
	will-change: background-color;
	background-color: var(--midnight-blue-40);
	background-image: none;
}

.btn-link,
button.btn-link,
button[link] {
	background: transparent;
	border-color: transparent;
	color: #C29716;
	font-size: 0.647em;
	font-weight: bold;
	letter-spacing: 0.25em;
	padding: 1.55em 0 1.55em;
	width: auto;
	min-width: 0;
}

.btn-link:visited,
button.btn-link:visited,
button[link]:visited {
	color: #C29716;
}

.btn-link:after {
	content: "\f3d3" !important;
	font-family: "pomicons";
	font-weight: normal !important;
	font-size: 150% !important;
	margin-left: 7px;
	vertical-align: sub;
	top: auto !important;
	margin-right: auto !important;
	right: 0 !important;
	opacity: 1 !important;
	line-height: inherit !important;
}

.btn-link_:after {
	content: "\f105";
	font-family: "pomicons";
	font-weight: normal !important;
	font-size: 150%;
	margin-left: 7px;
	vertical-align: sub;
}

.btn:hover,
.button:hover,
.fwp-load-more:hover,
.submit:hover,
.btn.hover,
input[type="submit"]:hover,
#content input[type="submit"]:hover,
.infinite-scroll #infinite-handle span button:hover,
.gform_button:hover {
	background-color: #D8A819;
	background-size: 300% auto;
	background-position: left center;
	color: #fff;
	text-decoration: none;
}

.btn:focus,
.button:focus,
.fwp-load-more:hover,
.submit:focus,
.btn.focus,
input[type="submit"]:focus,
#content input[type="submit"]:focus,
.infinite-scroll #infinite-handle span button:focus,
.gform_button:focus {
	color: #fff;
	outline: none;
}

.btn:active,
button:active,
.submit:active,
.btn.active,
input[type="submit"]:active,
#content input[type="submit"]:active,
.infinite-scroll #infinite-handle span button:active,
.gform_button:active {
	color: #fff;
	outline: none;
}

.btn-secondary:hover,
.btn-secondary.hover,
button.btn-secondary:hover,
.infinite-scroll #infinite-handle span button:hover,
button[secondary]:hover,
input.secondary[type="submit"]:hover {
	background-color: #D8A819;
	color: #fff;
}

.btn-secondary:focus,
.btn-secondary.focus,
button.btn-secondary:focus,
.infinite-scroll #infinite-handle span button:focus,
button[secondary]:focus,
input.secondary[type="submit"]:focus {
	color: #fff;
}

.btn-secondary:active,
.btn-secondary.active,
button.btn-secondary:active,
.infinite-scroll #infinite-handle span button:active,
button[secondary]:active,
input.secondary[type="submit"]:active {
	color: #fff;
}

.btn-link:hover,
.btn-link.hover,
button.btn-link:hover,
button[link]:hover {
	background: transparent;
	color: #D8A819;
	text-decoration: none;
}

.btn-link:active,
.btn-link.active,
button.btn-link:active,
button[link]:active {
	background: transparent;
	color: #D8A819;
	text-decoration: none;
}

.btn-link:focus,
.btn-link.focus,
button.btn-link:focus,
button[link]:focus,
input.success[type="link"]:focus {
	background: transparent;
	color: #D8A819;
	outline: 1px dotted #535A64;
}

.btn::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.btn[disabled],
.btn-disabled,
button[disabled] {
	cursor: default;
	opacity: 0.5;
}

.btn[disabled]:hover,
.btn-disabled:hover,
button[disabled]:hover,
.btn[disabled]:focus,
.btn-disabled:focus,
button[disabled]:focus {
	opacity: 0.5;
}

.btn[outline],
button[outline],
.btn-outline,
.btn-outline:visited,
button.outline {
	will-change: background-color;
	background: transparent;
	background-image: none;
	border: 2px solid #bac0c3;
	border: 2px solid rgba(117, 129, 135, 0.5);
	/* box-shadow: 0 0 0 2px rgba(117, 129, 135, 0.5); */
	color: #758187;
	line-height: 1.25;
}

.btn[outline]:hover,
button[outline]:hover,
.btn-outline:hover,
.btn-outline.hover,
button.outline:hover {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(117, 129, 135, 0.1);
	background-image: none;
	color: #758187;
}

.btn[outline]:focus,
button[outline]:focus,
.btn-outline:focus,
.btn-outline.focus,
button.outline:focus {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(117, 129, 135, 0.12);
	background-image: none;

	color: #758187;
}

.btn[outline]:active,
button[outline]:active,
.btn-outline:active,
.btn-outline.active,
button.outline:active {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(117, 129, 135, 0.15);
	background-image: none;

	color: #758187;
}


.btn[outline-light],
button[outline-light],
.btn-outline-light,
.btn-outline-light:visited,
button.outline-light {
	will-change: background-color;
	background: transparent;
	background-image: none;
	border: 2px solid #fff;
	border: 2px solid rgba(255, 255, 255, 0.5);
	/* box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); */
	color: #f2fafd;
	line-height: 1.3;
}

.btn[outline-light]:hover,
button[outline-light]:hover,
.btn-outline-light:hover,
.btn-outline-light.hover,
button.outline-light:hover {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(255, 255, 255, 0.025);
	/* box-shadow: 0 0 0 2px rgba(255, 255, 255, 1); */
	background-image: none;
	color: #fff;
}

.btn[outline-light]:focus,
button[outline-light]:focus,
.btn-outline-light:focus,
.btn-outline-light.focus,
button.outline-light:focus {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(117, 129, 135, 0.12);
	background-image: none;
	/* box-shadow: 0 0 0 2px rgba(255, 255, 255, 1); */
	color: #cdd0d2;
}

.btn[outline-light]:active,
button[outline-light]:active,
.btn-outline-light:active,
.btn-outline-light.active,
button.outline-light:active {
	will-change: background-color;
	background-color: #f1f2f3;
	background-color: rgba(117, 129, 135, 0.15);
	background-image: none;
	/* box-shadow: 0 0 0 2px rgba(255, 255, 255, 1); */
	color: #cdd0d2;
}

.sc_player_container1 {
	margin: auto;
	margin-bottom: 35px;
	margin: auto;
	padding-top: 35px;
	position: relative;
	text-align: center;
}

.player-title {
	color: #414141;
	font-size: 22px;
	margin-top: 10px;
}

.myButton_play,
.myButton_stop {
	width: 60px;
	height: 60px;
	padding: 0;
	min-height: 60px;
	min-width: 60px;
	border-radius: 10px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: background .3s ease-out .2s, -webkit-transform .2s ease-out .2s;
	transition: background .3s ease-out .2s, transform .2s ease-out .2s;
}

.myButton_play:after {
	content: "\e90c";
	position: absolute;
	display: block;
	left: 16px;
	top: 17px;
	margin: auto;
	text-align: center;
	font-size: 24px;
	color: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.myButton_stop:after {
	content: "";
	position: absolute;
	display: block;
	left: 24px;
	top: 21px;
	margin: auto;
	text-align: center;
	font-size: 24px;
	color: #fff;

	width: 12px;
	height: 18px;

	border-left: 3px solid #fff;
	border-right: 3px solid #fff;


	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.search-form-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.search-form--msg {
	margin-top: -15px;
}

.search-form {
	border-bottom: 2px solid #758187;
	width: 100%;
	position: relative;
}

input[type="search"] {
	background: transparent;
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 20px;
	font-weight: 300;
	padding-left: 0;
	padding-right: 45px;
	width: 765px;
	max-width: 100%;
}

.search-form button,
.search-form button.search-submit {
	background: none;
	color: #758187;
	font-size: 38px;
	line-height: 1;
	height: 65px;
	width: 62px;
	min-width: 62px;
	padding: 0;
	position: absolute;
	right: -5px;
	top: -10px;
	text-align: right;
}

.buttons-wrapper {
	margin-right: 0;
	margin-left: auto;
}

#access #search-toggle.search-btn {
	line-height: .88;
}

#search-toggle.search-btn {
	background: none;
	color: #758187;
	font-size: 27px;
	height: 50px;
	width: 50px;
	min-width: 50px;
	margin-left: 8px;
	padding: 0;
	position: relative;
}

@media (min-width: 700px) {
	/* #search-toggle.search-btn {
		width: 62px;
		min-width: 62px;
	} */
}

#search-toggle.search-btn:after,
.blog-header-url:after {
	content: "";
	background-color: #cbd6db;
	width: 1px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
}

.blog-header-url:after {
	right: -15px;
}

#search-toggle.search-btn:hover {
	color: #1D2835;
}

.search-bar-is-active #search-toggle.search-btn {
	color: #000;
}

.blog-header-url {
	letter-spacing: 0.125em;
	text-transform: uppercase;
	color: #758187;
	font-size: 13px;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	width: 22px;
	margin-left: auto;
	margin-right: 10px;
	text-align: center;
	line-height: 42px;
	position: relative;
}

.blog-header-url:hover {
	color: #000;
	text-decoration: underline;
}

.btn-group {
	display: inline-block;
	vertical-align: bottom;
}

.btn-group .btn,
.btn-group button {
	float: left;
	margin-left: -1px;
}

.demo-label .label {
	margin-right: 8px;
}

.label,
.col-title {
	color: #1d2835;
	display: inline;
	letter-spacing: .25em;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

.label {
	line-height: 1.55;
}

.label.block {
	line-height: 1.55;
	margin-bottom: 2em;
}

.label.small,
.label-small {
	color: #758187;
	font-size: 11px;
	font-weight: 600;
	padding-bottom: 0;
	padding-top: 0;
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.label a,
.label a:hover {
	color: #1d2835;
	text-decoration: none;
}

.block {
	display: block;
}

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

.alert {
	margin-bottom: 1.75rem;
	overflow: hidden;
	padding-bottom: 24px;
	padding-left: 33px;
	padding-right: 35px;
	padding-top: 22px;
	position: relative;
	background-color: #fef8f0;
	color: #5d5d5d;
}

.alert.dismiss {
	padding-right: 70px;
}

.alert,
.alert p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.571;
}

.alert p {
	color: #5d5d5d;
	margin-bottom: 0;
}

.alert-note {
	background-color: #e1eef2;
	color: #1792af;
}

.alert-note p {
	color: #1792af;
}

.alert:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: rgb(254, 142, 23);
	background: linear-gradient(0deg, rgba(254, 142, 23, 1) 0%, rgba(254, 105, 23, 1) 100%);
}

.alert-note:before {
	background: #2fb4d3;
}

.close {
	border: none;
	background: transparent;
	color: #6a6a6a;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 22px;
	cursor: pointer;
	padding: 15px;
	line-height: 1;
}

.close span {
	height: 22px;
	width: 22px;
	display: block;
	line-height: 1;
}

.close:hover {
	color: #303030;
}

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
	opacity: 0;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.slide-image {
		opacity: 1 !important;
	}

	img[data-lazy-src] {
		opacity: 1 !important;
	}

	.card-figure .btn {
		width: 225px;
	}
}

.featured.row-full {
	opacity: 0.00001;
	/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}

.featured.row-full[data-was-processed] {
	opacity: 1;
}

/*Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
	/* prepare the future animation */
	-webkit-transition: opacity .35s linear 0.1s;
	-moz-transition: opacity .35s linear 0.1s;
	transition: opacity .35s linear 0.1s;
	opacity: 1;
}

.therest img.lazyloaded {
	-webkit-transition: opacity .25s linear 0s;
	-moz-transition: opacity .25s linear 0s;
	transition: opacity .325s linear 0s;
	opacity: 1;
}

.lazy-bg[data-image-src] {
	opacity: 0;
}

.lazy-bg {
	-webkit-transition: opacity .55s linear 0.25s;
	-moz-transition: opacity .55s linear 0.25s;
	transition: opacity .55s linear 0.25s;
	opacity: 1;
}

.gallery-wrapper .royalSlider .slide-item {
	display: none;
}

.gallery-wrapper .royalSlider .slide-item:first-child {
	display: block;
}

/*
   Contact Form 7
   ========================================================================== */
#content div.wpcf7-response-output {
	margin: 1.5em 0;
	padding: 0.75em 1em;
}

#content div.wpcf7-validation-errors {
	border: 2px solid #D50000;
	color: #D50000;
	font-size: 0.889em;
}

#content div.wpcf7-mail-sent-ok {
	border: 2px solid #0a8754;
	color: #106D46;
	font-size: 0.889em;
}

#content .wpcf7-form p {
	color: #585858;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 0.025em;
}

#content .wpcf7-form-control {
	margin-top: 0.4rem;
}

#content .wpcf7-form-control.wpcf7-submit {
	margin-top: 0;
}

#content div.wpcf7 img.ajax-loader {
	margin-top: 10px;
}




body .ui-datepicker-title select {
	padding: 0.1rem 0.2rem;
	margin-left: 5px;
	margin-right: 5px;
}

body .ui-datepicker table {
	background: #ccc;
}

body .ui-datepicker body .ui-datepicker table,
body .ui-datepicker thead,
body .ui-datepicker tbody,
body .ui-datepicker td,
body .ui-datepicker tr,
body .ui-datepicker a {
	vertical-align: middle !important;
}

body .ui-datepicker th,
body .ui-datepicker td {
	border-bottom: 0;
	font-size: 100%;
	text-align: center;
}

body .ui-datepicker td {
	padding: 0;
}

@media only screen and (max-width: 614px) {
	#content textarea {
		width: 100%;
	}
}

.facet-wrapper {
	margin-top: 0px;
	margin-bottom: 20px;
	max-width: 445px;
}

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

	.facet-wrapper {
		margin-top: 0;
		margin-bottom: -52px;
		max-width: 32%;
	}
}

.facet-title {
	margin-bottom: 0;
	margin-top: 0;
}

.posts-deck .facetwp-facet {
	margin-top: auto;
	margin-bottom: 12px;
	position: relative;
	z-index: 100;
	border-bottom: 1px solid #fff;
	width: 250px;
	height: 52px;
	cursor: pointer;
}

.posts-deck .facetwp-facet:after {
	content: "\f3d0";
	font-family: "pomicons";
	font-size: 18px;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
}

.facetwp-dropdown {
	-moz-appearance: none;
	-webkit-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: transparent !important;
	color: #fff;
	/*border-bottom: 2px solid #fff;*/
	width: 100% !important;
	cursor: pointer;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 12px;
	line-height: 2em
}

.facetwp-dropdown option {
	background: rgba(255, 255, 255, 0.5);
	border: none;
	color: #444;
	text-shadow: none;
	text-indent: 10px;
	line-height: 2em !important;
}

.facetwp-dropdown {
	padding-left: 12px !important;
}

/* fSelect style */

.facet-wrapper .facetwp-type-fselect .fs-wrap,
.facet-wrapper .facetwp-type-fselect .fs-dropdown {
	width: 100%;
}

.posts-deck .fs-label-wrap .fs-label {
	text-indent: 0.01px;
	text-overflow: '';
	color: #fff;
	cursor: pointer;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 11px;
	padding: 20px 22px 20px 8px;
}

.facet-wrapper .fs-label-wrap {
	position: relative;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

.posts-deck .facetwp-type-fselect.facetwp-facet:after {
	display: none;
}

.facetwp-type-fselect .fs-arrow {
	border: 0;
	position: absolute;
	text-align: center;
	width: 20px;
	height: 20px;
}

.facetwp-type-fselect .fs-arrow:after {
	content: "\f3d0";
	font-family: "pomicons";
	font-size: 18px;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 1px;
	bottom: auto;
}

.posts-deck .fs-search {
	display: none;
}

.posts-deck .fs-dropdown {
	background-color: #fff;
	border: 0;
	width: 100%;
	margin-top: 0;
}

.posts-deck .fs-dropdown .fs-options {
	max-height: 300px;
}

.posts-deck .fs-dropdown .fs-option-label {
	color: var(--midnight-blue-40);
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 11px;
}

.posts-deck .fs-option {
	padding: 15px 10px;
	border-bottom: 1px solid #e6f9fb;
}

.posts-deck .fs-option:hover {
	background: #e6f9fb;
}

.posts-deck .fs-option.selected,
.posts-deck .fs-option.selected:hover {
	background: #fcfdfd;
	cursor: default;
}

.posts-deck .fs-dropdown .fs-option.selected .fs-option-label {
	color: #48c8d8;
}


/* ==========================================================================
   # Elements
   ========================================================================== */

.box-shadow-01,
.avatar {
	-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.1);
	box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.1);
}

.box-shadow-02 {
	-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.16);
	box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.16);
}

.box-shadow-03 {
	-webkit-box-shadow: 0px 10px 15px 3px rgba(32, 32, 32, 0.16);
	box-shadow: 0px 10px 15px 3px rgba(32, 32, 32, 0.16);
}

.subscribe-box {
	background: #fff;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -365px;
	margin-bottom: 110px;
	padding-top: 55px;
	padding-bottom: 15px;
	position: relative;
	-webkit-box-shadow: 0px 7px 21px 0px rgba(37, 58, 82, 0.11);
	box-shadow: 0px 7px 21px 0px rgba(37, 58, 82, 0.11);
}

.home .subscribe-box {
	margin-top: -100px;
	margin-bottom: 50px;
}

.subscribe-box-inner {
	max-width: 545px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.subscribe {
	position: relative;
}

label.EMAIL-label {
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	width: 100%;
	max-height: 52px;
}

.subscribe .icon,
label.EMAIL-label:before {
	color: #758187;
	font-size: 24px;
	line-height: 1;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -12px;
}

label.EMAIL-label:before {
	content: "\f2eb";
}

.subscribe input,
.EMAIL-label .yikes-easy-mc-email {
	padding-left: 55px;
	max-width: 100%;
	width: 100%;
	position: relative;
}

@media only screen and (max-width: 480px) {
	#container .subscribe-box .btn.short {
		max-width: 120px;
		min-width: 120px;
		width: 120px;
	}
}

.subscribe-box .edit-link {
	display: none;
}

.label-inline {
	position: relative;
}

.EMAIL-label .EMAIL-label,
.submit-button-inline-label .empty-label {
	display: none;
}

.submit-button-inline-label {
	font-size: 1em;
}

.yikes-mc-loading-dots {
	max-height: 52px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	display: none;
}

.yikes-mailchimp-preloader {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	margin-bottom: 10px;
	max-width: 100px;
}

.yikes-easy-mc-message-sent {
	text-align: center;
}

.subscribe-box .menu-subsidiary {
	max-width: 295px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.subscribe-box .menu-subsidiary ul {
	margin-top: 0;
}

.yikes-easy-mc-message-sent .menu-subsidiary {
	display: block;
}

.yikes-easy-mc-message-sent {
	text-align: center;
}

.yikes-easy-mc-message-sent .subscribe-note {
	display: none;
}

input[type="email"].yikes-easy-mc-email {
	border-top-left-radius: 200px;
	border-bottom-left-radius: 200px;
}

.yikes-easy-mc-submit-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* ==========================================================================
   # Alignement (WP classes)
   ========================================================================== */

.aligncenter,
.alignright,
.alignleft {
	display: block;
	margin: 0 auto 1.5rem;
}

p .aligncenter,
p .alignright,
p .alignleft {
	margin-bottom: 0;
}

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

	.alignleft {
		float: left;
		margin-right: 1.5rem;
	}

	.alignright {
		float: right;
		margin-left: 1.5rem;
	}
}

.alignnone {
	float: none;
}

.clear {
	clear: both;
}

.separator {
	clear: both;
	width: 100%;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.normalcase {
	text-transform: none;
}

/* ==========================================================================
   # Images
   ========================================================================== */

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

img.alignleft,
img.alignright {
	display: inline;
}

img.alignleft,
img.alignright,
.alignleft img,
.alignright img {
	margin-top: .275rem;
}

img.wp-smiley,
img.emoji {
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline;
	margin: 0 .07em;
	max-height: 1em;
	padding: 0;
	width: 1em;
}

.hero-image-wrapper {
	position: relative;
	display: inline-block;
	clear: both;
}

/* === Captions === */

.wp-caption {
	max-width: 100% !important;
	position: relative;
}

.figcaption,
.wp-caption-text {
	color: #6d7377;
	line-height: 1.35;
	margin: .4rem 0;
	max-width: 500px;
}

figcaption span,
.wp-caption-text span {
	clear: both;
	display: block;
	font-size: 90%;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.hero-caption {
	text-align: right;
	font-size: 15px;
}

/* === Gallery === */

.gallery {
	max-width: 100%;
	display: block;
	clear: both;
	margin: 0 auto 1.5rem;
}

.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.gallery-item {
	width: 100%;
	padding: 0;
	text-align: center;
	list-style: none;
	border: none;
	background: transparent;
}

.gallery-icon a {
	display: block;
}

.gallery-icon img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.gallery-type-circle img {
	border-radius: 50%;
}

.gallery-caption {
	margin: 5px 0 1.5em;
	line-height: 1.25;
	width: 100%;
}

.gallery-item {
	float: left;
	margin-bottom: 25px;
	text-align: center;
}

/* When the screen width is at least 480px. */
@media only screen and (min-width: 480px) {

	.gallery-item {
		margin: 0 5% 5% 0;
	}

	.gallery-icon img {
		width: 100%;
	}

	.gallery-caption {
		clear: both;
		float: left;
	}

	/* Everything should be 2 columns. */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item,
	.gallery-columns-10 .gallery-item {
		width: 45%;
	}
}

/* When the screen width is between 480px and 539px. */
@media only screen and (min-width: 480px) and (max-width: 539px) {

	.gallery-item:nth-of-type(2n + 1) {
		clear: both;
	}

	.gallery-item:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
}

/* When the screen width is between 540px and 639px. */
@media only screen and (min-width: 540px) and (max-width: 639px) {

	.gallery-columns-3 .gallery-item:nth-child(3n + 1),
	.gallery-columns-4 .gallery-item:nth-child(3n + 1),
	.gallery-columns-5 .gallery-item:nth-child(3n + 1),
	.gallery-columns-6 .gallery-item:nth-child(3n + 1),
	.gallery-columns-7 .gallery-item:nth-child(3n + 1),
	.gallery-columns-8 .gallery-item:nth-child(3n + 1),
	.gallery-columns-9 .gallery-item:nth-child(3n + 1),
	.gallery-columns-10 .gallery-item:nth-child(3n + 1) {
		clear: both;
	}

	.gallery-columns-3 .gallery-item:nth-child(3n),
	.gallery-columns-4 .gallery-item:nth-child(3n),
	.gallery-columns-5 .gallery-item:nth-child(3n),
	.gallery-columns-6 .gallery-item:nth-child(3n),
	.gallery-columns-7 .gallery-item:nth-child(3n),
	.gallery-columns-8 .gallery-item:nth-child(3n),
	.gallery-columns-9 .gallery-item:nth-child(3n),
	.gallery-columns-10 .gallery-item:nth-child(3n) {
		float: right;
		margin-left: 0;
		margin-right: 0;
	}

	/* Handle the columns. */
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item,
	.gallery-columns-10 .gallery-item {
		width: 30%;
	}
}

/* When the screen width is between 640px and 767px. */
@media only screen and (min-width: 640px) and (max-width: 767px) {

	.gallery-columns-2 .gallery-item:nth-child(2n + 1),
	.gallery-columns-3 .gallery-item:nth-child(3n + 1),
	.gallery-columns-4 .gallery-item:nth-child(4n + 1),
	.gallery-columns-5 .gallery-item:nth-child(4n + 1),
	.gallery-columns-6 .gallery-item:nth-child(4n + 1),
	.gallery-columns-7 .gallery-item:nth-child(4n + 1),
	.gallery-columns-8 .gallery-item:nth-child(4n + 1),
	.gallery-columns-9 .gallery-item:nth-child(4n + 1),
	.gallery-columns-10 .gallery-item:nth-child(4n + 1) {
		clear: both;
	}

	.gallery-columns-2 .gallery-item:nth-child(2n),
	.gallery-columns-3 .gallery-item:nth-child(3n),
	.gallery-columns-4 .gallery-item:nth-child(4n),
	.gallery-columns-5 .gallery-item:nth-child(4n),
	.gallery-columns-6 .gallery-item:nth-child(4n),
	.gallery-columns-7 .gallery-item:nth-child(4n),
	.gallery-columns-8 .gallery-item:nth-child(4n),
	.gallery-columns-9 .gallery-item:nth-child(4n),
	.gallery-columns-10 .gallery-item:nth-child(4n) {
		float: right;
		margin-left: 0;
		margin-right: 0;
	}

	.rtl .gallery-columns-2 .gallery-item:nth-child(2n),
	.rtl .gallery-columns-3 .gallery-item:nth-child(3n),
	.rtl .gallery-columns-4 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-5 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-6 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-7 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-8 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-9 .gallery-item:nth-child(4n),
	.rtl .gallery-columns-10 .gallery-item:nth-child(4n) {
		float: left;
	}

	/* Handle the columns. */
	.gallery-columns-2 .gallery-item {
		width: 45%;
	}

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

	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item,
	.gallery-columns-10 .gallery-item {
		width: 21.25%;
	}
}

/* When the screen width is at least 768px. */
@media only screen and (min-width: 768px) {

	.gallery-columns-2 .gallery-item:nth-child(2n + 1),
	.gallery-columns-3 .gallery-item:nth-child(3n + 1),
	.gallery-columns-4 .gallery-item:nth-child(4n + 1),
	.gallery-columns-5 .gallery-item:nth-child(5n + 1),
	.gallery-columns-6 .gallery-item:nth-child(6n + 1),
	.gallery-columns-7 .gallery-item:nth-child(7n + 1),
	.gallery-columns-8 .gallery-item:nth-child(8n + 1),
	.gallery-columns-9 .gallery-item:nth-child(9n + 1),
	.gallery-columns-10 .gallery-item:nth-child(10n + 1) {
		clear: both;
	}

	.gallery-columns-2 .gallery-item:nth-child(2n),
	.gallery-columns-3 .gallery-item:nth-child(3n),
	.gallery-columns-4 .gallery-item:nth-child(4n),
	.gallery-columns-5 .gallery-item:nth-child(5n),
	.gallery-columns-6 .gallery-item:nth-child(6n),
	.gallery-columns-7 .gallery-item:nth-child(7n),
	.gallery-columns-8 .gallery-item:nth-child(8n),
	.gallery-columns-9 .gallery-item:nth-child(9n),
	.gallery-columns-10 .gallery-item:nth-child(10n) {
		margin-left: 0;
		margin-right: 0;
	}

	/* Handle the columns. */
	.gallery-columns-2 .gallery-item {
		width: 45%;
	}

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

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

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

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

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

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

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

	.gallery-columns-10 .gallery-item {
		width: 5.5%;
	}
}

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

.entry-sections {
	counter-reset: section-counter;
}

.acf-section {
	counter-increment: section-counter;
}

.acf-section {
	margin-bottom: 70px;
	outline: none !important;
}

.acf-section.has-cta-part {
	margin-bottom: 40px;
}

.entry-sections-inner {
	margin-top: 100px;
}

@media (min-width: 800px) {
	.acf-section {
		margin-bottom: 75px;
	}

	.acf-section.has-cta-part {
		margin-bottom: 60px;
	}
}

.bottom-content {
	margin-bottom: 50px;
}

/* .acf-section:before, */
.section-num {
	/* content: counter(section-counter, decimal-leading-zero); */
	display: block;
	color: var(--midnight-blue-40);
	font-size: 11px;
	letter-spacing: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}

.section-title-pre {
	color: var(--midnight-blue-40);
	font-size: 11px;
	text-align: center;
	width: auto;
}

.singular-post-619 .section-num,
.singular-post-619 .small-num {
	opacity: 0;
}

.singular-post-53131 .section-num {
	display: none;
}

.section-header {
	text-align: center;
}

.section-title {
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.section-title .small {
	font-size: .668em;
	font-size: 28px;
	margin-top: 10px;
	display: block;
}

.section-title-sub {
	color: #1d2835;
	display: block;
	font-family: "Source Sans Pro", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: .668em;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	margin-top: -10px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

.subtitle,
.section-subtitle {
	text-align: center;
	/* text-transform: uppercase; */
	font-size: 28px;
	line-height: 1.35;
	margin-bottom: 25px;
	margin-top: -15px;
	color: #1d2835;
}

.entry-section-inner {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.section-content {
	margin-bottom: 45px;
}

.section-content_hidden {
	display: none;
	margin-bottom: 45px;
}

.section-content_hidden :last-child {
	margin-bottom: 0;
}

.show_hide {
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	min-width: 180px;
	display: block;
	margin-bottom: -26px;
	position: relative;
	z-index: 25;
}

.show_hide.toggle-open {
	color: transparent;
	/* margin-bottom: 20px; */
	margin-top: -20px;
	/* display: none; */
	/* height: 0px; */
	opacity: 0;
	overflow: hidden;
	transition: opacity .2s, margin-top .5s;
	/* z-index: -1; */
	pointer-events: none;
}

.hide-this-too {
	height: 0;
	opacity: 0;
	transition: all 1.5s;
}

.hide-this-too.show-me {
	height: auto;
	opacity: 1;
}

.no-js_REMOVE .section-content_hidden {
	display: block;
}

.no-js_REMOVE .show_hide {
	display: none;
}

.features-spots,
.features-grid {
	margin-bottom: 50px;
}

.features-grid {
	list-style: none;
	padding-left: 0;
}

.features-grid li {
	border-bottom: 1px solid #f1f5f7;
	font-size: 22px;
	font-weight: 300;
	color: #414141;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (min-width: 600px) {
	.features-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 50px;
		margin-left: -2.5%;
		margin-right: -2.5%;
	}

	.features-grid li {
		width: 45%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

.features-grid li span,
.features-grid li i {
	color: #30cee1;
	font-size: 32px;
	font-weight: normal;
	width: 60px;
	display: inline-block;
	position: relative;
	text-align: center;
}

.features-grid li .pomicon-car-access {
	font-size: 28px;
}


.features li {
	font-size: 18px;
	color: #414141;
	position: relative;
	padding-bottom: 0;
}

.features-style1 .place-label {
	min-width: 90px;
	padding-right: 3px;
	max-width: 130px;
}

.features-style2.features li .place-label {
	color: #1d2835;
	font-size: 12px;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

.counter {
	counter-reset: li-counter;
}

.counter li:after {
	counter-increment: li-counter;
	content: counter(li-counter, decimal-leading-zero);
	margin-right: 0.25em;
	position: absolute;
	top: 25px;
	left: 70px;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 11px;
	color: #414141;
}

.features-small li,
.features-compact li {
	font-size: 17px;
	padding-bottom: 0;
}

.features-special li {
	width: 100%;
	float: none !important;
}

.features li:first-child {
	border-top: none;
}

.features-compact li:first-child {
	border-top: 1px solid #f1f5f7;
}

.features li:last-child {
	border-bottom: 1px solid #f1f5f7;
}

.features li .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	border-top: 1px solid #f1f5f7;
	border-bottom: 1px solid #f1f5f7;
	margin-bottom: -1px;

	width: 100%;
	min-height: 70px;
	padding-top: 15px;
	padding-bottom: 16px;
	padding-left: 70px;
	padding-right: 10px;
}

.features-style2.features li .inner {
	padding-left: 20px;
}

.features.counter li .inner {
	padding-left: 100px;
}

.features-small li .inner {
	min-height: 38px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

.features.features-compact li .inner {
	min-height: 45px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
}

.features li:first-child .inner {
	border-top: none;
}

.features li:last-child .inner {
	border-bottom: 1px solid #f1f5f7;
}

.features .more-about {
	padding-left: 70px;
	padding-right: 5px;
	position: relative;
}

.features-style2.features .more-about {
	padding-left: 20px;
}

.features.features-compact .more-about {
	padding-left: 15px;
	padding-right: 15px;
}

.features li a {
	text-decoration: none;
}

.features li p {
	margin: 0;
	line-height: 1.25;
}

.features.features-small li .inner p:last-child {
	text-align: right;
	padding-left: 10px;
}

.features .more-about p {
	color: #758187;
	color: rgb(117, 129, 135);
	font-size: 17px;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
}

.features .more-about img {
	border-radius: 50%;
	position: absolute;
	top: 15px;
}

.features .list-basic,
.features .list-basic-wrapper ul {
	min-height: 110px;
	padding-left: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.inner-list-normal .place-label {
	color: #1d2835;
	font-weight: 600;
}

.features li .value {
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 12px;
	color: #1d2835;
	text-align: right;
}

.features li .view_more {
	text-align: right;
}

.features li:before {
	color: var(--midnight-blue-40);
	font-size: 30px;
	position: absolute;
	left: 10px;
	top: 20px;
	width: 45px;
	text-align: center;
}

@media (min-width: 700px) {
	.features li {
		font-size: 22px;
	}

	.features-style1 .place-label {
		max-width: none;
	}

	.features-style2.features li .place-label {
		font-size: 12px;
	}

	.features li:before {
		left: 32px;
	}

	.features li .inner {
		padding-left: 100px;
		padding-right: 35px;
	}

	.features-style2.features li .inner {
		padding-left: 35px;
	}

	.features.counter li .inner {
		padding-left: 130px;
	}

	.counter li:after {
		top: 25px;
		left: 100px;
	}

	.features .more-about {
		padding-left: 100px;
		padding-right: 35px;
	}

	.features-style2.features .more-about {
		padding-left: 35px;
	}

	.features-small li,
	.features-compact li {
		font-size: 17px;
	}

	.features-small li .inner {
		padding-left: 20px;
		padding-right: 15px;
	}

	.features.features-compact li .inner {
		padding-left: 20px;
		padding-right: 15px;
	}

	.features.features-compact .more-about {
		padding-left: 20px;
		padding-right: 15px;
	}
}

.features li.location .value,
.find-more a {
	color: var(--golden-grass-50);
	padding-right: 35px;
	position: relative;
	display: block;
	font-size: 11px;
}

.style2 .find-out-more {
	opacity: 0;
	max-width: 1px;
	overflow: hidden;
}

.singular-post-2025 .style2 .find-out-more {
	opacity: 1;
	max-width: none;
	color: #595959;
}

.features-compact .find-more a {
	padding-right: 15px;
}

.features li.location .value:after,
.find-more a:after {
	content: "\2192";
	color: var(--golden-grass-50);
	font-size: 28px;
	line-height: 5px;
	position: absolute;
	right: 0;
	top: 4px;
	-webkit-transition: -webkit-transform .1s ease, color .2s ease;
	transition: transform .1s ease, color .2s ease;
}

.features-style2.features .find-more a:after {
	color: #595959;
}

.features-style2.features .find-more:hover a:after,
.features-style2.features .find-more a.toggle-open:after {
	color: var(--golden-grass-50);
}

.find-more a.toggle-open:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 3px;
	margin-right: -7px;
}

.features-compact .find-more a:after {
	content: "\f3d3";
	font-size: 13px;
	top: 4px;
}

.features-compact .find-more a.toggle-open:after {
	font-size: 14px;
	margin-right: 0;
	margin-top: 0;
}

.features li.pin-map:before,
.features li.location:before {
	content: "\e936";
}

.features li.density:before {
	content: "\e94a";
}

.features li.areasize:before,
.features li.area-size:before,
.features li.size:before,
.features li.resize:before {
	content: "\e93a";
	font-size: 25px;
}

.features li.depth:before {
	content: "\e94b";
	font-size: 22px;
}

.features li.exposure:before {
	content: "\e94f";
	font-size: 18px;
}

.features li.entrance:before {
	content: "\e94e";
	font-size: 28px;
}

.features li.lifeguard:before {
	content: "\e953";
	font-size: 26px;
}

.features li.facility:before {
	content: "\e93b";
	font-size: 30px;
}

.features li.picnics:before {
	content: "\e939";
	font-size: 28px;
}

.features li.beach-size:before {
	content: "\e947";
	font-size: 34px;
}

.features li.dangerous:before,
.features li.danger:before {
	content: "\e949";
	font-size: 20px;
	top: 25px;
}

.features li.activities:before {
	content: "\e93f";
	font-size: 24px;
}

.features li.ocean-activities:before {
	content: "\e94c";
	font-size: 35px;
}

.features li.proximity:before {
	content: "\e94d";
	font-size: 35px;
}

.features li.close-areas:before {
	content: "\e93e";
	font-size: 30px;
}

.features li.kids:before {
	content: "\e952";
	font-size: 28px;
}

.features li.culture:before {
	content: "\e935";
	font-size: 30px;
}

.features li.experience:before {
	content: "\e93d";
	font-size: 35px;
}

.features li.camping:before {
	content: "\e948";
	font-size: 28px;
}

.features li.sightseeing:before {
	content: "\e93c";
	font-size: 30px;
}

.features li.weddings:before {
	content: "\e945";
	font-size: 30px;
}

.features li.car:before {
	content: "\e903";
	font-size: 26px;
}

.features li.handshake:before {
	content: "\e904";
	font-size: 30px;
}

.features li.school:before {
	content: "\e905";
	font-size: 32px;
}

.features li.pet:before {
	content: "\e906";
	font-size: 35px;
}

.features li.backpack:before {
	content: "\e907";
	font-size: 32px;
}

.features li.packbox:before,
.features li.sortbox:before,
.features li.sort-box:before {
	content: "\e908";
	font-size: 26px;
}

.features li.key:before {
	content: "\e909";
	font-size: 35px;
}

.features li.plan:before {
	content: "\e90a";
	font-size: 30px;
}

.features li.community:before {
	content: "\e90b";
	font-size: 30px;
}

.features li i:before {
	color: #c2cecf;
	background-color: #c2cecf;
	font-size: 18px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.features li.features-top {
	padding-top: 25px;
	padding-bottom: 15px;
}

.features li.features-top i:before,
.features li.features-top span:before,
li.features-top span:before {
	color: rgb(8, 196, 219);
	font-size: 35px;
}

li.features-top:after {
	display: none !important;
}

.features li .d-1-3 i:nth-of-type(1):before {
	color: #ffa043;
	background-image: linear-gradient(90deg, #ffa043 0%, var(--golden-grass-50) 100%);
}

.features li .d-2-3 i:nth-of-type(1):before,
.features li .d-2-3 i:nth-of-type(2):before {
	color: #ffa043;
	background-image: linear-gradient(90deg, #ffa043 0%, var(--golden-grass-50) 100%);
}

.features li .d-3-3 i:before {
	color: #ffa043;
	background-image: linear-gradient(90deg, #ffa043 0%, var(--golden-grass-50) 100%);
}

.features li .fish i:before {
	font-size: 18px;
}

.features li .turtle i:before {
	font-size: 28px;
}

.features li .coral i:before {
	font-size: 30px;
}

.features li.density div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.features li.density div span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0;
	margin-right: 0;
}


@media (min-width: 495px) {
	.features li.density div span {
		padding-left: 10px;
		padding-right: 0;
		padding-top: 5px;
		padding-top: 5px;
		margin-left: auto;
	}
}

.features li.density div span i {
	padding-left: 1px;
	padding-right: 1px;
}

.star-rating-wrap {
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f1f5f6;
	gap: 10px;
}

@media (max-width: 679px) {
	.measure-content .star-rating-wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.stars-5 {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

.star-rating-wrap * {
	text-align: center;
}

.star-rating-wrap .label {
	white-space: nowrap;
}

.star-rating-wrap .label+p {
	margin-bottom: 0;
}

.star-rating {
	display: block;
	margin-top: 10px;
}

.r-overall {
	font-size: 12px;
	font-weight: bold;
	color: var(--golden-grass-50);
	letter-spacing: 0;
	margin-right: 6px;
	margin-bottom: 0;
	position: relative;
}

.starr {
	color: #c2cecf;
	position: relative;
	width: 17px;
	height: 17px;
	margin-left: 1px;
	margin-right: 1px;
}

.starr:before,
.starr:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'pomicons' !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e838";
	display: inline-block;
	font-size: 17px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.starr:before {
	color: #c2cecf;
}

.starr:after {
	color: #f4904b;
	width: 0;
}

.rate-1 .starr:nth-of-type(-n+1):after {
	width: 100%;
}

.rate-1.part-25 .starr:nth-of-type(2):after {
	width: 40%;
}

.rate-1.part-5 .starr:nth-of-type(2):after {
	width: 50%;
}

.rate-1.part-75 .starr:nth-of-type(2):after {
	width: 60%;
}

.rate-2 .starr:nth-of-type(-n+2):after {
	width: 100%;
}

.rate-2.part-25 .starr:nth-of-type(3):after {
	width: 40%;
}

.rate-2.part-5 .starr:nth-of-type(3):after {
	width: 50%;
}

.rate-2.part-75 .starr:nth-of-type(3):after {
	width: 60%;
}

.rate-3 .starr:nth-of-type(-n+3):after {
	width: 100%;
}

.rate-3.part-25 .starr:nth-of-type(4):after {
	width: 40%;
}

.rate-3.part-5 .starr:nth-of-type(4):after {
	width: 50%;
}

.rate-3.part-75 .starr:nth-of-type(4):after {
	width: 60%;
}

.rate-4 .starr:nth-of-type(-n+4):after {
	width: 100%;
}

.rate-4.part-25 .starr:nth-of-type(5):after {
	width: 40%;
}

.rate-4.part-5 .starr:nth-of-type(5):after {
	width: 50%;
}

.rate-4.part-75 .starr:nth-of-type(5):after {
	width: 60%;
}

.rate-5 .starr:nth-of-type(-n+5):after {
	width: 100%;
}

.rate-5.part-25 .starr:nth-of-type(5):after {
	width: 100%;
}

.rate-5.part-5 .starr:nth-of-type(5):after {
	width: 100%;
}

.rate-5.part-75 .starr:nth-of-type(5):after {
	width: 100%;
}


.main-features {
	padding-top: 20px;
	margin-bottom: 55px;
	min-height: 235px;
	width: 100%;
	text-align: center;
}

.main-features .feature-label {
	color: #414141;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.15;
	text-align: left;
	white-space: nowrap;
}

.main-features .feature-value {
	letter-spacing: .1em;
	line-height: 1.15;
	padding-top: 3px;
	padding-left: 10px;
	text-align: right;
}

.main-features--feature {
	border-bottom: 1px solid #f1f5f7;
	min-height: 70px;
	padding-left: 55px;
}

@media (min-width: 450px) {
	.main-features--feature {
		padding-left: 60px;
	}

	.main-features .feature-label {
		font-size: 22px;
	}
}

.main-features .main-dish {
	position: relative;
	left: 0;
	right: 0;
	border-radius: 50%;
	max-width: 200px;
}

@media (min-width: 650px) {
	.main-features .main-dish {
		position: absolute;
		max-width: 215px;
	}

	.main-features .feature-value {
		letter-spacing: .2em;
	}
}

.main-features--feature .pomicon {
	color: rgb(8, 196, 219);
	position: absolute;
	left: 0;
	width: 45px;
	text-align: center
}

.main-features--feature .pomicon-map-pin:before {
	font-size: 30px;
}

.main-features--feature .pomicon-dish-pot:before {
	font-size: 35px;
}

.main-features--feature .pomicon-cocktail-drink:before {
	font-size: 45px;
}

.menu-highlights {
	padding-top: 35px;
	margin-bottom: 30px;
}

.menu-highlights .label {
	display: block;
	margin-bottom: 30px;
}

.menu-highlights+hr {
	margin: 0;
	opacity: 0;
}

.checklist,
.checklist-2,
.checklist-normal,
.menu-highlights ul,
.features ul,
.more-about ul,
.features-spots,
.features {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.checklist li,
.checklist-2 li,
.menu-highlights li,
.more-about li {
	border-top: 1px solid #f1f5f7;
	color: #1d2835;
	font-weight: 300;
	min-height: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu-highlights li {
	padding-right: 55px;
}

.checklist-normal li {
	color: #1d2835;
	font-weight: 300;
	line-height: 1.55;
	min-height: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	position: relative;
}

.checklist-2 li {
	font-size: 17px;
	min-height: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 55px;
}

@media (min-width: 560px) {
	.checklist-2 li {
		padding-left: 20px;
	}
}

.checklist-2 li.features-top {
	border-top: none;
	padding-top: 35px;
	padding-bottom: 15px;
}

.more-about li {
	color: #758187;
	font-size: 17px;
	min-height: 38px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
}

.list-basic,
.list-basic-wrapper ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

.list-basic li,
.list-basic-wrapper ul li {
	border: none;
	padding-left: 15px;
}

.list-basic li:before,
.list-basic-wrapper ul li:before {
	content: "";
	height: 5px;
	width: 5px;
	border-radius: 50%;
	position: absolute;
	top: 17px;
	left: 0px;
	background: #758187;
	margin: 0;
}

.features-compact .list-basic li:first-child,
.features-compact .list-basic-wrapper ul li:first-child {
	border: none;
}

.more-about li:after {
	color: #1d2835;
	color: rgb(29, 40, 53);
}

.more-about li:last-child {
	border-bottom: none;
}

.checklist li:last-child,
.menu-highlights li:last-child {
	border-bottom: 1px solid #f1f5f7;
}

.checklist li:after,
.checklist-normal li:after,
.checklist-2 li:after,
.menu-highlights li:after,
.more-about li:after {
	content: "\f121";
	position: absolute;
	right: 20px;
}

.list-basic li:after,
.list-basic-wrapper ul li:after {
	content: "";
}

.more-about li:after {
	right: 0;
}

.checklist,
.checklist-normal {
	padding-left: 17px;
	padding-top: 10px;
}

.checklist li,
.checklist-normal li {
	border: none !important;
	color: #758187;
	font-size: 17px;
	min-height: 38px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 28px;
	padding-right: 0;
}

.checklist li a {
	padding-left: 5px;
	padding-right: 5px;
}

.checklist li:after,
.checklist-normal li:after {
	color: #1d2835;
	color: rgb(29, 40, 53);
	left: 0;
	right: auto;
	top: 11px;
}

.menu-highlights li.menu-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.menu-highlights li.menu-link a {
	margin-right: -40px;
	margin-left: auto;
	font-weight: bold;
	font-size: 11px;
	color: var(--golden-grass-50);
	letter-spacing: .25em;
	text-transform: uppercase;
	font-family: "Open Sans";
	position: relative;
	/* padding-right: 15px; */
	text-decoration: none;
}

.menu-highlights li.menu-link a:after {
	content: "\f3d3";
	font-size: 14px !important;
	position: absolute;
	top: 0px !important;
	right: 0;
}

.menu-highlights li.menu-link:after {
	content: "";
}

.list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 3em;
}

.list li {
	padding-top: 7px;
	padding-bottom: 7px;
}

.border-top {
	border-top: 1px solid #f1f5f7;
}

.border-bottom {
	border-bottom: 1px solid #f1f5f7;
}

.li-border-top li {
	border-top: 1px solid #f1f5f7;
}

.li-border-bottom li {
	border-bottom: 1px solid #f1f5f7;
}

.section-footer {
	color: #758187;
	line-height: 30px;
	text-align: center;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	text-align: center;
}

@media (max-width: 360px) {
	.section-footer br {
		display: none;
	}
}

.section-footer-text {
	margin-bottom: 20px;
}

.col-3,
.columns {
	margin-left: 1px;
	margin-bottom: 25px;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 600px) {

	.col-3,
	.columns {
		overflow: hidden;
	}
}

.col-3>div,
.columns>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	position: relative;
	padding: 10px;
}

.col-3>div:after,
.columns>div:after {
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	position: absolute;
	background: #e4e4e4;
}

.col-3+hr {
	opacity: 0;
}

.col-3 .h3.color-red {
	font-weight: 300;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 28px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.col-3 .pb0 {
	padding-bottom: 0 !important;
}

.col-3 .pt0 {
	padding-top: 0 !important;
}

@media (max-width: 719px) {
	.col-3 {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}

	.col-3 .h3.color-red {
		font-size: 24px;
	}
}

@media (min-width: 720px) {
	.col-3>div {
		float: left;
		min-height: 190px;
		margin-left: -1px;
		padding-top: 0;
		padding-bottom: 20px;
		width: 33.33333%;
	}

	.columns>div {
		float: left;
		margin-left: -1px;
		padding-top: 0;
		padding-bottom: 20px;
	}

	.col-2>div {
		width: 50%;
	}

	.col-3>div:before,
	.col-3>div:after,
	.columns>div:before,
	.columns>div:after {
		content: "";
		width: 1px;
		height: 70%;
		top: 30%;
		left: 0;
		position: absolute;
		background: #e4e4e4;
	}

	.col-3>div:after,
	.columns>div:after {
		left: auto;
		right: 0;
	}

	.col-2>div:first-child:before,
	.col-2>div:last-child:after {
		content: none;
	}
}

.col-3>div .label,
.columns>div .label {
	margin-top: 0 !important;
}

.col-3>div>.label,
.columns>div>.label {
	padding-bottom: 15px;
}

.col-3>div *,
.columns>div * {
	margin-top: auto !important;
	margin-bottom: auto !important;
	padding-top: 10px;
	/* padding-bottom: 10px; */
}

.col-3 .label.small,
.columns .label.small {
	display: block;
	margin-bottom: -3px !important;
	margin-top: 10px;
}

.col-3 .label.small+br,
.columns .label.small+br {
	display: none;
}

.col-3.flex {
	margin-top: 50px;
}

.col-3.flex+hr {
	display: none;
}

.col-3.flex+.section-footer,
.col-3.flex+hr+.section-footer {
	margin-top: 50px;
}

p:empty {
	display: none;
	position: absolute;
}

.acf-section .slide img {
	width: 100%;
}

.acf-section .slide img {
	width: 100%;
}

.acf-section .slick-slider {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.gallery-wrapper {
	position: relative;
	z-index: 20;
}

.gallery-layout+.content-layout {
	margin-top: 65px;
}

/* RoyalSlider */
/* Core RS CSS file.  */
.royalSlider {
	position: relative;
	direction: ltr;
	-webkit-backface-visibility: hidden;
}

/* .royalSlider > * {
	float: left;
} */

.royalSlider>.rsContent,
.royalSlider>.rsSlideRoot {
	visibility: hidden;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink,
.rsWebkit3d .rsContent,
.rsWebkit3d .rsBtnCenterer {
	-webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d .rsContent,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}

.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: -webkit-grab;
	cursor: grab;
}

.rsOverflow:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.images-no_1 .rsOverflow {
	cursor: default;

}

.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}

.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto !important;
}


.rsContent {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.rsAutoHeight .rsContent {
	position: relative;
	height: auto;
}

.rsPreloader {
	position: absolute;
	z-index: 0;
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

.rsNav {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.rsNavItem {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}

.rsTabs {
	float: left;
	background: none !important;
}

.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}

.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock,
.rsSBlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;

}

/* @media only screen and ( min-width: 990px ) {
	img.rsImg {
		max-width: none;
	}
} */

.grab-cursor {
	cursor: url(images/grab.png) 8 8, move;
}

.grabbing-cursor {
	cursor: url(images/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

a.rsLink {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 20;
	background: url(images/blank.gif);
	-webkit-backface-visibility: hidden;
	outline: none;
	padding: 0;
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.abBlackBox {
	color: #FFF;
	background: #000;
	background: rgba(0, 0, 0, 0.75);
	padding: 15px;
}

.abWhiteBox {
	color: #000;
	background: #FFF;
	background: rgba(255, 255, 255, 0.75);
	padding: 15px;
}

.abTextAlignCenter {
	text-align: center;
}

/******************************
*
*  RoyalSlider Default Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	/*background: #151515;*/
	color: #758187;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;

}

.rsDefault.rsVer .rsArrowLeft {
	top: 0;
	left: 0;
}

.rsDefault.rsVer .rsArrowRight {
	bottom: 0;
	left: 0;
}

.rsDefault.rsHor .rsArrowLeft {
	left: 0;
	top: 0;
}

.rsDefault.rsHor .rsArrowRight {
	right: 0;
	top: 0;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
	opacity: .45;
	filter: alpha(opacity=45);
}


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	/* bottom: 25px; */
	bottom: 4.5%;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	line-height: normal;
	overflow: hidden;
}

.rsDefault .rsBullets * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.rsDefault .rsBullet {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 8px 10px 8px;
	vertical-align: middle;
	transition: opacity .25 ease;
	cursor: pointer;
}

.rsDefault .rsBullet span {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid transparent;
	border-radius: 50%;
	background: #fff;
	background: rgba(255, 255, 255, 0.99);


	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.rsDefault .rsBullet:hover {
	opacity: .9;
}

.rsDefault .rsBullet.rsNavSelected span {
	background-color: transparent;
	border: 1px solid #fff;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.rsVideoPlaying .rsBullets {
	display: none !important;
}

/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;

}

.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	*background-color: #000;
	border-radius: 2px;

}

.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}


/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsBtnCenterer {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 110px;
	height: 110px;
	margin-left: -55px;
	margin-top: -55px;
}

.rsDefault .rsPlayBtn,
.btn-play {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	width: 110px;
	height: 110px;
	cursor: pointer;
}

.rsDefault .rsPlayBtnIcon,
.btn-play_icon {
	display: block;
	width: 110px;
	height: 110px;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.55);
	*background-color: #fff;

	position: relative;
}

.rsDefault .rsPlayBtnIcon:before,
.btn-play_icon:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin-top: -9px;
	margin-left: -6px;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 16px;
	border-color: transparent transparent transparent #ffffff;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon,
.btn-play_icon:hover,
.video-wrapper .rsPlayBtnIcon:hover {
	background-color: #D8A819;
	background-color: rgba(216, 168, 25, 0.9);
}

.video-pop-wrapper {
	position: relative;
}

#home-intro .video-pop-wrapper {
	margin-top: 65px;
	margin-bottom: 35px;
}

.btn-play {
	position: absolute;
	left: 50%;
	top: 50%;
}

.video-pop-wrapper .btn-play,
.hero-image-wrapper .btn-play {
	margin-left: -55px;
	margin-top: -55px;
}

.rsCloseVideoBtn {
	right: 14px;
	top: 2px;
	width: 38px;
	height: 38px;
	z-index: 100;
	position: absolute;
	cursor: pointer;
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%)
}

.rsVideoFrameHolder:hover .rsCloseVideoBtn {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0);
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -22px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	box-sizing: content-box;
	/* background: rgba(23,35,34,.25); */
	border-radius: 3px;
	position: relative;
}

.rsDefault .rsCloseVideoIcn:before {
	content: "\00d7";
	color: #fff;
	font-size: 36px;
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
}

.rsDefault .rsCloseVideoIcn:hover {
	background-color: #00aeef;
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width: 20px;
	height: 20px;
	background-image: url(images/preloader-white.gif);
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;

	/* border-radius: 50%;
	-webkit-animation: lds-eclipse 1s linear infinite;
	animation: lds-eclipse 1s linear infinite;
	box-shadow: 0 2px 0 0 #f7931e; */
}


/***************
*
*  8. Global caption
*
****************/
.rsGCaption,
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: -25px;
	left: 0;
	text-align: left;
	color: #758187;
	width: auto;
	font-size: 15px;
}

.rsCaption {
	color: #758187;
	font-size: 15px;
}

/* Arrows */

.rs-prev-wrap,
.rs-next-wrap {
	position: absolute;
	top: 50%;
	display: block;
	background: transparent !important;
	min-width: auto;
	height: 120px;
	margin-top: -60px;
}

.rsDefault .rsArrow {
	position: absolute;
	top: 0;
	display: block;
	background: transparent !important;
	width: 80px;
	/*border: 2px dotted yellow;*/
}

.rs-prev-wrap {
	left: -110px;
}

.rs-next-wrap {
	right: -110px;
}

.rsArrowLeft {
	margin-left: -100px;
	background: pink !important;
}

.rsArrowRight {
	margin-right: -100px;
	background: pink !important;
}

.slick-prev,
.slick-next,
.rs-prev,
.rs-next,
.rsArrowLeft .rsArrowIcn,
.rsArrowRight .rsArrowIcn {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	min-width: auto;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev,
.slick-next,
.rs-prev,
.rs-next,
.rsArrowLeft .rsArrowIcn,
.rsArrowRight .rsArrowIcn {
	overflow: hidden;
	font-size: 12px;
	/*set the size for arrow*/
	width: 66px;
	height: 66px;
	margin-top: -33px;
	top: 50%;
	z-index: 99;
}

.slick-next,
.rs-next,
.rsArrowLeft .rsArrowIcn {
	border-top: 1px solid #758187;
	border-left: 1px solid #758187;
	transform: rotate(-54deg) skew(-20deg);
	right: 0;

}

.slick-prev,
.rs-prev,
.rsArrowRight .rsArrowIcn {
	border-top: 1px solid #758187;
	border-right: 1px solid #758187;
	transform: rotate(54deg) skew(20deg);
	left: 0;
}

@media (max-width: 1180px) {

	.entry-content .rsArrowLeft,
	.entry-content .rsArrowRight {
		margin-left: 0;
		margin-right: 0;
		width: 60px;
		height: auto;
		top: 60px;
		bottom: 60px;
	}

	.rsDefault.rsHor .rsArrowLeft {
		top: 60px;
	}

	.rsDefault.rsHor .rsArrowRight {
		top: 60px;
	}

	.slick-prev,
	.slick-next,
	.rs-prev,
	.rs-next,
	.rsArrowLeft .rsArrowIcn,
	.rsArrowRight .rsArrowIcn {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}

	.slick-next,
	.rs-next,
	.rsArrowLeft .rsArrowIcn {
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	.slick-prev,
	.rs-prev,
	.rsArrowRight .rsArrowIcn {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
}


@media (max-width: 630px) {

	.entry-content .rsArrowLeft,
	.entry-content .rsArrowRight {
		width: 40px;
	}

	.slick-prev,
	.slick-next,
	.rs-prev,
	.rs-next,
	.rsArrowLeft .rsArrowIcn,
	.rsArrowRight .rsArrowIcn {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}


.rsArrowLeft .rsArrowIcn:hover,
.rsArrowRight .rsArrowIcn:hover,
.rsArrowLeft .rsArrowIcn:focus,
.rsArrowRight .rsArrowIcn:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.acf-sections-pagination {
	display: none;
}

.rsSlide {
	background-color: #EAF5F9;
}

.slide-item-singular {
	width: 100%;
	height: auto;
	clear: both;
	display: block;
}

.slide-item-singular img .slide-item-singular img.rsImg {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
}

.slide-item img {
	max-height: 540px;
	margin-top: 0 !important;
}


/* ==========================================================================
   # Layout
   ========================================================================== */

#main {
	padding-top: 70px;
}

.no-js_REMOVE #main {
	padding-top: 0;
}

.singular-post #main {
	position: relative;
}

.archive .main-inner .grid-offset,
.search .main-inner .grid-offset {
	margin-left: -7px;
	margin-right: -7px;
}

.categories-masonry {
	background-color: #999999;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

@media (min-width: 1024px) {
	.categories-masonry {
		height: calc(100vh) !important;
		height: calc(100vh - 70px) !important;
	}
}

.category-element {
	opacity: 0.000001;
	-webkit-transition: opacity .6s linear .3s;
	transition: opacity .6s linear .3s;
}

.images-visible .category-element {
	opacity: 1;
}

.categories-masonry .category-element {
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	/* background-color: #121819; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
}

.categories-masonry .category-element:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: #121819;
	opacity: .1;
	z-index: 1;
	-webkit-transition: opacity 2s ease-out;
	transition: opacity 2s ease-out;
}

.categories-masonry .category-element:hover:after {
	opacity: .5;
}

.categories-masonry .category-element--inner {
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	/* background-color: #121819; */
	width: 100%;
	height: 100%;
	-webkit-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
	-webkit-transform: scale(1.005);
	transform: scale(1.005);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.categories-masonry .category-element:hover .category-element--inner {
	-webkit-transform: scale(1.2);
	transform: scale(1.2) rotate(0.02deg);
	-webkit-transition: -webkit-transform 10s ease-out;
	transition: transform 10s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.category-title-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 10;
}

.category-title-wrap {
	text-decoration: none;
}

.category-title-wrap .category-title,
.category-title-wrap p {
	color: #fff;
}

.category-title-wrap .category-title {
	margin-top: 30px;
	margin-bottom: 15px;
	position: relative;
}

.category-title-wrap p {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}

.category-title-wrap .btn {
	margin-top: 25px;
	margin-bottom: -52px;
	opacity: 0;
	transition: all .55s ease .1s;
}

.categories-masonry .category-element:hover .category-title-wrap .btn {
	margin-bottom: 25px;
	opacity: 1;
	transition: all .75s ease .1s;
}

@media (min-width: 360px) and (max-width: 370px) {
	.category-title-wrap br {
		display: none;
	}
}

@media (min-width: 1024px) {
	.categories-masonry .category-element:hover .category-title-wrap .btn {
		margin-bottom: 55px;
	}
}

@media (min-width: 360px) and (max-width: 1023px) {

	.categories-masonry .category-element.size-3-7:hover .category-title-wrap .btn,
	.categories-masonry .category-element.size-1-7.c-02:hover .category-title-wrap .btn {
		margin-bottom: 55px;
	}

	.category-title-wrap .category-title {
		line-height: 1.1;
	}
}

.category-element .menu-subsidiary ul {
	margin-top: 0;
	margin-bottom: 0;
}

.category-element .menu-subsidiary {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
	max-width: 380px;
	text-align: center;
	top: 50%;
	transition: all .55s ease .1s;
	z-index: 10;
}

.category-element .social-navigation li a {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.category-element .social-navigation li a:hover {
	color: #fff;
	color: rgba(255, 255, 255, 1);
}

.categories-masonry .category-element:hover .menu-subsidiary {
	margin-top: -50px;
	transition: all .75s ease .35s;
}

@media (max-width: 1279px) {
	.categories-masonry .category-element:hover .menu-subsidiary {
		margin-top: -85px;
	}
}

@media (max-height: 920px) {
	.categories-masonry .category-element:hover .menu-subsidiary {
		margin-top: -85px;
	}
}

.category-element .social-navigation li {
	font-size: 17px;
}

.social-navigation li svg {
	font-size: 17px;
}

.size-1-7 {
	width: 100%;
}

.size-2-7 {
	width: 100%;
}

.size-3-7 {
	width: 100%;
}

.c-01,
.c-02,
.size-1-7.c-02,
.c-07 {
	height: 300px;
}

.c-03,
.c-04,
.c-05,
.c-06 {
	height: 300px;
}

.category-title-wrap {
	padding-left: 5px;
	padding-right: 5px;
}

@media (max-width: 374px) {
	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .2em;
		min-width: 120px;
		padding: 1.245em 1.755em 1.245em;
	}
}

@media (max-width: 360px) {
	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .2em;
		min-width: 120px;
		padding: 1.245em 1.755em 1.245em;
	}
}

@media (min-width: 360px) and (max-width: 1023px) {
	.size-1-7 {
		width: 50%;
	}

	.size-2-7 {
		width: 50%;
	}

	.size-3-7 {
		width: 100%;
	}
}

@media (min-width: 1024px) {

	.categories-masonry .size-1-7 {
		width: calc(100% / 7);
	}

	.categories-masonry .size-2-7 {
		width: calc((100% / 7) * 2);
	}

	.categories-masonry .size-3-7 {
		width: calc((100% / 7) * 3);
	}

	.categories-masonry .boat-el {
		width: 17.85714285713429%;
	}

	.categories-masonry .mauimade-el {
		width: 25%;
	}

	.categories-masonry div {
		background-position: center;
	}
}

@media (min-width: 360px) and (max-width: 749px) {

	.c-01,
	.c-07 {
		height: 350px;
	}

	.c-02,
	.size-1-7.c-02 {
		height: 500px;
	}

	.c-03,
	.c-04,
	.c-05,
	.c-06 {
		height: 250px;
	}

	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .15em;
		min-width: 120px;
		padding: 1.245em 1em 1.245em;
	}

	.categories-masonry .c-01 .category-element--inner,
	.categories-masonry .c-07 .category-element--inner {
		background-position: top;
	}
}

@media (min-width: 750px) and (max-width: 979px) {

	.c-01,
	.c-07 {
		height: 400px;
	}

	.c-02,
	.size-1-7.c-02 {
		height: 500px;
	}

	.c-03,
	.c-04,
	.c-05,
	.c-06 {
		height: 250px;
	}

	.categories-masonry .c-01 .category-element--inner,
	.categories-masonry .c-07 .category-element--inner {
		background-position: top;
	}

	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .15em;
		min-width: 120px;
		padding: 1.245em 1em 1.245em;
	}
}

@media (min-width: 980px) and (max-width: 1023px) {

	.c-01,
	.c-07 {
		height: 400px;
	}

	.c-02,
	.size-1-7.c-02 {
		height: 500px;
	}

	.c-03,
	.c-04,
	.c-05,
	.c-06 {
		height: 250px;
	}

	.categories-masonry .c-01 .category-element--inner,
	.categories-masonry .c-07 .category-element--inner {
		background-position: top;
	}

	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .15em;
		min-width: 120px;
		padding: 1.245em 1em 1.245em;
	}
}

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

	/*.c-01, .c-02, .size-1-7.c-02, .c-07 { height: 500px; }
	.c-03, .c-04, .c-05, .c-06 { height: 250px; }*/
	.c-01,
	.c-02,
	.size-1-7.c-02,
	.c-07 {
		height: 62%;
	}

	.c-03,
	.c-04,
	.c-05,
	.c-06 {
		height: 38%;
	}

	.categories-masonry h3 {
		font-size: 2em;
	}

	.category-title-wrap .btn {
		height: auto;
		letter-spacing: .15em;
		min-width: 120px;
		padding: 1.245em 1em 1.245em;
	}
}

@media (min-width: 1461px) {

	/*.c-01, .c-02, .size-1-7.c-02, .c-07 { height: 574px; }
	.c-03, .c-04, .c-05, .c-06 { height: 287px; }*/
	.c-01,
	.c-02,
	.size-1-7.c-02,
	.c-07 {
		height: 62%;
	}

	.c-03,
	.c-04,
	.c-05,
	.c-06 {
		height: 38%;
	}
}

.cta-layout {
	display: block;
	position: relative;
	top: -40px;
	width: 100%;
}

.cta-footer {
	top: 0;
}

.cta-large {
	background-color: #1d2835;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 615px;
	position: relative;
	text-align: center;
}

.cta-large--inner-wrapper {
	width: 100%;
}

.cta-large--inner-wrapper.spotcolumns-2 {
	width: 100%;
}

@media (min-width: 615px) {
	.cta-layout {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.cta-large--inner-wrapper.spotcolumns-2 {
		width: 50%;
	}
}

.cta-large--inner {
	min-height: 320px;
	padding: 30px;
	/* margin: auto;
	margin-left: 0;
	margin-right: 0; */
}

.spotcolumns-2 .cta-large--inner {
	max-width: 330px;
}

.spotcolumns-2 .cta-large--inner-wrapper {
	margin-right: auto;
	background-position: bottom center;
}

@media (min-width: 1024px) {
	.spotcolumns-2 .cta-large--inner-wrapper:first-of-type .cta-large--inner {
		margin-right: 50px;
	}

	.spotcolumns-2 .cta-large--inner-wrapper:last-of-type .cta-large--inner {
		margin-left: 50px;
	}
}

.cta-title {
	color: #fff;
	margin-bottom: 10px;
	margin-top: 55px;
}

.spotcolumns-2 .cta-title {
	margin-top: 25px;
}

.cta-large--inner p {
	color: #fff;
	margin-bottom: 2em;
}

.cta-large--inner .btn {
	min-width: 178px;
}

.intro-content {
	/* background-image: url(images/leaf-blue-bg.jpg); */
	background-image: url(images/leaf-blue-bg-jpg.webp);
	background-repeat: repeat;
	background-position: top center;
	/* background-size: cover; */
	background-color: var(--midnight-blue-40);
	color: #fff;
	min-height: 755px;
	width: 100%;
	overflow: hidden;
}

.home .intro-content {
	/* background-image: url(images/video-blue-bg-3.png), url(images/leaf-blue-bg-2.jpg);
	background-position: right bottom, left top;
	background-size: contain, cover; */
}

.intro-content a {
	color: #fff;
	font-weight: 400;
}

.intro-content.intro-content-404 {
	min-height: 600px;
	position: relative;
}

.intro-content-404--inner {
	position: relative;
	padding-top: 100px;
}

@media (min-width: 920px) {
	.intro-content.intro-content-404 {
		min-height: 700px;
	}

	.intro-content-404--inner {
		padding-top: 150px;
	}
}

.intro-content .entry-header {
	color: #fff;
	text-align: left;
}

.intro-content .entry-header .home-title {
	color: #fff;
}

.separator--horizontal:before {
	content: "";
	clear: both;
	background-color: #bfd2d9;
	display: block;
	height: 1px;
	width: 65px;
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
}

.separator--horizontal-short:before {
	content: "";
	clear: both;
	background-color: #cbd4db;
	display: block;
	height: 1px;
	width: 35px;
	margin-bottom: 18px;
	margin-top: 12px;
	margin-left: 1px;
	margin-right: auto;
}

@media (min-width: 920px) {

	.separator--horizontal:before {
		margin-left: 0;
	}
}

/* ==========================================================================
   # Posts
   ========================================================================== */

.singular .entry-header {
	text-align: center;
}

.singular-post .entry {
	padding-bottom: 150px;
}

.singular-post .entry-header {
	background: #eaf5f9;
	padding-bottom: 45px;
}

.singular-post .has-post-thumbnail .entry-header,
.singular-post .protected___ .entry-header {
	padding-bottom: 120px;
}

.singular-post .has-excerpt .entry-header,
.singular-post .has-intro-text.entry-header {
	padding-bottom: 0;
}

.article-intro {
	padding-bottom: 28px;
}

.has-post-thumbnail .article-intro,
.protected___ .article-intro {
	margin-bottom: 45px;
}

.hero-image-wrapper {
	margin-top: -60px;
}

.has-excerpt .hero-image-wrapper,
.has-intro-text .hero-image-wrapper {
	margin-top: -70px;
}

.top-content {
	padding-top: 25px;
	padding-bottom: 25px;
}

.mid-content {
	padding-bottom: 25px;
}

.top-content-empty {
	padding-top: 25px;
}

@media only screen and (min-width: 720px) {
	.article-intro {
		padding-bottom: 48px;
	}

	.has-post-thumbnail .article-intro,
	.protected___ .article-intro {
		margin-bottom: 245px;
	}

	.hero-image-wrapper {
		margin-top: -100px;
	}

	.has-excerpt .hero-image-wrapper,
	.has-intro-text .hero-image-wrapper {
		margin-top: -245px;
	}

	.top-content {
		padding-top: 78px;
		padding-bottom: 50px;
	}

	.mid-content {
		padding-bottom: 50px;
	}

	.top-content-empty {
		padding-top: 70px;
	}
}

.home .entry-header {
	text-align: left;
}

.archive-header {
	margin-bottom: 2.5rem;
	padding-bottom: .5rem;
	min-height: 690px;
	overflow: hidden;
}

.search .archive-header,
.taxonomy-category .archive-header,
.author-archive-header {
	background-color: #182131;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.author-archive-header .description {
	color: #fff;
	margin-bottom: -20px;
	opacity: .8;
}

.taxonomy-category-snorkeling-maui .archive-header {
	background-color: #2799B4;
}

.taxonomy-category .archive-header:after {
	content: "";
	position: absolute;
	top: 0;
	background-color: #182131;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity .855s;
	transition: opacity .855s;
}

.taxonomy-category-snorkeling-maui .archive-header:after {
	background-color: #26ABCA;
}

.taxonomy-category .images-loaded.archive-header:after,
.no-js_REMOVE .taxonomy-category .images-loaded.archive-header:after {
	opacity: 0;
}

@media only screen and (max-width: 500px) {

	.taxonomy-category .images-loaded.archive-header:after,
	.no-js_REMOVE .taxonomy-category .images-loaded.archive-header:after {
		opacity: .5;
	}
}

.intro-content--inner {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 75px;
	padding-bottom: 200px;
	position: relative;
	z-index: 10;
}

@media (min-width: 750px) {
	.intro-content--inner {
		padding-top: 110px;
	}
}

.archive-header--inner {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 200px;
	position: relative;
	z-index: 10;
}

@media only screen and (min-width: 500px) {
	.archive-header--inner {
		padding-top: 110px;
	}
}

.paged .archive-header {
	margin-bottom: 2.5rem;
	padding-bottom: .5rem;
	min-height: 400px;
}

.paged .archive-header--inner {
	padding-top: 50px;
}

@media (min-width: 900px) {
	.archive-header--inner {
		padding-left: 85px;
	}
}

.intro-content--inner {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.intro-content--inner .grid-50 {
	width: 100%;
}

.intro-content--inner .royalSlider {
	margin-top: 25px;
	margin-bottom: 50px;
}

.intro-content .video-wrapper {
	margin-top: 25px;
	margin-bottom: 70px;
	min-height: 150px;
}

.video-wrapper .label {
	text-align: center;
	line-height: 1.25;
	display: block;
	margin-bottom: 5px;
}

.intro-content .video-wrapper .label {
	color: #fff;
}

@media (min-width: 960px) {
	.intro-content .rsDefault .rsBtnCenterer {
		margin-left: -10px;
		margin-top: -55px;
	}
}

@media (min-width: 960px) {
	.intro-content--inner .grid-50 {
		width: 50%;
	}

	.intro-content--inner .royalSlider {
		margin-top: 55px;
		margin-bottom: 0;
	}

	.intro-content .video-wrapper {
		margin-top: 55px;
		min-height: 300px;
	}
}

.archive-title {
	color: #ededed;
	margin-top: 35px;
	margin-bottom: 0.333em;
}

@media (max-width: 390px) {
	.archive-title {
		font-size: 35px;
	}
}

.archive-description {
	color: #ededed;
}

.taxonomy-category-snorkeling-maui .archive-description {
	color: #f2f2f2;
}

.singular .entry-title,
.page-title {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0.55em;
}

.card a {
	text-decoration: none;
}

.card .entry-terms a {
	color: var(--midnight-blue-40);
}

.card .entry-terms a:hover {
	color: var(--golden-grass-50);
}

.card .entry-header {
	padding-left: 9%;
	padding-right: 9%;
}

.card .entry-summary {
	padding-left: 9%;
	padding-right: 9%;
	padding-bottom: 25px;
	position: relative;
}

.card .entry-title,
.page-template-styleguide .card .entry-header .entry-title {
	font-size: 1.882em;
	margin-top: 0;
	margin-bottom: 0.55em;
	text-align: left;
}

.card .entry-title a,
.page-template-styleguide .card .entry-header .entry-title a {
	font-weight: normal;
}

.card .description {
	margin-bottom: 1em;
	text-align: left;
	position: relative;
	z-index: 10;
}

.card .entry-summary p {
	color: #758187;
}

.title-prefix {
	margin-bottom: 1.3em;
}

.entry-title a {
	color: #1d2835;
	text-decoration: none;
}

.entry-title a:hover {
	color: #758187;
}

.search-header .label {
	font-size: 12px;
	display: block;
	text-align: left;
	color: #fff;
}

.search-header p {
	color: #ededed;
	margin-bottom: 0;
}

.facetwp-selections ul {
	margin-left: 0;
	margin-bottom: 0;
	margin-top: -2px;
	padding: 0;
}

.facetwp-selections li {
	color: #ededed;
}

.facetwp-selections .facetwp-selection-value {
	background-image: none !important;
	position: relative;
}

.facetwp-selections .facetwp-selection-value:after {
	content: '×';
	position: absolute;
	right: 3px;
	top: -3px;
	font-weight: normal;
	opacity: .75;
	transition: opacity .5s;
}

.facetwp-selections .facetwp-selection-value:hover:after {
	opacity: 1;
}

.entry-byline {
	line-height: 1.3;
	padding-top: 50px;
	margin-bottom: 5px;
}

.entry-byline span {
	display: block;
	min-height: 10px;
}

.entry-byline .entry-published {
	font-weight: 400;
}

.entry-byline a,
.entry-byline a:visited,
.format-status .entry-footer a,
.format-status .entry-footer a:visited {
	color: #758187;
	font-weight: 300;
	text-decoration: none;
}

.entry-byline a:hover,
.format-status .entry-footer a:hover {
	color: inherit;
}

.entry-byline .post-by {
	font-style: italic;
	font-weight: 300;
}

.comments-sep:after {
	content: "\0007C";
	font-weight: 300;
	font-family: inherit;
	font-style: normal;
	margin-left: 3px;
	margin-right: 5px;
	display: inline-block;
	margin-top: -1px;
}

.comments-sep:before {
	font-size: 1.2em;
	margin-left: 4px;
	margin-right: 5px;
}

.cl-text .comments-sep:before {
	display: none
}

.cl-icon .comments-sep:after,
.format-status .comments-sep:after {
	display: none
}

.home .cl-hidden--excerpt,
.archive .cl-hidden--excerpt,
.singular-post .cl-hidden--full,
.cl-icon .comments-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.cl-icon .comments-number {
	font-weight: normal;
}

.comments-sep.no-comments.cl-zero-hide,
.comments-sep.no-comments.cl-zero-hide:before {
	display: none;
}

.comments-link.zero-comments.cl-zero-hide {
	display: none;
}

.post-edit-link,
.post-edit-link:visited {
	color: #758187;
	font-family: "Open Sans", Oxygen-Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: bolder !important;
	display: inline;
	line-height: 1;
	left: 9%;
	bottom: 22px;
	position: absolute;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .25em;
	opacity: .5;
}

.post-thumbnail {
	margin-bottom: 1.5em;
	display: block;
}

.post-thumbnail img,
.gallery-post-thumbnail,
.format-gallery .img-hyperlink {
	display: block;
}

/* === Post content and excerpts === */

.archive .post,
.blog .post,
.search .entry {
	float: left;
	margin-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	width: 100%;
}

@media only screen and (max-width: 600px) {

	.archive .post,
	.blog .post,
	.search .entry {
		float: none;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
}

.facetwp-loaded .post,
.facetwp-template .post {
	/* float: none;
	position: absolute;
	left: 45%;
	top: 0; */
	opacity: 0;
	transition: opacity .28s ease-in-out;
}

.facetwp-loaded .post.packery-appended,
.facetwp-template .post.packery-appended {
	opacity: 1;
}


.facetwp-loaded .post .card,
.facetwp-template .post .card {
	opacity: 0;
	transition: opacity .5s ease,
		-webkit-transform-transform .5s ease-in-out,
		-ms-transform .5s ease-in-out,
		transform .5s ease-in-out;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}

.facetwp-loaded .post.packery-appended .card,
.facetwp-template .post.packery-appended .card {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.facetwp-loaded .post .card img,
.facetwp-template .post .card img {
	opacity: 0;
	transition: opacity 2s ease;
}

.facetwp-loaded .post.img-loaded .card img,
.facetwp-template .post.img-loaded .card img {
	opacity: 1;
}

.archive .entry .card,
.search .entry .card {
	position: relative;
}

.archive .entry:last-of-type .card,
.search .entry:last-of-type .card {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
	-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
	box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
}

.archive .entry:last-of-type:after,
.search .entry:last-of-type:after {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
	content: '';
	display: block;
	height: 250px;
	width: 100%;
	position: absolute;
	bottom: -30px;
	left: 0;
	visibility: visible;
}

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

	.archive .post,
	.blog .post,
	.search .entry {
		width: 33.33333%;
	}

	.archive .entry:last-of-type .card,
	.archive .entry:nth-last-of-type(2) .card,
	.archive .entry:nth-last-of-type(3) .card,
	.search .entry:last-of-type .card,
	.search .entry:nth-last-of-type(2) .card,
	.search .entry:nth-last-of-type(3) .card {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
		-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
		box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
	}

	.archive .entry:last-of-type:after,
	.archive .entry:nth-last-of-type(2):after,
	.archive .entry:nth-last-of-type(3):after,
	.search .entry:last-of-type:after,
	.search .entry:nth-last-of-type(2):after,
	.search .entry:nth-last-of-type(3):after {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
		content: '';
		display: block;
		height: 250px;
		width: 100%;
		position: absolute;
		bottom: -30px;
		left: 0;
		opacity: 1;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1099px) {

	.archive .post,
	.blog .post,
	.search .entry {
		width: 50%;
	}

	.archive .entry:last-of-type .card,
	.archive .entry:nth-last-of-type(2) .card,
	.search .entry:last-of-type .card,
	.search .entry:nth-last-of-type(2) .card {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
		-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
		box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.051);
	}

	.archive .entry:last-of-type:after,
	.archive .entry:nth-last-of-type(2):after,
	.search .entry:last-of-type:after,
	.search .entry:nth-last-of-type(2):after {
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
		content: '';
		display: block;
		height: 250px;
		width: 100%;
		position: absolute;
		bottom: -30px;
		left: 0;
		visibility: visible;
	}
}

.posts-deck {
	margin-top: -180px;
	margin-bottom: 200px;
	position: relative;
	z-index: 100;
}

@media (min-width: 600px) {
	.posts-deck .post:nth-child(2) {
		padding-top: 70px;
	}
}

.top-content .pom-gallery-collage+div,
.top-content .gallery+div {
	margin-bottom: 50px;
}

.collage,
.pom-gallery-collage,
.top-content .gallery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	clear: both;
	margin-top: 75px;
	margin-bottom: 70px;
}

.collage img,
.pom-gallery-collage img,
.top-content .gallery img {
	transition: all .5s;
}


.top-content .galleryid-5008 {
	margin-top: -45px;
}

.collage:before,
.collage:after,
.top-content .gallery:before,
.top-content .gallery:after {
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.collage:after,
.top-content .gallery:after {
	clear: both;
}

.collage-4>*,
.top-content .gallery-4>* {
	width: 33.33333%;
	float: left;
}

.pom-gallery-collage .gallery-item,
.top-content .gallery .gallery-item {
	width: 33.33333%;
	margin: 0;
}

.pom-gallery-collage figcaption,
.top-content .gallery figcaption {
	display: none;
}

.pom-gallery-collage .gallery-item:nth-child(1),
.top-content .gallery .gallery-item:nth-child(1) {
	margin-top: -5%;
}

.pom-gallery-collage .gallery-item:nth-child(2),
.top-content .gallery .gallery-item:nth-child(2) {
	margin-top: 10%;
}

.pom-gallery-collage .gallery-item:nth-child(3),
.top-content .gallery .gallery-item:nth-child(3) {
	margin-top: 3%;
}

.pom-gallery-collage .gallery-item:nth-child(4),
.top-content .gallery .gallery-item:nth-child(4) {
	margin-top: -15%;
}

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

	.collage-4>*,
	.top-content .gallery-4>* {
		width: 25%;
	}

	.pom-gallery-collage .gallery-item,
	.top-content .gallery .gallery-item {
		width: 25%;
	}

	.pom-gallery-collage .gallery-item:nth-child(1),
	.top-content .gallery .gallery-item:nth-child(1) {
		margin-top: 5%;
	}

	.pom-gallery-collage .gallery-item:nth-child(2),
	.top-content .gallery .gallery-item:nth-child(2) {
		margin-top: 0;
	}

	.pom-gallery-collage .gallery-item:nth-child(3),
	.top-content .gallery .gallery-item:nth-child(3) {
		margin-top: 5%;
	}

	.pom-gallery-collage .gallery-item:nth-child(4),
	.top-content .gallery .gallery-item:nth-child(4) {
		margin-top: 0;
	}
}


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

	.flex-50 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.flex-50>* {
		width: 50%;
	}
}

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

	.posts-deck .post:nth-child(1),
	.posts-deck .post:nth-child(3) {
		padding-top: 70px;
	}

	.posts-deck .post:nth-child(2) {
		padding-top: 0;
	}
}

.posts-deck-content {
	margin-bottom: -100px;
	opacity: 1;
}

.posts-deck-content.are-images-unloaded {
	opacity: 0;
}

.no-js_REMOVE .posts-deck-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.no-js_REMOVE .posts-deck-content.are-images-unloaded {
	opacity: 1;
}

.card {
	background-color: #fff;
}

.card-figure {
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;

	-webkit-transition: background .55s ease;
	transition: background .55s ease;
}

.card-figure a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	left: 0;
	top: 0;
}

.card-figure:hover {
	background: #000;
}

.card-figure .btn {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 225px;
	animation-duration: .6s;
	animation-fill-mode: both;
	opacity: 0;
	z-index: 10;
	animation-name: fadeOutDown;
}

.card:hover .btn {
	animation-name: fadeInUpShort;
}

.card-figure img {
	-webkit-transition: all .55s ease;
	transition: all .55s ease;
}

.card-figure:hover img {
	opacity: .8;
}

.card .post-thumbnail {
	margin-bottom: 0;
}

.card .post-thumbnail img,
.card .thumbnail {
	color: transparent;
	/* hide alt text while image are loading */
	width: 100%;
	/* height: auto !important; */
}

.card .entry-header {
	padding-top: 25px;
}

#content {
	position: relative;
}

.load-more-wrapper {
	width: 100%;
	position: absolute;
	bottom: -100px;
	z-index: 100;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.home .load-more-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
	bottom: -200px;
}

.no-js_REMOVE .load-more-wrapper {
	z-index: -1;
}

.btn-loadmore,
.fwp-load-more {
	margin-left: auto;
	margin-right: auto;
	display: block;
	opacity: 1;

	padding: 1.55em 1.95em 1.55em;

	-webkit-transition: opacity .55s ease;
	transition: opacity .55s ease;
}

.btn-loadmore[disabled] {
	opacity: 0 !important;
}

.page-load-status {
	display: none;
}

.loader-ellips {
	font-size: 20px;
	/* change size here */
	position: relative;
	width: 4em;
	height: 1em;
	margin: 16px auto;
}

.loader-ellips__dot {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #ffa043;
	/*background-image: linear-gradient(90deg, #ffa043 0%, var(--golden-grass-50) 100%);*/
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
	left: 0;
}

.loader-ellips__dot:nth-child(3) {
	left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
	left: 3em;
}

@keyframes reveal {
	from {
		transform: scale(0.001);
	}

	to {
		transform: scale(1);
	}
}

@keyframes slide {
	to {
		transform: translateX(1.5em)
	}
}

.loader-ellips__dot:nth-child(1) {
	animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
	animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
	animation-name: reveal;
	animation-direction: reverse;
}

.page-load-status p {
	margin-top: 16px;
	margin-bottom: 16px;
}

.archive .post.format-audio,
.archive .post.format-aside,
.archive .post.format-link,
.archive .post.format-status,
.archive .post.format-quote,
.archive .post.format-video,
.blog .post.format-audio,
.blog .post.format-aside,
.blog .post.format-link,
.blog .post.format-status,
.blog .post.format-quote,
.blog .post.format-video {
	padding-bottom: .5rem;
}

/* class .forum is for bbPress Forum */
.forum .entry {
	border-bottom: none;
	padding-bottom: 0;
}

.format-status .avatar {
	width: 48px;
	height: auto;
	border-radius: 100%;
}

.more-link,
.entry-more-link {
	letter-spacing: 0.025em;
	font-size: 0.889em;
	text-decoration: none;
}

.more-link:hover,
.entry-more-link:hover {
	letter-spacing: 0.025em;
	font-size: 0.889em;
}

.gallery-count {
	color: #6f767a;
	margin-top: 1.5rem;
	font-size: 0.889em;
}

/* === Post Author === */

.authors {
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}

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

.authors-list li {
	margin-bottom: 38px;
}

.singular .author-box {
	max-width: 665px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.singular .author-box.ml0 {
	margin-left: 0;
}

.author-avatar {
	float: left;
	margin-bottom: 1rem;
	width: 100px;
	margin-right: 20px;
}

@media (min-width: 550px) {
	.author-info {
		overflow: hidden;
	}

	.author-avatar {
		margin-right: 35px;
	}
}

.author-name {
	line-height: 1em;
	margin-bottom: 0.3em;
	margin-top: 0.25em;
}

.author-description,
.author-description p {
	color: #758187;
	line-height: 1.5;
	margin-bottom: 0.55em;
}

.author-links .btn-link {
	height: auto;
	padding: 0;
}

.author-avatar img {
	border: 1px solid #e6edf2;
	border-radius: 50%;
	float: left;
}

.author-info .author-heading {
	margin-top: .55rem;
	margin-bottom: .5rem;
}

.author-info .author-heading a,
.author-info .author-heading a:visited {
	color: inherit;
	text-decoration: none;
}

.author-info .author-heading a:hover {
	color: inherit;
}

.author-social {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-left: 0;
	padding-left: 0;
}

.author-social-item {
	padding-bottom: 0;
}

.author-social-link::after {
	display: none !important;
}

.author-social-link svg {
	width: 20px;
	height: 20px;
	fill: #758187;
}

/* Hover colors per network */
.author-social-item.is-website .author-social-link:hover svg {
	fill: #00796B;
	/* neutral theme color */
}

.author-social-item.is-facebook .author-social-link:hover svg {
	fill: #1877F2;
}

.author-social-item.is-instagram .author-social-link:hover svg {
	fill: #E4405F;
}

.author-social-item.is-twitter .author-social-link:hover svg {
	fill: #000000;
}

.author-social-item.is-linkedin .author-social-link:hover svg {
	fill: #0A66C2;
}

.author-social-item.is-youtube .author-social-link:hover svg {
	fill: #FF0000;
}

.author-social-item.is-pinterest .author-social-link:hover svg {
	fill: #BD081C;
}

.author-social-item.is-mastodon .author-social-link:hover svg {
	fill: #6364FF;
}

.author-social-item.is-soundcloud .author-social-link:hover svg {
	fill: #FF5500;
}

.author-social-item.is-tiktok .author-social-link:hover svg {
	fill: #EE1D52;
}

.author-social-item.is-tumblr .author-social-link:hover svg {
	fill: #36465D;
}

.author-social-item.is-bluesky .author-social-link:hover svg {
	fill: #0285FF;
}

.author-social-item.is-behance .author-social-link:hover svg {
	fill: #1769FF;
}

.author-social-item.is-dribbble .author-social-link:hover svg {
	fill: #EA4C89;
}

.author-social-item.is-discord .author-social-link:hover svg {
	fill: #5865F2;
}

.author-social-item.is-wikipedia .author-social-link:hover svg {
	fill: #000000;
}

/* === Post Footer === */

.entry-footer {
	padding-bottom: 1.5rem;
	width: 100%;
}

.entry-terms {
	margin-top: .5rem;
	display: inline-block;
}

.post-navigation {
	clear: both;
	padding-top: .5rem;
}

.singular .post-navigation {
	overflow: hidden;
	margin-bottom: 150px;
}

.post-navigation .nav-links {
	border-top: solid 1px #c7d6e4;
	border-top: solid 4px rgba(39, 55, 64, 0.2);
	margin-top: .5rem;
	padding-top: 2.1rem;
}

.post-navigation .nav-links a {
	display: block;
	text-decoration: none;
}

.post-navigation .nav-links a .meta-nav {
	clear: both;
	display: block;
	font-size: 1.2em;
	line-height: 2;
}

.post-navigation .nav-links a .post-title {
	display: block;
	font-size: 0.889em;
	line-height: 1.3;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	width: 100%;
	padding-bottom: 10px;
}

@media (min-width: 600px) {

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 50%;
		padding-bottom: 0;
	}
}

.post-navigation .nav-previous {
	float: left;
	text-align: left;
	padding-left: 30px;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	padding-right: 30px;
}

.post-navigation .nav-previous .meta-nav,
.post-navigation .nav-next .meta-nav {
	position: relative;
}

.post-navigation .nav-previous .meta-nav:before,
.post-navigation .nav-next .meta-nav:after {
	font-family: "pomicons";
	font-size: 1.75em;
	line-height: .5;
	margin-top: -10px;
	opacity: .8;
	position: absolute;
	top: 50%;
	vertical-align: middle;
}

.post-navigation .nav-previous .meta-nav:before {
	content: "\f3cf";
	left: -30px;
}

.post-navigation .nav-next .meta-nav:after {
	content: "\f3d1";
	right: -30px;
}

.attachment-meta .image-info h3 {
	margin-top: 1.5rem;
}

.image-info ul {
	list-style: none;
	margin-bottom: 0;
}

.image-info ul li {
	padding: 10px;
	font-size: 0.889em;
}

.image-info ul li:nth-child(even) {
	background: #fff;
}

.image-info ul li:nth-child(odd) {
	background-color: #F2F4F9;
}

.image-info .prep {
	display: inline-block;
	font-weight: 600;
	margin-right: 10px;
	width: 120px;
}


/* ====== PAGINATION ====== */

.pagination {
	list-style: none;
	margin: 40px 0 30px;
	font-size: .889em;
	position: relative;
	overflow: hidden;
	clear: both;
	text-align: center;
	/* hidden because we are using infinite scroll
	 * must be available on dom because infinite scroll
	 * needs the next button
	 */
	display: none;
}

.no-js_REMOVE .pagination {
	display: block;
	width: 100%;
}

.pagination ul,
.pagination .nav-links {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 100%;
	border: none
}

.pagination:after,
.pagination ul:after {
	content: "";
	display: block;
	clear: both;
}

.pagination ul li,
.pagination .nav-links span,
.pagination .nav-links a {
	display: inline-block;
	float: none;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pagination .nav-links li a,
.pagination .nav-links li span {
	margin: 0;
}

.pagination a,
.pagination a:visited,
.pagination .current {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	color: inherit;
	display: block;
	line-height: 1.55;
	min-width: 40px;
	padding: 5px 6px;
	text-align: center;
	text-decoration: none;
}

.pagination .dots {
	display: inline-block;
	min-width: 10px;
	text-align: center
}

.pagination a:hover {
	background-color: rgba(0, 0, 0, 0.05);
	color: #000;
}

.pagination .current {
	background-color: rgba(0, 0, 0, 0.05);
}

.pagination .prev,
.pagination .next {
	background-color: transparent;
	border: none;
}

.pagination a:focus {
	border-radius: 0;
	color: #000;
}

.related-posts-wrap {
	margin-top: 15px;
	padding-bottom: 0;
}

.related-posts-wrap .thumb-gradient {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: linear-gradient(177deg, transparent 25%, #000 100%);
	opacity: .65;
	transition: opacity 0.45s ease-out, height .45s ease-in-out .25s;
}

.related-posts {
	max-width: 600px;
	margin: auto;
}

.related-post-header {
	position: absolute;
	bottom: 5px;
	left: 15px;
	padding-right: 10px;
	pointer-events: none;
}

.related-post {
	width: 50%;
}

.related-post .description {
	font-size: 9px;
	font-size: 0.538em;
	letter-spacing: 0.25em;
	margin-bottom: 0.5em;
}

.related-post .card .entry-title {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
}

@media (max-width: 620px) {
	.related-posts {
		padding: 0;
	}
}

@media (min-width: 500px) and (max-width: 719px) {
	.related-posts-wrap {
		margin-top: 15px;
		padding-bottom: 20px;
	}

	.related-post-header {
		bottom: 15px;
		left: 25px;
		padding-right: 20px;
	}

	.related-post .card .entry-title {
		font-size: 22px;
		line-height: 1.25;
	}
}

@media (min-width: 720px) {
	.related-posts {
		max-width: 100%;
	}

	.related-post-header {
		padding-right: 15px;
	}

	.related-post .card .entry-title {
		font-size: 18px;
	}

	.related-post {
		width: 25%;
	}
}

@media (min-width: 960px) {
	.related-posts-wrap {
		margin-top: 55px;
		padding-bottom: 80px;
	}

	.related-post-header {
		bottom: 15px;
		left: 25px;
		padding-right: 20px;
	}

	.related-post .card .entry-title {
		font-size: 22px;
		line-height: 1.25;
	}
}

.related-post .card .entry-title a {
	color: #fff;
	pointer-events: none;
}

.related-post .card .entry-terms a {
	color: var(--midnight-blue-40);
	pointer-events: none;
	text-decoration: none;
}

.related-post .card-figure>a {
	display: block;
}

.related-post .card {
	background: #151515;
}

.related-post .card:hover .card-figure img {
	opacity: .85;
}

/* ==========================================================================
   # Sidebars and widgets
   ========================================================================== */

/* General
   ========================================================================== */

.sidebar ul,
.sidebar ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-primary li,
.sidebar-special li {
	line-height: normal;
	margin-bottom: 0.65em;
	padding-bottom: 0.65em;
}

.sidebar-primary li a,
.sidebar-special li a {
	line-height: 1.3;
}

.sidebar-subsidiary li,
.sidebar-footer li,
.social-navigation li {
	line-height: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sidebar ul ul,
.sidebar ol ol {
	margin-left: 1.5rem;
	margin-bottom: 0;
}


/* Widget Search
   ========================================================================== */

.widget_search input[type="search"] {
	font-size: 18px;
	width: 100%;
	max-width: 100%;
}

.widget_search .search-form button .widget_search .search-form .search-submit,
.widget_search .search-form button.search-submit {
	font-size: 28px;
	height: 45px;
	width: 45px;
	min-width: 45px;
	right: -2px;
	top: 2px;
}

/*
   Footer
   ========================================================================== */

.site-footer {
	background: #eaf5f9;
	border-top: solid 1px #deedf2;
	border-top: solid 1px #deedf2;
	font-size: 16px;
}

.sidebar-footer {
	background-color: #eaf5f9;
	clear: both;
	padding-top: 290px;
	padding-bottom: 10px;
	width: 100%;
}

.home .sidebar-footer {
	margin-top: 100px;
	padding-top: 450px;
}

@media (min-width: 720px) and (max-width: 1080px) {

	.home .sidebar-footer {
		margin-top: 80px;
		padding-top: 80px;
	}
}

@media (max-width: 720px) {

	.home .sidebar-footer {
		margin-top: 30px;
		padding-top: 40px;
	}

	.instagram-box-2 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.inside-footer-widgets p {
	line-height: 1.471;
}

.inside-footer-widgets p,
.inside-footer-widgets li {
	color: #758187;
}

.sidebar-footer .footer-widget-1 a {
	color: #758187;
}

.inside-footer-widgets a:hover {
	color: var(--golden-grass-50);
}

.inside-footer-widgets {
	max-width: 1200px;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 959px) {

	.inside-footer-widgets {
		text-align: center;
	}

	.footer-widget-1,
	.footer-widget-2,
	.footer-widget-3 {
		width: 100%;
		flex-basis: 100%;
	}

	.footer-widget .footer-widget-inner {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-widget-1 .footer-widget-inner {
		max-width: 320px;
	}

	.footer-widget-2 .footer-widget-inner,
	.footer-widget-3 .footer-widget-inner {
		max-width: 420px;
	}

	.footer-widget-inner .social-navigation li {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 960px) and (max-width: 1299px) {
	.inside-footer-widgets {
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.footer-widget-1 {
		flex-basis: 35%;
	}
}

@media (min-width: 1300px) {

	.inside-footer-widgets {
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.footer-widget-1 {
		flex-basis: 35%;
		margin-left: 0;
		margin-right: auto;
	}

	.footer-widget-2 {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		flex-basis: 20%;
	}

	.footer-widget-3 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-left: auto;
		margin-right: 0;
	}
}

.footer-widget-inner {
	display: inline-block;
}

.footer-widget-1 img {
	max-width: 175px;
	height: auto;
	margin-bottom: 12px;
	margin-top: -6px;
}

.site-footer-inner {
	padding-top: 55px;
	padding-bottom: 55px
}

.site-colophon {
	color: #758187;
	text-align: center;
	width: 100%;
}

.site-colophon .widget,
.site-colophon p {
	color: #758187;
	font-weight: 300;
	margin-bottom: 0;
}

.site-colophon a {
	color: #758187;
	font-weight: inherit;
}

.site-colophon a:hover {
	text-decoration: underline;
}


/* JetPack
   ========================================================================== */

.entry-content .sharedaddy .sd-title,
.entry-content #jp-relatedposts h3.jp-relatedposts-headline {
	margin-bottom: 0.5em;
	line-height: 1.3;
	font-size: .899em;
}

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .navigation.pagination {
	display: none;
}

.infinite-scroll #infinite-handle span {
	background: transparent;
	padding: 0;
}

#content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	font-size: 0.899em;
	font-weight: 500;
	line-height: 1.5;
}

#content #jp-relatedposts .jp-relatedposts-items p {
	font-size: 0.899em;
	line-height: 1.5;
}

.inside-footer-widgets .widget p {
	margin-bottom: 1rem;
}

.sidebar-primary .widget,
.sidebar-special .widget,
.sidebar-subsidiary .widget,
.sidebar-footer .widget {
	margin-bottom: 2.5rem;
	vertical-align: top;
}

.widget_rss a.rsswidget {
	font-weight: 500;
}

.widget_rss .rss-date {
	color: rgba(0, 0, 0, 0.55);
}

.widget_rss .rssSummary {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.widget-title {
	margin-top: 0;
	margin-bottom: 0.29em;
}

h2.widget-title {
	font-size: 1.777em;
}

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

.widget_recent_comments .recentcomments a {
	font-style: normal;
}

.calendar_wrap th,
.calendar_wrap td {
	font-size: 0.889em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	padding: 0;
	line-height: 2.5923076923;
	text-align: center;
	vertical-align: middle;
}

.calendar_wrap table caption {
	text-transform: uppercase;
	padding: 0 0 10px;
	color: #151515;
	font-size: 0.889em;
	font-weight: bold;
}

.calendar_wrap tbody td a {
	display: block;
	font-weight: 600;
	background-color: rgba(0, 0, 0, 0.04);
}

.calendar_wrap tfoot td a {
	display: block;
}

.widget_calendar tfoot #prev {
	text-align: left;
}

.widget_calendar tfoot #next {
	text-align: right;
}

.widget_tag_cloud .tagcloud a {
	border: 1px solid #E6E6E6;
	border: 1px solid rgba(39, 55, 64, 0.15);
	border-radius: 2px;
	display: inline-block;
	font-size: inherit !important;
	line-height: 1;
	margin: 0 0.222em 0.5em 0;
	padding: 0.355em 0.375em 0.313em;
}

.sidebar-primary .widget_tag_cloud .tagcloud a:hover,
.sidebar-special .widget_tag_cloud .tagcloud a:hover {
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(39, 55, 64, 0.45);
	color: #22222A;
}

.sidebar-primary,
.sidebar-special {
	font-size: .889em;
}

.sidebar-primary li,
.sidebar-special li {
	border-bottom: solid 1px rgba(39, 55, 64, 0.09);
}

.sidebar-primary li:last-child {
	border-bottom: none !important;
}

.sidebar-primary ul ul li,
.sidebar-special ul ul li,
.sidebar-subsidiary ul ul li,
.sidebar-footer ul ul li {
	border-bottom: none !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sidebar-primary ul ul li a,
.sidebar-special ul ul li a {
	border-bottom: none !important;
	display: block;
	margin-top: 0.36em;
	padding-top: 0.36em;
}

.sidebar-footer ul ul li a,
.sidebar-subsidiary ul ul li a {
	border-bottom: none !important;
	display: inline-block;
	margin-top: 0.3em;
	padding-top: 0.3em;
}

#sidebar-subsidiary {
	font-size: 1em;
	border-top: 1px solid rgba(39, 55, 64, 0.09);
	padding-top: 2.5rem;
}

.tooltip-container-wrapper {
	display: block;
	margin-top: 80px;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
	top: 0;
}

.infographic-image .tooltip-container-wrapper {
	margin-top: 30px;
}

.infographic-image .tooltip-container-wrapper .map-image {
	-webkit-box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.16);
	box-shadow: 0px 10px 15px 0px rgba(37, 58, 82, 0.16);
}

.tooltip-container .wp-post-image {
	position: absolute;
	right: 0;
	top: 0;
}

.map-half-wrap .tooltip-container-wrapper {
	margin-top: -40px;
	margin-bottom: 30px;
}

.map-half-wrap {
	margin-top: 70px;
}

.map-half-left {
	padding-right: 45px;
}

.map-half-left,
.map-half-right {
	width: 100%;
}

.has-small-map {
	position: relative;
	/* margin-bottom: 110px; */
}

.has-small-map .small-map,
.has-small-map .tooltip-container-wrapper+img,
.has-small-map .tooltip-container-wrapper+br+img,
.has-small-map .tooltip-container-wrapper+p img,
.has-small-map .tooltip-container-wrapper+p+p img,
.has-small-map .tooltip-container-wrapper+img:last-of-type {
	position: absolute;
	left: 0;
	right: -350px;
	bottom: 0;
	top: 220px;
	margin-left: auto;
	margin-right: auto;
}

.tooltip-container-wrapper .map-image-featured {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -80px;
	top: auto;
	margin-left: auto;
	margin-right: auto;
}

.tooltip-container-wrapper #tooltip-container-top-10-things-to-do-in-wailea .map-image-featured {
	right: -250px;
}

.tooltip-container-wrapper #tooltip-container-top-10-things-to-do-in-kahului-and-wailuku .map-image-featured {
	left: auto;
	bottom: auto;
	top: 0;
}

.tooltip-container-wrapper #tooltip-container-top-10-things-to-do-in-paia-haiku .map-image-featured {
	left: auto;
	right: -50px;
	bottom: auto;
	top: -80px;
	margin-left: auto;
	margin-right: auto;
}

.has-small-map .tooltip-container-wrapper+br {
	display: none;
}

.tooltips-custom-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 70px;
	margin-bottom: 55px;
}

.tooltips-custom-wrapper .tooltip-container-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

.tooltips-custom-wrapper .tooltip-container {
	transition: all .25s ease !important;
}

.is-smallmap-active .tooltip-container {
	opacity: 0;
}

.is-smallmap-active .tooltip-container-wrapper:has(.tooltip-active) .tooltip-container,
.is-smallmap-active.is-map-1 .is-smallmap-1 .tooltip-container,
.is-smallmap-active.is-map-2 .is-smallmap-2 .tooltip-container,
.is-smallmap-active.is-map-3 .is-smallmap-3 .tooltip-container,
.is-smallmap-active.is-map-4 .is-smallmap-4 .tooltip-container {
	opacity: 1;
}

@media only screen and (min-width: 885px) {
	.map-half-right figure {
		margin-right: -50px;
	}
}

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

	.map-half-left,
	.map-half-right {
		width: 50%;
	}
}

.tooltip-container-wrapper>figure,
.tooltip-container {
	display: inline-block;
	position: relative;
	top: 0;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.tooltip-container-wrapper {
		display: none !important;
	}

	.has-small-map {
		position: relative;
		margin-top: 10px;
		margin-bottom: 50px;
		text-align: center;
	}

	.has-small-map .small-map,
	.has-small-map .map-image-featured {
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: 0 !important;
		margin: auto !important;
	}
}

.tooltip-container>img {
	/* -webkit-transition: all 0.35s ease-out .05s;
	transition: all 0.35s ease-out .05s; */
	/* -webkit-transition: all 0.035s linear 0s !important;
	transition: all 0.035s linear 0s !important; */
}

.map-image {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}

.tooltip-map-active .map-image {
	-webkit-filter: brightness(35%);
	filter: brightness(35%);
}

.tooltip-active .tooltip.point {
	opacity: 1 !important;
}

.tooltip-map-active .tooltip.point {
	opacity: 0.01;
	pointer-events: none;
	z-index: -1 !important;
}

.point-wrapper {
	width: 1px;
	height: 1px;
	position: absolute;
	margin: 10px;
	z-index: 50;
}

.point-wrapper:hover {
	z-index: 60;
}

.point-wrapper.tooltip-active {
	z-index: 210;
}

.point_style.point-wrapper {
	margin: 0;
}

.point_style img {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.point {
	background: #f4914a;
	background: rgb(255, 160, 67);
	background: linear-gradient(90deg, rgba(255, 160, 67, 1) 0%, rgba(232, 128, 82, 1) 100%);
	border: 3px solid #fff;
	border-radius: 100%;
	color: #fff;
	font-size: 11px;
	letter-spacing: .1em !important;
	text-align: center;

	width: 37px;
	height: 37px;
	position: relative;
	left: -18px;
	top: -18px;

	/* display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; */

	display: block;
	line-height: 30px;
	cursor: pointer;

	transition: all .2s linear;
}

.point:hover,
.point:active,
.point:focus {
	color: #fff;
	background: linear-gradient(90deg, rgba(255, 160, 67, 1) 0%, rgb(212, 111, 68) 100%);
}

.sb-top {
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 35px;
	padding-top: 10px;
}

.sb-top a {
	color: #758187;
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: "Open Sans", sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .22em;
	line-height: 18px;
	white-space: nowrap;
}

.sb-top a:hover {
	color: var(--golden-grass-50);
}

.sb-top a svg {
	height: 14px;
	margin-top: -1px;
}

.comments-link-wrapper {
	display: inline-block !important;
	position: relative;
	padding: 0 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
	vertical-align: bottom;
}

.comments-link-wrapper a {
	display: block;
	float: left;
}

.sb-float a svg {
	height: 18px;
}


.sb-float a span,
.share-buttons .label {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


.share-and-comment__float {
	position: absolute;
	z-index: 10;
	display: none;
}

.share-and-comment__float.stick {
	top: auto;
}

@media (min-width: 1560px) {

	.share-and-comment__float {
		top: 535px;
		left: 80px;
		display: block;
	}
}

@media (min-width: 1501px) and (max-width: 1559px) {

	.share-and-comment__float {
		top: 450px;
		left: 55px;
		display: block;
	}
}

@media (min-width: 1120px) and (max-width: 1500px) {

	.share-and-comment__float {
		top: 115px;
		left: 20px;
		display: block;
	}
}

.share-and-comment__float .sb-social ul li {
	margin: 0;
	padding: 0;
}

.share-and-comment__float .sb-social a,
.share-and-comment__float a {
	background: #f7f7f7;
	color: var(--golden-grass-50);
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	text-align: center;
	margin-bottom: 4px;
	text-decoration: none;
}

.share-and-comment__float .sb-social a:before,
.share-and-comment__float a {
	font-size: 14px !important;
}

.share-and-comment__float a {
	position: relative;
	z-index: 10;
}

.share-and-comment__float .sb-social a:after,
.share-and-comment__float a.comments-link:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	width: 40px;
	height: 40px;
	display: block;
	-webkit-box-shadow: 0px 0 49px 1px rgba(32, 32, 32, 0.06);
	box-shadow: 0px 0 49px 1px rgba(32, 32, 32, 0.06);
}

.share-and-comment__float .sb-social a:before,
.share-and-comment__float a.comments-link:before {
	position: absolute;
	z-index: 10;
	background: #f7f7f7;
	width: 40px;
	height: 40px;
	left: 0;
	line-height: 40px !important;
}

.share-and-comment__float a.comments-link {
	margin-top: -9px;
}

.share-and-comment__float a.comments-link .comments-text {
	display: none;
}

.share-buttons-float {
	display: block !important;
}


/* ==========================================================================
   # Helper classes
   ========================================================================== */

/*
   Text  Align
*/
.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}

/*
   Text Transform:
*/
.ttc {
	text-transform: capitalize;
}

.ttl {
	text-transform: lowercase;
}

.ttu {
	text-transform: uppercase;
}

.ttn {
	text-transform: none;
}

/*
   Vertical Align
*/
.v-base {
	vertical-align: baseline;
}

.v-mid {
	vertical-align: middle;
}

.v-top {
	vertical-align: top;
}

.v-btm {
	vertical-align: bottom;
}

/*
   Colors
*/
.color-grey,
.color-grey a {
	color: #758187;
}

.color-dark,
.color-dark a {
	color: #1d2835;
}

.color-red,
.color-red a,
.featured,
.featured a {
	color: var(--golden-grass-50);
}

.color-orange,
.color-orange a {
	color: #ffa043;
}

.color-blue,
.color-blue a {
	color: var(--midnight-blue-40);
}

.color-white,
.color-white a {
	color: #ffffff;
}

.bg-grey {
	background-color: #758187;
}

.bg-dark {
	background-color: #1d2835;
}

.bg-red {
	background-color: var(--golden-grass-50);
}

.bg-orange {
	background-color: #ffa043;
}

.bg-blue {
	background-color: var(--midnight-blue-40);
}

.bg-white {
	background-color: #ffffff;
}

.bg-light {
	background-color: #eaf5f9;
}

/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

.hide {
	display: none;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden,
.screen-reader-text,
.icon-only a span,
.gallery-layout .wp-caption-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.skip-link.focusable:focus {
	position: absolute;
	left: 5px;
	top: 7px;
	background: #f7f7f7;
	color: #151515;
	outline: : 3px solid #ffbf47;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Back to visible
 */
.visible {
	visibility: visible;
}

.center,
.centered {
	margin-right: auto;
	margin-left: auto;
}

.textcenter,
.text-center {
	text-align: center;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.break {
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for webkit */
	word-wrap: break-word;
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;

	clear: both;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

.clearfix {
	zoom: 1;
}

.transition-all {
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.transition-color {
	-webkit-transition: color .15s ease;
	transition: color .15s ease;
}

.transition-bg {
	-webkit-transition: background .15s ease-out;
	transition: background .15s ease-out;
}

.transition-opacity {
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
}

.fluid-width-video-wrapper {
	margin-bottom: 1.5rem;
}

.grid-3x3 {
	margin-top: 20px;
	width: 100%;
}

.grid-3x3 .flex-item {
	background-color: #f8fcfd;
	width: 33.333333%;
	height: 320px;
	padding: 20px;
}

.grid-3x3 .flex-item.has-image {
	background-repeat: no-repeat;
	background-size: cover;
}

.grid-3x3 .flex-item .label {
	display: block;
	line-height: 1.5;
	margin-bottom: 45px;
	margin-top: 5px;
}

.grid-3x3 .flex-item:nth-child(2n) {
	background: #eaf5f9;
}

@media (max-width: 930px) {
	.grid-3x3 .flex-item strong {
		display: block;
	}

	.grid-3x3 .flex-item br {
		display: none;
	}

	.grid-3x3 .flex-item {
		padding: 15px;
	}

	.grid-3x3 .flex-item .label {
		margin-bottom: 25px;
	}
}

@media (max-width: 790px) {
	.grid-3x3 .flex-item {
		width: 50%;
		height: auto;
	}

	.grid-3x3 .flex-item:nth-child(1),
	.grid-3x3 .flex-item:nth-child(4) {
		background: #f8fcfd;
	}

	.grid-3x3 .flex-item:nth-child(2),
	.grid-3x3 .flex-item:nth-child(3) {
		background: #eaf5f9;
	}
}


/* ==========================================================================
   # Print styles
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		/* Black prints faster:
								   http://www.sanbeiji.com/archives/953 */
		text-shadow: none !important;
	}

	.entry a,
	.entry a:visited {
		text-decoration: underline;
	}

	.entry-content a[href]:after {
		content: " (" attr(href) ")";
	}

	.entry-content abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	.entry-content a[href^="#"]:after,
	.entry-content a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		/*  border: 1px solid #999;*/
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	body .site-title-wrap {
		position: relative !important;
		height: auto !important;
	}

	body .titles-wrap {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		position: relative !important;
		top: 0 !important;
		display: block !important;
	}

	#main {
		padding-top: 0 !important;
	}

	#content,
	.site-footer .grid-50 {
		width: 100% !important;
	}

	.hide-for-print,
	#sidebar-primary,
	#sidebar-special,
	#comments-template,
	.menu-subsidiary,
	.menu-primary,
	.breadcrumb-trail,
	.post-navigation {
		display: none !important;
	}

	.show-for-print {
		display: block !important;
	}
}

.page-template-styleguide #content {
	padding-bottom: 100px;
}

.page-template-styleguide .site-header,
.page-template-styleguide .sidebar-footer {
	display: none !important;
}

.page-template-styleguide .page-header {
	background-color: #01BBD2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 500px;
}

.page-template-styleguide .entry-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1020px;
	padding-top: 115px;
	padding-bottom: 100px;
}

.page-template-styleguide section {
	margin-bottom: 100px;
}

.page-template-styleguide .typography h1,
.page-template-styleguide .typography h2,
.page-template-styleguide .typography h3,
.page-template-styleguide .typography h4,
.page-template-styleguide .typography h5,
.page-template-styleguide .typography h6,
.page-template-styleguide .typography p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

.page-template-styleguide .typography .part-01 {
	width: 35%;
}

.page-template-styleguide .typography .part-02 {
	width: 30%;
}

.page-template-styleguide .typography .part-03 {
	width: 20%;
}

.page-template-styleguide .typography .part-04 {
	width: 15%;
	text-align: right;
}

.page-template-styleguide .colors .cbox {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "Open Sans";
	font-size: 1.37941em;
	flex-grow: 1;
	height: 170px;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
}

.page-template-styleguide .colors .cboxes {
	margin-left: -2%;
	margin-right: -2%;
}


/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scroll-wrapper>.scroll-content {
	/* border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important; */
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	/* display: none; */
	opacity: 0;
	-webkit-transition: opacity 0.55s linear;
	transition: opacity 0.55s linear;
}

.scroll-element,
.scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
	opacity: 1;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
	overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-inner>.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-y {
	height: 100%;
	height: calc(100% - 10px);
	right: 2px;
	top: 5px;
	width: 6px;
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
	opacity: 0.5;
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.scrollbar-inner>.scroll-element .scroll-element_track {
	background-color: #c6d3dc;
	/* width: 2px;
	left: 3px; */
}

.scrollbar-inner>.scroll-element .scroll-bar {
	background-color: #1d2835;
	height: 200px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

/* .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } */
.scrollbar-inner:hover .scroll-element_track,
.scrollbar-inner:hover .scroll-bar {
	opacity: 1;
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
	background-color: #383c40;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -12px;
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -12px;
}


/*
 * Define the widths: play around with these to get a best fit.
 */
@media (max-width: 690px) {
	.container-fluid {
		display: none;
	}
}

.container-fluid {
	counter-reset: section-counter;
	padding-top: 20px;
}

.table-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	flex-grow: 0;
	-webkit-flex-grow: 0;
	max-width: 100%;
	padding-left: 60px;
	padding-right: 0;
	position: relative;
}

.row-count {
	counter-increment: section-counter;
	border-bottom: 1px solid #f3f7f8;
	transition: all .15s;
}

.row-count:before {
	content: counter(section-counter, decimal-leading-zero);
	display: block;
	color: var(--midnight-blue-40);
	font-size: 11px;
	width: 10px;
	height: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	transition: color .2s;
	word-break: normal;
}

.text {
	flex-grow: 1;
	-webkit-flex-grow: 1;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
	padding-right: 20px;
	line-height: 1.25;
}

.text {
	width: 120px;
}

.text .small {
	font-size: inherit;
}

.num {
	width: 70px;
	padding-right: 10px;
	word-break: normal;
}

.row-count {
	color: #758187;
	text-decoration: none;
	font-weight: 300;
}

.table-row .abv,
.table-row .ibu {
	font-weight: 600;
	font-size: 22px;
}

.table-row .taste {
	max-width: 170px;
	display: block;
	;
}

/*
* General good-look styles, not mandatory.
*/

.table-row {
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 60px;
}

.table-row div {
	text-align: left;
}

.table-row.header {
	padding-top: 10px;
	padding-bottom: 25px;
}

.row-count:nth-child(odd) {
	background: #f4fafc
}

.row-count:hover {
	background: #2fb4d3;
	color: #fff;
}

.row-count:hover:before {
	color: #fff;
}

#wpadminbar .searchwp-admin-bar-warning {
	display: none !important;
}

.relevanssi-query-term,
.searchwp-highlight {
	background: none;
	font-weight: 500;
	padding: 0;
}

.password-protected .author-box {
	opacity: .25;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.password-protected .subscribe-box,
.password-protected .cc-window {
	display: none;
}

.password-protected .sidebar-footer {
	padding-top: 60px;
}

.logged-in img:not([alt]) {
	outline: 5px solid #33ffff;
	-webkit-filter: saturate(10) invert(1);
	filter: saturate(10) invert(1);
}

.logged-in img[alt=""] {
	outline: 5px solid blue;
	-webkit-filter: saturate(10) invert(1);
	filter: saturate(10) invert(1);
}

.ab-item img,
.tmplMolokiniBG,
.sectionBg,
.bigPageBg {
	outline: none !important;
	filter: none !important;
}

#faq {
	margin-bottom: 60px;
}

.center {
	text-align: center !important;
}

.whistle-wrap {
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.whistles-accordion {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	position: relative;
	z-index: 50;
}

.whistles-accordion .whistle-title {
	position: relative;
	margin: 20px 0;
	font-size: 1.8em;
}

.whistle-content::after,
.whistles::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.whistles-accordion .whistle-title[aria-selected=true]:after,
.whistles-toggle .whistle-title[aria-selected=true]:after {
	color: #fe8e17;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.whistles-accordion .whistle-title:after,
.whistles-toggle .whistle-title:after {
	content: "\f3d3";
	font-family: pomicons;
	font-weight: 400;
	font-size: 18px;
	color: #fe8e17;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -10px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
}

.social-navigation li a[href*="tiktok.com"] {
	position: relative;
	overflow: hidden;
	width: 23px;
	height: 24px;
}

.social-navigation li a[href*="tiktok.com"]:before {
	content: url("images/icons-tiktok.svg");
	position: absolute;
	left: 0;
	top: 0;
}

.social-navigation li a[href*="tiktok.com"]:after {
	content: url("images/icons-tiktok-orange.svg");
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.social-navigation li:hover a[href*="tiktok.com"]:before {
	opacity: 0;
}

.social-navigation li:hover a[href*="tiktok.com"]:after {
	opacity: 1;
}


.social-navigation a[href*="tiktok.com"] span {
	display: none;
}