/*!
Theme Name: sv2025
Theme URI: http://underscores.me/
Author: Teresa Nightingale
Author URI: https://attentiondesign.ca
Description: Custom theme for SV 2025
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sv2025

sv2025 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/**
 * @license
 * MyFonts Webfont Build ID 3388162, 2017-05-11T17:43:28-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BrandonGrotesqueWeb-BoldItalic by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold-italic/
 * 
 * Webfont: BrandonGrotesqueWeb-Bold by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold/
 * 
 * Webfont: BrandonGrotesqueWeb-Regular by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/regular/
 * 
 * Webfont: BrandonGrotesqueWeb-Italic by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/italic/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3388162
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/33b302");

@font-face {font-family: 'BrandonGrotesqueWeb';src: url('webfonts/33B302_0_0.eot');src: url('webfonts/33B302_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33B302_0_0.woff2') format('woff2'),url('webfonts/33B302_0_0.woff') format('woff'),url('webfonts/33B302_0_0.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap;}
 
@font-face {font-family: 'BrandonGrotesqueWeb';src: url('webfonts/33B302_1_0.eot');src: url('webfonts/33B302_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33B302_1_0.woff2') format('woff2'),url('webfonts/33B302_1_0.woff') format('woff'),url('webfonts/33B302_1_0.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;}
 
@font-face {font-family: 'BrandonGrotesqueWeb';src: url('webfonts/33B302_2_0.eot');src: url('webfonts/33B302_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33B302_2_0.woff2') format('woff2'),url('webfonts/33B302_2_0.woff') format('woff'),url('webfonts/33B302_2_0.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
  
@font-face {font-family: 'BrandonGrotesqueWeb';src: url('webfonts/33B302_3_0.eot');src: url('webfonts/33B302_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33B302_3_0.woff2') format('woff2'),url('webfonts/33B302_3_0.woff') format('woff'),url('webfonts/33B302_3_0.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap;}

/* Great Forest fonts: */
@font-face { font-family: 'GreatForestSimplified';
    src: url('webfonts/great_forest_-_simplified-webfont.eot');
    src: url('webfonts/great_forest_-_simplified-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/great_forest_-_simplified-webfont.woff2') format('woff2'),
         url('webfonts/great_forest_-_simplified-webfont.woff') format('woff'),
         url('webfonts/great_forest_-_simplified-webfont.ttf') format('truetype'),
         url('webfonts/great_forest_-_simplified-webfont.svg#great_forest_simplisimplified') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face { font-family: 'GreatForestSmallCaps';
    src: url('webfonts/great_forest_-_small_caps-webfont.eot');
    src: url('webfonts/great_forest_-_small_caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/great_forest_-_small_caps-webfont.woff2') format('woff2'),
         url('webfonts/great_forest_-_small_caps-webfont.woff') format('woff'),
         url('webfonts/great_forest_-_small_caps-webfont.ttf') format('truetype'),
         url('webfonts/great_forest_-_small_caps-webfont.svg#great_forestsmall_caps') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

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

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

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

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

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

img {
	border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

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

button,
input { /* 1 */
	overflow: visible;
}

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

button,
select { /* 1 */
	text-transform: none;
}

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

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

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

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

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

summary {
	display: list-item;
}

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

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

template {
	display: none;
}

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

[hidden] {
	display: none;
}

@media screen and (min-width: 1200px) {
	.mobile {
		display: none;
	}
}


:root :where(.is-layout-constrained) > * {
    margin-block-start: revert;
    margin-block-end: revert;
}
.wp-block-group {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
:root :where(.is-layout-flex) {
    gap: .25rem;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
	font-size: 20px;
}
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: "BrandonGrotesqueWeb", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-size: 1rem;
	line-height: 1.4;
}
@media screen and (min-width: 1200px) {
	body {
		overflow-x: hidden;
	}
}
.wp-block-button__link,
.content-area .wp-block-button__link {
	border-radius: 0;
	border: none;
	color: #fff;
	transition: background-color 0.3s ease;
}
.content-area .wp-block-button__link:active, 
.content-area .wp-block-button__link:focus, 
.content-area .wp-block-button__link:hover, 
.content-area .wp-block-button__link:visited {
    color: #fff;
	background-color: var(--accent2);
}
.content-area .blog-nav .wp-block-button__link,
.content-area .blog-nav .wp-block-button__link:visited {
	color: #000;
	background-color: var(--accent2);
	border: 1px solid #000;
	text-transform: uppercase;
}
.content-area .blog-nav .wp-block-button__link:hover {
    color: #fff;
	background-color: var(--accent2);
}
.content-area .blog-nav {
	margin-bottom: 2rem;
	margin-top: 1.5rem;
}

h1, h2 {
	clear: both;
}
.title-box {
	margin-left: 12%;
	width: 68%;
	background: rgba(255,255,255,.8);
	padding: .5rem .75rem;
	box-shadow: 0 0 12px rgba(0,0,0,.5);
	display: inline-block;
	margin-top: -2.25rem;
}
h1, 
h1.page-title,
h3.page-title,
h1.entry-title {
	font-size: 1rem;
	line-height: 1.2;
	color: var(--black);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .01em;
    text-align: left;
	margin: .8em 0 0;
}
.single-post .entry-header {
    padding: 0 1rem;
}
.single-post h1.entry-title {
	color: #000;
	font-size: 1.35rem;
	margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
	.single-post .entry-header {
		padding: 0;
	}
}

h2 {
	font-size: 1.2rem;
	margin: 0 0 .2em;
	text-transform: uppercase;
}
h2.entry-title,
h2.section-title {
	font-family: "GreatForestSimplified", Arial, Helvetica, sans-serif;
	text-align: left;
	color: var(--black);
	text-transform: none;
	font-weight: normal;
	font-size: .9rem;
	margin: 0;
}
.title-box h2.section-title a {
	text-decoration: none;
	color: var(--black);
}
.archive h2.section-title a,
.single-post h2.section-title a {
	text-decoration: none;
}
h2.entry-title {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.is-style-special-title {
	font-family: "GreatForestSimplified", Arial, Helvetica, sans-serif;
	text-align: center;
    color: #000;
	text-transform: none;
    font-weight: normal;
	font-size: 3rem;
    font-size: 7vw;
	margin: 2.5rem 0 1rem;
}
@media screen and (min-width: 700px) {
	.is-style-special-title {
		font-size: 2.6rem;
	}
	.meaning .is-style-special-title {
		font-size: 1.9rem;
	}
}
.is-style-operators-header,
.is-style-fancy-header {
	font-family: "GreatForestSmallCaps", Arial, Helvetica, sans-serif;
    font-weight: normal;
	text-align: center;
	line-height: 1;
	margin: 0 0 .3rem;
	text-transform: none;
}
h2.is-style-operators-header,
h2.is-style-fancy-header {
	font-size: 2.4rem;
	margin: 1em 0;
}
.page-directory.sabai-directory-categories .is-style-operators-header {
    margin: 0;
}
h3.is-style-operators-header,
h3.is-style-fancy-header {
	font-size: 1.6rem;
}
h4.is-style-fancy-header {
	font-size: 1.5rem;
}
.is-style-operators-header {
	color: var(--black);
}
.is-style-operators-header a.small-link {
    font-size: 1rem;
    font-family: "BrandonGrotesqueWeb", Helvetica, Arial, sans-serif;
    font-weight: bold;
    vertical-align: 70%;
    display: inline-block;
    line-height: 1.3;
    margin-left: .25em;
}
.no-top-padding {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
@media (min-width: 932px) {
	.some-top-padding {
		padding-top: 1rem;
	}
}
.bonus-links {
	display: flex;
	justify-content: center;
	font-size: .9rem;
	margin-right: 10%;
}
.home .bonus-links {
	margin-right: 0;
	margin-bottom: 1rem;
}
@media screen and (max-width: 932px) {
	.home .bonus-links {
		flex-basis: 100%; 
		order: -1;
		margin-top: -0.5rem;
	}
}
.bonus-links .special {
	font-size: 1em;
	height: 4em;
	width: 5em;
	flex-basis: 5em;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 .75em;
	z-index: 10;
}
.bonus-links .special a {
	text-decoration: none;
	line-height: 1.1;
	text-align: center;
	color: #fff !important;
	font-weight: 800;
	height: 5em;
	width: 5em;
	border-radius: 50%;
	position: absolute;
	top: -1.35em;
	left: 0;
	box-sizing: border-box;
	padding: 2.3em 16px 0 16px;
	transition: background 0.3s ease;
}
.bonus-links .special.teal a {
	background: var(--accent3);
}
.bonus-links .special.green a {
	background: var(--accent1);
}
.bonus-links .special.teal a:hover,
.bonus-links .special.teal a:focus,
.bonus-links .special.green a:hover,
.bonus-links .special.green a:focus {
	background: var(--black);
}

@media screen and (min-width: 768px) {
	.title-elements {
		display: flex;
		justify-content: space-between;
		width: 92%;
		margin: 0 auto;
	}
	.title-box {
		margin-left: 0;
		margin-right: 5%;
		padding: 1rem 1.25rem;
		box-shadow: 0 0 20px rgba(0,0,0,.5);
		flex-basis: 66%;
		margin-top: -3.75rem;
		width: unset;
	}
	.single-post .title-box {
		margin-top: -.25rem;
	}
	h1,
	h1.page-title,
	h3.page-title {
		font-size: 1.5rem;
		margin-top: 1em;
	}
	h2.section-title {
		font-size: 1.3rem;
	}
	.wp-block-image + h2 {
		clear: none;
	}
	.bonus-links {
		margin-right: 0;
	}
	.home .bonus-links {
		font-size: 1rem;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1200px) {
	.title-elements {
		width: auto;
		max-width: 1070px;
	}
	.title-box {
		margin-left: 0;
		margin-right: 6%;
		max-width: 755px;
		flex-basis: 80%;
		margin-top: -4.5rem;
	}
	h1,
	h1.page-title,
	.single-post h1.entry-title,
	h3.page-title {
		font-size: 1.9rem;
	}
	h2.section-title {
		font-size: 1.8rem;
	}
	.bonus-links {
		font-size: 1.2rem;
	}
	.home .bonus-links {
		/* position: absolute;
		left: calc(50vw + 350px); */
	}
}
@media screen and (min-width: 1440px) {
	.home .bonus-links {
		font-size: 1.2rem;
	}
}

h3 {
	font-size: 1.1rem;
	margin: 0 0 .2em;
}
.search-results h3 {
	margin-bottom: 0;
}
h3.current-category {
	color: var(--accent3);
	font-size: 1.25rem;
	padding: 0 1rem;
}
@media screen and (min-width: 768px) {
	h3.current-category {
		padding: 0;
	}
}
h4 {
	font-size: 1rem;
	margin: 0 0 .2em;
}
h5 {
	font-size: 1rem;
	margin: 0 0 .2em;
}
h6 {
	font-size: 1rem;
	margin: 0 0 1rem;
}

p {
	margin-top: 0 !important;
	margin-bottom: 1.5em !important;
	font-size: .9rem;
}
@media screen and (min-width: 768px) {
	p {
		font-size: 1rem;
	}
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}
ol li {
	margin-left: 0;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

table,
.wp-block-table table {
	margin: 0 0 .5em;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: .75em;
	border-top: 1px solid #000;
}
.wp-block-table {
	margin-bottom: 2em;
}
.wp-block-table td, .wp-block-table th {
	border: 1px solid #000;
	border-width: 0 0 1px 0;
	padding: .2em .5em .2em 0;	
}
h2 + figure.wp-block-table,
h3 + figure.wp-block-table {
	margin-top: 0;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
	padding-left: .5em;
}
.wp-block-table figcaption {
	font-size: .85em;
	text-align: left;
}

@media screen and (min-width: 768px) {
	table,
	.wp-block-table table {
		font-size: .95em;
	}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-weight: bold;
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: var(--accent2);
}
.content-area a {
	color: var(--accent6);
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dotted var(--accent6);
}
.content-area .post-grid a {
	border: 0;
}
.content-area h2.archive-title {
	line-height: 1.1;
	margin-bottom: .35em;
}
.content-area h2.archive-title a {
    color: #000;
    text-transform: uppercase;
}
.content-area .current-category-nav a {
	color: #000;
	border: 0;
	display: block;
}
.content-area figure a {
	border-bottom: 0;
}
/* phone links not clickable or shown as links on widescreen */
@media screen and (min-width: 1440px) {
	a[href^="tel:"] {
		text-decoration: none;
		border: none;
		color: inherit;
		font-weight: inherit;
		pointer-events: none;
	}
}

a:visited {
	color: var(--accent2);
}
.content-area a:visited {
	color: var(--accent3);
	color: var(--accent6);
}
.content-area h2.archive-title a:visited,
.content-area .current-category-nav a:visited {
	color: var(--black);
}
.content-area h2.archive-title a:hover,
.content-area h2.archive-title a:focus,
.content-area h2.archive-title a:active,
a:hover, a:focus, a:active {
	color: var(--accent6);
}
.content-area a:hover,
.content-area a:focus,
.content-area a:active {
	border-color: var(--black);
	color: var(--black);
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
.current-category-nav {
	margin-bottom: 2rem;
	padding: 0 1rem;
}
@media screen and (min-width: 768px) {
	.current-category-nav {
		display: flex;
		justify-content: space-between;
		padding: 0;
	}
}

/*--------------------------------------------------------------
## Masthead
---------------------------------------------------------------*/

/* special info bar at very top of page */
.cti-bar {
	background: transparent;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
	/* display: none; */ 
}
.cti-bar h2 {
	color: #fff;
	padding: 0;
	font-size: 1.1rem;
	line-height: 1.2;
	text-align: center; 
	text-transform: capitalize;
}
@media (max-width: 1024px) {
	.cti-bar h2 {
		margin-bottom: 0;
	}
}
.cti-bar a {
	background: var(--accent1);
	display: block;
	border: none;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	padding: .5em 1.5em;
	text-decoration: none;
	font-size: .7em;
	transition: background 0.5s ease;
}
.cti-bar a:hover {
	background: var(--black);
}

@media screen and (min-width: 768px) {
	.cti-bar h2 {
		font-size: 2rem;
	}
	.cti-bar a {
		font-size: .5em;
		padding: .5rem 1.5rem;
	}
}

.site-header {
	position: relative;
	padding-bottom: .5rem;
}
.home .site-header,
.page-template-template-home-sum22 .site-header,
.page-template-template-home-win21 .site-header {
	padding-bottom: 0;
}
.site-header .wp-post-image {
	display: block;
	width: 100%;
}
.site-header .sv-drts-feature {
	display: block;
	width: 100%;
	height: 50vw;
	background-image: url(img/feature-directory-m.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#mastheadphantom {
	position: fixed;
	display: none;
	width: 100%;
	top:0;
	left:0;
	z-index: 99;
	height: auto;
	background: #fff;
	padding-bottom: 0;
}
.site-branding {
	text-align: center;
	padding: .5rem 4%;
}
#mastheadphantom .site-branding {
	padding: 10px 27%;
}
.custom-logo-link {
	max-width: 70vw;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.site-header .site-logo img,
.custom-logo-link img {
	display: block;
	margin: 0 auto;
}
.site-description {
	color: #000;
    font-size: .9rem;
    line-height: 1.3;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}
#mastheadphantom .site-description {
	font-size: .7rem;
}
.sv-mobile-feature {
    display: block;
    margin: 0;
    width: 100%;
}
.site-header .sv-search a {
	height: 22px;
	width: 22px;
	border: 0;
	padding: 0;
	background: transparent url(img/search-icon.svg) no-repeat center center;
	background-size: auto 100%;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	color: #fff;
	text-transform: uppercase;
}
.site-header .sv-search a:hover,
.site-header .sv-search a:focus {
	color: #fff;
	background: transparent url(img/search-icon.svg) no-repeat center center;
	background-size: auto 100%;
}
.sv-social {
	height: 24px;
}
.sv-social a,
.main-navigation .sv-social a {
	display: inline-block;
	margin-left: 1em;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background: #fff;
	padding: 0;
	border: 0;
}
.sv-social a:first-child,
.main-navigation .sv-social a:first-child {
	margin-left: 0;
}
.video-holder {
	margin: 0;
}
.video-holder video {
	display: block;
}
.site-header .sv-search {
	order: 0;
}
.main-navigation .logo-link,
.main-navigation .sv-social {
	order: 1;
}
.main-navigation .menu-toggle {
	order: 2;
}


@media screen and (min-width:768px) {
	.site-header {
		background: #fff;
		padding-bottom: 0;
	}
	.site-header .sv-drts-feature {
		background-image: url(img/feature-directory.jpg);
		height: 33vw;
	}
	.admin-bar #mastheadphantom {
		top: 44px;
	}
	#mastheadphantom .layout-helper {
		display: flex;
		justify-content: space-around;
		width: 66.67%;
	}
	.site-branding {
		padding: 1rem 5%;
	}
	.custom-logo-link {
		max-width: unset;
		margin-bottom: 0;
	}
	.sv-mobile-feature {
		display: none;
	}
/* 	.site-header .sv-search a {
		background-image: url(img/search-icon.svg);
		padding-right: 36px;
		width: auto;
		background-position: right center;
		overflow: visible;
		text-indent: 0;
	} */

}
@media screen and (min-width:1024px) {
	.admin-bar #mastheadphantom {
		top: 32px;
	}
}
@media screen and (min-width: 1200px) {	
	.site-branding {
		padding: .75rem 5%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#mastheadphantom .site-branding {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px 10px;
	}
	#mastheadphantom .custom-logo-link {
		max-width: 200px;
	}
	
	.top-corner-holder {
		text-align: right;
	}
	.top-corner-navigation {
		margin-right: -1em;
		display: flex;
	}
	#mastheadphantom .top-corner-navigation {
		margin-right: 0;
	}

	.sv-social a img {
		filter: invert(100%);
	}
	.sv-social a:hover img {
		filter: invert(100%) opacity(60%);
	}
	.site-header .sv-search {
		margin-left: 1.5rem;
		margin-top: .4em;
	}
	.site-header .sv-search a {
		width: 18px;
		height: 18px;
		transition: all 0.3s ease;
	}
	.site-header .sv-search a:hover {
		width: 22px;
		height: 22px;
	}
	.main-navigation .sv-social,
	.main-navigation .menu-toggle {
		order: 0;
	}

}
@media screen and (min-width: 1440px) {	
	.site-branding {
		justify-content: center;
	}
	.top-corner-holder {
		position: absolute;
		right: 10%;
		top: 0;
	}
	#mastheadphantom .site-branding {
		padding: 10px 5% 12px;
		justify-content: space-between;
	}
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	z-index: 100;
	clear: both;
	background: #000;
	color: #fff;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.main-navigation.popthrough {
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
}
@media screen and (min-width: 768px) {
	.admin-bar .main-navigation.popthrough {
		top: 32px;
		z-index: 9999999;
	}
}
@media screen and (min-width: 1440px) {
	.main-navigation.popthrough {
		top: 57px;
	}
}
.menu-main-nav-simple-container,
.menu-main-nav-container {
	position: absolute;
}
.toggled .menu-main-nav-simple-container,
.toggled .menu-main-nav-container {
    background: rgba(255,255,255,.8);
	top: 100%;
	left: 0;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	font-size: .9rem;
}
.main-navigation ul li {
	position: static;
}
.credits ul.menu,
.extra-footer-navigation ul,
.fat-footer-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.fat-footer-navigation ul ul {
	display: none;
}
.credits ul.menu li {
    font-size: .9rem;
    margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
	.credits ul.menu li {
		font-size: 1rem;
		margin-bottom: 0;
	}
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 30px;
	left: -999em;
	z-index: 99999;
	border-top: 1px solid #999;
	background: transparent;
	transition: left 0.6s ease;
}
.main-navigation.toggled ul ul {
	padding: 0;
	width: 75%;
	margin-left: 20%;
	border-left: 1px solid #999;
/* 	overflow-y: scroll;
	max-height: 70vh; */
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.focus > ul {
	left: 0;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation.toggled ul ul ul {
	margin-left: 25%;
	width: 79%;
	top: 26px;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li:focus > ul,
.main-navigation ul ul li.focus > ul {
	left: 0;
}
.main-navigation li {
	position: relative;
}
body:not(.logged-in) .main-navigation li.for-members-only {
	display: none;
}
.clicky-menu button, 
.main-navigation a {
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	background: #bcd4d2;
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	font-size: .9rem;
	text-transform: uppercase;
	padding: .4rem .75rem;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #333;
	transition: all 0.3s ease;
}
.main-navigation a.logo-link {
	display: block;
	width: auto;
	background: transparent;
	padding: 0;
	border: none;
	line-height: 1;
}
.clicky-menu > li > button[aria-expanded="true"] {
	background-color: var(--accent3);
	color: #fff;
}
.clicky-menu ul#plan-submenu > li.menu-divider-line {
	display: none; 
}
.main-navigation a:not([href]) {
	cursor: cell;
}
.main-navigation a:hover,
.main-navigation a:focus {
	background: #dee9e9;
	color: #000;
	outline: none;
}
@media screen and (max-width: 1199px) {
	.main-navigation ul .menu-item-has-children > a:after,
	.main-navigation ul .menu-item-has-children > button:after	{
		content: "\25BA";
		color: #999;
		font-size: 14px;
		padding-left: 5px;
	}
	.clicky-menu > li.menu-item-has-children > button[aria-expanded="true"]:after {
		color: #000;
	}
	
}
.main-navigation ul ul a {
	border-color: #999;
	font-weight: normal;
	background: #dee9e9;
	text-transform: none;
	font-size: .75rem;
	padding: .35rem .75rem;
}
@media screen and (max-width: 1199px) {
	.main-navigation ul ul .focus > a {
		font-weight: bold;
	}
}
.main-navigation ul ul ul a {
	background: #fff;
}

/* Small menu. */
.menu-button-text {
	display: none;
}
@media screen and (min-width: 768px) {
	.menu-button-text {
		display: inline-block;
		padding-right: 5px;
		font-size: .8rem;
		font-weight: bold;
		vertical-align: middle;
	}
}
.menu-toggle {
	color: #fff;
	background: transparent;
	display: inline-block;
	padding: 0;
	border: none;
	cursor: pointer;
}
.menu-toggle img {
	width: 30px;
}
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
	color: #fff;
	background: transparent;
	outline: none;
}
.main-navigation.toggled ul {
	display: block;
	clear: right;
	background: rgba(255,255,255,.97);
}
.close-icon,
.hamburger-icon {
	width: 30px;
	height: 20px;
	display: inline;
	vertical-align: middle;
}
.hamburger-icon {
	display: inline;
}
.close-icon {
	display: none;
}
.toggled .hamburger-icon {
	display: none;
}
.toggled .close-icon {
	display: inline;
}

#fatFooter {
	margin-bottom: 2rem;
}
ul.fat-footer-menu > li > div,
.fat-footer-navigation ul.menu > li > a {
    font-weight: bold;
    padding: .2em 0;
	line-height: 1.4;
    display: inline-block;
    text-transform: uppercase;
    font-size: .8em;
}
.fat-footer-navigation ul.menu ul a {
	line-height: 1.3;
}
@media screen and (min-width: 1200px) {
	.fat-footer-navigation ul.menu > li > ul.sub-menu > li {
		margin: .15em 0;
	}
}

#thinFooter1 {
    margin-bottom: 1.5rem;
	border-bottom: 1px solid #000;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #000;
}
#thinFooter1 a {
	padding: .2em 0;
	font-weight: bold;
}
#thinFooter2 {
    margin-bottom: 1rem;
}
.menu-third-footer-menu-container {
	font-weight: bold;
}
.entry-footer,
.post-edit-link {
	display: none;
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		top: 70px;
		width: auto;
	}
	.admin-bar .menu-toggle {
		
	}
	.toggled .menu-main-nav-simple-container,
	.toggled .menu-main-nav-container {
		padding-top: 0;
		background: transparent;
	}
	a.post-edit-link {
		text-decoration: none;
		display: inline-block;
		padding: 5px 11px;
		border: 1px solid #ccc;
		border-radius: 8px;
		color: #888;
		background: rgba(255,255,255,.8);
		line-height: 1.2;
		margin-top: 1rem;
	}
	a.post-edit-link:before {
		content: "\270E";
		padding-right: 5px;
		font-size: 22px;
	}
	.credits ul.menu,
	.top-corner-navigation ul {
		display: flex;
		justify-content: center;
	}
	.top-corner-navigation ul {
		list-style: none;
		margin: 0 0 .7rem 0;
		padding: 0;
	}
	#mastheadphantom .top-corner-navigation ul {
		margin: 0;
	}

	.credits ul.menu li:before {
		content: "|";
		color: #fff;
	}
	.top-corner-navigation li:before {
		content: "|";
		color: #000;
	}
	.credits ul.menu li:first-of-type:before,
	.top-corner-navigation li:first-of-type:before,
	.extra-footer-navigation li:first-of-type:before {
		content: "";
	}
	.credits ul.menu a,
	.extra-footer-navigation a {
		font-size: .85em;
		color: #fff;
		text-decoration: none;
		padding: .2em 1em;
	}
	.top-corner-navigation a {
		font-size: .85em;
		color: #000;
		text-decoration: none;
		padding: .2em 1em;
	}
	.credits ul.menu a:hover {
		color: #f0f0f0;
	}
	.top-corner-navigation a:hover {
		color: #900;
	}
	.menu-third-footer-menu-container {
		font-weight: normal;
	}
}

@media screen and (min-width: 1200px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation.popthrough {
		top: 46px;
	}
	.admin-bar .main-navigation.popthrough {
		top: 78px;
	}
	.main-navigation {
		position: relative;
		z-index: 9999;
		justify-content: center;
		align-items: center;
		padding: 0;
		background: #fff;
		color: #000;
	}
	.site-header .sv-search a {
		background-image: url(img/search-icon-blk.svg);
	}
	.site-header .sv-search a:hover,
	.site-header .sv-search a:focus {
		color: #000;
		background-image: url(img/search-icon-blk.svg);
	}
	.menu-main-nav-simple-container,
	.menu-main-nav-container {
		margin: 0;
		position: static;
	}
	.main-navigation .clicky-menu {
		position: relative;
		font-size: 1rem;
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
	}
	.main-navigation li {
		float: none;
	}
	.main-navigation ul li {
		/* position: relative; */
	}
	.main-navigation #primary-menu > li {
		padding: 0; /* changed */
	}
	.main-navigation li a,
	.clicky-menu button {
		text-decoration: none;
		color: #000;
		padding: .2em 0;
		font-weight: bold;
		text-transform: none;
		line-height: 1.25;
		display: block;
		font-size: 1rem;
		text-align: left;
		border-radius: 0;
		border: 0;
		background: transparent;
	}
	.clicky-menu > li > a,
	.clicky-menu > li > button {
		font-size: 1rem;
		padding: .7em 1em; 
		text-transform: uppercase;
		cursor: pointer;
	}
	.clicky-menu > li > button:after {
		content: "\276F";
		transform: rotate(90deg) translateX(-2px);
		display: inline-block;
		font-size: .8em;
		margin-left: .5em;
		font-weight: normal;
	}
	.clicky-menu > li > button[aria-expanded="true"] {
		background-color: var(--accent6);
		color: #fff;
	}
	.clicky-menu > li > button[aria-expanded="true"]:after {
		transform: rotate(-90deg) translateX(2px);
	}
	.clicky-menu > li.menu-item-clicked:before {
		content: "";
		background-color: rgba(0,0,0,.7);
		position: absolute;
		width: 100vw;
		top: 100%;
		left: calc(50% - 50vw);
		right: calc(50% - 50vw);
		z-index: -1;
		height: 335px;
	}
	.clicky-menu > li.menu-item-things-to-do.menu-item-clicked:before {
		height: 480px;
	}
	
	.main-navigation a:hover,
	.main-navigation a:focus,
	.clicky-menu button:hover,
	.clicky-menu button:focus {
		color: var(--accent6);
		background: transparent;
	}
	
	/* 2nd level */
	.main-navigation ul ul {
		box-shadow: none;
		float: none;
		left: 0;
		top: 100%;
		flex-direction: row;
		transition: none;
		min-width: 100%;
		border: 0;
		background: #fff;
		padding: 15px 26px 20px;
		margin: 0;
		height: auto;
	}
	.main-navigation ul ul a {
		color: #000;
		text-transform: none;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.2;
		padding: .2em 0;
		border: 0;
		background: transparent;
	}
	.clicky-menu ul[aria-hidden="false"] {
		position: absolute;
		display: flex;
		justify-content: space-between;
		flex: 0 0 auto;
		border-top: 8px solid var(--accent6);
		min-height: 300px;
	}
	.clicky-menu ul#places-to-go-submenu {
		padding-right: 40%;
		background: white url(img/places-to-go-nav2.jpg) no-repeat right center;
		background-size: 40% auto;
	}
	.clicky-menu ul#things-to-do-submenu {
		padding-right: 30%;
		background: white url(img/things-to-do-nav2.jpg) no-repeat right center;
		background-size: 30% auto;
	}
	.clicky-menu .menu-item-food-wine > ul.sub-menu {
		padding-right: 40%;
		background: white url(img/food-wine-nav2.jpg) no-repeat right center;
		background-size: 40% auto;
	}
	.clicky-menu ul#plan-submenu {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.clicky-menu ul > li {
		margin-right: 2.5em;
	}
	.clicky-menu ul#plan-submenu > li {
		flex-basis: 25%;
		margin-right: 0;
		padding: 0 2%;
		margin-bottom: 1em;
	}
	.clicky-menu ul#plan-submenu > li.menu-divider-line {
		display: block;
		flex-basis: 100%;
		height: 0;
		border-bottom: 8px solid var(--accent6);
		margin: 0 0 1em 0;
		padding: 0;
	}
	.clicky-menu ul#plan-submenu > li.menu-divider-line > a {
		display: none;
	}
	
	/* 3rd level */
	.main-navigation ul.nav-menu ul ul {
		display: flex;
		flex-direction: column;
		height: auto;
		width: auto;
		margin: 0;
		padding: 10px 0;
		position: static;
	}
/* 	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li:focus > ul,
	.main-navigation ul ul li.focus > ul {
		left: calc(100% + 12px);
	} */

	/* 3rd level list items */
	.main-navigation ul ul ul li {
		height: auto;
		float: none;
		margin: 0;
		padding: 0;
		min-height: 0;
		width: auto;
		position: static;
		border-right: none;
	}
	/* 3rd level links */
	.main-navigation ul ul ul li a {
		line-height: 1.2;
		font-size: .9rem;
	}	
	
	.main-navigation > div > ul > li.current-menu-item > a,
	.main-navigation > div > ul > li.current_page_item > a,
	.main-navigation > div > ul > li.current-menu-ancestor > a,
	.main-navigation > div > ul > li.current_page_ancestor > a,
	.main-navigation > div > ul > li:hover > a	{
		color: var(--accent1);
	}
	.main-navigation ul ul li.current-menu-item > a,
	.main-navigation ul ul li.current_page_item > a {
		color: var(--accent1);
	}
	.entry-footer {
		display: block;
		position: absolute;
		right: 20px;
		z-index: 10;
	}
	#fatFooter {
		margin-bottom: 4rem;
	}
	.extra-footer-navigation ul {
		display: flex;
		justify-content: center;
	}
	.extra-footer-navigation li:before {
		content: "|";
		color: #000;
	}
	.extra-footer-navigation a:hover {
		color: #f0f0f0;
	}
	.fat-footer-navigation ul.menu {
		display: flex;
		justify-content: center;
		text-align: left;
	}
	.fat-footer-navigation ul.menu > li {
		padding: 0 1rem;
	}
	.fat-footer-navigation ul.menu > li > a {
		padding: 0;
	}
	.fat-footer-navigation ul.menu li {
		margin: 0 0 .7em 0;
	}
	.fat-footer-navigation ul.menu a {
		text-decoration: none;
		display: block;
		color: #fff;
		font-weight: bold;
		line-height: 1.25;
	}
	.fat-footer-navigation ul ul {
		display: block;
	}
	.fat-footer-navigation ul.menu > li > ul.sub-menu {
		margin-top: .7em;
	}
	.fat-footer-navigation ul.menu > li > ul.sub-menu > li {
		font-size: .82em;
		line-height: 1.3;
		margin: .25em 0;
	}
	#colophon .fat-footer-navigation ul.menu > li > ul.sub-menu > li a {
		font-weight: 400;
	}
	#thinFooter1 a {
		padding: 0 .75em;
	}
	#mastheadphantom .main-navigation {
		display: block;
	}
	#mastheadphantom .main-navigation a {
		font-size: .85rem;
	}

}

/* HOME PAGE */
.home-grid {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.home-grid .advgb-image-block {
    background-position: center center;
}
.home-grid .advgb-image-title {
	margin-bottom: 0;
}
.site-logo {
	margin-bottom: 0;
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.home-grid .advgb-image-block {
		height: 50vw !important;
	}
	.home-grid .advgb-image-title {
		font-size: .95rem;
		line-height: 1.3;
	}
}

/* modals */
.modal-search-form, .modal-content-box { display: none; }
.my-modal-box {
	background: rgba(255,255,255,.9);
	padding: 10px;
}
.vbox-content .vbox-inline { 
	height: 275px; 
	width: 500px; 
	max-width: 90%;
	background: #fff !important;
	padding: 20px 2% !important; 
	box-sizing: border-box; 
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.vbox-num, .vbox-title {
	font-size: 18px;
}
.vbox-close {
	width: 90px;
	font-size: 50px;
	height: 50px;
}
.search-form {
	text-align: center;
	align-self: stretch;
	margin-bottom: 1rem;
}
.search-form input {
    font-size: 1rem;
}
.search-form input[type="search"] {
	width: 70%;
	padding: .3em .8em;
}
.search-form input[type="submit"] {
    text-transform: uppercase;
}
.search-form label {
	margin-bottom: 1rem;
	display: block;
}

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

.comment-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.posts-navigation {
	margin-bottom: 2rem;
}
.posts-navigation .nav-links {
    display: flex;
    justify-content: center;
	gap: 2em;
}
.posts-navigation .nav-links a {
	padding: .25em .75em;
	border: 1px dotted var(--accent6);
	background: #eee;
}
.posts-navigation .nav-next {
	text-align: right;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.wp-block-image .alignleft {
	margin-right: 1.5em;
	margin-top: 0;
	max-width: 35%;
}
.wp-block-image .alignright {
	margin-left: 1.5em;
	margin-top: 0;
	max-width: 35%;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

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

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.page,
.post {
	margin: 0 0 1.5em;
}
.single-post {
	margin-bottom: 0;
}
body.post,
body.page {
	margin: 0;
}
.updated:not(.published) {
	display: none;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	padding: 0 20px;
}
@media screen and (min-width: 768px) {
	.page-content,
	.entry-content,
	.entry-summary {
		padding: 1rem 0 0 0;
	}
	.single-post .entry-content {
		padding-top: 0;
	}
}
@media screen and (min-width: 768px) {
	.page-template-template-home-sum22 .entry-content,
	.page-template-template-home-win21 .entry-content {
		padding-top: 0;
	}
}
@media screen and (min-width: 1200px) {
	.page-template-template-home-sum22 .entry-content,
	.page-template-template-home-win21 .entry-content {
		/* padding-top: .2rem; */
	}
}

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

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

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


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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}


/* ==================================================================
 SV specific styles 
==================================================================== */

#content {
	overflow-x: hidden;
	padding-top: .5rem;
}
.page-directory-sv #content {
	padding-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
	#content {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.home #content {
		padding-top: 2rem;
	}
	.page-template-template-home-sum22 #content,
	.page-template-template-home-sum22.home #content,
	.page-template-template-home-win21 #content,
	.page-template-template-home-win21.home #content {
		padding-top: 0;
	}
}

.wp-block-media-text {
    margin-bottom: 1.5rem;
}

.alignwide,
.is-style-upcoming-events,
figure.wp-block-gallery.alignwide {
	width: 100%;
    max-width: 100%;
    margin: 1rem 0;
}
.alignwide.is-style-home-extra-tiles {
    margin-top: 0;
    margin-bottom: 1.5rem;
}
.alignwide.is-style-extra-caption,
.is-style-extra-caption {
	font-size: .8em;
	margin-top: -1rem;
	margin-bottom: 1rem;
}
#HomeExtraTiles {
	display: none;
}
.alignfull {
	width: 96vw;
	margin-left: calc(50% - 48vw);
	margin-right: calc(50% - 48vw);
}
.is-style-map-gallery {
    justify-content: center;
}
.is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-image a, .wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-image img, .wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-item a, .wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-item img {
	max-height: 300px;
}
.is-style-map-gallery .blocks-gallery-grid .blocks-gallery-image figcaption, .is-style-map-gallery .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery.is-style-map-gallery .blocks-gallery-image figcaption, .wp-block-gallery.is-style-map-gallery .blocks-gallery-item figcaption {
    top: 0;
	bottom: auto;
    padding: 8px;
    color: #000;
    font-size: 1rem;
    background: var(--accent2);
    text-transform: uppercase;
	margin-top: 0;
}
.is-style-map-gallery figcaption:after {
	content: "+";
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	display: inline-block;
	background: var(--accent3);
	padding: 4px 14px;
	font-size: 24px;
	line-height: 32px;
}
.is-style-tiles-toggle.alignwide {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
.is-style-tiles-toggle h2,
.is-style-tiles-toggle.alignwide h2 {
    text-align: center;
	cursor: pointer;
	background: var(--accent1);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .15em;
	margin: 0 15px;
	padding: 1.5rem 1rem;
}
.is-style-tiles-toggle h2:after {
	content: "\276F";
	transform: rotate(90deg);
	display: inline-block;
	color: #000;
	font-size: 1.2em;
	margin-left: 1rem;
	background: rgba(255,255,255,.5);
	border-radius: 50%;
	line-height: 1;
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
}
.is-style-tiles-toggle h2.expanded:after {
	content: "\276E";
}
.footer-map-tagline .wp-block-button.alignright {
	margin-bottom: 1rem;
	text-align: right;
}
.footer-map-tagline .wp-block-button.alignright .wp-block-button__link {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}
.footer-map-tagline p {
	padding: 0 4%;
	font-size: .85em;
}
.is-style-highlighted {
	background: var(--accent2);
	color: #000;
	padding: .5rem 1rem;
}
.content-area .is-style-highlighted a {
	color: var(--accent2);
	border-color: var(--accent2);
}

.is-style-stories-intro p:last-child {
	margin-bottom: 0;
}
.is-style-stories-intro form.wp-block-search {
	margin-bottom: .75rem;
}
.is-style-stories-intro form.wp-block-search input[type="search"] {
	padding: 3px 12px;
	border-radius: 0;
	border: none;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	color: var(--accent6);
	font-weight: bold;
}
.is-style-stories-intro .wp-block-categories select {
	padding: 3px 8px;
	border: none;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.content-area {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.home .content-area {
		max-width: 650px;
	}
	.home.page-template-template-home-sum22 .content-area,
	.home.page-template-template-home-win21 .content-area {
		max-width: 700px;
	}
	.page-directory .content-area {
		max-width: 1000px;
	}
	.page-directory.sabai-directory-categories .content-area {
		max-width: 90%;
	}
	.alignfull {
		width: 96vw;
		max-width: 96vw;
	}
	.alignfull.is-style-stories-intro {
		width: 100vw;
		max-width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	.is-style-stories-intro .wp-block-group__inner-container {
		max-width: 950px;
		margin-left: auto;
		margin-right: auto;
	}
	.alignwide, 
	.is-style-upcoming-events,
	figure.wp-block-gallery.alignwide,
	.wp-block-advgb-columns.advgb-columns-wrapper.alignwide {
		width: 90vw;
		max-width: 90vw;
		margin: 1rem calc(50% - 45vw);
	}
	.is-style-highlighted {
		width: 90vw;
		max-width: 90vw;
		margin: .5rem calc(50% - 45vw);
		padding: .5rem calc(45vw - 330px);
	}
	.alignwide.is-style-extra-caption,
	.is-style-extra-caption {
		margin-top: -2rem;
		margin-bottom: 2rem;
	}

}
@media screen and (min-width: 1200px) {
	.alignwide, 
	.is-style-upcoming-events,
	.is-style-highlighted,
	figure.wp-block-gallery.alignwide,
	.wp-block-advgb-columns.advgb-columns-wrapper.alignwide	{
		width: 1000px;
		max-width: 1000px;
		margin: 1rem calc(50% - 500px);
	}
	.page-template-single-directory-listing .entry-content .alignwide {
		width: 1200px;
		max-width: 1200px;
		margin: 1rem calc(50% - 600px);
	}
	.is-style-highlighted {
		margin-top: .5rem;
		margin-bottom: .5rem;
		padding: .5rem 150px .75rem;
	}
	.alignwide.is-type-video {
		margin: 3rem calc(50% - 500px);
	}
	.alignwide.is-style-top-rated {
		width: 1200px;
		max-width: 1200px;
		margin: 3rem calc(50% - 600px);
	}
	.alignwide.is-style-extra-caption,
	.is-style-extra-caption {
		margin-top: -3rem;
		margin-bottom: 3rem;
	}
	.meaning .alignwide,
	.footer-map-tagline.alignwide {
		width: 1200px;
		max-width: 1200px;
		margin: 2rem calc(50% - 600px);
	}
	.footer-map-tagline .alignwide {
		width: 1200px;
		max-width: 1200px;
		margin: 1rem 0;
	}
	.footer-map-tagline p {
		padding: 0 6%;
		font-size: 1em;
	}

	
	.is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-image a, 
	.is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-image img, 
	.is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-item a, 
	.is-style-map-gallery .blocks-gallery-grid.is-cropped .blocks-gallery-item img, 
	.wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-image a, 
	.wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-image img, 
	.wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-item a, 
	.wp-block-gallery.is-cropped.is-style-map-gallery .blocks-gallery-item img {
		max-height: 400px;
	}

}

.wp-block-image {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.single-post .wp-block-image:last-child {
	margin-bottom: 1rem;
}
.c-accordion__content > :first-child {
	margin-top: 0;
}
.c-accordion__content .wp-block-image:first-child {
	margin-bottom: 0;
}
.c-accordion__item {
	margin: 2rem 0;
}

.wp-block-group.has-background {
	margin-top: 1em;
	margin-bottom: 1em;
}
.wp-block-group.has-background .wp-block-group__inner-container > :last-child {
	margin-bottom: 0;
}
.content-area .wp-block-group.has-accent4-background-color a {
	color: var(--accent2);
	border-color: var(--accent2);
}

.wp-block-group.is-style-wineries-list,
.wp-block-group.is-style-upcoming-events {
	background-color: transparent !important;
	padding: 0;
}
.is-style-wineries-list .wp-block-group__inner-container,
.is-style-upcoming-events .wp-block-group__inner-container {
	background-color: var(--accent2);
	padding: .75rem 20px 1rem 20px;
}
.is-style-wineries-list h3 {
    margin-bottom: .75em;
}
.is-style-wineries-list li a {
    text-decoration: none;
    font-weight: bold;
}
.is-style-grapes {
	margin-top: 2rem;
}
.is-style-grapes .wp-block-button__link {
    background: #D0CCBD;
	color: black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
    display: block;
    text-align: left;
	padding: 10px 20px 18px;
	transition: background 0.3s ease;
}
.is-style-grapes .wp-block-button__link:hover,
.is-style-grapes .wp-block-button__link:active {
	background: #ECEAE1;
}

@media screen and (min-width: 768px) {
	.c-accordion__item {
		width: 90vw;
		margin: 2rem calc(50% - 45vw);
	}
	.c-accordion__item.is-style-top-ten {
		padding-left: 74px;
		background: transparent url(img/top-10-icon.png) no-repeat 8px 0;
	}
	.c-accordion__item.is-style-location-map {
		padding-left: 74px;
		background: transparent url(img/location-map-icon.png) no-repeat 0 0;
	}
	.is-style-grapes .wp-block-group__inner-container,
	.is-style-wineries-list .wp-block-group__inner-container,
	.is-style-upcoming-events .wp-block-group__inner-container {
		margin-left: 74px;
	}
	.is-style-grapes {
		background: url(img/grapes-icon.png) no-repeat 8px 0;
	}
	.is-style-wineries-list {
		background: url(img/person-circle-icon.png) no-repeat 6px 0;
	}
	.is-style-wineries-list ul {
	    columns: 2;
		column-gap: 1em;
	}
	.is-style-upcoming-events {
		background: url(img/upcoming-events-icon.png) no-repeat 0 0;
	}

}
@media screen and (min-width: 1200px) {
	.c-accordion__item {
		width: 1000px;
		margin: 2rem calc(50% - 500px);
	}
	.wp-block-image {
		margin-bottom: 3rem;
	}
	.is-style-wineries-list ul {
	    columns: 3;
	}

}
.c-accordion__title {
	position: relative;
	border: 0;
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3;
	padding: 10px 50px 18px 20px;
	margin: 0;
}
.is-style-top-ten .c-accordion__title {
	background: var(--accent2);
	color: #fff;
}
.is-style-location-map .c-accordion__title {
	background: var(--accent3);
	color: #000;
}
.c-accordion__title:after {
	right: 24px;
	color: #fff;
	font-weight: bold;
	transform: translateY(-62%);
	content: "+";
}
.is-open .c-accordion__title:after {
	content: "\2212";
}
.is-style-top-ten .c-accordion__title:after {
	color: #fff;
}
.is-style-location-map .c-accordion__title:after {
	color: #000;
}
@media screen and (min-width: 768px) {
	.c-accordion__title {
		font-size: .9em;
	}
}
@media screen and (min-width: 1200px) {
	.c-accordion__title {
		font-size: 1.08em;
		padding-right: 7em;
	}
	.c-accordion__title:after {
		content: "EXPAND\2003+";
	}
	.is-open .c-accordion__title:after {
		content: "CLOSE\2003\2212";
	}
	.c-accordion__title {
		font-size: 1.1em;
	}
}

.c-accordion__content {
	border: 0;
	margin-bottom: 0;
	padding: 2rem 6%;
}
.is-style-top-ten .c-accordion__content {
	background-color: var(--accent2);
}
.is-style-location-map .c-accordion__content {
	background-color: var(--accent3);
}
.is-style-top-ten .c-accordion__content ol li {
	margin-bottom: .5em;
	padding-left: .5em;
}

.is-style-operators-list {
	width: 100vw;
	margin: 3rem calc(50% - 50vw);
	clear: both;
}
.is-style-operators-list h3 {
	font-size: 1em;
	line-height: 1.3;
	padding: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	background-color: #92B193;
	max-width: 1280px;
	margin: 0 auto;
}
.is-style-operators-list-holder {
	padding: .5rem 1rem;
	background-color: #e6dfd9;
}
.is-style-operators-list ul {
	list-style: none;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	text-transform: uppercase;
	max-width: 1280px;
	margin: 0 auto;
}
.is-style-operators-list li {
    margin: 1em 0;
}
.is-style-operators-list a {
	color: #000;
	text-decoration: none;
	transition: color 0.3s ease;
}
.is-style-operators-list a:hover,
.is-style-operators-list a:focus {
	color: #C4161C;
}
.is-style-operators-list a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(img/external-link.svg);
	background-size: 100% auto;
	height: 24px;
	width: 18px;
	margin-left: .75em;
}
@media screen and (min-width: 768px) {
	.is-style-operators-list ul {	
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: center;
	}
	.is-style-operators-list li {
		flex-basis: 33%;
		padding: 1rem 2rem;
	}
	.is-style-operators-list h3 {
		font-size: 1.2em;
		line-height: 1.8;
		padding: 5px 10px;
	}
	.is-style-operators-list-holder {
		padding: 2rem 1rem;
	}
	.is-style-operators-list ul {
		font-size: 1.2rem;
	}
	.is-style-operators-list li {
		margin: 0;
	}
}
/* TOP RATED EXPERIENCES */
.is-style-top-rated {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.is-style-top-rated .wp-block-group__inner-container {
	position: relative;
}
.is-style-top-rated .wp-block-group .wp-block-group__inner-container {
    z-index: 1;
	width: 86%;
	max-width: 555px;
    color: #000;
	background: rgba(255,255,255,.8);
	padding: 1rem 1.4rem 1.5rem;
	box-shadow: 0 0 12px rgba(0,0,0,.6);
	margin: 0 7%;
}
.is-style-top-rated .wp-block-image {
	overflow: hidden;
	height: 59.4vw;
	margin-top: -1px;
}
.is-style-top-rated h3 {
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin-bottom: .6em;
    line-height: 1.3;
	color: var(--accent2);
}
.is-style-top-rated p {
	margin-bottom: 1em;
	font-size: .85rem;
}
.is-style-top-rated .wp-block-button__link {
	background-color: var(--accent6);
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1rem;
	display: block;
	text-align: left;
	color: #fff !important;
	padding: .25em 1em;
	font-weight: 600;
	transition: background-color 0.3s ease;
}
.is-style-top-rated .wp-block-button__link:hover,
.is-style-top-rated .wp-block-button__link:focus {
	background-color: var(--accent2);
}
@media screen and (min-width: 768px) {
	.is-style-top-rated .wp-block-group .wp-block-group__inner-container {
		position: absolute;
		z-index: 1;
		left: 3%;
		top: -3.1rem;
		padding: .8rem 2rem 1.5rem;
		box-shadow: 0 0 20px rgba(0,0,0,.6);
	}
	.is-style-top-rated .wp-block-image {
		margin-top: 6.7rem;
	}
	.is-style-top-rated h3 {
		font-size: 1.6rem;
		margin-bottom: 1.1rem;
		line-height: 1.1;
	}
	.is-style-top-rated p {
		font-size: 1rem;
	}
	.is-style-top-rated .wp-block-button__link {
		display: inline-block;
		text-align: center;
		font-size: 1rem;
		padding: .25em 1.25em;
	}
}
@media screen and (min-width: 1200px) {
	.is-style-top-rated .wp-block-image {
		height: 800px;
	}
	.is-style-top-rated .wp-block-image img {
		height: 100%;
		max-width: unset;
		transform: translateX(calc(600px - 50%));
	}
}


.wp-block-cover.is-style-footer-cover {
    align-items: flex-start;
    margin: 2rem -20px 0;
	width: unset;
	min-height: unset;
}
.wp-block-cover.is-style-footer-cover.is-style-no-caption {
    margin-top: 0;
}
.wp-block-cover.is-style-footer-cover .wp-block-cover__inner-container {
    padding: 1rem 20px;
    background: rgba(255,255,255,.7);
    width: 100%;
	text-align: center;
    color: #000;
	margin-bottom: 50vw;
}
.wp-block-cover.is-style-footer-cover.is-style-no-caption .wp-block-cover__inner-container {
	display: none;
}
.wp-block-cover.is-style-footer-cover h2 {
    font-size: .95em;
	padding: .25rem 0 .75rem;
    text-transform: uppercase;
    letter-spacing: .2em;
	max-width: 700px;
	margin: 0 auto;
	color: #000;
}
.wp-block-cover.is-style-footer-cover p {
	font-size: .92rem;
	margin: 0 auto;
	max-width: 700px;
	color: #000;
}
@media screen and (min-width: 768px) {
	.wp-block-cover.is-style-footer-cover {
		padding: 0;
		width: 100vw;
		max-width: 100vw;
		margin: 3rem calc(50% - 50vw) 0;
	}
	.wp-block-cover.is-style-footer-cover .wp-block-cover__inner-container {
		padding: 1rem 20px 2rem;
		background: rgba(255,255,255,.6);
		margin-bottom: 35vw;
	}
	.wp-block-cover.is-style-footer-cover h2 {
		font-size: 1.5em;
		padding: 1rem;
	}
	.wp-block-cover.is-style-footer-cover p {
		font-size: 1.1rem;
		margin: 0 auto .5em;
	}
}
@media screen and (min-width: 1280px) {
	.wp-block-cover.is-style-footer-cover {
		margin-top: 5rem;
		min-height: 43.33vw;
	}
	.wp-block-cover.is-style-footer-cover .wp-block-cover__inner-container {
		margin-bottom: 100px;
	}
}

/* ----------------------------------------------------
 ## ESSENTIAL EXPERIENCES FINDER DROP DOWN MENU
 ------------------------------------------------------*/

.find-essential-experiences {
	padding: .6em 10% 1.2em;
	background-color: var(--accent3);
	text-align: center;
}
.find-essential-experiences h4 {
	font-size: .9em;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0 0 1em 0;
}
.ee-dropdown {
	background-color: var(--accent2);
	border: 1px solid #000;
	position: relative;
	margin-top: .5em;
	text-align: left;
}
.ee-dropdown h5 {
	font-size: 1.1rem;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	padding: .5em 3em .5em 1.25em;
	margin: 0;
	cursor: pointer;
}
.ee-dropdown h5:after {
	content: "\276F";
	transform: rotate(90deg);
	position: absolute;
	right: 1.25em;
	top: 20%;
}
.ee-dropdown.expanded h5:after {
	content: "\276E";
}
.ee-dropdown ul {
	display: none;
	list-style: none;
	padding: .5em 0;
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	background-color: var(--accent2);
	border: 1px solid #000;
}
/* .ee-dropdown:hover ul,
.ee-dropdown:active ul,
.ee-dropdown:focus ul {
	display: block;
} */
.ee-dropdown li {
	padding: 0;
	margin: 0;
}
.ee-dropdown li a {
	display: block;
	font-size: .9em;
	padding: .35em .75em;
	line-height: 1.25;
	color: #000;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.ee-dropdown li a:hover {
    background-color: rgba(255,255,255,.3);
}
.ee-icon {
	background: transparent url(img/search-icon.svg) no-repeat left center;
	background-size: auto 100%;
	width: 9vw;
	height: 8vw;
	opacity: 0.5;
}
.ee-icon,
.ee-holder {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (min-width:600px) {
	.find-essential-experiences {
		padding: 1.5em 1em 2.5em;
	}
	.find-essential-experiences h4 {
		font-size: 1.25em;
	}
	.ee-dropdown {
		margin-top: 0;
	}
	.ee-dropdown h5 {
		font-size: 1.25rem;
	}
	.ee-finder {
		display: flex;
		justify-content: center;
	}

}


/* ----------------------------------------------------
 ## CONTACT FORMS 
 ------------------------------------------------------*/

div.wpcf7 {
    margin: 2rem calc(50% - 50vw);
    width: 100vw;
}
@media screen and (min-width: 900px) {
	
	div.wpcf7 {
		margin: 2rem 0;
		width: 100%;
	}
}


.tile-menu {
    list-style: none;
    padding: 0;
    display: flex;
	flex-direction: column;
}
.tile-menu li {
	position: relative;
	margin-bottom: 1.5rem;
	height: 60vw;
	background-color: #eee;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tile-menu a {
	display: block;
	height: 100%;
	color: var(--black);
	font-weight: normal;
	border: none;
}
.tile-menu a:visited {
	color: var(--black);
}
.tile-menu a:hover, .tile-menu a:focus, .tile-menu a:active {
	color: var(--accent6);
}
.tile-menu img {
    display: block;
	width: 100%;
}
.tile-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,.8);
    padding: .5em .5em .5em 1em;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: .8rem;
}
.tile-title {
    text-transform: uppercase;
	font-family: "GreatForestSimplified", Arial, Helvetica, sans-serif;
}
.tile-button {
    white-space: nowrap;
	background-color: var(--accent6);
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	padding: .1em .75em;
	transition: background-color 0.3s ease;
}
.tile-button:hover {
	background-color: var(--black);
}
.sublevel {
	margin-top: 1.25rem;
	margin-bottom: 2rem;
}
.toplevel {
	margin-bottom: 2rem;
}
.toplevel .tile-menu {
	gap: 50px;
	padding-left: 1rem;
	padding-right: 1rem;
}
.toplevel .tile-menu li {
	margin: 0;
	height: auto;
	padding-bottom: 90%;
}
.toplevel .tile-caption {
	flex-wrap: wrap;
	padding: .5em .75em;
	font-size: .7rem;
	gap: .5em;
}
.toplevel .tile-title {
	font-size: 1.3em;
}
.toplevel .tile-blurb {
	flex-basis: 100%;
	font-size: .85rem;
	line-height: 1.25;
	height: 5em;
	overflow: hidden;
}
.sublevel .tile-menu {
	gap: 30px;
	padding-left: 2rem;
	padding-right: 2rem;
}
.sublevel .tile-menu li {
	height: 60vw;
	margin: 0;
}
.sublevel .tile-title {
	font-size: 1.2em;
}
.sublevel .tile-caption {
	font-size: .75rem;
}
.sublevel .tile-blurb {
	display: none;
}
.sublevel .tile-button {
	font-size: 1em;
}

@media screen and (min-width: 320px) {
	.toplevel .tile-title {
		flex-basis: calc(100% - 80px - .5em);
	}
}

@media screen and (min-width: 768px) {
	.tile-menu {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tile-menu li {
		flex: 0 1 29.3%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 2.5rem;
		overflow: hidden;
		height: 19vw;
	}
	.toplevel .tile-menu,
	.sublevel .tile-menu {
		padding: 0;
	}
	.toplevel .tile-menu li {
		flex-basis: 375px;
		margin: 0;
		height: 350px;
		padding: 0;
	}
	.toplevel .tile-caption {
		font-size: .8rem;
	}
	.toplevel .tile-title {
		flex-basis: calc(100% - 90px - .5em);
	}
	.sublevel .tile-menu {
		gap: 40px;
	}
	.sublevel .tile-menu li {
		flex: 0 1 375px;
		height: 250px;
		margin: 0;
		max-width: 100%;
	}
	.tile-menu img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

}
@media screen and (min-width: 1024px) {
	.toplevel .tile-menu li {
		flex-basis: 450px;
		height: 400px;
	}
	.sublevel .tile-menu li {
		flex-basis: 450px;
		height: 300px;
	}
}
@media screen and (min-width: 1440px) {
	.tile-caption {
		font-size: .85rem;
		padding-left: .75em;
	}
}

/* Portal page tile menus */

/* use css order to place tile menu above or below the content */
article.page {
	display: flex;
	flex-direction: column;
}
h3.sv-tile-menu-heading {
	text-align: center;
	color: var(--accent1);
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1em;
}
div.toplevel {
	order: -1;
	margin-top: 2rem;
}
ul.sv-tile-menu {
	list-style: none;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 0;
}
.sv-tile-menu li {
	position: relative;
	margin-bottom: 2rem;
	display: inline-block;
	overflow: hidden;
}
@media screen and (min-width: 600px) {
	ul.sv-tile-menu {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1.75rem;
	}
	.sv-tile-menu li {
		flex-basis: 46%;
		margin: 0;
		display: block;
	}
}
@media screen and (min-width: 800px) {
	.sv-tile-menu li {
		flex-basis: 350px;
	}
}
.sibling-nav {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
}
.sv-tile-menu-description {
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .8rem;
}
ul.sv-tile-menu.siblings {
	display: flex;
	gap: .66em;
	margin-top: 1em;
	padding: 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
ul.sv-tile-menu.siblings li {
	margin-bottom: 0;
	flex-basis: auto;
}
.sv-tile-menu.siblings li a {
	display: block;
	text-decoration: none;
	font-size: .9em;
    padding: .3rem 1em;
    border-radius: 3px;
	transition: all 0.3s ease;
	color: var(--white);
	background: var(--accent6);
	border: 2px solid var(--accent6);
}
.sv-tile-menu.siblings li a:hover {
	color: var(--white);
	background: var(--black);
	border-color: var(--black);
}
.sv-tile-menu.siblings li.current a {
	cursor: default;
	color: var(--accent6);
	border-color: var(--accent6);
	background: var(--white);
}


.wp-block-file a.wp-block-file__button:before {
	content: "\f316";
	font-family: "dashicons";
	font-weight: normal;
	vertical-align: middle;
	margin-right: 8px;
}
.wp-block-file a.wp-block-file__button[href$=".pdf"]:before {
	content: "\f190";
}
.wp-block-file a.wp-block-file__button {
	background: var(--accent6);
	border-radius: 0;
	color: #fff;
	font-size: .8em;
	padding: 0.25em 1em;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: none;
} 
.is-style-icon-header {
    display: flex;
    align-items: center;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.is-style-icon-header strong {
    background: #8ba467;
	color: #fff;
	font-size: .9rem;
    text-transform: uppercase;
    margin-left: .75em;
    padding: .5em 1em .7em;
    flex-basis: 98%;
}
.is-style-icon-header img {
	flex-basis: 53px;
}

/* foogallery */
@media screen and (max-width: 1200px) {
	.page-gallery .foogallery .fg-image {
		max-width: 193px;
	}
}
@media screen and (max-width: 414px) {
	.page-gallery .foogallery .fg-image {
		max-width: 150px;
	}
}

/* video slider */
@media screen and (max-width: 768px) {
	.video-container .wp-block-group__inner-container {
		margin-left: 30px;
		margin-right: 30px;
	}
}

/* VIC list */
.is-style-vclist {
	margin-top: 2rem;
}
.is-style-vclist .wp-block-column {
	background-color: var(--accent2);
	margin-bottom: 2em;
}
.is-style-vclist h3 {
	background: #fff;
	font-weight: normal;
	text-align: center;
	padding-bottom: 1.5em;
	margin: 0;
	font-family: "GreatForestSimplified", Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	color: var(--black);
}
.is-style-vclist .wp-block-image {
    margin: 0;
	overflow: hidden;
	height: 50vw;
}
.is-style-vclist .wp-block-image img {
    display: block;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.is-style-vclist p {
	font-size: .9em;
	padding: 1em;
	text-align: center;
}
.is-style-vclist p strong {
	text-transform: uppercase;
}
@media screen and (min-width: 768px) {
	.is-style-vclist .wp-block-image {
		height: 25vw;
	}
}
@media screen and (min-width: 782px) {
	.is-style-vclist {
		margin-top: 1rem;
	}
	.is-style-vclist .wp-block-image {
		height: 14vw;
	}
}

.wpcf7-form {
    background-color: var(--accent2);
	padding: 1rem 2rem;
	color: #fff;
}
.wpcf7-form legend {
    margin-bottom: 1em;
}
.wpcf7-form input,
.wpcf7-form textarea {
	border: 0;
	border-radius: 0;
}
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"] {
	width: 100%;
}
span.wpcf7-not-valid-tip {
	background: #ccc;
    padding-left: .5em;
}
input.wpcf7-submit {
	background-color: var(--accent2);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border: 0;
	border-radius: 0;
	font-size: 1.1rem;
	margin-top: .5rem;
}
.wpcf7-form-control-wrap {
	display: block;
	margin: .5em 0 1em;
}

@media screen and (min-width: 768px) {
	.wpcf7-form-control-wrap:not(.your-message) {
		display: inline-block;
		margin-top: 0;
	}
	.wpcf7-form-control-wrap.your-message {
		margin-top: .5em;
		margin-bottom: 0;
	}
	.wpcf7-form-control-wrap.your-name {
	    width: calc(100% - 4em);
		margin-left: 1em;
	}
	.wpcf7-form-control-wrap.your-phone {
		margin-right: 1em;
	}
	.wpcf7-form-control-wrap.your-phone,
	.wpcf7-form-control-wrap.email {
	    width: calc(50% - 4.5em);
		margin-left: 1em;
	}


}

/* ---------------------------------------------------
## FOOTER
------------------------------------------------------*/
.meaning .wp-block-image {
	position: relative;
}
.meaning figcaption {
    position: absolute;
    bottom: 1.25rem;
    left: 10%;
    background: rgba(255,255,255,.8);
	padding: 1.7rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.5);
	color: #000;
    font-size: 1.2rem;
    width: 80%;
    font-weight: bold;
}

.is-style-footer-map h4 {
	margin: 1.5rem 4%;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: .2em;
	text-align: center;
}
.is-style-footer-map .wp-block-image {
	margin: 0;
}
.is-style-footer-map .wp-block-image a,
.is-style-footer-map .wp-block-image img {
	display: block;
	width: 100%;
}
.is-style-footer-tagline {
	font-size: .9rem;
	line-height: 1.3;
	background: #92B193;
	color: #000;
	padding: 1.5em;
	text-align: left;
	margin: 0;
}
.is-style-footer-tagline img {
	margin: 0 10px 2em 0;
	display: block;
	float: left;
	vertical-align: baseline;
	padding: 0;
}
@media screen and (min-width: 768px) {
	.is-style-footer-map h4 {
		font-size: 1.45rem;
		margin: 2.5rem 0 3rem;
	}
	.is-style-footer-tagline {
		font-size: 1rem;
		text-align: center;
	}
	.is-style-footer-tagline img {
		display: inline;
		float: none;
		vertical-align: middle;
		margin: 0 .7em 0;
	}
}

#colophon {
	background: var(--accent2);
	color: #000;
	padding: 1rem 4% 3.5rem;
	text-align: center;
}

#colophon a {
	color: #000;
	text-decoration: none;
	display: inline-block;
}
#colophon a:hover {
	color: #fff;
}

.credits {
	font-size: .8rem;
	margin-top: 2rem;
}
.credits section.widget {
    margin-bottom: .25em;
}
.credits .sep {
	padding: 0 .5em;
}
.credits .fine-print {
    margin-top: 2rem;
}
.credits .fine-print img {
    margin: 1rem 1.5rem;
}
.sv-share-buttons {
	text-align: center;
	margin: 1.5em 0;
}
.sv-share-text {
    font-weight: 700;
    padding: 0 10px 0 0;
	color: #999;
}
.addtoany_share_save_container { 
	text-align: center; 
}
.sv-share-buttons .addtoany_list { 
	line-height: 40px; 
}
.sv-share-buttons .addtoany_list a {
	padding: 0 8px;
	text-decoration: none;
}

@media screen and (min-width: 480px) {
	.addtoany_share_save_container { 
		display: inline-block;
	}
	.sv-share-buttons .addtoany_list { 
		line-height: 16px; 
	}
	.sv-share-buttons { 
		padding: 1.25em 10px; 
	}
}
@media screen and (min-width: 768px) {
	.sv-share-buttons {
		padding: 1.5em 0;
		margin: 0;
	}
	.sv-share-buttons .addtoany_list a {
		padding: 0 4px;
	}
}

#toplink {
    position: fixed;
    bottom: 10px;
    right: 10px;
	display: none;
	z-index: 99;
}
#toplink a {
	display: inline-block;
	background: var(--accent6);
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 14px;
	font-size: .9em;
	transition: background 0.3s ease;
}
#toplink a:hover {
	background: var(--accent2);
}
#toplink a:after {
	content: "\276F";
	display: inline-block;
	margin-left: 10px;
	transform: rotate(270deg);
}

/* map legend */
.svmap-holder {
	position: relative;
}
.svmap-legend {
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 2.2;
	height: auto;
	box-shadow: 3px 3px 4px rgba(0,0,0,.5);
	border: 1px solid #ccc;
	border-radius: 6px;
	z-index: 999;
}
.svmap-legend p {
	margin: .25em 0;
}
.svmap-legend p img {
	vertical-align: middle;
	margin-right: 5px;
}
/* map marker pop ups */
.leaflet-popup-content a {
	font-size: 1.2em;
	font-weight: bold;
}
body:not(.home) figure.wp-block-image.alignwide {
    position: relative;
	display: flex;
	flex-direction: column;
}
body:not(.home) .wp-block-image figcaption,
body:not(.home) .wp-block-image.alignwide figcaption {
	background: var(--accent2);
	color: var(--black);
	padding: .75em 1.25em;
	width: 100%;
	margin-top: 0;
	font-size: 1em;
	line-height: 1.1;
	text-align: left;
}

.is-style-map-thumbs {
	margin-bottom: 2rem;
}
.is-style-map-thumbs figure {
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	margin-top: 0;
	margin-bottom: 0;
}
.is-style-map-thumbs .wp-block-image > :first-child {
	order: 0;
}
.is-style-map-thumbs .wp-block-image img {
    display: block;
    margin: 0 auto;
	object-fit: cover;
	width: 100%;
	height: 66vw;
}
.is-style-map-thumbs figcaption {
    text-transform: uppercase;
    font-size: .9rem;
    color: #000;
	background: var(--accent2) !important;
	margin-bottom: .2em;
	order: -1;
}
.is-style-map-thumbs figcaption strong {
	display: block;
	background-color: var(--accent2);
    text-align: left;
    padding: .4em .75em .6em;
}

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

	.is-style-map-thumbs {
		justify-content: space-around;
	}
	.is-style-map-thumbs .wp-block-column {
		flex-basis: 31%;
		margin: 0;
	}
	.is-style-map-thumbs figcaption strong {
		min-height: 3.8em;
	}
	.is-style-map-thumbs figure {
		overflow: hidden;
		margin: 0;
		height: 100%;
	}
	.is-style-map-thumbs .wp-block-image img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

}
@media screen and (min-width: 1200px) {
	.is-style-map-thumbs {
		justify-content: center;
	}
	.is-style-map-thumbs .wp-block-column {
		flex-basis: content;
		margin: 0 1%;
	}
	.is-style-map-thumbs figure {
		height: 350px;
	}
	.is-style-map-thumbs figcaption strong {
		display: inline-block;
		width: 88%;
		min-height: unset;
	}
	.is-style-map-thumbs figcaption:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		background: url(img/location-map-icon.png) no-repeat left center;
		background-size: contain;
		width: 10%;
		height: 100%;
		margin-right: 2%;
	}
	
}

/* posts archives */

.post-grid {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 0 1rem;
}
p.story-excerpt {
    line-height: 1.25;
    font-size: .85rem;
}
.post-grid a.post-thumbnail {
	display: block;
	padding-bottom: 66%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: .5rem;
}

@media screen and (min-width: 768px) {
	.post-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
	}
	.post-grid > article {
		flex-basis: 49%;
	}
}


/* Breadcrumbs */

#breadcrumbs {
	font-size: .9em;
	color: #666;
	margin-top: 1em;
	padding: 0 1em;
}
#breadcrumbs a {
	font-weight: normal;
}
@media screen and (min-width: 768px) {
	#breadcrumbs {
		padding: 0;
	}
}
@media screen and (min-width: 1200px) {
	#breadcrumbs {
		margin-top: 0;
	}
}

/* --------------------------------------------------
## DIRECTORY (Directories Pro)
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.page-directory-sv #primary {
		max-width: 95%;
	}
}

/* Single listing main image */
img.dir-listing-logo {
    margin: 0 auto 1rem;
    display: block;
}
img.dir-listing-photo {
    object-fit: cover;
    aspect-ratio: 4/3;
    margin-bottom: 1rem;
}
@media screen and (min-width: 522px) {
	.drts-display-element-template-name-summary_feature_image_new {
		height: 100%;
	}
	.drts-display-element-template-name-summary_feature_image_new .drts-entity-field-value {
		height: 100%;
	}
}

/* Category tiles. Targeting Summary display: similkameen under content type: Category. */

#content .tile-image {
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-size: cover;
	width: 100%; height: 100%;
}
.drts-view-entities-list-grid > div > div > .drts-display.drts-display--summary-similkameen,
.drts-display--summary-similkameen {
	flex: 0 1 412px;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.drts-entity-fieldlist:not(.drts-entity-fieldlist-no-inline) .drts-entity-field-value {
    text-align: left;
}

.drts-display--summary-similkameen .drts-display-element-entity_field_term_title-1 a {
	text-decoration: none;
	border-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: .75em .5em;
	font-family: 'GREATFORESTSIMPLIFIED', sans-serif;
	font-weight: normal;
	font-size: 1em;
	font-size: 3vw;
	line-height: 1.5;
	text-transform: uppercase;
	background: rgb(255 255 255 / .7);
	color: var(--black);
	height: 100%;
	word-wrap: break-word;
}
@media only screen and (min-width:600px) {
	.drts-display--summary-similkameen .drts-display-element-entity_field_term_title-1 a {
		font-size: .7em;
	}
}
@media only screen and (min-width:1200px) {
	.drts-display--summary-similkameen .drts-display-element-entity_field_term_title-1 a {
		font-size: .9em;
		line-height: 1.15;
	}
}
.drts-display--summary-similkameen .drts-display-element-entity_field_term_title-1 a:hover {
	color: var(--accent6);
}
.drts-display--summary-similkameen .tile-label {
	text-decoration: none;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0;
	transition: all 0.3s ease;
}
.drts-display--summary-similkameen .tile-label a {
	transition: all 0.3s ease;
}
.drts-display--summary-similkameen:hover .tile-label a {
	color: var(--accent6);
}

.drts-display-element.listing-location-heading p {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: .2em;
}
.drts-display-element-header {
    margin: 1.25em 0 .75em;
}

/* category icons - check similkameen portion of class */
.tax-similkameen_dir_cat .drts-display-element-entity_field_field_custom_category_icon-1 img {
	width: auto !important;
	height: auto;
	filter: invert(100%);
}
.tax-similkameen_dir_cat p.bcrumbs > span > span  > a {
	display: none;
}
.tax-similkameen_dir_cat p.bcrumbs span span span {
	display: inline;
}

body.drts-entity {
	position: static;
}

.drts-display--summary-childcategories,
.tax-similkameen_dir_cat .drts-entity-term.drts-display--detailed {
	display: flex;
	justify-content: space-between;
	background-color: #d7cfa5;
	padding: 15px 25px;
}
@media only screen and (min-width:1000px) {
	.drts-display--summary-childcategories,
	.tax-similkameen_dir_cat .drts-entity-term.drts-display--detailed {
		align-items: center;
	}
}

.drts-display--summary-childcategories .drts-display-element-entity_child_terms-1,
.tax-similkameen_dir_cat .drts-entity-term.drts-display--detailed .directory-category-child-terms {
	flex-basis: 90%;
	padding-left: 2%;
}
.drts-display--summary .directory-listing-info {
	margin: 0 !important;
	display: block;
	line-height: 1.6;
	padding: .35em .7em;
}
.drts-display--summary .directory-listing-info a {
	text-decoration: none;
	border-bottom: 0;
}
@media only screen and (max-width:600px) {
	.drts-display--summary .directory-listing-info {
		line-height: 1.8;
	}
}

.drts-voting-button {
	display: none !important;
}
#content .drts-display-group-inline > .drts-display-element-inlineable {
    display: block;
}
#content .drts-display-group-inline > .drts-display-element-inlineable > * {
	display: inline-block;
	margin-right: 5px;
}
#content .drts-display-group-inline > .drts-display-element-inlineable.drts-display-element-entity_field_field_location-1 {
	flex-basis: 100%;
}
.directory-listing-info.drts-display-group-inline .drts-display-group-element-separator, 
.drts-display-group-inline .drts-display-group-element-separator {
    display: none;
}

ul.drts-display-list {
	font-size: 1.1em;
	line-height: 1.2;
}
ul.drts-display-list a {
	color: var(--accent1);
}
.drts-display-list-badge {
    position: static;
    transform: none;
}
.drts .drts-bs-badge {
    display: inline;
	padding: 0;
    font-size: .9em;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    border-radius: 0;
}
.drts .drts-bs-badge-pill {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}
.drts .drts-bs-badge-light {
    color: #000;
    background-color: transparent;
}
ul.drts-display-list > li {
    padding-right: 0;
    position: static;
    margin-bottom: .5em;
}
.drts-display-list-badge:before {
	content: "(";
}
.drts-display-list-badge:after {
	content: ")";
}

.drts .directory-listing-description ul {
    list-style: disc;
	margin: 1em 0;
}
.drts .directory-listing-description ol {
	list-style: decimal;
}
.drts .directory-listing-description ul li { 
	margin-bottom: 0; 
	margin-left: 2em;
    list-style: disc;
}
.drts .directory-listing-description ol li { 
	list-style: decimal;
	margin-bottom: 1em; 
	margin-left: 2.5em;
}
.drts-display-name-filters-default .drts-form-field-radio-option.drts-bs-disabled {
    display: none;
}
.page-directory-sv .drts-view-entities-list-grid .drts-row {
    justify-content: center;
	margin-top: 1em;
}
.drts-view-entities-list-grid .drts-row.drts-gutter-md > div {
	margin-bottom: 2em;
}
/* check this class: page-directory-directory */
.page-directory-directory .drts-view-entities-list-grid .drts-row.drts-gutter-md > div {
	margin-bottom: 1.5em;
}
.page-directory-directory .drts-view-entities-list-grid .drts-row.drts-gutter-md {
	justify-content: center;
}

@media only screen and (min-width: 768px) {
	.drts-display--detailed {
		margin-top: 2em;
	}
}

/* Trip Advisor icon removed from Font Awesome version 5.15, replace here */
.drts .fa-tripadvisor:before {
	content: ""!important;
	width: 1em;
	height: .85em;
	display: inline-block;
	vertical-align: middle;
	background: url(img/tripadvisor.svg) no-repeat 0 0;
	background-size: contain;
}

/* Single Listing View styles */

h2.sv-drts-single-listing-title {
	margin-bottom: .5em;
	background-color: var(--accent2);
	color: #fff;
	font-size: 1.5rem;
	padding: .25em 1rem;
	font-weight: 700;
	text-transform: none;
}
/* hide main listing title on larger screens */
@media only screen and (min-width: 768px) {
	h2.sv-drts-single-listing-title {
		display: none;
	}
}

.drts .directory-listing-details-container .drts-entity-field {
	display: block;
}
.directory-listing-details-container {
    font-size: 1em;
}
.directory-listing-details-container p {
	font-size: 1em;
}
.directory-listing-details-container .drts-entity-field-label {
	display: inline-block;
	margin-right: 5px;
	white-space: normal;
}
.directory-listing-contact-info {
	background-color: #ebf1f2;
	padding: 1rem;
}
@media screen and (max-width: 799px) {
	.directory-listing-contact-info {
		margin-top: 1.5rem;
	}
}
.directory-listing-contact-info .drts-entity-field-label,
.single-listing-contact-info .drts-entity-field-label {
	padding-right: .3em;
}
.directory-listing-details-container .drts-entity-field-label.drts-display-element-header {
	display: block;
}
.directory-listing-details-container .drts-entity-field-value {
	display:inline;
}
.directory-listing-details-container .drts-entity-field-value > div:not(.drts-row) {
	display: inline;
}
.drts .directory-listing-details-container .drts-bs-list-group-item {
	padding: .1rem 1.25rem;
}
.content-area .drts-display-element-template-name-feature_image a {
	display: inline-block;
	width: 100%;
	border: 0;
	text-align: center;
}
.drts-display-element-template-name-feature_image img {
	width: auto;
	max-height: 300px;
	display: inline-block;
	margin: 0 0 1em;
}
.single-listing-general-fields p {
	
}
.single-listing-general-fields a {
	color: #000;
}
.single-listing-general-fields .drts-entity-field-value .drts-display-element p,
.single-listing-general-fields .drts-entity-field-value .drts-display-element ul,
.single-listing-general-fields .drts-entity-field-value .drts-display-element ol {
	margin-bottom: 0 !important;
}
.single-listing-categories {
	margin-bottom: 1.5rem;
}
.content-area .single-listing-categories a {
	font-weight: normal;
	border: none;
}

.drts .directory-listing-details-container .drts-row {
	justify-content: flex-start;
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (min-width:600px) {
	#directory-single-listing-left-column,
	#directory-single-listing-right-column {
		flex-basis: 49%;
		padding: 0; 
	}
}
#directory-single-listing-right-column {
	padding: .5em 1em;
	background: #DDE0DC;
}
.directory-listing-details-container .drts-row > [class*="drts-col-"] {
	padding-left: 0;
	padding-right: 0;
}
.directory-listing-details-container .drts-row > .single-listing-col1 {
	position: relative; 
}
@media only screen and (min-width:600px) {
	.directory-listing-details-container .drts-row > .single-listing-col1 {
		padding-left: 0;
		padding-right: 2em;
	}
}
.temporarily-closed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,0,0,.7);
    color: white;
    text-align: center;
    font-weight: bold;
    padding: .2em;
    text-transform: uppercase;
}
@media only screen and (min-width: 600px) {
	.directory-listing-details-container .temporarily-closed {
		width: calc(100% - 2em);
	}
}
.temporarily-closed p {
	margin: 0;
	font-size: .85em;
}
.directory-listing-details-container .temporarily-closed p {
	font-size: 1em;
}

.drts .directory-details-category-heading {
	font-weight: 700;
	font-size: 1.4em;
}
.drts .directory-social-media {
	margin-bottom: 1em;
}
.drts .directory-social-media a {
	border-bottom: 0;
}
.drts .directory-listing-contact-info,
.drts .single-listing-contact-info {
	margin-bottom: 1.5em;
}
.drts .directory-listing-contact-info a,
.drts .single-listing-contact-info a {
	color: var(--black);
	text-decoration: none;
	border-bottom: 0;
	font-weight: normal;
}
/* .drts .single-listing-general-fields {
	margin-bottom: 1em;
} */

@media screen and (min-width: 1300px) {
	.page-directory-listings .drts-view-entities-list,
	.alignwide .drts-view-entities-list {
		width: 1200px;
		max-width: 1200px;
		margin-left: calc(50% - 600px);
		margin-right: calc(50% - 600px);
	}
}

@media screen and (min-width: 1600px) {
	.page-directory-listings .drts-view-entities-list,
	.alignwide .drts-view-entities-list {
		width: 1500px;
		max-width: 1500px;
		margin-left: calc(50% - 750px);
		margin-right: calc(50% - 750px);
	}
}

.drts-display-default-detailed .drts-display-element.drts-display-element-entity_field_location_address-4 {
    margin-top: 1.5em;
}
.drts-display-default-detailed .listing-location-heading {
    margin-top: .5em;
}
.drts-display-default-detailed .drts-display-element-entity_field_post_title-1 {
	background-color: var(--accent2);
	color: #fff;
	font-size: 1.6em;
	padding: .25em 1.25em;
	font-weight: 700;
}
@media only screen and (max-width: 799px) {
	.drts-display-default-detailed .drts-display-element-entity_field_post_title-1 {
		display: none;
	}
}
.drts-view-post-entities div.drts-display-default-summary {
	background: #fff;
	border: 1px solid #034b56;
	height: 100%;
	font-size: .9em;
	line-height: 1.2;
}
.drts-view-post-entities div.drts-display-default-summary:hover {
	border-color: #000;
}

/* feature image as background on summary listing view thumbnail */
.drts-display-default-summary a.sv_summary_view_bg_photo {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	aspect-ratio: 5/4;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.drts-display-element-template-name-summary_feature_image {
    text-align: center;
}
.drts-display-element-template-name-summary_feature_image img {
    max-height: 40vw;
}
@media (min-width: 720px) {
	.drts-display-element-template-name-summary_feature_image img {
		max-height: 250px;
	}
}
/* logo in summary listing view thumbnail */
.drts-display-default-summary a.sv_summary_view_logo {
    display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
    padding: 14px;
    border: none;
	min-height: 150px;
}
.drts-display-default-summary a.sv_summary_view_logo img {
    display: block;
	margin: 0 auto;
	max-height: 200px;
}

.drts-display-default-summary .drts-display-element-columns-1 {
	padding: 0;
	height: 100%;
}
.drts-display-default-summary .drts-display-element-columns-1 .drts-row {
	align-content: stretch;
	height: 100%;
}
.drts .drts-display-default-summary .directory-listing-main,
.drts .drts-display--summary .directory-listing-main {
    padding: 0 0 2.5em !important;
	position: relative;
}
/* @media only screen and (min-width:730px) and (max-width:812px) {
	.drts .drts-display-default-summary .directory-listing-main,
	.drts .drts-display--summary .directory-listing-main {
		padding-top: 1em !important;
	}	
} */
.drts-display-default-summary .drts-display-element-entity_field_post_content-1 {
	padding: 0;
	line-height: 1.25;
	margin-top: .25em;
}
.drts-display--summary .directory-listing-title {
	font-size: 1.3em;
}
.drts-display--summary .directory-listing-title a {
	font-weight: 700;
	display: block;
	color: #fff;
	background-color: var(--accent2);
	padding: .35em .75em .5em;
	text-decoration: none;
	border-bottom: 0;
}
.drts-display--summary .directory-listing-buttons {
    position: absolute;
    text-align: right;
    width: auto;
    top: 0;
	right: 0;
}
.sv-summary-button-group {
	margin-top: .5em;
}
@media only screen and (min-width:600px) {
	.sv-summary-button-group {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
	}
}
.sv-summary-button-group .listing-read-more-button a {
	margin-top: 0;
	border: 0;
	border-radius: 0;
	background: var(--accent6);
	color: #FFF;
	text-decoration: none;
	font-size: .9rem;
	line-height: 1.3;
	padding: .35em 1em;
	white-space: nowrap;
	text-transform: none;
	font-weight: normal;
	display: inline-block;
	transition: all 0.3s ease;
}
.sv-summary-button-group .listing-read-more-button a:hover {
	color: var(--white);
	background: var(--black);
}
.drts-display--summary .listing-read-more-button {
	text-align: center;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media only screen and (min-width: 600px) {
	.drts-display--summary .listing-read-more-button {
		position: static;
		right: auto;
		bottom: auto;
	}
}
.drts-display--summary .directory-listing-info a {
	color: #000;
}
@media (min-width: 768px) {
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_phone"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_toll_free_number"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_fax"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_cell"] a {
		color: #000;
	}
	.drts-display--summary .directory-listing-info a:hover,
	.drts-display--detailed .directory-listing-contact-info a:hover {
		color: var(--accent6);
	}
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_email"]:hover,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_website"]:hover,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_email"]:hover a,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_website"]:hover a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_email"]:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_website"]:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_email"]:hover a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_website"]:hover a {
		color: var(--accent6);
		cursor: pointer;
	}
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_phone"] a,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_toll_free_number"] a,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_fax"] a,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_cell"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_phone"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_toll_free_number"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_fax"] a,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_cell"] a	{
		pointer-events: none;
		cursor: default;
	}
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_phone"] a:hover,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_toll_free_number"] a:hover,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_fax"] a:hover,
	.drts-display--summary .directory-listing-info div[data-name="entity_field_field_cell"] a:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_phone"] a:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_toll_free_number"] a:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_fax"] a:hover,
	.drts-display--detailed .directory-listing-contact-info div[data-name="entity_field_field_cell"] a:hover {
		color: #000;
	}
}

.drts-search-form {
	border: 1px solid #ccc;
}
.drts-display-element-entity_field_field_social_accounts-1 {
	flex-basis: 99%;
	padding-left: .7em;
}
.content-area a.drts-social-media-account {
	border-bottom: 0;
	color: #000;
}
.directory-listing-info .fa-2x {
	font-size: 1.6em;
}
.drts .drts-social-media-account .fa-facebook-square,
.directory-social-media .fa-facebook-square,
.directory-listing-info .fa-facebook-square,
.drts .drts-social-media-account .fa-square-x-twitter,
.directory-social-media .fa-square-x-twitter,
.directory-listing-info .fa-square-x-twitter,
.drts .drts-social-media-account .fa-instagram-square,
.directory-social-media .fa-instagram-square,
.directory-listing-info .fa-instagram-square,
.drts .drts-social-media-account .fa-instagram,
.directory-social-media .fa-instagram,
.directory-listing-info .fa-instagram,
.drts .drts-social-media-account .fa-youtube-square,
.directory-social-media .fa-youtube-square,
.directory-listing-info .fa-youtube-square,
.drts .drts-social-media-account .fa-tripadvisor,
.directory-social-media .fa-tripadvisor,
.directory-listing-info .fa-tripadvisor {
	color: #000;
}
.page-template-single-directory-listing .drts-display-element-entity_field_field_location-2 {
    margin-top: 2em;
}
.single-listing-gallery-photos {
	margin-top: 1em;
	margin-left: -2px;
	margin-right: -2px;
}
.single-listing-gallery-photos img {
	padding: 2px;
}
.single-listing-details-header-bar {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	background-color: var(--accent2);
	margin: 1.5rem 0 1rem;
}
.single-listing-details-fields {
	margin-bottom: 1.5rem;
}

@media only screen and (min-width: 600px) {
/* 	.single-listing-details-fields {
		columns: 200px 2;
		column-gap: 20px;
	} */
	.drts .single-listing-details-fields .drts-bs-list-group {
		display: block;
	}
	.drts .single-listing-details-fields .drts-bs-list-group-item {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.single-listing-details-fields  .drts-entity-fieldlist .drts-entity-field {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}
/* @media only screen and (min-width: 768px) {
	.single-listing-details-fields {
		columns: 200px 3;
		column-gap: 20px;
	}
} */
.drts-display--summary-infobox .directory-listing-title {
	padding: 5px 10px 0;
	font-weight: bold;
}
.drts-display--summary-infobox .directory-listing-contact-info {
	padding: 0 10px 5px;
	margin-top: .25em;
}
.drts-map-popover .drts-display-element-template-name-summary_feature_image img {
	max-width: 100% !important;
}
.drts .drts-map-popover-close {
	background-color: #000;
}

/* home page styles */

.footer-tagline.alignfull,
.page-template-template-home-sum22 .alignfull,
.page-template-template-home-win21 .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 1920px) {
	.page-template-template-home-sum22 .alignfull,
	.page-template-template-home-win21 .alignfull {
		max-width: 1920px;
		margin: 0 calc(50% - 960px);
	}
	.page-template-template-home-sum22 .footer-tagline.alignfull,
	.page-template-template-home-win21 .footer-tagline.alignfull {
		max-width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
}
@media screen and (min-width: 1800px) {
	.is-style-map-intro.alignfull {
		width: 1800px;
		max-width: 1800px;
		margin: 3rem calc(50% - 900px);
	}
}
@media screen and (min-width: 782px) {
	.page-template-template-home-sum22 .is-style-padded-column,
	.page-template-template-home-win21 .is-style-padded-column {
		padding: 2rem 4% 2rem 0;
	}
}
@media screen and (min-width: 768px) {
	.wp-block-columns.is-style-winter-tiles {
		margin-bottom: .75rem;
		gap: .75rem;
	}
}
.page-template-template-home-sum22 .is-style-padded-column h3.is-style-fancy-header,
.page-template-template-home-win21 .is-style-padded-column h3.is-style-fancy-header {
	font-size: 1.3rem;
}
@media screen and (min-width: 700px) {
	.page-template-template-home-sum22 .is-style-special-title,
	.page-template-template-home-win21 .is-style-special-title {
		font-size: 1.6rem;
	}
	.page-template-template-home-sum22 .is-style-padded-column .is-style-special-title,
	.page-template-template-home-win21 .is-style-padded-column .is-style-special-title {
		margin-top: 1rem;
	}
}
.page-template-template-home-sum22 .is-style-padded-column p,
.page-template-template-home-win21 .is-style-padded-column p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    line-height: 1.3;
	max-width: 21em;
}
.page-template-template-home-sum22 .is-style-thin-header h2.is-style-fancy-header,
.page-template-template-home-win21 .is-style-thin-header h2.is-style-fancy-header {
	margin: 1rem 0;
	padding: .1em 2em;
}
.page-template-template-home-sum22 .is-style-thin-header.is-style-nbm h2.is-style-fancy-header,
.page-template-template-home-win21 .is-style-thin-header.is-style-nbm h2.is-style-fancy-header {
	margin-bottom: 0;
}
.page-template-template-home-sum22 .is-style-winter-tiles .wp-block-image,
.page-template-template-home-win21 .is-style-winter-tiles .wp-block-image {
    margin-top: 0;
    margin-bottom: 0;
	position: relative;
}
.page-template-template-home-sum22 .is-style-winter-tiles figcaption,
.page-template-template-home-win21 .is-style-winter-tiles figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
}
.page-template-template-home-sum22 .is-style-winter-tiles a,
.page-template-template-home-sum22 .is-style-winter-tiles img,
.page-template-template-home-win21 .is-style-winter-tiles a,
.page-template-template-home-win21 .is-style-winter-tiles img {
    display: block;
	width: 100%;
}
.page-template-template-home-sum22 .is-style-winter-tiles figcaption a,
.page-template-template-home-win21 .is-style-winter-tiles figcaption a {
    color: white;
    font-size: 1.25rem;
    padding: .2em 1em .2em 1.5em;
    background-color: rgb(188 180 158 / 0.7);
    margin: 0;
	border-bottom: 0;
	transition: background-color 0.3s ease;
}
.page-template-template-home-sum22 .is-style-winter-tiles figcaption a:hover,
.page-template-template-home-win21 .is-style-winter-tiles figcaption a:hover {
	background-color: rgb(188 180 158 / .9);
	color: white;
}
@media (max-width: 600px) {
	.page-template-template-home-sum22 .is-style-winter-tiles figcaption a,
	.page-template-template-home-win21 .is-style-winter-tiles figcaption a {
		padding: .2em .75em;
		font-size: 1.15rem;
	}
}
@media (min-width: 820px) and (max-width: 1024px) {
	.page-template-template-home-sum22 .is-style-winter-tiles figcaption a,
	.page-template-template-home-win21 .is-style-winter-tiles figcaption a {
		font-size: .8rem;
		padding: .2em .75em;
	}
}
@media (min-width: 600px) and (max-width: 781px) {
	.page-template-template-home-sum22 .is-style-winter-tiles .wp-block-column:not(:only-child),
	.page-template-template-home-win21 .is-style-winter-tiles .wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
	}
	.page-template-template-home-sum22 .is-style-winter-tiles .wp-block-column:nth-child(2n),
	.page-template-template-home-win21 .is-style-winter-tiles .wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}
@media (min-width: 1024px) {
	.page-template-template-home-sum22 .is-style-winter-tiles figcaption a,
	.page-template-template-home-win21 .is-style-winter-tiles figcaption a {
		font-size: 1.25rem;
	}
}
.is-style-brown-buttons.alignfull {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.is-style-brown-buttons .wp-block-image {
	margin-top: 1rem;
	margin-bottom: .25rem;
}
.is-style-brown-buttons h2.is-style-fancy-header {
	font-size: 2.2rem;
	margin: 0 0 .5em 0;
}
.content-area .is-style-brown-buttons a {
	color: #fff;
	border-bottom: 0;
	font-weight: normal;
}
.is-style-getting-here-easy .wp-block-media-text__content {
    padding-bottom: 2rem;
	padding-top: 2rem;
}
.is-style-getting-here-easy h2.is-style-special-title {
    text-transform: lowercase;
    max-width: 8em;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1.2em;
	margin-top: 1rem;
}
.is-style-getting-here-easy p {
    line-height: 1.3;
}
.is-style-getting-here-easy .wp-block-media-text__content > :last-child {
	margin-bottom: 0 !important;
}
.is-style-similkameen-meaning h2.is-style-special-title {
    text-transform: lowercase;
	margin-bottom: 1.2em;
}
.is-style-similkameen-meaning p {
    line-height: 1.3;
}
@media screen and (min-width: 768px) {
	.wp-block-media-text.is-style-similkameen-meaning .wp-block-media-text__content {
		padding: 0 14%;
	}
	.is-style-similkameen-meaning h2.is-style-special-title {
		max-width: 12em;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 1200px) {
	.is-style-similkameen-meaning.alignfull {
		width: 1200px;
		max-width: 1200px;
		margin: 3rem calc(50% - 600px);
	}
}
p.is-style-win21-tagline {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}


.is-style-map-links {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.is-style-map-links .wp-block-group__inner-container {
	position: relative;
	display: inline-block;
}
.is-style-map-links .wp-block-image {
	margin: 0;
	display: block;
}
.content-area .is-style-map-links a {
	border: none;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}
.content-area .is-style-map-links a:hover {
	background-color: rgba(0,0,0,.05);
}
@media screen and (min-width: 768px) {
	.is-style-map-links {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
}

@media (min-width: 600px) and (max-width: 781px) {
	.is-style-map-intro .is-style-map-column,
	.is-style-map-intro .is-style-padded-column {
		flex-basis: 100% !important;
	}
	.is-style-map-intro .is-style-padded-column {
		padding-top: 2rem;
	}
}
@media (max-width: 781px) {
	.is-style-map-intro .is-style-map-column {
		order: 2;
	}
}
@media (max-width: 767px) {
	.is-style-map-intro {
		padding: 1rem;
		margin-bottom: 1rem;
	}
	.page-template-template-home-sum22 .is-style-thin-header h2.is-style-fancy-header,
	.page-template-template-home-win21 .is-style-thin-header h2.is-style-fancy-header {
		margin: 1rem 0;
		padding: .3em;
		line-height: .8;
		font-size: 1.8rem;
	}
	.wp-block-columns.is-style-winter-tiles {
		margin-bottom: .5rem;
		gap: .5rem;
	}
	
	.is-style-brown-buttons .wp-block-column {
		margin-bottom: .5rem;
	}
	.is-style-brown-buttons .wp-block-column:last-child {
		margin-bottom: 0;
	}
	.is-style-brown-buttons h2.is-style-fancy-header {
		font-size: 1.5rem;
	}
	.is-style-brown-buttons img {
		max-height: 50px;
	}
}

/* big tile cover block style */
.wp-block-cover.is-style-big-tile {
    width: 90%;
	margin-top: 1rem;
	margin-bottom: 2rem;
	min-height: 90vw;
}
.wp-block-cover.is-style-big-tile span {
    display: none;
}
.wp-block-cover.is-style-big-tile .wp-block-cover__inner-container {
    position: absolute;
    display: flex;
	align-items: center;
    bottom: 0;
    padding: 1rem 1.5rem;
	background: rgba(255,255,255,.8);
	flex-wrap: wrap;
	gap: 0.5em;
	justify-content: center;
}
.is-style-big-tile h2.is-style-fancy-header {
	margin: 0;
	font-family: "GreatForestSimplified", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: normal;
}
.is-style-big-tile .wp-block-button__link {
	font-size: 1em;
	padding: calc(0.125em + 2px) calc(.7em + 2px);
}
.content-area .is-style-big-tile .wp-block-button__link,
.content-area .is-style-big-tile .wp-block-button__link:visited {
	background-color: var(--accent6);
}
.content-area .is-style-big-tile .wp-block-button__link:hover {
	background-color: var(--accent2);
}
.content-area .is-style-big-tile .wp-block-button__link:active,
.content-area .is-style-big-tile .wp-block-button__link:focus {
	background-color: var(--accent6);
}
@media screen and (min-width: 768px) {
	.wp-block-cover.is-style-big-tile {
		min-height: 430px;
	}
	.wp-block-cover.is-style-big-tile .wp-block-cover__inner-container {
		justify-content: space-between;
	}
	.is-style-big-tile h2.is-style-fancy-header {
		font-size: 1.3rem;
	}
}


/* COMPLIANZ STYLES */

#cmplz-document h2 {
	font-size: 1.2rem;
}
#cmplz-document h3 {
	font-size: 1.1rem;
}
#cmplz-document p, 
#cmplz-document li, 
#cmplz-document td {
	font-size: 1rem;
}

/* MAILCHIMP SUBSCRIBE FORM - in footer.php */
#mc_embed_signup {
	background:transparent; 
	clear:left; 
	font-size:16px;
	font-family: inherit;
	width: 600px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
		padding-top: 1rem;
	}
}

.addtoany_share_save_container {
    display: none;
}

/* events page dividers between events */
.page-events .wp-block-media-text + .wp-block-media-text {
    border-top: 1px solid var(--accent2);
    padding-top: 1.5rem;
}
.page-events .wp-block-media-text {
    margin-top: 1.5rem;
}
.page-events .wp-block-media-text > .wp-block-media-text__content > :last-child {
    margin-bottom: 0 !important;
}
.page-events .wp-block-media-text__content > :first-child {
	margin-top: 0;
}
.page-events .wp-block-media-text__content > h4 {
    margin-bottom: var(--wp--preset--spacing--20);
}
.page-events .wp-block-media-text > .wp-block-media-text__content, .wp-block-media-text > .wp-block-media-text__media {
	align-self: start !important;
}

/* special gallery setting in blog posts - single col on phones */
@media screen and (max-width: 414px) {
	.single-post .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: 100%;
	}
}

/* --------------------------------------------------
## THEME COLOURS 
---------------------------------------------------*/

/* :root {
  --black: #000000;
  --white: #ffffff;
  --accent1: #879B8E;
  --accent2: #A5A4B5;
  --accent3: #B7CECC;
  --accent4: #CFCDAF;
  --accent5: #7C5A66;
  --accent6: #983926;
} */

:root {
    --black: #000000;
    --white: #ffffff;
	--grey: #00000080;
    --accent1: #76ABA8;
    --accent2: #BCB49E;
    --accent3: #B7CECC;
    --accent6: #983926;
}

.has-black-color {
	color: #000000 !important;
}
.has-black-background-color {
	background-color: #000000;
}
.has-grey-color {
	color: #00000080 !important;
}
.has-grey-background-color {
	background-color: #00000080;
}
.has-white-color {
	color: #FFFFFF !important;
}
.has-white-background-color {
	background-color: #FFFFFF;
}
.has-accent-1-color,
.has-accent1-color {
	color: #76ABA8;
}
.has-accent-1-background-color,
.has-accent1-background-color {
	background-color: #76ABA8;
}
.has-accent-2-color,
.has-accent2-color {
	color: #BCB49E;
}
.has-accent-2-background-color,
.has-accent2-background-color {
	background-color: #BCB49E;
}
.has-accent-3-color,
.has-accent3-color {
	color: #B7CECC;
}
.has-accent-3-background-color,
.has-accent3-background-color {
	background-color: #B7CECC;
}
.has-accent-4-color,
.has-accent4-color {
	color: #BCB49E;
}
.has-accent-4-background-color,
.has-accent4-background-color {
	background-color: #BCB49E;
}
.has-accent-5-color,
.has-accent5-color {
	color: #000000;
}
.has-accent-5-background-color,
.has-accent5-background-color {
	background-color: #000000;
}
.has-accent-6-color,
.has-accent6-color {
	color: #983926;
}
.has-accent-6-background-color,
.has-accent6-background-color {
	background-color: #983926;
}
.has-transparent-color {
	color: transparent;
}
.has-transparent-background-color {
	background-color: transparent;
}

/* old colour names with new hex codes */
.has-green-color {
	color: #76ABA8;
}
.has-green-background-color {
	background-color: #76ABA8;
}
.has-darkteal-color {
	color: #76ABA8;
}
.has-darkteal-background-color {
	background-color: #76ABA8;
}
.has-teal-color {
	color: #76ABA8;
}
.has-teal-background-color {
	background-color: #76ABA8;
}
.has-light-teal-color {
	color: #B7CECC;
}
.has-light-teal-background-color {
	background-color: #B7CECC;
}
.has-red-color {
	color: #983926;
}
.has-red-background-color {
	background-color: #983926;
}
.has-brown-color {
	color: #000000;
}
.has-brown-background-color {
	background-color: #000000;
}