/*
Theme Name: Visit Southeast
Theme URI: https://visitsoutheast.com
Description: A different kind of island paradise .
Author: WebSmith International, LLC
Author URI: https://websmith.international
Version: 1.1
*/

body {
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.0125em;
}
body.nav-open {
	overflow: hidden;
}

/* ------------- FONTS --------------- */

@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Light'),
		local('AzoSans-Light'),
		url('_assets/fonts/AzoSans-Light.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Light.woff') format('woff'),
		url('_assets/fonts/AzoSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Light Italic'),
		local('AzoSans-LightItalic'),
		url('_assets/fonts/AzoSans-LightItalic.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-LightItalic.woff') format('woff'),
		url('_assets/fonts/AzoSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans'),
		local('AzoSans-Regular'),
		url('_assets/fonts/AzoSans-Regular.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Regular.woff') format('woff'),
		url('_assets/fonts/AzoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Italic'),
		local('AzoSans-Italic'),
		url('_assets/fonts/AzoSans-Italic.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Italic.woff') format('woff'),
		url('_assets/fonts/AzoSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Medium'),
		local('AzoSans-Medium'),
		url('_assets/fonts/AzoSans-Medium.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Medium.woff') format('woff'),
		url('_assets/fonts/AzoSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Medium Italic'),
		local('AzoSans-MediumItalic'),
		url('_assets/fonts/AzoSans-MediumItalic.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-MediumItalic.woff') format('woff'),
		url('_assets/fonts/AzoSans-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Bold'),
		local('AzoSans-Bold'),
		url('_assets/fonts/AzoSans-Bold.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Bold.woff') format('woff'),
		url('_assets/fonts/AzoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Azo Sans';
	src:
		local('Azo Sans Black'),
		local('AzoSans-Black'),
		url('_assets/fonts/AzoSans-Black.woff2') format('woff2'),
		url('_assets/fonts/AzoSans-Black.woff') format('woff'),
		url('_assets/fonts/AzoSans-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Byrd';
	src:
		local('Byrd Black'),
		local('Byrd-Black'),
		url('_assets/fonts/Byrd-Black.woff2') format('woff2'),
		url('_assets/fonts/Byrd-Black.woff') format('woff'),
		url('_assets/fonts/Byrd-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
h1,h2,h3,h4,h5,h6 {
	text-rendering: optimizeLegibility;
}
h2, .h2, h5, .h5, h6, .h6 {
	font-weight: 900;
}
h4, .h4 {
	font-weight: 300;
	margin-bottom: 1em;
}
h5,.h5 {
	letter-spacing: 0.125em;
	text-transform: uppercase;
}
h6,.h6 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.075em;
}
* + h1,* + h2,* + h4,* + h5,* + h6,* + p,* + ul,* + ol,* + dl {
	margin-top: 1em;
}
* + h3 {
	margin-top: 0.5em;
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child,dl:last-child,blockquote:last-child,figure:last-child {
	margin-bottom: 0;
}
h2:not(.h5):not(.h4):not(.h3), .h2 {
	font-family: Byrd, Helvetica Neue, Arial, sans-serif;
}
a {
	transition: color 200ms cubic-bezier(0.5, 0.1, 0.5, 0.9), background-color 200ms cubic-bezier(0.5, 0.1, 0.5, 0.9), border-color 200ms cubic-bezier(0.5, 0.1, 0.5, 0.9), box-shadow 200ms cubic-bezier(0.5, 0.1, 0.5, 0.9);
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: inherit;
	text-decoration: none;
}
h3:first-child,h4:first-child,h5:first-child {
	margin-top: -0.175em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
iframe {
	border: none;
	max-width: 100%;
}
input:focus {
	outline: none;
}

/* Custom text-selection colors */
::-moz-selection {
	background-color: rgba(178, 232, 100, 1);
	color: #fff;
	text-shadow: none;
}
::selection {
	background-color: rgba(178, 232, 100, 1);
	color: #fff;
	text-shadow: none;
}

/* -------------------------------------------------------- */
/* ---------------- Bootstrap Reset Stuff ----------------- */
/* -------------------------------------------------------- */
ul,ol {
	padding-left: 1em;
}
figure {
	max-width: 100%;
}
.lead {
	line-height: 1.25;
	color: #336579;
}
.overlap {
	margin-bottom: -0.4375em !important;
}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white .h1,.text-white .h2,.text-white .h3,.text-white .h4,.text-white .h5,.text-white .h6,.text-white .lead {
	color: inherit;
}
.container {
	padding-right: 8rem;
	padding-left: 8rem;
}
.mw-200 {
	max-width: 200px;
}
.col.mw-200 {
	max-width: calc(200px + 4rem);
}
.mw-400 {
	max-width: 400px;
}
.mw-600 {
	max-width: 600px;
}
.mw-800 {
	max-width: 800px;
}
hr {
	max-width: calc(1320px - 6rem);
}
.btn {
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-weight: 900;
	position: relative;
	z-index: 10;
	display: inline-flex;
}
* + .btn {
	margin-top: 1.5em;
}
.btn + *,* + h5 {
	margin-top: 6rem;
}
.btn + .btn {
	margin-top: 1em;
	margin-left: 1em;
}
.btn-primary,.btn-secondary {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.btn-primary {
	color: #336579 !important;
}
.btn-secondary {
	color: #fff !important;
}
.btn::before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(100% - 1em);
	height: 50%;
	display: block;
	content: '';
	z-index: -1;
	transition: all 140ms cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transform-origin: right bottom;
}
.btn-primary::before {
	background-color: #f8ec62;
}
.btn-secondary::before {
	background-color: #ffa127;
}
.btn:hover::before,.btn:active::before,.btn:focus::before {
	height: 100%;
	width: 100%;
	transition: width 140ms cubic-bezier(0.5, 0.1, 0.5, 0.9), height 140ms cubic-bezier(0.5, 0.1, 0.5, 0.9) 120ms, background-color 280ms linear;
}
.btn-primary:hover::before {
	background-color: #b9e3d4;
}
.btn-secondary:hover::before {
	background-color: #73c7a9;
}
.btn-group .btn {
	align-items: center;
	align-content: center;
	font-weight: 700;
	font-size: 1rem;
	color: inherit;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.btn-group .btn::before {
	display: none;
}
.btn.cat {
	font-size: 1rem;
	border-radius: 0.25em;
	font-weight: 700;
	padding: 0.375em;
	letter-spacing: 0.1em;
}
.card-body {
	background-color: #fff;
}
.col {
	z-index: 1;
}
.pagination {
	justify-content: center;
	align-items: center;
	font-size: 2.25rem;
	font-weight: 300;
	line-height: 1;
}
.page-link {
	width: 2em;
	height: 2em;
	text-align: center;
	border-radius: 1em;
	margin: 0 1rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 1px #336579, inset 0 0 0 0.175em #fff;
}
.page-link:hover {
	box-shadow: 0 0 0 1px #a5bbc4, inset 0 0 0 0 #fff;
}
.text-shadow {
    text-shadow: 0 0 0.25em rgb(0 0 0 / 25%);
}

/* -------------------------------------------------------- */
/* ------------------- Global Modifiers ------------------- */
/* -------------------------------------------------------- */

.gradient-to-dark {
	background-image: linear-gradient(180deg, rgba(115, 199, 169, 0) 15%, rgba(92, 164, 151, 0.15) 30%, rgba(69, 129, 135, 0.35) 55%, rgba(55, 108, 124, 0.494) 74%, rgba(51, 101, 121, 0.7) 88%);
	background-position: center bottom;
	background-size: 100% calc(100% - 100vh);
}
.gradient-to-light {
	background-image: linear-gradient(180deg, rgba(115, 199, 169, 0.2) 0%, rgba(124, 202, 174, 0.125) 25%, rgba(170, 221, 203, 0.352) 40%, rgba(206, 235, 225, 0.53) 53%, rgba(232, 246, 241, 0.68) 72%, rgba(249, 252, 251, 0.96) 87%, rgba(255, 255, 255, 1) 95%);
	background-position: center bottom;
	background-size: 100% calc(100% - 100vh);
}
.gradient-to-green {
	background: linear-gradient(180deg, rgba(115, 199, 169, 0.2) 0%, rgba(114, 196, 159, 0.26) 5%, rgba(110, 173, 68, 0.79) 58%, rgba(109, 164, 32, 1) 82%);
}
.svg-fit svg {
	display: block;
	height: 101%;
	width: 101%;
	pointer-events: none;
}
.bg-stops {
	position: fixed;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: -1;
	top: 0;
	left: 0;
}
.bg-stops .stop-color {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition-timing-function: linear;
	transition-property: opacity;
	transition-duration: 100ms;
	opacity: 0;
}
.fill {
	min-height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.fill.framed {
	min-height: calc(100vh - 12rem);
}
.z-0 {
	z-index: 0;
}
.full-bleed {
	width: calc(50vw + 12rem);
	margin-left: -14rem;
	margin-right: -6rem;
	z-index: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.flex-row-reverse .full-bleed {
	margin-right: -14rem;
	margin-left: -6rem;
}
.bg {
	position: relative;
}
a.bg {
	display: block;
}
.bg > .poster {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}
.bg.framed {
	max-width: 2400px;
	width: calc(100% - 16rem);
	margin-left: 8rem;
	margin-right: 8rem;
}
.bg-fill-x > .poster {
	width: auto;
	max-width: 100vw;
	top: -2rem;
	left: -6rem;
	right: -6rem;
	bottom: -8rem;
	padding: 0;
	margin: 0;
}
.poster {
	background-size: cover;
	background-position: center center;
}
.poster > .overlay {
	background-color: #000;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.poster > img {
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
	width: 100%;
	height: 100%;
}
.bg > .poster + img {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	width: 100%;
}
.videos .poster {
	z-index: 1;
	pointer-events: all;
}
.poster iframe {
	width: 100%;
	height: 100%;
}
[data-fill] {
	position: relative;
	z-index: 1;
}
[data-fill] .color-swipe {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: scale3d(0, 1, 1);
	will-change: transform;
	transform-style: preserve-3d;
}
[data-fill] .color-swipe.viewed {
	transform: scale3d(1, 1, 1);
	transition-duration: 360ms;
	transition-timing-function: cubic-bezier(0.35, 0.12, 0.35, 0.94);
	transition-property: transform;
	transform-origin: left top;
}
[data-fill] [data-fill] .color-swipe {
	transition-delay: 220ms;
}
.col[data-fill] .color-swipe {
	width: auto;
}
.col[data-fill] .color-swipe,.flex-row-reverse .col[data-fill]:last-child .color-swipe {
	right: 4rem;
	top: 2rem;
	bottom: -2rem;
	left: 0;
}
.flex-row-reverse .col[data-fill] .color-swipe,.col[data-fill]:last-child .color-swipe {
	right: 0;
	top: 2rem;
	bottom: -2rem;
	left: 4rem;
}
[data-fill] .color-swipe + img, [data-fill] .color-swipe + iframe {
	transform-origin: center;
	transform: scale(1.1);
	opacity: 0;
}
[data-fill] .color-swipe.viewed + img, [data-fill] .color-swipe.viewed + iframe {
	transform: scale(1);
	opacity: 1;
	transition-duration: 400ms;
	transition-timing-function: cubic-bezier(0.35, 0.12, 0.35, 0.94);
	transition-property: opacity, transform;
	transition-delay: 220ms;
}
[data-fill] [data-fill] .color-swipe.viewed + img, [data-fill] [data-fill] .color-swipe.viewed + iframe {
	transition-delay: 440ms;
}
[data-fill] .color-swipe + .card-body {
	transform: scale3d(0, 1, 1);
	will-change: transform;
	transform-style: preserve-3d;
	transform-origin: left center;
}
.flex-row-reverse [data-fill] .color-swipe + .card-body {
	transform-origin: right center;
}
[data-fill] .color-swipe.viewed + .card-body {
	transform: scale3d(1, 1, 1);
	transition-duration: 400ms;
	transition-timing-function: cubic-bezier(0.35, 0.12, 0.35, 0.94);
	transition-property: opacity, transform;
	transition-delay: 220ms;
}
[data-fill] .color-swipe + .card-body > * {
	opacity: 0;
}
[data-fill] .color-swipe.viewed + .card-body > * {
	opacity: 1;
	transition-duration: 400ms;
	transition-timing-function: cubic-bezier(0.35, 0.12, 0.35, 0.94);
	transition-property: opacity, transform;
	transition-delay: 760ms;
}
[data-fill="pink"]::before {
	background-color: #eb9ce6 !important;
}
[data-fill="red"]::before {
	background-color: #cc5141 !important;
}
[data-fill="orange"]::before {
	background-color: #ffa127 !important;
}
[data-fill="yellow"]::before {
	background-color: #f8ec62 !important;
}
[data-fill="green"]::before {
	background-color: #6da420 !important;
}
[data-fill="teal"]::before {
	background-color: #73c7a9 !important;
}
[data-fill="gray"]::before {
	background-color: #6c757d !important;
}
[data-fill="gray-dark"]::before {
	background-color: #343a40 !important;
}
[data-fill="ice"]::before {
	background-color: #a5bbc4 !important;
}
[data-fill="raspberry"]::before {
	background-color: #bd488f !important;
}
[data-fill="tangelo"]::before {
	background-color: #ff825c !important;
}
[data-fill="marine"]::before {
	background-color: #336579 !important;
}
.scroll-indicator {
	position: absolute;
	bottom: 6rem;
	overflow: hidden;
	z-index: 40;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	pointer-events: none;
}
.animate-line {
	height: 6rem;
	width: 1px;
	display: block;
	background-color: #fff;
	-webkit-animation: linearr 2s ease-in-out infinite;
	animation: linearr 2s ease-in-out infinite;
}
@-webkit-keyframes linearr {

	0% {
		transform: translateY(-100%);
	}
	75% {
		transform: translateY(100%);
	}
	to {
		transform: translateY(100%);
	}
}
@keyframes linearr {

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

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

#header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99990;
	transition-duration: 140ms;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transition-property: background, opacity, visibility;
	color: #a5bbc4;
}
.nav-open #header {
	color: #fff !important;
}
.nav-open #header h1 {
	color: inherit;
}
#header.hide-title {
	background: #fff;
}
#header.overlay,#header.overlay-map {
	background: none !important;
}
#header.overlay-map {
	color: #fff;
}
#header .navbar.container {
	max-width: none;
	padding: 0;
}
#header .navbar > * {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1;
}
#header .navbar .brand {
	margin: 0 auto;
	font-size: 0;
	position: relative;
	z-index: 100;
}
#header .navbar .brand a {
	display: block;
}
.brand svg {
	height: 2.25rem;
	transition-duration: 140ms;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transition-property: fill, opacity, visibility;
}
.home #header .navbar .brand svg {
	opacity: 0;
}
.home #header.down .navbar .brand svg,.home.nav-open #header .navbar .brand svg {
	opacity: 1;
	transition-delay: 100ms;
}
#header .page-title {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	text-align: center;
	pointer-events: none;
	background-color: transparent;
	transition-duration: 280ms;
	transition-timing-function: ease-in-out;
	transition-property: filter, opacity, visibility;
}
#header.hide-title .page-title,.nav-open #header .page-title {
	opacity: 0;
	visibility: hidden;
	filter: blur(15px);
}
#header .navicon-holder {
	width: 0;
}
#header .navicon {
	position: relative;
	cursor: pointer;
	flex-shrink: 0;
	display: block;
	padding: 1.375em 3rem;
	z-index: 1;
	box-shadow: none;
	margin: 0;
	transform: translateX(-100%);
	color: inherit;
}
#header .navicon-bar {
	margin: 0.5rem 0;
	transition-duration: 140ms;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transition-property: background, opacity, visibility, transform;
	width: 2.5rem;
}
#header .navicon-bar:first-child {
	margin-top: 0;
}
.navicon:hover .navicon-bar:first-child {
	transform: translate(0, -100%);
}
#header .navicon-bar:last-child {
	margin-bottom: 0;
}
.navicon:hover .navicon-bar:last-child {
	transform: translate(0, 100%);
}
.navicon *,.navicon *::before {
	background-color: currentColor;
}
.navicon-bar,.navicon-bar:nth-child(2)::before {
	height: 3px;
	position: relative;
	pointer-events: none;
	transform-origin: center center;
	display: block;
	transition-duration: 140ms;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transition-property: background, opacity, visibility, transform;
}
.navicon-bar:nth-child(2)::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.nav-open .navicon-bar {
	opacity: 0;
	visibility: hidden;
}
.nav-open .navicon-bar:nth-child(1) {
	transform: translate(0, -100%);
}
.nav-open .navicon-bar:nth-child(2),.nav-open .navicon-bar:nth-child(2)::before {
	opacity: 1;
	visibility: visible;
}
.nav-open .navicon-bar:nth-child(2) {
	transform: rotate(45deg);
}
.nav-open .navicon-bar:nth-child(2)::before {
	transform: rotate(-90deg);
}
.nav-open .navicon-bar:nth-child(3) {
	transform: translate(0, 100%);
}
#header .navbar-collapse {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	display: none;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
}
.loaded #header .navbar-collapse {
	display: flex;
}
.nav-open #header .navbar-collapse {
	pointer-events: all;
}
#header .navbar-collapse .poster {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition-duration: 400ms;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.9);
	transition-property: all;
	-webkit-backdrop-filter: blur(20px);
	        backdrop-filter: blur(20px);
}
.nav-open #header .navbar-collapse .poster {
	opacity: 0.95;
	visibility: visible;
	pointer-events: all;
}
#header .navbar-collapse .poster svg {
	mix-blend-mode: luminosity;
	opacity: 0.375;
	transform: translate3d(0, -2.5%, 0) scale(1.04);
	transition: transform 1260ms cubic-bezier(0.22, 0.1, 0.23, 1);
}
.nav-open #header .navbar-collapse .poster svg {
	transform: translate3d(0, 0, 0) scale(1);
}
#header .navbar-nav {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	line-height: 1;
	max-height: 650px;
}
@media (max-height: 900px) {

	#header .navbar-nav {
		font-size: 12vh;
	}
}
#header .navbar-nav li {
	transition-duration: 260ms;
	transition-timing-function: ease-in-out;
	transition-property: opacity, transform;
	transform: translate3d(0, -10%, 0);
	opacity: 0;
}
.nav-open #header .navbar-nav li {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.nav-open #header .navbar-nav li:nth-child(1) {
	transition-delay: 300ms;
}
.nav-open #header .navbar-nav li:nth-child(2) {
	transition-delay: 500ms;
}
.nav-open #header .navbar-nav li:nth-child(3) {
	transition-delay: 700ms;
}
.nav-open #header .navbar-nav li:nth-child(4) {
	transition-delay: 900ms;
}
.nav-open #header .navbar-nav li:nth-child(5) {
	transition-delay: 1100ms;
}
.nav-open #header .navbar-nav li:nth-child(6) {
	transition-delay: 1300ms;
}
#header .navbar-nav a {
	color: #fff;
	text-decoration: none;
	display: table;
	margin: 0 auto;
	position: relative;
	line-height: 1;
	padding: 0.25em 0.5em;
	overflow: hidden;
	font-size: 75%;
}
#header .navbar-nav a::before {
	position: absolute;
	right: 0;
	bottom: 0.05em;
	width: 100%;
	height: 0.6125em;
	display: block;
	content: '';
	z-index: -1;
	transition-property: transform;
	transition-duration: 240ms;
	transition-timing-function: ease-in;
	transform-origin: left bottom;
	background-color: #ffa127 !important;
	transform: translate3d(-105%, 0, 0);
}
.nav-open #header .navbar-nav a:hover::before {
	transform: translate3d(1em, 0, 0);
	transition-timing-function: ease-out;
}

/* -------------------------------------------------------- */
/* --------------------- Page Styles ---------------------- */
/* -------------------------------------------------------- */
main {
	position: relative;
	z-index: 1;
}
main > section {
	padding: 6rem 0;
	position: relative;
}
main > section:first-child {
	margin-top: 0;
	padding-top: 0;
}
.hero .indigenous {
	font-weight: 500;
	font-style: italic;
}
.postcard::before,.postcard > .color-swipe {
	margin-left: -3rem;
	margin-top: -1rem;
	max-height: calc(100% - 5rem);
}
.flex-row-reverse .postcard,.image:last-child .postcard {
	margin-right: -3rem;
	margin-left: 3rem;
}
.postcard .headline {
	padding-right: 2rem;
}
.postcard .headline .h2 {
	margin-left: -2rem;
	display: table;
}
.intro-card .card-body > h5:first-child {
	margin: 0;
}
.title-bar {
	z-index: 10;
	position: relative;
	line-height: 1;
	align-items: center;
}
.btn-group.search {
	position: static;
}
.btn.search-show svg {
	width: 1.125rem;
	margin-right: 0.5rem;
}
.btn.search-show svg.icon-close,.btn.search-show .label-close,.btn.search-show[aria-expanded="true"] svg.icon-search,.btn.search-show[aria-expanded="true"] .label-search {
	display: none;
}
.btn.search-show[aria-expanded="true"] svg.icon-close,.btn.search-show[aria-expanded="true"] .label-close {
	display: block;
}
.title-bar .searchform {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: calc(100% - 150px - 3rem);
	margin: 0;
	z-index: 10;
	display: flex;
	transition: none !important;
}
.title-bar .searchform.collapse:not(.show) {
	display: none;
}
.title-bar .searchform input {
	background-color: transparent;
	font-size: 2.5rem;
	padding: 1.5rem 4rem;
}
.title-bar .searchform #searchsubmit {
	display: none;
}
.listing {
	border-bottom: solid 2px #d6e0e4;
}
.listing .content {
	max-width: 960px;
}
.listing h4 {
	margin-bottom: 0;
}
.highlight {
	font-style: italic;
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.025em;
	display: block;
	color: #336579;
}
.highlight a {
	text-decoration: none;
}
.meta {
	font-size: 1.375rem;
	color: #336579;
	font-weight: 500;
}
.travel-icons {
	align-items: center;
}
.travel-icon svg {
	width: 3rem;
}
.archive .page-title {
	background-color: #fff;
}
.contact-info {
	font-weight: 500;
}
.contact-info a {
	color: #a5bbc4;
}
.contact-info h6 {
	margin: 0;
}
.contact-info h6 + * {
	margin-top: 0.5rem;
}
.contact-info .social-menu {
	padding-top: 0.5rem;
}
.newsletter form {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.newsletter form .btn {
	margin-left: auto;
	margin-right: auto;
}

/* --------------------- LOGO RESIZER ---------------------- */
.logo-resizer {
	display: inline-flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-end;
}
.logo-resizer svg {
	height: 80px;
	padding: 0 0.275%;
}
.logo-resizer .letter-s1 {
	margin-left: 2%;
}
.logo-resizer .letter-s-2 {
	padding-right: 0;
}
.shutter {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	height: calc(50vh - 150px);
	-webkit-backdrop-filter: blur(20px);
	        backdrop-filter: blur(20px);

	/* backdrop-filter: blur(20px) saturate(0.5);
	background-color: rgba(0,0,0,0.3); */
}
.shutter.top {
	top: 0;
	transform-origin: center top;
}
.shutter.bottom {
	bottom: 0;
	transform-origin: center bottom;
}

/* --------------------- HOME SCENE 2 ---------------------- */
#scene-2 {
	min-height: 200vh;
}
#scene-2 .stamp {
	position: sticky;
	height: 100vh;
	top: 0;
	display: flex;
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	opacity: 0;
}
#scene-2 .stamp span {
	font-size: 150%;
}


/* --------------------- HOME SCENE FRAME UP ---------------------- */
#frame-up {
	padding-top: calc(6rem + 100px);
	height: calc(100vh - 6rem);
	width: calc(100vw - 12rem);
	margin: 0 6rem 6rem;
	padding-bottom: 0;
}
#frame-up .poster {
	width: 30%;
	left: 50%;
	top: calc(6rem + 100px);
	transform: translate3d(-50%, 25%, 0);
}
#frame-up .poster img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	max-width: none;
	width: calc(100vw - 12rem);
}

/* --------------------- CAROUSEL ---------------------- */
.panels-wrapper {
	width: 100%;
	overflow: hidden;
	transform-style: preserve-3d;
	position: relative;
}
.panels {
	position: relative;
}
.panel {
	width: 100vw;
	max-width: 100vw;
	position: absolute;
}
.carousel .controls {
	
}
.carousel-control-prev,.carousel-control-next {
	justify-content: flex-start;
}
.carousel-control-next {
	flex-direction: row-reverse;
}
.carousel-control-next .visually-hidden,.carousel-control-next .visually-hidden-focusable:not(:focus):not(:focus-within) {
	right: 1px;
}
.carousel-control-prev-icon,.carousel-control-next-icon {
	padding: 1rem;
	background-color: rgba(243, 124, 35, 0.8);
	width: 4rem;
	height: 4rem;
	background-size: 2rem;
}
.carousel figcaption {
	opacity: 0;
	transition: opacity 200ms cubic-bezier(0.5, 0.1, 0.5, 0.9);
}
.carousel .tns-slide-active figcaption {
	opacity: 1;
	transition-delay: 400ms;
}
.carousel-indicators {
	display: none;
}
.carousel-indicators button {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 2rem;
    height: .25rem;
    padding: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    cursor: pointer;
    background-color: #ffa127;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
/* --------------------- VIDEO CAROUSEL ---------------------- */
.videos.carousel .bg.ratio {
	max-height: calc(100vh - 100px);
}
.videos.carousel .ratio::before {
	pointer-events: none;
}
.videos.carousel .poster {
	pointer-events: all;
	z-index: 1;
}



/* --------------------- MAP ---------------------- */
.map {
	min-height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.map.test .container {
	padding: 0;
}
.map-wrap {
	display: flex;
	align-items: center;
}
.map .poster {
	z-index: 1;
	pointer-events: all;
	position: relative;
	order: 2;
	width: 100%;
	overflow: visible;
}
.map .poster::before {
	display: block;
	content: '';
	padding-top: 56%;
	align-self: flex-start;
}
.map.test .poster::before {
	margin-bottom: -56%;
}
.map .poster svg.svg-map {
	pointer-events: all;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	transform-origin: right bottom;
}
.map.test .poster svg.svg-map {
	position: relative;
}
.svg-map .alaska {
	color: #6da420;
}
.svg-map .land {
	color: rgba(115, 199, 169, 0.5);
}
.svg-map .parks {
	color: #003446;
}
.svg-map .water {
	color: #003446;
}
.mobile-only {
	display: none;
}
.legend {
	position: relative;
	padding: 6rem 0;
	z-index: 10;
	width: 0;
	opacity: 0;
	visibility: hidden;
}
.legend .content {
	min-width: 300px;
	transform: translateX(4rem);
}
.legend-header {
	background-color: #fdf9d0;
}
.legend-header h5 {
	margin: 0;
}
.legend-header .h5 {
	border: none !important;
	background: none !important;
}
.legend ul {
	font-size: 1.25rem;
	line-height: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}
.legend ul li {
	display: block;
}
.legend ul a, .legend ul button {
	text-decoration: none;
	font-weight: 500;
	padding: 0.25em;
	position: relative;
	display: block;
	overflow: hidden;
	transition-duration: 140ms;
	text-transform: none;
	letter-spacing: normal;
	font-size: inherit;
	width: 100%;
	text-align: left;
	margin: 0 0 0 -0.25em;
}
.legend ul a:hover,.legend ul button:hover,.legend ul button.hovering {
	color: #fff;
}
.legend ul a::before,.legend ul button::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	background-color: #ffa127;
	transform: translate3d(-100%, 0, 0);
	width: 100%;
	transition: transform 180ms cubic-bezier(0.5, 0.1, 0.5, 0.9), opacity 180ms cubic-bezier(0.5, 0.1, 0.5, 0.9);
	z-index: -1;
	opacity: 0;
	height: auto;
	right: auto;
	transform-origin: left center;
}
.legend ul a:hover::before,.legend ul button:hover::before,.legend ul button.hovering::before {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: transform 180ms cubic-bezier(0.5, 0.1, 0.5, 0.9), opacity 180ms cubic-bezier(0.5, 0.1, 0.5, 0.9);
	height: auto;
}
.marker {
	position: absolute;
	background-color: #fff;
	border-color: #ffa127;
	border-width: 0.3125rem;
	border-radius: 50%;
	width: 1.375rem;
	height: 1.375rem;
	box-sizing: content-box;
	border: solid 5px #ffa127;
	opacity: 1;
	visibility: hidden;
	transform: scale(0.5);
	z-index: 0;
}
.marker:hover {
	background-color: #ffa127;
	z-index: 2;
}
.marker.hovering {
	z-index: 2;
}
#juneau {
	left: 75%;
	top: 28.5%;
}
#wrangell {
	bottom: 42.5%;
	right: 13.5%;
}
#petersburg {
	bottom: 45.2%;
	right: 16%;
}
#hoonah {
	right: 29%;
	bottom: 64%;
}
#hydaburg {
	bottom: 22.3%;
	right: 15%;
}
#klawock {
	right: 16.3%;
	bottom: 28%;
}
#craig {
	right: 16%;
	bottom: 25%;
}
#sitka {
	bottom: 53%;
	right: 28%;
}
#ketchikan {
	bottom: 22%;
	right: 7%;
}
#kake {
	bottom: 48%;
	right: 22%;
}
#yakutat {
	bottom: 84%;
	right: 48%;
}
#haines {
	bottom: 81%;
	right: 29%;
}
#angoon {
    bottom: 53.5%;
    right: 24%;
}
#skagway {
    bottom: 87%;
    right: 30%;
}
.popover {
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 11px;
	padding: 1.5rem;
	color: #fff;
	min-width: 300px;
	opacity: 0;
	transform: translate(-50%, -100%) scale(0.9);
	visibility: hidden;
	transition: transform 160ms ease-in, opacity 160ms ease-in;
	z-index: 100;
}
.marker:hover .popover,.marker.hovering .popover {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -100%) scale(1);
}
.on-bottom .popover {
	transform: translate(-50%, 10px) scale(0.9);
}
.on-left .popover {
	left: auto;
	right: 16px;
	top: 50%;
	transform: translate(0%, -50%) scale(0.9);
}
.marker.on-bottom:hover .popover,.marker.on-bottom.hovering .popover {
	transform: translate(-50%, 10px) scale(1);
}
.marker.on-left:hover .popover,.marker.on-left.hovering .popover {
	transform: translate(0%, -50%) scale(1);
}
.popover::before {
	width: 10px;
	height: 10px;
	background-color: inherit;
	display: block;
	content: '';
	position: absolute;
	bottom: -5px;
	left: calc(50% - 5px);
	transform: rotate(45deg);
}
.on-bottom .popover::before {
	top: -5px;
	bottom: auto;
}
.on-left .popover::before {
	top: calc(50% - 5px);
	right: -5px;
	left: auto;
}
.popover img {
	display: block;
}
.popover h5 {
	margin: 1rem 0 0;
	letter-spacing: normal;
	font-size: 1.5rem;
	color: #fff;
	text-transform: none;
}

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

/* -------------------- Footer Styles --------------------- */

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

#footer {
	text-rendering: optimizeLegibility;
	padding: 4rem 0;
}
#footer * {
	line-height: 1;
}
#footer .container > * + * {
	margin-top: 3rem;
}
#footer a {
	color: inherit;
}
#footer a:hover {
	color: #a5bbc4;
}
.footer-logo a {
	display: inline-block;
}
.footer-logo svg {
	height: 2.25rem;
}
#footer .navbar-nav {
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width: 100%;
	margin: 0 0 3rem;
}
#footer .social-menu {
	padding-top: 1rem;
}
.social-menu li {
	display: block;
	height: 1.375em;
}
.social-menu li + li {
	margin-left: 2em;
}
.social-menu a {
	display: flex;
	align-items: center;
	height: 100%;
}
.social-menu svg {
	display: block;
	max-width: 1.75rem;
	height: 100%;
}
.footer-menu {
	letter-spacing: 0.125em;
}
.footer-menu a {
	padding: 0 2em;
	text-decoration: none;
	position: relative;
}
.footer-menu li + li a::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	transform: translate(-50%, 0);
	content: '';
}
.footer-blurb p {
	font-size: 1rem;
	line-height: 1.25;
}
/* -------------------------------------------------------- */

/* ------------------- Targeted Elements ------------------- */

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

#img-buffer::after {
	width: 100%;
	content: '';
	display: block;
	padding-bottom: 10%;
}
#parallax-invite .h2.overlap {
	line-height: 1;
	padding-left: 0.125em;
	text-indent: -0.125em;
}

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


@media screen and (max-height: 700px) and (min-width: 1200px) {
	.brand svg {
		height: 2rem;
	}
	#header .navicon {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	#scene-2 .stamp span {
		font-size: 100%;
	}
	#frame-up {
		padding-top: calc(4rem + 80px);
		height: calc(100vh - 4rem);
		width: calc(100vw - 8rem);
		margin: 0 4rem 4rem; 
	}
	#frame-up .poster {
		top: calc(4rem + 80px)
	}
	#frame-up .poster img {
		width: calc(100vw - 8rem);
	}
	#frame-up h3.h2 {
		font-size: 15vh;
	}
}

@media screen and (max-width: 1600px) {

	.container {
		padding-right: 6rem;
		padding-left: 6rem;
	}
	.fill.framed {
		min-height: calc(100vh - 8rem);
	}
	.bg.framed {
		margin-left: 6rem;
		margin-right: 6rem;
		width: auto;
	}
	.full-bleed {
		width: auto;
		margin-left: -12rem;
		margin-right: -6rem;
	}
	.banner .full-bleed {
		margin-right: -4rem !important;
	}
	#img-buffer::after {
		padding-bottom: 20%;
	}
}
@media screen and (max-width: 1400px) {

	.container {
		padding-right: 4rem;
		padding-left: 4rem;
	}
	.fill.framed {
		min-height: calc(100vh - 6rem);
	}
	.bg.framed {
		margin-left: 4rem;
		margin-right: 4rem;
	}
	.parallax .image:first-child .postcard {
		margin-right: -1rem;
		margin-left: 1rem;
	}
	.flex-row-reverse .postcard,.image:last-child .postcard {
		margin-right: -2rem;
		margin-left: 2rem;
	}
	.full-bleed {
		margin-left: -10rem;
		margin-right: -4rem;
	}
	.banner .full-bleed {
		margin-right: -2rem !important;
	}
	#parallax-invite .h2.overlap {
		font-size: 6rem;
	}
}
@media screen and (max-width: 1240px) {

	.directory .title-bar {
		display: block !important;
		text-align: center;
	}
	.filter-sort {
		padding: 2rem;
		background-color: #336579;
		margin: 2rem -3rem -2rem !important;
	}
	.btn-group.search {
		margin-left: auto;
	}
	.title-bar .searchform {
		top: 92px;
	}
	.banner .highlight {
		font-size: calc(1.3875rem + 1.65vw);
	}
	#parallax-invite .h2.overlap {
		font-size: calc(1.25rem + 6.45vw);
	}
}
@media screen and (max-width: 1119px) {

	body {
		font-size: calc(1.175rem + 0.15vw);
	}
	.g-6,.gx-6,.row {
		--bs-gutter-x: 3rem;
	}
	.g-6,.gy-6 {
		--bs-gutter-y: 3rem;
	}
	.container {
		padding-right: 3rem;
		padding-left: 3rem;
	}
	.logo-resizer svg {
		height: 70px;
	}
	.general.travel .content {
		max-width: 960px;
	}
	.general.travel .travel-details {
		max-width: 800px;
		margin-left: auto;
		margin-top: 6rem;
	}
	.card-body {
		padding: 3rem;
	}
	.bg.framed {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	#frame-up {
		padding-top: calc(4rem + 80px);
		height: calc(100vh - 4rem);
		width: calc(100vw - 8rem);
		margin: 0 4rem 4rem;
	}
	#frame-up .poster {
		top: calc(4rem + 80px);
	}
	#frame-up .poster img {
		width: calc(100vw - 8rem);
	}
	.banner.intro-card .container {
		position: relative;
	}
	.intro-card .row .image {
		margin-left: auto;
	}
	.intro-card .row.flex-row-reverse .image {
		margin-left: 0;
		margin-right: auto;
	}
	.brand svg {
		height: 2rem;
	}
	#header .navicon {
		padding: 1.01875em 3rem;
	}
	.postcard h2,.postcard .h2 {
		font-size: calc(1.625rem + 7.35vw);
	}
	.full-bleed {
		margin-left: -12rem;
		margin-right: -3rem;
	}
	.banner .full-bleed {
		position: absolute;
		margin: 0 !important;
		top: 0;
		bottom: 0;
		right: 0;
		width: 75%;
	}
	.banner.intro-card .stamp {
		margin-right: 25%;
	}
	.parallax .image:first-child .postcard {
		margin-right: 0;
		margin-left: 0;
	}
	.flex-row-reverse .postcard,.image:last-child .postcard {
		margin-right: -1.5rem;
		margin-left: 1.5rem;
	}
	.postcard::before,.postcard > .color-swipe {
		margin-left: -1.5rem;
	}
	#img-buffer::after {
		padding-bottom: 25%;
	}
	.legend .content {
		min-width: 270px;
		transform: translateX(3rem);
	}
	.popover {
		padding: 1rem;
		min-width: 240px;
	}
}
@media screen and (max-width: 920px) {

	.logo-resizer svg {
		height: 60px;
	}
	.parallax .g-6,.parallax .gx-6,.parallax .row {
		--bs-gutter-x: 2rem;
	}
	#parallax-invite .image {
		width: 70%;
	}
	#parallax-invite .content {
		background-color: #fff;
		padding: 2rem;
		min-width: 480px;
		margin-top: -16rem;
		z-index: 1;
		margin-left: auto;
	}
	#parallax-invite .h2.overlap {
		font-size: calc(1.8625rem + 7.35vw);
	}
}
@media screen and (max-width: 839px) {

	.g-6,.gx-6,.row {
		--bs-gutter-x: 2rem;
	}
	.g-6,.gy-6 {
		--bs-gutter-y: 2rem;
	}
	.container,#header .navicon {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	.card-body {
		padding: 2rem;
	}
	.bg.framed {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.full-bleed {
		margin-left: -12rem;
		margin-right: -2rem;
	}
	.btn + *,* + h5 {
		margin-top: 4rem;
	}
	.brand svg {
		height: 1.75rem;
	}
	.filter-sort {
		margin: 2rem -2rem -2rem !important;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.overlap {
		margin-bottom: -0.375em !important;
	}
	.logo-resizer svg {
		height: 50px;
	}
	.banner.intro-card .stamp {
		margin-right: 20%;
	}
	.banner.intro-card .stamp .highlight {
		font-size: calc(1.1875rem + 1.65vw) !important;
	}
	#frame-up {
		padding-top: calc(3rem + 80px);
		height: calc(100vh - 3rem);
		width: calc(100vw - 6rem);
		margin: 0 3rem 3rem;
	}
	#frame-up .poster {
		top: calc(3rem + 80px);
	}
	#frame-up .poster img {
		width: calc(100vw - 6rem);
	}
	.parallax .content {
		background-color: #fff;
		padding: 2rem;
		min-width: 480px;
		margin-top: -16rem;
		width: 80%;
		z-index: 2;
		order: 2;
		margin-left: auto;
		margin-right: 1rem;
	}
	.parallax .content:first-child {
		margin-right: auto;
		margin-left: 1rem;
	}
	.parallax .image {
		width: 70%;
	}
	#parallax-invite .image {
		width: 75%;
	}
	.parallax .image:first-child .postcard {
		margin-right: -1.5rem;
		margin-left: 1.5rem;
	}
	.parallax .image:last-child {
		margin-left: auto;
	}
	.parallax .image:last-child .postcard {
		margin-right: 1.5rem;
		margin-left: -1.5rem;
	}
	.parallax .image:last-child .postcard > .color-swipe {
		margin-left: 1.5rem;
	}
	.travel-icon svg {
		width: 2.75rem;
	}
	.pagination {
		font-size: calc(1.5rem + 1.345vw);
	}
	.map-wrap {
		flex-wrap: wrap;
	}
	.map .container {
		padding: 0;
	}
	.map .poster {
		margin-left: -20rem;
		width: calc(100% + 20rem);
		margin-bottom: -4rem;
	}
	.legend {
		width: auto;
		order: 3;
		padding: 0;
		margin-left: 2rem;
	}
	.legend-label {
		line-height: 1;
	}
	.legend .content {
		margin-left: 0;
	}
	.legend-header h5,.legend-body {
		display: none;
	}
	.mobile-only {
		display: inline-block;
	}
	.legend .dropdown-menu {
		padding: 1rem;
	}
	.footer-logo svg {
		height: 1.375rem;
	}
	#footer .navbar-nav {
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 0;
	}
	.footer-menu li + li {
		margin-top: 1em;
	}
	.footer-menu li + li a::before {
		display: none;
	}
}
@media screen and (max-width: 760px) {

	#header .navbar-nav {
		font-size: 12.5vw;
	}
	.logo-resizer svg {
		height: 40px;
	}
	.highlight {
		font-size: calc(1.15rem + 1.25vw);
	}
	.directory .container {
		padding: 0;
	}
	.banner.intro-card {
		padding-bottom: 8rem !important;
	}
	.banner.intro-card .row {
		padding-bottom: 0 !important;
	}
	.banner.intro-card .row::before {
		display: block;
		position: relative;
		width: 100%;
		padding-top: 15%;
		content: '';
	}
	.banner.intro-card .stamp {
		margin-bottom: -6rem;
		margin-right: 4rem;
	}
	#frame-up {
		padding-top: calc(4rem + 75px);
	}
	#frame-up .poster {
		top: calc(4rem + 75px);
	}
	.filter-sort {
		flex-wrap: wrap;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.btn-group {
		margin-left: auto;
		margin-right: auto;
	}
	.btn-group.search {
		margin: 0;
		position: relative;
		width: 100%;
	}
	.title-bar .btn.search-show {
		display: none;
	}
	.title-bar .searchform {
		position: relative;
		top: auto;
		width: 100%;
		margin-top: 1.5rem;
		display: flex !important;
		align-items: center;
	}
	.title-bar .searchform input.form-control {
		font-size: 1.25rem;
		padding: 0.75rem 1.125rem;
		background-color: rgba(255, 255, 255, 0.3);
		width: 100%;
	}
	.title-bar .searchform #searchsubmit {
		display: inline-flex;
		padding: 0.5em 0.5em;
		flex-shrink: 0;
		margin: 0 0 0 2rem;
	}
	.title-bar .searchform #searchsubmit::before {
		content: '';
		display: block;
	}
	.contact-info > .row .col {
		width: auto;
		flex-grow: 1;
		min-width: 50%;
	}
	.parallax .image {
		width: 80%;
	}
	.parallax .content {
		margin-top: -10rem;
	}
	#parallax-invite .content {
		margin-top: -8rem;
	}
	#parallax-invite .image {
		width: 100%;
	}
	#parallax-invite .postcard {
		margin-left: 0;
		margin-right: 0;
	}
	.parallax .image:last-child .postcard > .color-swipe {
		margin-left: 5.5rem;
		width: calc(100% - 4rem);
	}
	.parallax .image:first-child .postcard > .color-swipe {
		margin-right: 4rem;
		width: calc(100% - 4rem);
	}
	#parallax-invite .postcard > .color-swipe {
		margin-left: 4rem;
		width: calc(100% - 6rem);
	}
	#parallax-invite .postcard .img-swipe {
		width: auto;
		margin-right: 16rem;
	}
	.postcard h2,.postcard .h2 {
		font-size: calc(1.625rem + 8.35vw);
	}
	#parallax-invite .h2.overlap {
		padding-left: 1.25em;
		text-indent: -1.25em;
		font-size: calc(1.8625rem + 8.5vw);
		max-width: 80vw;
	}
	.travel-icon svg {
		width: 2.5rem;
	}
	.carousel .controls {
		position: relative;
		display: flex;
		padding: 2rem 2rem 0;
	}
	.carousel-control-prev, .carousel-control-next {
		position: relative;
		left: auto;
		right: auto;
	}
	.carousel-control-prev {
		margin-right: auto;
	}
	.carousel-control-next {
		margin-left: auto;
	}
}
@media screen and (max-width: 599px) {

	.g-6,.gx-6,.row {
		--bs-gutter-x: 1.5rem;
	}
	.g-6,.gy-6 {
		--bs-gutter-y: 1.5rem;
	}
	.container,#header .navicon,#header .page-title,.directory-list,.travel-info {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	.card-body {
		padding: 1.5rem;
	}
	.bg.framed {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	.btn + *,* + h5 {
		margin-top: 3rem;
	}
	.general.travel .travel-details {
		margin-left: -0.75rem;
		margin-right: -0.75rem;
		width: auto;
		flex: auto;
		padding: 0;
	}
	.full-bleed,.flex-row-reverse .full-bleed {
		margin-right: -1.5rem;
		margin-left: -1.5rem;
	}
	.title-bar {
		padding: 1.5rem;
	}
	.filter-sort {
		margin: 1.5rem -1.5rem -1.5rem !important;
		padding: 1.5rem;
	}
	#header .navbar {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.carousel .controls {
		padding: 1.5rem 1.5rem 0;
	}
	#header .navbar .brand {
		margin-left: 0;
	}
	small,.small {
		font-size: 0.75rem;
	}
	.brand svg {
		height: 1.5rem;
	}
	#header .navicon-holder {
		width: auto;
		margin-right: -1.5rem;
	}
	#header .navicon {
		transform: none;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	#header .page-title {
		text-align: left;
	}
	#header .page-title .h5 {
		font-size: calc(1.14125rem + 0.25vw);
	}
	.banner.intro-card .stamp {
		margin-right: 2rem;
		margin-top: 4rem;
	}
	#frame-up {
		padding-top: calc(2rem + 65px);
		height: calc(100vh - 2rem);
		width: calc(100vw - 4rem);
		margin: 0 2rem 2rem;
	}
	#frame-up .poster {
		top: calc(2rem + 65px);
	}
	#frame-up .poster img {
		width: calc(100vw - 4rem);
	}
	.col[data-fill] .color-swipe,.flex-row-reverse .col[data-fill]:last-child .color-swipe {
		margin-left: -0.75rem;
		margin-right: 0;
	}
	.flex-row-reverse .col[data-fill] .color-swipe,.col[data-fill]:last-child .color-swipe {
		margin-right: -0.75rem;
		margin-left: 0;
	}
	.parallax .content,#parallax-invite .content {
		min-width: 0;
		width: 90%;
		margin-top: -4rem;
	}
	.postcard::before,.postcard > .color-swipe {
		max-height: none;
		height: calc(100% + 6rem);
	}
	.parallax .image:first-child .postcard .img-swipe {
		margin-left: 3rem;
	}
	.parallax .image:last-child .postcard .img-swipe {
		margin-left: -3rem;
	}
	#parallax-invite .postcard .img-swipe {
		margin-right: 15vw;
		margin-left: 0;
	}
	#parallax-invite .h2.overlap {
		font-size: 12.5vw;
	}
	.travel-icon svg {
		width: 2.375rem;
	}
	.map .container,.map-wrap {
		height: 100%;
	}
	.map-wrap {
		flex-direction: column;
	}
	.map .poster {
		margin-bottom: 0;
	}
	.popover {
		padding: 0.5rem;
		min-width: 220px;
	}
	.popover h5 {
		font-size: 1.125rem;
		font-weight: 700;
		margin-top: 0.5rem;
	}
	.legend {
		width: 100%;
		margin-left: 0;
		margin-top: auto;
		left: -10px;
	}
	.legend .content {
		transform: none;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
}
@media screen and (max-width: 500px) {

	.card-body {
		padding: 2rem 1.5rem;
	}
	.carousel .controls {
		padding: 1.5rem 1rem 0;
	}
	.nav-open #header .navbar-collapse .poster {
		opacity: 1;
	}
	.brand svg {
		height: 1.125rem;
	}
	#header .navicon {
		transform: none;
		padding: 1rem;
	}
	#header .navicon-bar {
		margin: 0.375rem 0;
	}
	#header .navbar-nav {
		font-size: 15vw;
	}
	.container,#header .navbar,#header .navicon,#header .page-title,.directory-list,.travel-info,.title-bar,.filter-sort {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.full-bleed,.flex-row-reverse .full-bleed {
		margin-right: -1rem;
		margin-left: -1rem;
	}
	#header .navicon-holder {
		margin-right: -1rem;
	}
	.bg.framed {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	#frame-up {
		padding-top: calc(1rem + 55px);
		height: calc(100vh - 1rem);
		width: calc(100vw - 2rem);
		margin: 0 1rem 1rem;
	}
	#frame-up .poster {
		top: calc(1rem + 55px);
	}
	#frame-up .poster img {
		width: calc(100vw - 2rem);
	}
	.filter-sort {
		margin: 1.5rem -1rem -1.5rem !important;
	}
	.general.travel .travel-details {
		margin-left: -0.25rem;
		margin-right: -0.25rem;
	}
	.col[data-fill] .color-swipe, .flex-row-reverse .col[data-fill]:last-child .color-swipe {
		margin-left: -.25rem;
	}
	.logo-resizer svg {
		height: 24px;
	}
	#scene-1 .h5 span {
		font-size: 80%;
	}
	.shutter.top {
		height: calc(50vh - 75px)
	}
	.shutter.bottom {
		height: 50vh;
	}
	h2,.h2 {
		font-size: calc(1.8625rem + 6.35vw);
	}
	.parallax .image:first-child .postcard > .color-swipe {
		width: 100%;
		margin-right: 0;
		margin-left: -2.5rem;
	}
	.parallax .image:last-child .postcard > .color-swipe {
		width: 100%;
		margin-left: 2.5rem;
	}
	.parallax .content,#parallax-invite .content {
		min-width: 0;
		width: auto;
		margin-top: -2rem;
		padding: 2rem 1rem;
	}
	.parallax .content:first-child {
		margin-left: auto;
	}
	#parallax-invite .postcard > .color-swipe {
		margin-left: 4rem;
		width: calc(100% - 3rem);
	}
	.intro-card .row .image.mt-n6 {
		margin-top: -3rem !important;
	}
	.title-bar .searchform {
		flex-wrap: wrap;
		justify-content: center;
	}
	.title-bar .searchform #searchsubmit {
		margin: 1rem auto 0;
	}
	
	.legend-label label.mobile-only {
		
	}
	select#dropdown-menu-mobile {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
	}
	
	
	
}