@charset "UTF-8";
/*! Made by Mike :) */
/******************************************************************
Author: Mike McVey @ maverickdigitial.nz

Stylesheet: Main Stylesheet

Here's where the magic happens.

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*********************
COLORS
*********************/
:root {
  --orange: #C9682F;
  --blue: #255868;
  --bright-blue: #18AEEA;
  --green: #50744C;
  --soft-black:#414042;
  --black:#3A3A3A;
  --primary:#C9682F;
  --primary:#C9682F;
  --light-orange:#EB912C;
  --dark-orange:#AE5930;
  --primary-hue: 0;
  --primary-rotate: hue-rotate(calc(var(--primary-hue) * 1deg));
  --orange-rotate: hue-rotate(calc(var(--primary-hue) * 1deg));
  --blue-rotate: hue-rotate(calc(var(--primary-hue) * 1deg - 190deg));
  --bright-blue-rotate: hue-rotate(calc(var(--primary-hue) * 1deg - 180deg)) brightness(1.3);
  --green-rotate: hue-rotate(calc(var(--primary-hue) * 1deg + 60deg));
  --soft-black-rotate: grayscale(0.8) brightness(0.6);
  --black-rotate: hue-rotate(calc(var(--primary-hue) * 1deg));
}

.primary {
  color: var(--primary);
}

.color_class {
  display: none;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  content: " ";
}

article.blog-article,
.color_class {
  background: var(--primary);
}

.color_bg {
  background: var(--primary);
}

.color_type {
  color: var(--primary);
}

.ElementNews {
  color: var(--green);
}

.global-footer .text-on-default h2 {
  color: var(--primary);
}

.section-nz {
  --primary:var(--blue);
  --primary-rotate:var(--blue-rotate);
}

.section-aus {
  --primary:var(--orange);
  --primary-rotate:var(--orange-rotate);
}

.section-africa {
  --primary:var(--green);
  --primary-rotate:var(--green-rotate);
}

.section-asia {
  --primary:var(--soft-black);
  --primary-rotate:var(--soft-black-rotate);
}

.section-nz.Asia .pill {
  background-color: var(--soft-black);
}

.section-pacific, .ErrorPage, body.search {
  --primary:var(--bright-blue);
  --primary-rotate:var(--bright-blue-rotate);
}

/*
$light_purple: #ADAAC0;
$light_red: #FCD6C9;
$light_blue: #C0DEE9;
$light_orange: #FFE8CD;
$light_pink: #F7D7E7;
*/
/* Global Styles
----------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

html, button, input, select, textarea {
  font-family: Helvetica, Arial, sans-serif;
}

body {
  margin: 0rem 0 0 0;
  padding: 0;
  width: 100%;
  min-width: 320px;
  line-height: 1.4;
}

::-moz-selection {
  background: #D22630;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #D22630;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #D22630;
  color: #ffffff;
  text-shadow: none;
}

blockquote {
  padding: 0;
  margin: 0;
  line-height: 1.19;
}

blockquote p:first-child {
  display: inline;
  font-weight: 500;
}

blockquote p {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  border: 0;
  margin: 0;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  clear: both;
}

hr:after {
  border: 0;
  display: block;
  height: 5px;
  width: 10px;
  content: "";
  margin: 1em auto 1em;
  position: relative;
}

hr:before {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  content: " ";
  height: 1px;
  background: #1C0F33;
}

ins {
  background: #ff9;
  color: #292929;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #292929;
  font-style: italic;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

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

.page_layout small {
  font-size: 0.67em;
}

sub, sup {
  font-size: 0.5em;
  line-height: 0;
  font-weight: 300;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.7em;
}

sub {
  bottom: -0.25em;
}

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

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/*svg:not(:root){width:100%;height:auto;overflow:hidden;}*/
figure {
  margin: 0 0 0 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
  font-size: 13px;
  letter-spacing: -0.02;
  padding: 0 0.5em;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input {
  line-height: normal;
  padding: 0;
}

input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  font-weight: 600 !important;
  overflow: visible;
}

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

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  width: 13px;
  height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0.5em;
  background: #fff;
}

td, th {
  padding: 0.5em;
  line-height: 1.2;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

th {
  vertical-align: baseline;
  border-top: 0;
  text-align: left;
}

td:last-child, th:last-child {
  border-right: none;
}

::-webkit-input-placeholder {
  color: #8b8b8b;
  font-weight: normal;
}

::-moz-placeholder {
  color: #8b8b8b;
  font-weight: normal;
}

:-ms-input-placeholder {
  color: #8b8b8b;
  font-weight: normal;
}

:-moz-placeholder {
  color: #8b8b8b;
  font-weight: normal;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

******************************************************************/
/* https://flexgridlite.elliotdahl.com/ */
/* grid + padding styles */
.grid {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* margin:0 -8px 0 -8px; */
}

.grid.grid-nogutter {
  margin: 0;
}

.grid.grid-nogutter > .col {
  padding: 0;
}

.col {
  position: relative;
  box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0 8px 0 8px;
}

.col-align-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.col-align-bottom {
  align-self: flex-end;
}

.col-align-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.col-top {
  justify-content: flex-start !important;
  flex-direction: column;
  display: flex;
}

.col-bottom {
  justify-content: flex-end !important;
  flex-direction: column;
  display: flex;
}

.col-middle {
  justify-content: center;
  flex-direction: column;
  display: flex;
}

.grid-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grid-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.grid-around {
  justify-content: space-around;
}

.grid-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.col-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.col-last {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.grid-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col-fixed {
  flex: initial;
}

.col-grow-2 {
  flex-grow: 2;
}

.col-grow-3 {
  flex-grow: 3;
}

.col-grow-4 {
  flex-grow: 4;
}

.col-grow-5 {
  flex-grow: 5;
}

.col-grow-6 {
  flex-grow: 6;
}

.col-grow-7 {
  flex-grow: 7;
}

.col-grow-8 {
  flex-grow: 8;
}

.col-grow-9 {
  flex-grow: 9;
}

.col-grow-10 {
  flex-grow: 10;
}

.col-grow-11 {
  flex-grow: 11;
}

.col-1 {
  -ms-flex-preferred-size: 8.33333%;
  -webkit-flex-basis: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -ms-flex-preferred-size: 16.66667%;
  -webkit-flex-basis: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -ms-flex-preferred-size: 41.66667%;
  -webkit-flex-basis: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex-preferred-size: 58.33333%;
  -webkit-flex-basis: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex-preferred-size: 83.33333%;
  -webkit-flex-basis: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -ms-flex-preferred-size: 91.66667%;
  -webkit-flex-basis: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 480px) {
  .col-sm {
    flex: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 624px) {
  .col-md {
    flex: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 744px) {
  .col-lg {
    flex: 100%;
    max-width: 100%;
  }
}
/* padding styles */
@media (min-width: 600px) {
  .pad-top-default {
    padding-top: 2.5rem;
  }
  .pad-bot-default {
    padding-bottom: 2.5rem;
  }
  .pad-top-200 {
    padding-top: 10rem;
  }
  .pad-bot-200 {
    padding-bottom: 10rem;
  }
  .pad-top-180 {
    padding-top: 9rem;
  }
  .pad-bot-180 {
    padding-bottom: 9rem;
  }
  .pad-top-160 {
    padding-top: 8rem;
  }
  .pad-bot-160 {
    padding-bottom: 8rem;
  }
  .pad-top-140 {
    padding-top: 7rem;
  }
  .pad-bot-140 {
    padding-bottom: 7rem;
  }
  .pad-top-120 {
    padding-top: 6rem;
  }
  .pad-bot-120 {
    padding-bottom: 6rem;
  }
  .pad-top-100 {
    padding-top: 5rem;
  }
  .pad-bot-100 {
    padding-bottom: 5rem;
  }
  .pad-top-80 {
    padding-top: 4rem;
  }
  .pad-bot-80 {
    padding-bottom: 4rem;
  }
  .pad-top-60 {
    padding-top: 3rem;
  }
  .pad-bot-60 {
    padding-bottom: 3rem;
  }
  .pad-top-40 {
    padding-top: 2rem;
  }
  .pad-bot-40 {
    padding-bottom: 2rem;
  }
  .pad-top-20 {
    padding-top: 1rem;
  }
  .pad-bot-20 {
    padding-bottom: 1rem;
  }
  .mar-top-160 {
    margin-top: 8rem;
  }
  .mar-bot-160 {
    margin-bottom: 8rem;
  }
  .mar-top-140 {
    margin-top: 7rem;
  }
  .mar-bot-140 {
    margin-bottom: 7rem;
  }
  .mar-top-120 {
    margin-top: 6rem;
  }
  .mar-bot-120 {
    margin-bottom: 6rem;
  }
  .mar-top-100 {
    margin-top: 5rem;
  }
  .mar-bot-100 {
    margin-bottom: 5rem;
  }
  .mar-top-80 {
    margin-top: 4rem;
  }
  .mar-bot-80 {
    margin-bottom: 4rem;
  }
  .mar-top-60 {
    margin-top: 3rem;
  }
  .mar-bot-60 {
    margin-bottom: 3rem;
  }
  .mar-top-40 {
    margin-top: 2rem;
  }
  .mar-bot-40 {
    margin-bottom: 2rem;
  }
  .mar-top-20 {
    margin-top: 1rem;
  }
  .mar-bot-20 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .pad-top-default {
    padding-top: 2rem;
  }
  .pad-bot-default {
    padding-bottom: 2rem;
  }
  .pad-top-200 {
    padding-top: 5rem;
  }
  .pad-bot-200 {
    padding-bottom: 5rem;
  }
  .pad-top-180 {
    padding-top: 4.5rem;
  }
  .pad-bot-180 {
    padding-bottom: 4.5rem;
  }
  .pad-top-160 {
    padding-top: 4rem;
  }
  .pad-bot-160 {
    padding-bottom: 4rem;
  }
  .pad-top-140 {
    padding-top: 3.5rem;
  }
  .pad-bot-140 {
    padding-bottom: 3.5rem;
  }
  .pad-top-120 {
    padding-top: 3rem;
  }
  .pad-bot-120 {
    padding-bottom: 3rem;
  }
  .pad-top-100 {
    padding-top: 2.5rem;
  }
  .pad-bot-100 {
    padding-bottom: 2.5rem;
  }
  .pad-top-80 {
    padding-top: 2rem;
  }
  .pad-bot-80 {
    padding-bottom: 2rem;
  }
  .pad-top-60 {
    padding-top: 1.5rem;
  }
  .pad-bot-60 {
    padding-bottom: 1.5rem;
  }
  .pad-top-40 {
    padding-top: 1rem;
  }
  .pad-bot-40 {
    padding-bottom: 1rem;
  }
  .pad-top-20 {
    padding-top: 0.5rem;
  }
  .pad-bot-20 {
    padding-bottom: 0.5rem;
  }
  .mar-top-160 {
    margin-top: 4rem;
  }
  .mar-bot-160 {
    margin-bottom: 4rem;
  }
  .mar-top-140 {
    margin-top: 3.5rem;
  }
  .mar-bot-140 {
    margin-bottom: 3.5rem;
  }
  .mar-top-120 {
    margin-top: 3rem;
  }
  .mar-bot-120 {
    margin-bottom: 3rem;
  }
  .mar-top-100 {
    margin-top: 2.5rem;
  }
  .mar-bot-100 {
    margin-bottom: 2.5rem;
  }
  .mar-top-80 {
    margin-top: 2rem;
  }
  .mar-bot-80 {
    margin-bottom: 2rem;
  }
  .mar-top-60 {
    margin-top: 1.5rem;
  }
  .mar-bot-60 {
    margin-bottom: 1.5rem;
  }
  .mar-top-40 {
    margin-top: 1rem;
  }
  .mar-bot-40 {
    margin-bottom: 1rem;
  }
  .mar-top-20 {
    margin-top: 0.5rem;
  }
  .mar-bot-20 {
    margin-bottom: 0.5rem;
  }
}
/*.text-on-default.no-bg-image.pad-top-default{padding-top:1.5em;}
.text-on-default.no-bg-image.pad-bot-default{padding-bottom:0em;}*/
/*********************
FONT
*********************/
@font-face {
  font-family: "Isidora";
  src: url("/dist/Isidora-SemiBold.a1cd9f61.woff2") format("woff2"), url("/dist/Isidora-SemiBold.053c311f.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Isidora";
  src: url("/dist/Isidora-Bold.670eedee.woff2") format("woff2"), url("/dist/Isidora-Bold.88e14bdb.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gazpacho";
  src: url("/dist/Gazpacho-Bold-tag.606cfb05.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

******************************************************************/
.headline {
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
}

/* Typography
------------------------ */
/* WebKit-specific rule */
a:-webkit-any-link:focus-visible {
  outline: none;
}

/* Fallback for other browsers */
a:focus {
  outline: none;
}

/* Modern browsers supporting :focus-visible */
a:focus-visible {
  outline: none;
}

body {
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
  letter-spacing: -0.025em;
}

h1, .h1 {
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 800;
  margin: 0;
  padding: 0.7rem 0 1.4rem;
  letter-spacing: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /*word-break:break-all;*/
  line-height: 1.1;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h4 strong, h4 strong, .h4 strong, blockquote strong {
  font-weight: 900 !important;
  display: inline-block; /* line-height:0.9; */ /* font-size:1.05em; */
}

h1 strong a, .h1 strong a, h2 strong a, .h2 strong a, h3 strong a, .h4 strong a, h4 strong a, .h4 strong a, blockquote strong a {
  color: #fff !important;
  font-weight: 600 !important;
}

/*nav{font-family:$headline;}*/
html, .root {
  width: 100%;
}

ul {
  list-style-type: none;
}

.elemental ul {
  list-style: disc;
}

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

hr, .hr {
  width: 100%;
  clear: both;
  display: block;
}

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

sup {
  top: -0.5em;
  color: red;
}

sub {
  bottom: -0.25em;
}

html {
  font-size: calc(16px + 3 * (100vw - 600px) / 1370);
}

h1, .h1 {
  font-size: 3.157rem;
  font-size: calc(3em + 3 * (100vw - 600px) / 1370);
}

#intro h1 {
  font-size: 6rem;
}
#intro h1.h3 {
  font-size: 4em;
  text-transform: none;
}

h1 small, .h1 small {
  font-size: 0.3em;
}

h2, .h2 {
  font-size: 2.369rem;
}

h1 em, h2 em, h3 em, h4 em {
  font-size: 1.1em;
  line-height: 0.8;
  font-weight: normal;
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
  text-transform: none;
}

.intro-copy em {
  color: #ffffff;
}

h3, .h3 {
  font-size: 1.777rem;
}

h3.subpage {
  font-size: 1.3rem;
  margin-bottom: 0.3em !important;
  text-transform: none;
}

h4, .h4 {
  font-size: 1.24rem;
}

.flex-about h3.title {
  font-size: calc(40px + 44 * (100vw - 600px) / 1370);
}

blockquote p {
  font-size: 1.2em;
  font-weight: 500;
  padding-right: 10%;
  line-height: 1.2;
}

.intro-copy p {
  font-size: 1em;
}

.locstring {
  display: block;
  font-size: 0.76em;
  line-height: 1.2;
  padding-top: 0.25em;
}

@media (max-width: 600px) {
  html {
    font-size: 16px;
  }
  .flex-about h3.title {
    font-size: 40px;
  }
  #intro h1 {
    font-size: 3rem;
  }
  #intro h1.h3 {
    font-size: 2em;
    text-transform: none;
  }
  .services.alternating .col.text h2 {
    font-size: 25px;
  }
  h3.subpage {
    font-size: 14px;
  }
}
@media (min-width: 1970px) {
  html {
    font-size: 19px;
  }
  #intro h1 {
    font-size: 6rem;
  }
  #intro h1.h3 {
    font-size: 4em;
    text-transform: none;
  }
  .flex-about h3.title {
    font-size: 84px;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:
Stylesheet: Form Styles

******************************************************************/
/* GENERIC FORMS
----------------------------------------------- */
#UserForm_Form_120 {
  max-width: 700px;
  margin: 0 auto;
  background: transparent;
  padding-top: 2rem;
}

.offcanvas #UserForm_Form_120 {
  padding-top: 0;
  color: var(--black) !important;
}

.requiredField label.fieldholder-small-label:after,
.requiredField label.right:after,
.requiredField label.left:after {
  /* pseudo element adds an asterisk to a required fields label */
  color: #B94A48 !important;
  content: "*" !important;
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
  display: inline-block !important;
}

form .hide {
  display: none !important;
}

.description {
  font-size: 0.7em;
  font-weight: 600;
}

.requiredField .description:after {
  color: #b94a48;
  content: "*";
  font-size: 14px;
  font-weight: 400;
  padding-left: 3px;
}

.fieldgroup {
  flex-wrap: wrap;
  gap: 0.25em;
  display: flex;
}

.fieldgroup-field {
  flex: 1;
  min-width: 200px;
}

#Form_PaymentForm_Amount {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
}

#Form_PaymentForm_Amount_Holder span.currency {
  width: 3.5em;
  display: inline-block;
  border: 1px solid #dad9d9;
  border-right: 0;
  margin-right: -5px;
  border-radius: 3px 0 0 3px !important;
  -webkit-border-radius: 3px 0 0 3px !important;
  padding: 5px 5px;
  font-weight: bold;
  background: #eee;
  font-size: 15px;
}

#Form_PaymentForm_Amount {
  padding-left: 6px !important;
  display: inline-block;
  width: calc(100% - 3.6em);
}

#Form_PaymentForm_AgentInformation_Holder {
  min-width: 100%;
}

label.error {
  display: block;
}

.offcanvas .element_userform {
  padding-top: 0 !important;
}

#UserForm_Form_120 .left {
  margin-bottom: 5px;
  font-weight: 500;
}

#userform-progress {
  padding: 0.25rem 0 0;
}

#e120 .element_userform {
  background: transparent;
}

#crmWebToEntityForm {
  padding: 0 1rem !important;
}
#crmWebToEntityForm form input.email,
#crmWebToEntityForm form input.text,
#crmWebToEntityForm form textarea,
#crmWebToEntityForm form .textajaxuniquetext,
#crmWebToEntityForm form select,
#crmWebToEntityForm input[type=text], #crmWebToEntityForm input[type=password], #crmWebToEntityForm textarea {
  width: 90%;
  padding: 6px 5px;
  font-size: 15px;
  background-color: #fff !important;
  border: 1px solid #dad9d9;
}
#crmWebToEntityForm label {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 0.76rem !important;
}

#crmWebToEntityForm,
.element_userform {
  /* fix for ie7's rendering of max-width property on select input */
  /* Radio and Checkbox */
  /* Messages */
  /* ACTIONS */
  /* AREA SPECIFIC */
  /* LOGIN and FORGOT PASSWORD */
  /* Search / Login */
  /* USER DEFINED USER FORM MODULE STYLES
  ----------------------------------------------- */
  /*Generic and mixed*/
  /* Labels */
  /* Radio / Checkbox */
  /* Messages */
  /* Error messages */
  /* To test - potentially not needed? */
}
#crmWebToEntityForm .FormHeading,
.element_userform .FormHeading {
  font-size: 1em;
  padding: 0 0 0.5rem;
}
#crmWebToEntityForm .optionset .middleColumn,
.element_userform .optionset .middleColumn {
  margin: 0px 0 10px;
}
#crmWebToEntityForm .optionset .middleColumn > div.odd, #crmWebToEntityForm .optionset .middleColumn > div.even,
.element_userform .optionset .middleColumn > div.odd,
.element_userform .optionset .middleColumn > div.even {
  display: inline-block;
  white-space: nowrap;
}
#crmWebToEntityForm form.userform,
.element_userform form.userform {
  margin: 1em 0;
}
#crmWebToEntityForm div.field,
.element_userform div.field {
  margin: 0px 0 10px;
  float: left;
  width: 100%;
  padding-right: 1%;
}
#crmWebToEntityForm .field.column-left,
#crmWebToEntityForm .field.column-right,
.element_userform .field.column-left,
.element_userform .field.column-right {
  display: block;
  width: 50%;
  float: left;
}
#crmWebToEntityForm fieldset,
.element_userform fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#crmWebToEntityForm form label,
#crmWebToEntityForm form legend,
.element_userform form label,
.element_userform form legend {
  margin-bottom: 5px;
  font-size: 0.76em;
  padding-left: 0;
}
#crmWebToEntityForm form label,
.element_userform form label {
  display: block;
}
#crmWebToEntityForm form input.email,
#crmWebToEntityForm form input.text,
#crmWebToEntityForm form textarea,
#crmWebToEntityForm form .textajaxuniquetext,
#crmWebToEntityForm form select,
#crmWebToEntityForm input[type=text], #crmWebToEntityForm input[type=password], #crmWebToEntityForm textarea,
.element_userform form input.email,
.element_userform form input.text,
.element_userform form textarea,
.element_userform form .textajaxuniquetext,
.element_userform form select,
.element_userform input[type=text],
.element_userform input[type=password],
.element_userform textarea {
  width: 90%;
  /*padding: 6px 5px;*/
  padding: 0.5em;
  font-size: 1em;
  background-color: #fff;
  border: 1px solid #dad9d9;
  line-height: 1.5;
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
#crmWebToEntityForm .ie7 form select,
.element_userform .ie7 form select {
  width: 400px;
}
#crmWebToEntityForm form input.email:focus,
#crmWebToEntityForm form input.text:focus,
#crmWebToEntityForm form textarea:focus,
#crmWebToEntityForm form .textajaxuniquetext:focus,
#crmWebToEntityForm form select:focus,
.element_userform form input.email:focus,
.element_userform form input.text:focus,
.element_userform form textarea:focus,
.element_userform form .textajaxuniquetext:focus,
.element_userform form select:focus {
  outline: none;
}
#crmWebToEntityForm form input[disabled],
#crmWebToEntityForm form textarea[disabled],
.element_userform form input[disabled],
.element_userform form textarea[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #dad9d9;
}
#crmWebToEntityForm textarea,
.element_userform textarea {
  resize: vertical;
  /* forces text area to be resized vertically only */
}
#crmWebToEntityForm .field .checkbox:not(.field),
#crmWebToEntityForm .field .radio:not(.field),
.element_userform .field .checkbox:not(.field),
.element_userform .field .radio:not(.field) {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  margin-top: 5px;
  padding: 0;
}
#crmWebToEntityForm form .message,
.element_userform form .message {
  background-color: #fef4ba;
  padding: 5px 10px;
  border: 1px solid #e8c805;
  border-radius: 3px;
}
#crmWebToEntityForm form .good,
.element_userform form .good {
  background-color: #ecf9d0;
  border-color: #8fbe00;
}
#crmWebToEntityForm form .bad,
#crmWebToEntityForm form .required,
#crmWebToEntityForm form .error,
.element_userform form .bad,
.element_userform form .required,
.element_userform form .error {
  background-color: #f9d0d0;
  border-color: #cf0000;
  color: #b80000;
}
#crmWebToEntityForm .Actions,
.element_userform .Actions {
  margin-bottom: 20px;
}
#crmWebToEntityForm #Remember,
.element_userform #Remember {
  min-height: 20px;
}
#crmWebToEntityForm #ForgotPassword,
.element_userform #ForgotPassword {
  clear: left;
}
#crmWebToEntityForm #MemberLoginForm_LostPasswordForm .Actions:after,
.element_userform #MemberLoginForm_LostPasswordForm .Actions:after {
  display: none;
}
#crmWebToEntityForm .header form .middleColumn,
.element_userform .header form .middleColumn {
  /* float: none;
  width: 100% !important; */
}
#crmWebToEntityForm .FormHeading,
.element_userform .FormHeading {
  clear: both;
  padding-top: 15px;
}
#crmWebToEntityForm form .date .middleColumn input,
.element_userform form .date .middleColumn input {
  /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
  width: 114px;
}
#crmWebToEntityForm .Actions input.resetformaction,
#crmWebToEntityForm .Actions input.action-minor,
.element_userform .Actions input.resetformaction,
.element_userform .Actions input.action-minor {
  /* Clear button */
  float: left;
  background-color: #888;
}
#crmWebToEntityForm .Actions input.resetformaction:hover,
#crmWebToEntityForm .Actions input.action-minor:hover,
.element_userform .Actions input.resetformaction:hover,
.element_userform .Actions input.action-minor:hover {
  /* Clear button */
  background-color: #aaa;
}
#crmWebToEntityForm .checkbox label.right,
.element_userform .checkbox label.right {
  font-size: 13px;
  /* reset to default */
  color: #333;
  /* reset to default */
}
#crmWebToEntityForm form .requiredField label.left:after,
.element_userform form .requiredField label.left:after {
  /* pseudo element adds an asterisk to a required fields label */
  color: #B94A48;
  content: "*";
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
}
#crmWebToEntityForm form .checkboxset ul,
#crmWebToEntityForm form .optionset ul,
.element_userform form .checkboxset ul,
.element_userform form .optionset ul {
  margin: 0;
}
#crmWebToEntityForm form .checkboxset li,
#crmWebToEntityForm form .optionset li,
.element_userform form .checkboxset li,
.element_userform form .optionset li {
  margin-bottom: 5px;
  list-style-type: none;
}
#crmWebToEntityForm form div.checkbox:after,
.element_userform form div.checkbox:after {
  /* clearfix */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#crmWebToEntityForm form .checkbox .checkbox,
.element_userform form .checkbox .checkbox {
  clear: both;
}
#crmWebToEntityForm span.message,
.element_userform span.message {
  margin: 10px 0;
  display: block;
  max-width: 390px;
  clear: left;
  font-size: 14px;
}
#crmWebToEntityForm div.holder-required,
.element_userform div.holder-required {
  /* This class needs to be changed - is used for both input and div */
  /* background-color: #f9d0d0;
  border: 1px solid #cf0000;
  padding: 10px;
  margin-left: -11px; */
}
#crmWebToEntityForm form input.holder-required,
.element_userform form input.holder-required {
  /* This class needs to be changed - is used for both input and div */
  border: 1px solid #cf0000;
}
#crmWebToEntityForm input:invalid,
#crmWebToEntityForm textarea:invalid,
.element_userform input:invalid,
.element_userform textarea:invalid {
  border-radius: 1px;
}
#crmWebToEntityForm .no-boxshadow input:invalid,
#crmWebToEntityForm .no-boxshadow textarea:invalid,
.element_userform .no-boxshadow input:invalid,
.element_userform .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
#crmWebToEntityForm .ss-uploadfield-item-info button,
.element_userform .ss-uploadfield-item-info button {
  margin-top: 4px !important;
  float: left;
}
#crmWebToEntityForm form #DMYDate-month,
#crmWebToEntityForm form #DMYDate-day,
.element_userform form #DMYDate-month,
.element_userform form #DMYDate-day {
  width: 25px;
}

/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 600px) {
  .element_userform .field.column-left,
  .element_userform .field.column-right {
    max-width: 100%;
    width: 100%;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0.25em 0 0 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 1.5em;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 1.5em;
  height: 4px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 3em;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 3em;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 3em;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 3em;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 3em;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 3em;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-0.3em, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-0.3em, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(0.3em, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(0.3em, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-0.3em, -0.375em, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-0.3em, 0.375em, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(0.3em, -0.375em, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(0.3em, 0.375em, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -3em;
  top: -3em;
  transform: translate3d(3em, 3em, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -3em;
  top: -3em;
  transform: translate3d(-3em, 3em, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -3em;
  top: 3em;
  transform: translate3d(3em, -3em, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -3em;
  top: 3em;
  transform: translate3d(-3em, -3em, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-0.2142857143em, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(0.2142857143em, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles


******************************************************************

We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

*********************/
#crmWebToEntityForm input[type=submit], #crmWebToEntityForm input[type=reset], #crmWebToEntityForm .Actions .action,
#crmWebToEntityForm a.button.blue,
#crmWebToEntityForm a.button.blue:visited, input[type=submit], input[type=reset],
a.button.blue,
a.button.blue:visited, button, .Actions .action,
a.button,
a.button:visited {
  font-size: 0.87em;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  border-radius: 2em;
  cursor: pointer;
  padding: 0.7em 1.5em 0.7em 1.5em;
  line-height: 1.5;
  vertical-align: middle;
  font-weight: 600;
}
#crmWebToEntityForm input[type=submit]:hover, #crmWebToEntityForm input[type=reset]:hover, #crmWebToEntityForm .Actions .action:hover,
#crmWebToEntityForm a.button.blue:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .Actions .action:hover,
a.button:hover, #crmWebToEntityForm input[type=submit]:focus, #crmWebToEntityForm input[type=reset]:focus, #crmWebToEntityForm .Actions .action:focus,
#crmWebToEntityForm a.button.blue:focus, input[type=submit]:focus, input[type=reset]:focus, button:focus, .Actions .action:focus,
a.button:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
button, .Actions .action,
a.button,
a.button:visited {
  background-color: var(--orange);
  border-color: var(--orange);
  border: 0px;
}
button.livestream:after, .Actions .action.livestream:after,
a.button.livestream:after,
a.button:visited.livestream:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 1em;
  vertical-align: top;
  content: " ";
  background: url(/dist/eye.fcd2dcaf.svg) no-repeat 0% 100%;
}
button.step-button-prev:after, .Actions .action.step-button-prev:after,
a.button.step-button-prev:after,
a.button:visited.step-button-prev:after {
  float: left;
  margin-left: 0em;
  margin-right: 1em;
}
button:hover, button:focus, button:active, button.active, .Actions .action:hover, .Actions .action:focus, .Actions .action:active, .Actions .action.active,
a.button:hover,
a.button:focus,
a.button:active,
a.button.active,
a.button:visited:hover,
a.button:visited:focus,
a.button:visited:active,
a.button:visited.active {
  color: #ffffff;
  background-color: var(--black);
  border-color: var(--black);
}
button.outline, .Actions .action.outline,
a.button.outline,
a.button:visited.outline {
  color: var(--black);
}

input[type=submit], input[type=reset], .Actions .action,
a.button.blue,
a.button.blue:visited {
  background-color: var(--primary);
  color: #fff;
  display: inline-block;
  border: 0;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, .Actions .action:hover, .Actions .action:focus,
a.button.blue:hover,
a.button.blue:focus,
a.button.blue:visited:hover,
a.button.blue:visited:focus {
  background: var(--black);
  color: #ffffff;
}
input[type=submit]:active, input[type=reset]:active, .Actions .action:active,
a.button.blue:active,
a.button.blue:visited:active {
  background: var(--black);
  color: #ffffff;
}
input[type=submit].active, input[type=reset].active, .Actions .action.active,
a.button.blue.active,
a.button.blue:visited.active {
  background-color: #E5F1F5;
  border-color: #E5F1F5;
  color: #ffffff;
}

#crmWebToEntityForm input[type=submit], #crmWebToEntityForm input[type=reset], #crmWebToEntityForm .Actions .action,
#crmWebToEntityForm a.button.blue,
#crmWebToEntityForm a.button.blue:visited {
  background-color: var(--primary);
  color: #fff;
  display: inline-block;
  border: 0;
}
#crmWebToEntityForm input[type=submit]:hover, #crmWebToEntityForm input[type=submit]:focus, #crmWebToEntityForm input[type=reset]:hover, #crmWebToEntityForm input[type=reset]:focus, #crmWebToEntityForm .Actions .action:hover, #crmWebToEntityForm .Actions .action:focus,
#crmWebToEntityForm a.button.blue:hover,
#crmWebToEntityForm a.button.blue:focus,
#crmWebToEntityForm a.button.blue:visited:hover,
#crmWebToEntityForm a.button.blue:visited:focus {
  background: var(--black);
  color: #ffffff;
}
#crmWebToEntityForm input[type=submit]:active, #crmWebToEntityForm input[type=reset]:active, #crmWebToEntityForm .Actions .action:active,
#crmWebToEntityForm a.button.blue:active,
#crmWebToEntityForm a.button.blue:visited:active {
  background: var(--black);
  color: #ffffff;
}
#crmWebToEntityForm input[type=submit].active, #crmWebToEntityForm input[type=reset].active, #crmWebToEntityForm .Actions .action.active,
#crmWebToEntityForm a.button.blue.active,
#crmWebToEntityForm a.button.blue:visited.active {
  background-color: #E5F1F5;
  border-color: #E5F1F5;
  color: #ffffff;
}
#crmWebToEntityForm input[type=reset] {
  font-size: 0.575em;
  background-color: var(--light-orange);
}
#crmWebToEntityForm .zcwf_col_lab {
  font-size: 0.7rem !important;
  font-family: initial !important;
}

.Actions .action {
  padding: 0.7em 1.8em 0.7em 1.8em !important;
}

a.button.outline,
a.button.outline:visited {
  background: none;
}
a.button.outline:hover, a.button.outline:focus,
a.button.outline:visited:hover,
a.button.outline:visited:focus {
  background: none;
}
a.button.outline:active,
a.button.outline:visited:active {
  background: none;
}

a.button.red,
a.button.red:visited {
  background: #D22630;
}
a.button.red:hover, a.button.red:focus,
a.button.red:visited:hover,
a.button.red:visited:focus {
  background: var(--black);
}

a.button.ghost,
a.button.ghost:visited {
  background: none;
  color: #ffffff;
  border-color: #ffffff;
}
a.button.ghost:hover, a.button.ghost:focus,
a.button.ghost:visited:hover,
a.button.ghost:visited:focus {
  background: none;
  color: #ffffff;
}
a.button.ghost:active,
a.button.ghost:visited:active {
  background: none;
}

.button_group {
  border-radius: 8px;
  overflow: hidden;
  font-size: 1.2em;
  margin-bottom: 2em !important;
  min-height: 0 !important;
}
.button_group a.button {
  line-height: 2.5;
  min-width: max-content;
}

a.button.button-arrow,
a.button.button-arrow:visited {
  background: none;
  padding-left: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 6em;
  color: inherit;
  font-size: 1.2em;
}
a.button.button-arrow:before,
a.button.button-arrow:visited:before {
  position: absolute;
  display: block;
  content: "";
  width: 4em;
  right: 0;
  /* border: solid 1px; */
  top: 50%;
  border-bottom: solid 2px;
  transform: translateX(-3px) translateY(-1px);
}
a.button.button-arrow:after,
a.button.button-arrow:visited:after {
  position: absolute;
  display: block;
  content: "";
  width: 2em;
  height: 2em;
  border-top: solid 2px;
  border-right: solid 2px;
  top: 50%;
  right: 0;
  transform-origin: center right;
  transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
}
a.button.button-arrow:hover:after,
a.button.button-arrow:visited:hover:after {
  animation: aniArrow01 1.5s ease-out infinite 0s;
}
a.button.button-arrow:hover:before,
a.button.button-arrow:visited:hover:before {
  animation: aniArrow02 1.5s ease-out infinite 0s;
}
a.button.button-arrow:hover, a.button.button-arrow:focus, a.button.button-arrow:active,
a.button.button-arrow:visited:hover,
a.button.button-arrow:visited:focus,
a.button.button-arrow:visited:active {
  color: var(--primary);
}

@keyframes aniArrow01 {
  0% {
    opacity: 0;
    transform: rotate(45deg) translateX(-2em) translateY(1.6em);
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniArrow02 {
  0% {
    opacity: 0;
    transform: translateX(-2em) translateY(-1px);
  }
  10% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    transform: translateX(-3px) translateY(-1px);
  }
  100% {
    opacity: 0;
  }
}
a.button.video_link,
a.button.video_link:visited {
  background: none;
  color: #ffffff;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
a.button.video_link:after,
a.button.video_link:visited:after {
  display: none;
}
a.button.video_link:before,
a.button.video_link:visited:before {
  border-radius: 50%;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 1em;
  vertical-align: middle;
  content: " ";
  background: #ffffff url(/dist/icon-video.3ff91727.svg) no-repeat 66% 50%;
  background-size: 1em;
}
a.button.video_link:hover, a.button.video_link:focus,
a.button.video_link:visited:hover,
a.button.video_link:visited:focus {
  background: none;
  color: #ffffff;
}
a.button.video_link:active,
a.button.video_link:visited:active {
  background: none;
}

.userform-progress {
  position: relative;
}
.userform-progress nav {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.userform-progress .progress {
  transform: translateY(133%);
  border-radius: 10px;
}

button.step-button-jump {
  padding: 0.25em;
  width: 2em;
  border: 0px;
  height: 2em;
}

input[type=submit],
.react-calendar button {
  padding: 0.7em 1.8em 0.7em 1.8em !important;
}

#Root_Main button,
.step-button-jump:after,
.listing-form button:after,
.react-calendar button:after {
  display: none;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
#listing-page-resources .blog-article {
  background: #fff;
}

#UserForm_Form_1682_EditableTextField_4bd11_Holder,
#UserForm_Form_1684_EditableTextField_ca338_Holder {
  display: none;
}

@media (max-width: 600px) {
  #e1640 .Grid .listing-wrapper .col {
    min-width: 100% !important;
    padding-bottom: 50% !important;
  }
  #e1640 .Grid .listing-wrapper .col h3.subpage {
    font-size: 1.3em;
  }
  #e1640 .Grid .listing-wrapper .col .tile-copy {
    padding-bottom: 1em !important;
  }
}
#e1643 .promos-grid.tile-Card .col.promo-card .card {
  padding-bottom: 90% !important;
}
@media (max-width: 600px) {
  #e1643 .promos-grid.tile-Card .col.promo-card {
    min-width: 100% !important;
  }
}

/*input:-internal-autofill-selected {background:red !important;}
input:-internal-autofill-selected.light-dark {background:blue !important;}*/
@media (max-width: 600px) {
  .listing-page__grid {
    flex-direction: column-reverse;
  }
  .listing-page__grid--left,
  .listing-page__grid--right {
    min-width: 100%;
  }
  .listing-page__grid--right {
    margin-bottom: 2em;
  }
}
.ResourceCategoryFilter {
  padding-right: 1em !important;
  /*.react-select__menu-list{max-height:100px;  overflow-y: auto !important;}*/
}

.el-layer-1 .text-on-purple.pad-top-default, .el-layer-1 .pad-top-default.text-on-light-purple {
  padding-top: 1rem !important;
}

.layout-portal .react-calendar {
  background-color: #0076be !important;
}

.react-calendar__month-view__days__day--weekend {
  color: #fff !important;
}

.react-calendar__month-view__weekdays__weekday {
  color: #fff !important;
  text-transform: none;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: #c5c5c5 !important;
  text-transform: none;
}

.listing-filter__checkbox-container.select-wrapper.price {
  display: none !important;
}

/*
*{outline: 1px solid red;}
#PageContainer .wrap{ background-size:100%;  background-image:url('../images/design/package.jpg');  }

#PageContainer .wrap div{background:none;}
#PageContainer .bg-image, .videocontainer{
 opacity:.1;
 background-color:rgba(0,0,0,.1) !important;

}
#intro{background:none !important;}
*/
/******************************************************************
Site Name: Travel Answers Group
Author: Mike McVey
*****************************************************************/
.swiper-slide-myprev article,
.swiper-slide-prev-prev article,
.swiper-slide-past article,
.swiper-slide-past-past article {
  pointer-events: none !important;
}

.swiper-slide-myprev.swiper-slide-prev article {
  transform: translate3d(17.5rem, 0px, 0px) scale(0.75, 0.75) !important;
  opacity: 1;
}

.swiper-slide-prev-prev article {
  transform: translate3d(35.5rem, 0px, 0px) scale(0.5, 0.5) !important;
  opacity: 1;
}

.swiper-slide-past article {
  transform: translate3d(54rem, 0px, 0px) scale(0.25, 0.25) !important;
}

.swiper-slide-past-past article {
  transform: translate3d(74rem, 0px, 0px) scale(0.125, 0.125) !important;
  opacity: 0 !important;
}

body {
  background: var(--primary);
  line-height: 1.3;
  color: #ffffff;
}

.page_wrapper .wrap {
  background: #ffffff;
  color: var(--soft-black);
}

.react-select__menu {
  color: var(--primary) !important;
}

/********************
BODY CLASSES
style a page via class
********************/
/*********************
LAYOUT & GRID STYLES
*********************/
.layout_wrap {
  max-width: 1920px;
  margin: 0px auto;
}

/*********************
LINK STYLES
*********************/
a {
  color: var(--black);
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-color: rgba(var(--black), 0.5);
  text-decoration-thickness: 1px;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus {
  /* color: $link-hover; */
  color: var(--primary);
  text-decoration: underline;
  text-decoration-color: rgba(var(--black), 0.5);
}
a:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
}
a.blue {
  /* on hover */
  color: #007DA4;
}
a.blue:hover, a.blue:focus, a.blue:active {
  color: #007DA4;
}

.col.txtwrap a {
  text-underline-offset: 0.1em;
}

#navigation-inner-widget {
  width: 100%;
  white-space: nowrap;
}

/* Other
----------------------------- */
:marker {
  display: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

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

.nop {
  padding: 0 !important;
}

.nopb,
.nopbot {
  padding-bottom: 0 !important;
}

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

.center {
  text-align: center;
}

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

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

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

.uppercase {
  text-transform: uppercase;
}

.h-align {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.sr-only {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0.5em 0;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 !important;
}
.line-clamp.two {
  -webkit-line-clamp: 2;
}
.line-clamp.three {
  -webkit-line-clamp: 3;
}
.line-clamp.four {
  -webkit-line-clamp: 4;
}

/* responsive tables */
.table-container-outer {
  position: relative;
}

.table-container {
  overflow: scroll;
}

/* image styles */
img.cover {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: relative;
  object-fit: cover;
}

.logo img.cover,
img.contain {
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: relative;
  object-fit: contain;
  transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

img.img-round {
  border-radius: 50%;
}

img.contain.logo {
  padding: 0.5em;
}

.page_wrapper,
#PageContainer .wrap {
  min-width: 320px;
  position: relative;
  max-width: 1920px;
  margin: 0px auto;
  overflow: hidden;
  z-index: 0;
}

.page_wrapper {
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
}

.inner {
  /* padding:0 4%; */
  margin: 0 auto;
  position: relative;
  z-index: 4;
}

.inner-700 {
  max-width: 700px;
}

.inner-900 {
  max-width: 900px;
}

.inner-narrow {
  max-width: 1170px;
}

.inner-full-width.col {
  max-width: 100%;
  padding: 0;
}

.inner-wider {
  max-width: 1750px;
}

.inner-1170,
.inner-default {
  max-width: 1130px;
  width: 100%;
}

.single_column .inner-1170,
.single_column .inner-default {
  max-width: 1440px;
}

.videocontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* video ratio */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* silverstripe iframes */
.ss-htmleditorfield-file.embed {
  width: 100% !important;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.ss-htmleditorfield-file.embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.layout_wrap iframe {
  width: 100%;
}

/* SVG  */
#pageContainer img[src$=".svg"] {
  width: 100%;
  height: auto;
}

/* Image styles --------------------------- */
img.right,
img.rightAlone {
  float: right;
  margin: 0.5em 0 1em 4%;
  max-width: 46%;
  border-radius: 0 !important;
}

img.left,
img.leftAlone {
  float: left;
  margin: 0.5em 4% 1em 0em;
  max-width: 46%;
  border-radius: 0 !important;
}

img.center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0 !important;
}

img.leftAlone,
img.rightAlone {
  display: block;
  float: none;
}

.captionImage {
  position: relative;
  margin-bottom: 1em;
}
.captionImage a {
  display: inline-block;
}
.captionImage p {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.25em 0.5em;
  line-height: 1.4;
  background: rgba(28, 0, 0, 0.7);
  color: #ffffff;
  left: 0;
  right: auto;
}

p.caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.25em 0.5em !important;
  line-height: 1.2;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  left: 0;
  right: auto;
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
}

.layout_wrap iframe {
  width: 100%;
}

li {
  font-weight: 400;
  padding: 0;
  margin: 0;
}

p {
  font-weight: 400;
  margin: 0;
  padding: 0rem 0 1.4rem;
}

p.lead {
  font-size: 1.15em;
}

p.larger {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

p.smaller,
.smaller p {
  font-size: 0.76em;
  line-height: 1.25;
  padding-bottom: 0.5rem;
}

.small {
  font-size: 0.83rem;
}

@media (max-width: 600px) {
  p.lead {
    font-size: 1.15em;
  }
  .small {
    font-size: 0.83em;
  }
  p.smaller,
  .smaller p {
    font-size: 0.83em;
    line-height: 1.25;
    padding-bottom: 0.5rem;
  }
}
p strong.lead {
  font-weight: 900;
}

body .lg-sub-html {
  padding: 0.25em;
}

.lg-sub-html p {
  padding: 0;
}

ul[style*="text-align:center"] {
  list-style-position: inside;
}
ul.list-unstyled {
  list-style: none;
  padding: 0;
}
ul.two-column li {
  width: 50%;
  display: inline-block;
}
ul.three-column li {
  width: 33.33%;
  display: inline-block;
}
ul.four-column li {
  width: 25%;
  display: inline-block;
  padding: 0 0.25em 0.2em 0;
}
ul.inline {
  list-style: none;
  padding: 0;
  display: block !important;
}
ul.inline li {
  display: inline-block;
  padding-right: 1em;
}
ul.gallery img {
  display: block;
}

.StaffPicks .picker {
  padding-bottom: 60%;
  background: red;
}
.StaffPicks .staff-picker-slide {
  padding-bottom: 60%;
}
.StaffPicks .staff-thumb {
  position: relative;
  height: 33.33%;
}
.StaffPicks .staff-thumb .subpage {
  display: none;
}
.StaffPicks .staff-thumb a.link-overlay {
  transform: scaleX(-1);
}

#packageintro {
  text-align: center !important;
}
#packageintro h1 {
  padding-bottom: 0.5rem;
}
#packageintro h2 {
  padding-bottom: 0.5rem;
}
#packageintro h3 {
  padding-bottom: 0.5rem;
}
#packageintro p {
  text-align: center !important;
}
#packageintro p.lead {
  padding-bottom: 2rem;
}

#packagegallery .swiper-slide {
  padding-bottom: 60%;
  width: 100%;
}
#packagegallery label {
  position: absolute;
  z-index: 1;
  font-size: 2em;
  color: #fff;
  bottom: 0;
  right: 0;
}

.gallery-thumbs {
  box-sizing: border-box;
  padding: 10px 0 0;
  opacity: 0;
}

.gallery-thumbs.swiper-container-initialized {
  opacity: 1;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.8;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  transform: scale(1.05);
}
.gallery-thumbs .swiper-slide-thumb-active img {
  outline: var(--primary) 1px solid;
}

/* Colors
--------------------------- */
/*
a.button[href$="/all-about-islands/"]{background-color:#1974ba;border-color:#1974ba;}
*/
.text-on-default {
  color: var(--black);
  background: #ffffff;
}
.text-on-default > .card {
  color: var(--black);
  background: #ffffff !important;
}

.red {
  color: #D22630;
}

.green {
  color: #50744C;
}

.yellow,
.orange {
  color: var(--primary);
}

.light-orange {
  color: var(--light-orange);
}

.dark-orange {
  color: var(--dark-orange);
}

.blue {
  color: var(--blue);
}

.pink {
  color: #E60A95;
}

.text-on-purple, .text-on-light-purple {
  color: #ffffff;
  background: var(--primary);
}
.text-on-purple.Carousel .swiper-button-prev:after, .Carousel.text-on-light-purple .swiper-button-prev:after {
  background-image: url(/dist/caret-left-white.7e2f6854.svg);
}
.text-on-purple.Carousel .swiper-button-next:after, .Carousel.text-on-light-purple .swiper-button-next:after {
  background-image: url(/dist/caret-right-white.a6a6a4ce.svg);
}
.text-on-purple .card, .text-on-light-purple .card {
  color: #ffffff;
  background: var(--primary);
}
.text-on-purple a, .text-on-light-purple a {
  color: #ffffff;
  text-decoration-color: #746F91;
}
.text-on-purple a:hover, .text-on-light-purple a:hover {
  color: #ffffff;
  text-decoration-color: #746F91;
}
.text-on-purple a.button, .text-on-light-purple a.button,
.text-on-purple a.button:visited {
  background-color: #ffffff;
  color: var(--primary);
}
.text-on-purple a.button.video_link, .text-on-light-purple a.button.video_link,
.text-on-purple a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-purple a.button:hover, .text-on-light-purple a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-purple hr:before, .text-on-light-purple hr:before {
  background-color: #ffffff;
}
.text-on-purple.bg-gradient-tint .background-image:before, .bg-gradient-tint.text-on-light-purple .background-image:before {
  background: var(--primary);
}
.text-on-purple .features-wrapper article, .text-on-light-purple .features-wrapper article {
  border-color: var(--primary);
}
.text-on-purple:after, .text-on-light-purple:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-light-purple {
  background: #E8E7ED;
  color: var(--primary);
}
.text-on-light-purple a {
  color: var(--primary);
  text-decoration-color: #D22630;
}
.text-on-light-purple a:hover {
  color: #D22630;
  text-decoration-color: #746F91;
}
.text-on-light-purple .card {
  background: #E8E7ED;
}
.text-on-light-purple.bg-gradient-tint .background-image:before {
  background: #E8E7ED;
}
.text-on-light-purple .features-wrapper article {
  border-color: #E8E7ED;
}
.text-on-green {
  color: #ffffff;
  background: #50744C;
}
.text-on-green .card {
  color: #ffffff;
  background: #50744C;
}
.text-on-green a {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}
.text-on-green a:hover {
  color: #ffffff;
  text-decoration-color: white;
}
.text-on-green a.button,
.text-on-green a.button:visited {
  background-color: #ffffff;
  color: #50744C;
}
.text-on-green a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-green a.button.video_link,
.text-on-green a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-green hr:before {
  background-color: #ffffff;
}
.text-on-green.bg-gradient-tint .background-image:before {
  background: #50744C;
}
.text-on-green .features-wrapper article {
  border-color: #50744C;
}
.text-on-green:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-red, .text-on-light-red {
  color: #ffffff;
  background: #D22630;
}
.text-on-red a, .text-on-light-red a {
  color: #ffffff;
}
.text-on-red a:hover, .text-on-light-red a:hover {
  color: #ffffff;
  text-decoration-color: var(--primary);
}
.text-on-red .card, .text-on-light-red .card {
  color: #ffffff;
  background: #D22630;
}
.text-on-red a.button, .text-on-light-red a.button,
.text-on-red a.button:visited {
  background-color: #ffffff;
  color: #D22630;
  border-color: #ffffff;
}
.text-on-red a.button:hover, .text-on-light-red a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-red a.button:after, .text-on-light-red a.button:after {
  background: url(/dist/scroll-right-red.b41dd150.svg) no-repeat 0% 100%;
}
.text-on-red a.button.video_link, .text-on-light-red a.button.video_link,
.text-on-red a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-red hr:before, .text-on-light-red hr:before {
  background-color: #ffffff;
}
.text-on-red.bg-gradient-tint .background-image:before, .bg-gradient-tint.text-on-light-red .background-image:before {
  background: #D22630;
}
.text-on-red .features-wrapper article, .text-on-light-red .features-wrapper article {
  border-color: #D22630;
}
.text-on-red:after, .text-on-light-red:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-light-red {
  background: #FEF0EA;
  color: var(--primary);
}
.text-on-light-red a {
  color: var(--primary);
  text-decoration-color: #D22630;
}
.text-on-light-red a:hover {
  color: #D22630;
  text-decoration-color: #746F91;
}
.text-on-light-red a.button:after {
  background: url(/dist/scroll-right-ghost.1ce55e90.svg) no-repeat 0% 100%;
}
.text-on-light-red a.button,
.text-on-light-red a.button:visited {
  background-color: #D22630;
  color: #ffffff;
}
.text-on-light-red a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-light-red .card {
  background: #FEF0EA;
}
.text-on-light-red.bg-gradient-tint .background-image:before {
  background: #FEF0EA;
}
.text-on-light-red .features-wrapper article {
  border-color: #FEF0EA;
}
.text-on-bright-blue {
  color: #ffffff;
  background: var(--bright-blue);
}
.text-on-bright-blue .card {
  color: #ffffff;
  background: var(--bright-blue);
}
.text-on-bright-blue a {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}
.text-on-bright-blue a:hover {
  color: #ffffff;
  text-decoration-color: white;
}
.text-on-bright-blue a.button,
.text-on-bright-blue a.button:visited {
  background-color: #ffffff;
  color: var(--bright-blue);
}
.text-on-bright-blue a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-bright-blue a.button.video_link,
.text-on-bright-blue a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-bright-blue hr:before {
  background-color: #ffffff;
}
.text-on-bright-blue.bg-gradient-tint .background-image:before {
  background: var(--bright-blue);
}
.text-on-bright-blue .features-wrapper article {
  border-color: var(--bright-blue);
}
.text-on-bright-blue:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-blue {
  color: #ffffff;
  background: var(--blue);
}
.text-on-blue .card {
  color: #ffffff;
  background: var(--blue);
}
.text-on-blue a {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}
.text-on-blue a:hover {
  color: #ffffff;
  text-decoration-color: white;
}
.text-on-blue a.button,
.text-on-blue a.button:visited {
  background-color: #ffffff;
  color: var(--blue);
}
.text-on-blue a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-blue a.button.video_link,
.text-on-blue a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-blue hr:before {
  background-color: #ffffff;
}
.text-on-blue.bg-gradient-tint .background-image:before {
  background: var(--blue);
}
.text-on-blue .features-wrapper article {
  border-color: var(--blue);
}
.text-on-blue:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-orange, .text-on-soft-black, .text-on-black, .text-on-dark-orange, .text-on-light-orange {
  color: #ffffff;
  background: var(--primary);
}
.text-on-orange a, .text-on-soft-black a, .text-on-black a, .text-on-dark-orange a, .text-on-light-orange a {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.5);
}
.text-on-orange a:hover, .text-on-soft-black a:hover, .text-on-black a:hover, .text-on-dark-orange a:hover, .text-on-light-orange a:hover {
  color: #ffffff;
  text-decoration-color: #ffffff;
}
.text-on-orange .card, .text-on-soft-black .card, .text-on-black .card, .text-on-dark-orange .card, .text-on-light-orange .card {
  color: #ffffff;
  background: var(--primary);
}
.text-on-orange a.button, .text-on-soft-black a.button, .text-on-black a.button, .text-on-dark-orange a.button, .text-on-light-orange a.button,
.text-on-orange a.button:visited {
  background-color: #ffffff;
  color: var(--primary);
}
.text-on-orange a.button:hover, .text-on-soft-black a.button:hover, .text-on-black a.button:hover, .text-on-dark-orange a.button:hover, .text-on-light-orange a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-orange a.button.video_link, .text-on-soft-black a.button.video_link, .text-on-black a.button.video_link, .text-on-dark-orange a.button.video_link, .text-on-light-orange a.button.video_link,
.text-on-orange a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-orange hr:before, .text-on-soft-black hr:before, .text-on-black hr:before, .text-on-dark-orange hr:before, .text-on-light-orange hr:before {
  background-color: #ffffff;
}
.text-on-orange.bg-gradient-tint .background-image:before, .bg-gradient-tint.text-on-soft-black .background-image:before, .bg-gradient-tint.text-on-black .background-image:before, .bg-gradient-tint.text-on-dark-orange .background-image:before, .bg-gradient-tint.text-on-light-orange .background-image:before {
  background: var(--primary);
}
.text-on-orange .features-wrapper article, .text-on-soft-black .features-wrapper article, .text-on-black .features-wrapper article, .text-on-dark-orange .features-wrapper article, .text-on-light-orange .features-wrapper article {
  border-color: var(--primary);
}
.text-on-orange:after, .text-on-soft-black:after, .text-on-black:after, .text-on-dark-orange:after, .text-on-light-orange:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 2em;
  pointer-events: none;
  content: " ";
}

.text-on-light-orange {
  background: var(--light-orange);
}
.text-on-light-orange a.button:hover {
  background-color: var(--black);
  color: #ffffff;
}
.text-on-light-orange .card {
  background: var(--light-orange);
}
.text-on-light-orange.bg-gradient-tint .background-image:before {
  background: var(--light-orange);
}
.text-on-light-orange .features-wrapper article {
  border-color: var(--light-orange);
}

.text-on-dark-orange {
  background: var(--dark-orange);
}
.text-on-dark-orange .card {
  background: var(--dark-orange);
}
.text-on-dark-orange.bg-gradient-tint .background-image:before {
  background: var(--dark-orange);
}
.text-on-dark-orange .features-wrapper article {
  border-color: var(--dark-orange);
}

.text-on-black {
  background: var(--black);
}
.text-on-black .card {
  background: var(--black);
}
.text-on-black.bg-gradient-tint .background-image:before {
  background: var(--black);
}
.text-on-black .features-wrapper article {
  border-color: var(--black);
}

.text-on-soft-black {
  background: var(--soft-black);
}
.text-on-soft-black .card {
  background: var(--soft-black);
}
.text-on-soft-black.bg-gradient-tint .background-image:before {
  background: var(--soft-black);
}
.text-on-soft-black .features-wrapper article {
  border-color: var(--soft-black);
}

.text-on-grey {
  color: #ffffff;
  background: #AFAFAF;
}
.text-on-grey .card {
  color: #ffffff;
  background: #AFAFAF;
}
.text-on-grey a.button,
.text-on-grey a.button:visited {
  background-color: #ffffff;
  color: #AFAFAF;
}
.text-on-grey a.button.video_link,
.text-on-grey a.button.video_link:visited {
  background: none;
  color: #ffffff;
}
.text-on-grey hr:before {
  background-color: #ffffff;
}
.text-on-grey.bg-gradient-tint .background-image:before {
  background: #AFAFAF;
}
.text-on-grey .features-wrapper article {
  border-color: #AFAFAF;
}

.bg-image:before, .bg-image:after {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bg-image img {
  transition: all 0.3s ease;
}

/* Image lazy load */
img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  -webkit-transition: opacity 0.5s linear 0.2s;
  -moz-transition: opacity 0.5s linear 0.2s;
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}

/* anim styles */
.transition,
.anim,
.top_nav,
.bg-image,
.logo a,
.logo img,
.translate {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.anim_slow {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  transition-delay: 0.15s;
}

/* Header--------------------------- */
#PageContainer .nav_wrap {
  padding-top: 0rem;
}
#PageContainer .nav_wrap .phone_link {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: rgba(255, 255, 255, 0.2);
}
#PageContainer .nav_wrap .phone_link:hover {
  text-decoration-color: rgb(255, 255, 255);
}
#PageContainer .nav_wrap .phone_link:hover i.icon-phone {
  opacity: 1;
}
#PageContainer .nav_wrap .phone_link i.icon-phone {
  opacity: 0.75;
  width: 0.7rem;
  height: 1.3em;
  display: inline-block;
  background-size: contain;
  margin-right: 0.25rem;
  vertical-align: text-top;
}
#PageContainer #header {
  width: 100%;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  min-width: 320px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 1.5rem 2.5rem 0;
  /* filter: drop-shadow(.02em .02em .06em rgb(28 16 51 / 30%));*/
  filter: drop-shadow(0.02em 0.02em 0.4em rgba(0, 0, 0, 0.3));
}
#PageContainer #header img {
  width: 140px;
  width: clamp(140px, 140px + 60 * (100vw - 600px) / 1320, 200px);
}
#PageContainer .top_nav .enquiry_li {
  display: none;
  padding-right: 0.5em;
}
#PageContainer .enquiry_trigger {
  border: 2px solid #fff;
  padding: 0.4em 1.8em 0.2em;
  white-space: nowrap;
}
#PageContainer .preheader .enquiry_li {
  display: inline-block;
  padding-right: 0;
  position: relative;
  z-index: 10;
  padding-bottom: 0;
}
#PageContainer .preheader .enquiry_li:hover {
  border-color: transparent !important;
}
#PageContainer .preheader .enquiry_li {
  filter: drop-shadow(0.02em 0.02em 0.4em rgba(0, 0, 0, 0.3));
}
#PageContainer .dropdown.active ul {
  display: block;
  opacity: 1;
  pointer-events: all;
}
#PageContainer .dropdown.active:after {
  opacity: 1 !important;
}
#PageContainer #main .main-menu {
  display: block !important;
}
#PageContainer #main .preheader a {
  font-size: 1em;
}
@media (max-width: 1070px) {
  #PageContainer #header {
    padding: 1rem 1rem 0.5rem !important;
  }
  #PageContainer .main-menu {
    column-gap: 0.5em;
    margin: 0 1em;
  }
}
@media (max-width: 800px) {
  #PageContainer .enquiry_li {
    display: inline-block !important;
    padding-right: 0.5em;
  }
  #PageContainer .top_nav {
    padding-top: 0.5em;
  }
  #PageContainer #header {
    padding: 0.5rem 1rem 0.5rem !important;
  }
}
@media (max-width: 600px) {
  #PageContainer #header.is-fixed .logo img {
    max-height: 3em !important;
  }
}
#PageContainer #header.is-fixed {
  position: fixed;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: var(--primary);
}
#PageContainer #header.is-fixed .logo img {
  max-height: 4em;
}
#PageContainer #header.is-fixed .nav_wrap {
  padding-top: 0rem;
}
#PageContainer #header.is-fixed:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: " ";
  background: url(/dist/bg_pattern.fbf543f9.png);
  opacity: 0.4;
  display: block;
}

/* TOP NAV */
/*
#menu-123{
	&:hover{background:$orange;}
	ul{background:$orange;}
}
#menu-124{
	&:hover{background:$green;}
	ul{background:$green;}
}
#menu-126{
	&:hover{background:$bright-blue;}
	ul{background:$bright-blue;}
}
#menu-125{
	&:hover{background:$soft-black;}
	ul{background:$soft-black;}
}
#menu-40{
	&:hover{background:$blue;}
	ul{background:$blue;}
}
#menu-6 ul ul li{min-width:fit-content; }
*/
i.icon-search {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/search.54172ff6.svg) no-repeat center;
  background-size: contain;
}

.hamburger-wrap {
  padding-left: 1em !important;
}

.mobile_nav.social-links {
  padding: 0;
}

a.search_trigger {
  width: 1.5em !important;
  height: 1.5em !important;
  border: 0 !important;
}

#searchBtn {
  vertical-align: bottom;
  background: none;
  border: 0;
}
#searchBtn svg {
  height: 2.1em;
}

.search div.search {
  display: block;
}

div.search {
  padding: 0 2%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  display: none;
}

.searchResults {
  padding: 0 2% 3em;
  max-width: 700px;
  margin: 0 auto;
}

#SearchResults {
  list-style-position: outside;
  padding-bottom: 3em;
}

#SearchResults li {
  margin-bottom: 0.5em;
}

#SearchResults li::marker {
  color: var(--primary);
  font-weight: bold;
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
  font-size: 2em;
}

#SearchResults h4 {
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}

#SearchResults li > a {
  text-decoration: none;
  font-weight: 500;
}

#SearchResults a.readMoreLink {
  font-weight: 400;
  font-size: 0.83em;
  text-decoration: underline;
  color: var(--primary);
  text-decoration-color: var(--primary);
}

p.searchQuery {
  font-weight: 500;
}

#SearchForm_SearchForm_Search_Holder label {
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 0 15px;
  color: #D22630;
}

#SearchForm_SearchForm_action_results {
  margin: 5px;
  float: none;
  background-color: #D22630;
}

#SearchForm_SearchForm_action_results:after,
#SearchForm_SearchForm_action_results:before {
  position: absolute;
  display: block;
}

#SearchForm_SearchForm_Search {
  padding: 0.6em 0.8em 0.5em 0.8em;
  text-align: center;
  border: 0;
  font-size: 1.25em;
}

.Page.search ul.pagination li a {
  cursor: pointer;
  position: relative;
  vertical-align: text-bottom;
  font-weight: bold;
  border: 1px solid var(--primary);
  text-decoration: none;
  margin: 0;
  line-height: 1.6;
  background: #fff;
  font-weight: bold;
  font-size: 0.83em;
}

.Page.search ul.pagination li.active a,
.Page.search ul.pagination li a:hover {
  color: #fff;
  border: 1px solid var(--primary);
  background: var(--primary);
}

.search-block {
  position: absolute;
  background-color: #AFAFAF;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}
.search-block #menu-toggle {
  position: absolute;
  right: em(42);
  margin-top: -18px;
}
@media screen and (max-width: 800px) {
  .search-block #menu-toggle {
    margin-top: 61px;
  }
}
@media screen and (min-width: 561px) and (max-width: 1300px) {
  .search-block #menu-toggle {
    margin-top: 89px;
  }
}
.search-block #menu-toggle span:nth-child(1) {
  transform: rotate(135deg);
  left: 0;
  top: 6px;
}
.search-block #menu-toggle span:nth-child(2) {
  opacity: 0;
  left: -24px;
}
.search-block #menu-toggle span:nth-child(3) {
  opacity: 0;
  left: 24px;
}
.search-block #menu-toggle span:nth-child(4) {
  top: 6px;
  left: 0;
  transform: rotate(-135deg);
}
@media screen and (max-width: 1300px) {
  .search-block #menu-toggle span:nth-child(1) {
    top: 12px;
  }
  .search-block #menu-toggle span:nth-child(2) {
    left: -48px;
  }
  .search-block #menu-toggle span:nth-child(3) {
    left: 48px;
  }
  .search-block #menu-toggle span:nth-child(4) {
    top: 12px;
  }
}
.search-block .search-close {
  position: absolute;
  right: 40px;
}

.search-form {
  outline: 0;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 45%;
  right: 0;
  width: 100%;
  display: block;
  max-width: 560px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .search-form {
    display: flex !important;
    flex-direction: row;
  }
}
.search-form__input {
  font-size: em(28);
  outline: 0;
  height: 59px;
  line-height: 42px;
  padding: 0 16px;
  -webkit-border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8) !important;
  border: 0;
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  width: 80%;
}
.search-form__input:focus {
  outline: 0;
  background-color: #ffffff;
}
.search-form__button {
  outline: 0;
  background: none;
  background-color: rgba(38, 50, 56, 0.8);
  float: left;
  height: 59px;
  line-height: 42px;
  width: 20%;
  text-align: center;
  border: 0;
  color: #ffffff;
  font-size: em(20);
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.search-form__button:hover {
  background-color: rgba(28, 19, 100, 0.8);
}
@media screen and (max-width: 800px) {
  .search-form {
    max-width: 333px;
  }
  .search-form__input {
    width: 217px;
  }
}

.Page.search .search-form-block {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
.Page.search .search-form {
  position: relative;
  left: initial;
  top: initial;
  right: initial;
  width: 100%;
  display: block;
  max-width: 400px;
  display: flex;
  flex-direction: row;
  filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.1));
}
.Page.search .search-form__input {
  background-color: #fff;
  border: 1px solid var(--primary);
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 1.5em;
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
}
.Page.search .search-form__button {
  text-transform: uppercase;
  background: var(--primary);
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .Page.search .search-form__input {
    width: 78%;
  }
}
.Page.search .hero-image {
  max-height: 51vh;
}
.Page.search .hero-image .h-screen {
  height: 50vh;
}
.Page.search .search-toggle {
  display: none;
}
.Page.search .searchResults {
  padding: 0 2% 3em;
  max-width: 700px;
  margin: 0 auto;
}
.Page.search #search-div {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .Page.search #search-div {
    padding: 0 10px;
  }
}
.Page.search .App {
  margin: 0 auto;
}
.Page.search #SearchResults {
  list-style-type: disc;
  padding: 0;
}
.Page.search #SearchResults li {
  margin: 0 0 1.5em;
  text-align: left;
}
.Page.search #SearchResults li > div {
  text-align: left;
  display: block;
  font-size: 0.87rem;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.Page.search #SearchResults a.readMoreLink {
  font-size: 0.76em;
}
.Page.search .pagination {
  padding: 0;
}
.Page.search .pagination li {
  display: block;
  float: left;
}
.Page.search .pagination a {
  cursor: pointer;
}
.Page.search .searchQuery {
  text-align: center;
  display: block;
}
.Page.search .search-result__first .searchQuery {
  margin: 0.75rem 0;
  padding: 0;
  filter: drop-shadow(0 0 0.25em rgba(0, 0, 0, 0.05));
}

.Page.search .search-msg__link {
  cursor: pointer;
  position: relative;
  vertical-align: text-bottom;
  display: block;
  float: left;
  font-weight: bold;
  border: 1px solid #eee;
  border-right: 0px;
  text-decoration: none;
  margin: 0;
  padding: 0em 1em;
  line-height: 2.2;
  background: #fff;
  font-weight: bold;
  font-size: 0.83em;
}

.search-result,
.search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.Page.search .search-msg__link:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Page.search .search-msg__link:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #eee;
}

.Page.search .search-msg__link.active {
  background-color: var(--primary);
  color: #FFFFFF;
}

.Page.search .search-msg__link:hover, .Page.search .search-msg__link:active {
  background: var(--primary);
  color: #fff;
}

/* Intro */
#intro {
  background-color: var(--primary);
  position: relative;
  color: #ffffff;
}
#intro .intro-copy {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding: 16rem 4% 10rem;
  max-width: 1170px;
  filter: drop-shadow(0.2em 0em 0.63em rgba(28, 16, 51, 0.3));
}
#intro .intro-copy p,
#intro .intro-copy h2,
#intro .intro-copy h3 {
  color: #fff;
  display: block;
  width: 100%;
}
#intro .intro-copy a {
  color: #fff;
}
#intro .intro-copy p {
  display: inline-block;
  clear: both;
  font-size: 3rem;
  line-height: 1;
}
#intro .intro-copy i.icon-email {
  display: inline-block;
  vertical-align: bottom;
  max-width: 1em;
  max-height: 1em;
}
#intro .intro-copy i.icon-phone {
  display: inline-block;
  vertical-align: bottom;
  max-width: 1em;
  max-height: 1em;
}
#intro h1 {
  padding: 0;
  /* text-transform:uppercase; */
  width: 100%;
}
#intro .slides {
  list-style: none;
  margin: 0;
  padding: 0;
}
#intro .slides li {
  position: relative;
}
#intro #scroll_down {
  position: absolute;
  z-index: 10;
  width: 3rem;
  height: 3rem;
  bottom: 3%;
  right: 50%;
  transform: translateX(50%);
}

.travel-advisor-general-inquiry-form #intro .intro-copy,
.travel-advisor-package-inquiry-form #intro .intro-copy,
.traveler-general-inquiry-form #intro .intro-copy,
.traveler-package-inquiry-form #intro .intro-copy,
.portal #intro .intro-copy,
.site-map #intro .intro-copy,
.StaffPage #intro .intro-copy {
  padding: 12rem 4% 4rem;
}

#intro .bg-image {
  z-index: 2;
}

#intro .intro-copy {
  z-index: 3;
}

.depth-0 > ul.slides li {
  min-height: 70vh;
}

.depth-1 > ul.slides li {
  min-height: 70vh;
}

.depth-2 > ul.slides li {
  min-height: 50vh;
}

.depth-3 > ul.slides li {
  min-height: 50vh;
}

@media (max-width: 900px) {
  #intro h1 {
    margin: 0 auto;
  }
}
/* bg-image */
.bg-image {
  overflow: hidden;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bg-image:before {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* trip-selector */
.trip-selector {
  line-height: 1.4;
}
.trip-selector select {
  letter-spacing: inherit;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  background: #faf8f0;
  border: 2px solid var(--blue);
  color: var(--blue);
  padding: 0.5em;
  margin: 0;
  min-width: 200px;
}
.trip-selector select option {
  font-family: inherit;
  cursor: inherit;
  line-height: inherit;
}
.trip-selector select, .trip-selector::after {
  grid-area: select;
}
.trip-selector .go_but {
  display: inline-block;
  margin: 0;
}
.trip-selector .go_but:hover {
  text-decoration: none;
}

.product_listing {
  margin-right: 10px;
  width: 500px !important;
  height: 500px !important;
  display: inline-block;
  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.15));
}

.day-product-carousel {
  position: relative;
}
.day-product-carousel h3 {
  font-size: 1em !important;
  color: #ffffff;
  padding: 1em 0 0 0;
}
.day-product-carousel .tile-copy {
  color: #ffffff;
  left: 0;
  text-align: left;
  position: absolute;
  bottom: 0;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  float: none;
  z-index: 2;
  width: 100%;
  padding: 1em;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.day-product-carousel .feature__content {
  transition: all 1s !important;
  overflow: hidden;
  max-height: 0px;
  font-size: 14px;
  opacity: 0;
}
.day-product-carousel .bg-image img {
  object-fit: cover !important;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
}
.day-product-carousel article {
  background-color: var(--blue);
}
.day-product-carousel article:hover .feature__content {
  margin-top: 1em;
  overflow: visible;
  height: auto;
  max-height: 600px;
  opacity: 1;
}
.day-product-carousel article:hover .tile-copy {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7), transparent);
}
.day-product-carousel .swiper-button-prev,
.day-product-carousel .swiper-button-next {
  margin: 0 1em;
  float: right;
  position: relative;
  display: inline-block;
  width: 1.37em;
  top: -0.5em;
  background: url(/dist/caret-right.91e550ce.svg) no-repeat center;
  background-size: contain;
}
/*. .JourneyPage{}
*/
.journey-icon {
  filter: drop-shadow(0.5em 0.5em 0.7em rgba(0, 0, 0, 0.5));
  position: absolute;
  z-index: 20;
  width: 20%;
  max-width: 300px;
  min-width: 150px;
  bottom: 0;
  left: auto;
  right: 4%;
  transform: translateY(50%);
}
.journey-icon img {
  display: block;
}

/* SIDE BY SIDE */
.side-by-side .page-listing .tile-copy {
  padding: 1em 1em 0.5em;
}
.side-by-side .col.imgwrap .bg-image:before {
  background-color: transparent !important;
}
@media (max-width: 600px) {
  .side-by-side .grid.grid-reverse,
  .side-by-side .grid {
    /* -webkit-box-direction: column-reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse; */
  }
  .side-by-side .col.imgwrap {
    min-height: fit-content;
    -webkit-box-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.split-content-images {
  /* &.pad-bot-default{padding-bottom:1.5rem;}
  &.pad-top-default{padding-top:1.5rem;}*/
}
.split-content-images .inner-default {
  max-width: calc(1370px - 8%);
  transform: translateX(-2%);
}
.split-content-images .inner-default.grid-reverse {
  transform: none;
}
.split-content-images .imgwrap {
  padding: 0;
  margin: 0 4%;
}
.split-content-images .split-right {
  position: absolute;
  width: 24vw;
  top: 0;
  right: 0;
  transform: translateX(100%);
  display: none;
}

/* CUSTOM
*/
/* Tickbox list-style. */
ul.circle-steps {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0.25em;
  overflow-x: auto; /* Enable horizontal scrolling */
  white-space: nowrap; /* Prevent items from wrapping */
  scrollbar-width: thin; /* Set the width of the scrollbar */
  scrollbar-color: var(--primary) white; /* Set the color of the scrollbar */
  padding: 0 0 1em;
}

/* For Webkit browsers */
ul.circle-steps::-webkit-scrollbar {
  width: 8px; /* Set the width of the scrollbar */
}

ul.circle-steps::-webkit-scrollbar-thumb {
  background-color: var(--primary); /* Set the color of the thumb */
}

ul.circle-steps li {
  background: var(--primary);
  color: white;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0 0 2em;
  font-weight: bold;
  line-height: 1;
  font-family: "Gazpacho", "Isidora", Helvetica, Arial, sans-serif;
  text-align: center;
}

ul.circle-steps li:first-child {
  margin-left: 0;
}

ul.circle-steps li:not(:last-child)::after {
  content: ">";
  color: var(--primary);
  position: absolute;
  right: -1em;
  font-size: 1.2em;
}

@media (max-width: 768px) {
  ul.circle-steps li {
    width: 6em;
    min-width: 6em;
    height: 6em;
    font-size: 0.8em;
  }
}
.vertical-timeline {
  list-style: none;
  padding: 0;
  position: relative;
}

.vertical-timeline::before {
  content: "";
  position: absolute;
  left: 0.8em;
  top: 0;
  bottom: 0;
  width: 1px; /* Line width */
  background: var(--primary); /* Line color */
  z-index: 0;
}

.vertical-timeline li {
  position: relative;
  padding: 0 0 1em;
}

.vertical-timeline li .number {
  background: var(--primary); /* Circle color */
  color: #fff; /* Number color */
  width: 1em; /* Circle size */
  height: 1em; /* Circle size */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0em;
  top: 0rem;
  z-index: 1;
  font-size: 1.6em;
  font-weight: bold;
}

.vertical-timeline li .content {
  margin-left: 2em; /* Adjust based on the size of the number circles */
  min-height: 3em; /* Adjust as needed */
}
.vertical-timeline li .content h4 {
  padding-top: 0 !important;
  margin-top: 0;
  line-height: inherit;
}

@media (max-width: 600px) {
  .vertical-timeline li .content .col {
    min-width: 100% !important;
    padding: 0 !important;
  }
  .vertical-timeline li .content .col.col-fixed img {
    margin-bottom: 1rem;
  }
}
ul.key_features {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.key_features {
  position: relative;
}

ul.key_features li {
  padding-left: 4.8em;
  min-height: 3em;
  font-weight: 600;
  margin-bottom: 1em;
  position: relative;
  display: flex;
  align-items: center;
}

ul.key_features li:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 3.3em;
  height: 3.3em;
  background: no-repeat center;
  background-size: 100%;
  filter: var(--primary-rotate);
}

ul.key_features li:before {
  background-image: url(/dist/icon-dot.7c7a1eec.svg);
}

ul.key_features li.listicon {
  flex-wrap: wrap;
  gap: 0.25em;
}

ul.key_features li.icon-active:before {
  background-image: url("/dist/icon-active.d45661e3.svg");
}

ul.key_features li.icon-bed:before,
ul.key_features li.icon-accommodation:before {
  background-image: url("/dist/icon-bed.7278e87e.svg");
}

ul.key_features li.icon-bus:before,
ul.key_features li.icon-transfers:before {
  background-image: url("/dist/icon-bus.9a09784d.svg");
}

ul.key_features li.icon-car:before {
  background-image: url("/dist/icon-car.d5071793.svg");
}

ul.key_features li.icon-culinary:before {
  background-image: url("/dist/icon-culinary.19a68322.svg");
}

ul.key_features li.icon-dot:before {
  background-image: url("/dist/icon-dot.7c7a1eec.svg");
}

ul.key_features li.icon-dollar:before {
  background-image: url("/dist/icon-dollar.63737c7d.svg");
}

ul.key_features li.icon-map:before {
  background-image: url("/dist/icon-map.9e10044a.svg");
}

ul.key_features li.icon-nature:before {
  background-image: url("/dist/icon-nature.451dda12.svg");
}

ul.key_features li.icon-philanthropic:before {
  background-image: url("/dist/icon-philanthropic.a63c10b5.svg");
}

ul.key_features li.icon-plane:before,
ul.key_features li.icon-flights:before {
  background-image: url("/dist/icon-plane.b4b1b193.svg");
}

ul.key_features li.icon-romance:before {
  background-image: url("/dist/icon-romance.a6207075.svg");
}

ul.key_features li.icon-sustainability:before,
ul.key_features li.icon-sustainable:before {
  background-image: url("/dist/icon-sustainable.67747a4b.svg");
}

ul.key_features li.icon-wellness:before {
  background-image: url("/dist/icon-wellness.e38cbbae.svg");
}

ul.key_features li.icon-wildlife:before {
  background-image: url("/dist/icon-wildlife.8444131d.svg");
}

ul.vertical-timeline ul.key_features li {
  padding-left: 2.2em;
}
ul.vertical-timeline ul.key_features li a {
  font-weight: 400;
}
ul.vertical-timeline ul.key_features li:before {
  width: 1.7em;
  height: 1.7em;
}

.NexusPackage ul.key_features li {
  padding-left: 2em;
  font-weight: 500;
  margin-bottom: 1em;
  position: relative;
  display: flex;
  align-items: center;
}

.NexusPackage ul.key_features li:before {
  width: 1.5em;
  height: 1.5em;
}

.tab-pane:not(#tab-NexusItinerary):not(#tab-Itinerary) ul {
  list-style: none;
}
.tab-pane:not(#tab-NexusItinerary):not(#tab-Itinerary) ul {
  position: relative;
}
.tab-pane:not(#tab-NexusItinerary):not(#tab-Itinerary) ul li {
  padding-top: 0.125em;
  padding-bottom: 0.525em;
}
.tab-pane:not(#tab-NexusItinerary):not(#tab-Itinerary) ul li:before {
  content: "•";
  font-size: 1em;
  font-weight: bold;
  color: var(--primary);
  position: inline-block;
  margin-left: -1em;
  padding-right: 0.5em;
}

/* FAQS list-style. */
ul.faq_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq_list li {
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
  position: relative;
  z-index: 1;
}

.faq_list li.stack {
  z-index: 2;
}

.faq_list li li {
  width: 100%;
  float: left;
  padding: 0;
}

.faq_list li .question {
  padding: 0.25em 0em 0.25em 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1.37em;
  box-shadow: 0 0 4px rgba(155, 89, 182, 0.3);
}

.faq_list li .question.open {
  border-radius: 4px 4px 0px 0;
  background-color: #057d62;
  color: #ffffff;
  position: relative;
  z-index: 20;
}

.faq_list li .question .hamburger {
  padding: 0px 15px 0;
  max-width: fit-content;
  transform: scale(0.6);
}

.faq_list li .morecontent {
  display: none;
  padding: 0.5em;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-top: 0;
  background: #ffffff;
  border-radius: 0 0 4px 4px;
}

/*
.videocontainer {
 width: 100%;
height: 0;
padding-bottom: 56.25%;
position: absolute;
}
*/
.videocontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

pre {
  padding: 1em;
}

/*
a.external-video.link-overlay{
	  opacity:1 !important;
&:before{
             position:absolute;
             left:0;
             top:0;
             height:100%;
             width:100%;
             content:' ';
             z-index:2;
             transition:all .3s ease;
              background:url(../images/icons/youtube-icon.svg) no-repeat 2.5em 1em rgba(0, 0, 0, 0);
             background-size: 15%;
             opacity:.7 !important;
             pointer-events:none;
	}
	&:hover::before {opacity:1 !important;}
   }
*/
/* Product Listing
--------------------------- */
.Grid .promos-grid .listing-wrapper .col {
  /*padding-bottom: 33.33%;*/
}

.Grid .listing-wrapper .col {
  padding-bottom: 33.33%;
}
@media (max-width: 760px) {
  .Grid .listing-wrapper .col {
    min-width: 50%;
    padding-bottom: 50%;
  }
}
@media (max-width: 600px) {
  .Grid .listing-wrapper .col {
    min-width: 100%;
    padding-bottom: 70%;
  }
}

.SVGIcon {
  position: absolute;
  top: 0;
  right: 1em;
  width: 25%;
  z-index: 3;
  margin-bottom: 1.5em;
  max-width: 150px;
}
.SVGIcon img {
  object-position: top right;
  height: 100%;
  width: auto;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1)) !important;
}

#header .SVGIcon {
  top: auto;
}

.is-fixed .SVGIcon {
  display: none;
}

.bg-image:before {
  opacity: 0;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 78%, rgba(0, 0, 0, 0.9) 100%);
}

.aos-init .bg-image img,
.bg-image img {
  transition: all 0.5s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition-delay: 0.3s;
  opacity: 0 !important;
  filter: blur(2em);
}

img.block-hero-header {
  opacity: 0.8 !important;
  filter: blur(0.02em);
}

img.block-hero-header.loaded,
.aos-animate.aos-init .bg-image img.loaded,
.bg-image img.loaded {
  opacity: 1 !important;
  filter: blur(0em) !important;
}

img[data-lazy-src] {
  opacity: 0;
}

.listing-wrapper {
  /*color:$white;*/
  min-height: 15em;
  padding-left: 1em !important;
}
.listing-wrapper.swiper-wrapper {
  min-height: 5em;
}
.listing-wrapper article:not(.link-none):hover {
  transform: scale(1.02) !important;
}
.listing-wrapper article:not(.link-none):hover .bg-image:before {
  opacity: 0.5;
}
.listing-wrapper .bg-image.logo:before {
  opacity: 0;
}
.listing-wrapper .col {
  min-width: 33.33%;
  max-width: 33.33%;
  padding: 1em;
}
.listing-wrapper article {
  background: var(--primary);
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 1em);
  height: calc(100% - 1em);
  filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.05));
}
.listing-wrapper article:hover {
  z-index: 10;
  filter: drop-shadow(0 0 1.5em rgba(0, 0, 0, 0.2));
}
.listing-wrapper article .tile-copy {
  position: absolute;
  z-index: 1;
  bottom: 0em;
  padding-bottom: 2em !important;
}
.listing-wrapper article .tile-copy filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, .5)) h4 {
  font-size: 2em;
  padding: 0 0.5em 0.5rem 0;
}
@media (max-width: 600px) {
  .listing-wrapper .col {
    min-width: 100%;
    padding-bottom: 100%;
  }
  .listing-wrapper .product-listing {
    width: 100%;
  }
}

input#keywords {
  font-size: 1rem;
  border-color: hsl(0, 0%, 80%);
  display: inline-block;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  padding: 4px 10px;
  color: hsl(0, 0%, 50%);
  font-weight: bold;
  margin-left: 1em;
}

.listing-filter__loader {
  max-size: 3em;
  width: 3em !important;
}

/* Product Features
--------------------------- */
.features-wrapper {
  color: #ffffff;
}
.features-wrapper .bg-image:before {
  z-index: 1;
  opacity: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 78%, rgba(0, 0, 0, 0.9) 100%);
}
.features-wrapper article:hover {
  transform: scale(0.98);
}
.features-wrapper article:hover .bg-image img {
  filter: saturate(1.5);
}
.features-wrapper article:hover .bg-image:before {
  opacity: 1;
}
.features-wrapper .col {
  padding-bottom: 27%;
  min-width: 33.33%;
  max-width: 100%;
}
.features-wrapper .col:nth-child(4n+1) {
  min-width: 66.66%;
}
.features-wrapper .col:nth-child(4n+1) {
  min-width: 66.66%;
}
.features-wrapper article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.features-wrapper article .tile-copy {
  position: absolute;
  z-index: 1;
  bottom: 0em;
  padding: 1em;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}
.features-wrapper article .tile-copy h4 {
  font-size: 1.87em;
  padding: 0 0.5em 0.5rem 0;
}
@media (max-width: 850px) {
  .features-wrapper .col {
    padding-bottom: 50%;
  }
}
@media (max-width: 600px) {
  .features-wrapper .col {
    min-width: 50%;
    padding-bottom: 50%;
  }
  .features-wrapper .product-listing {
    width: 100%;
  }
}

/* Product Staggered
--------------------------- */
.staggered-wrapper {
  color: #ffffff;
  color: #243445;
}
.staggered-wrapper .bg-image:before {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 78%, rgba(0, 0, 0, 0.9) 100%);
  background-size: 200%;
  z-index: 1;
}
.staggered-wrapper article:hover {
  transform: scale(0.98);
}
.staggered-wrapper article:hover .bg-image:before {
  z-index: 1;
}
.staggered-wrapper .col {
  padding-bottom: 40%;
  min-width: 25%;
  max-width: 25%;
}
.staggered-wrapper .col:nth-child(2n) article {
  margin-top: 2em;
}
.staggered-wrapper article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 1em;
}
.staggered-wrapper article .tile-copy {
  position: absolute;
  z-index: 1;
  bottom: 0em;
  padding: 1em;
}
.staggered-wrapper article .tile-copy h4 {
  padding: 0 0.5em 0.5rem 0;
}
.staggered-wrapper .jobrole {
  padding-bottom: 10px;
  line-height: 0.8;
}
@media (max-width: 900px) {
  .staggered-wrapper .col {
    min-width: 33.33%;
    padding-bottom: 70%;
  }
  .staggered-wrapper .product-listing {
    width: 100%;
  }
  .staggered-wrapper .col article {
    margin-top: 0em;
  }
  .staggered-wrapper .col:nth-child(2n) article {
    margin-top: 0em;
  }
  .staggered-wrapper .col:nth-child(3n+2) article {
    margin-top: 2em;
  }
}
@media (max-width: 600px) {
  .staggered-wrapper .col {
    min-width: 50%;
    padding-bottom: 80%;
  }
  .staggered-wrapper .product-listing {
    width: 100%;
  }
  .staggered-wrapper .col:nth-child(3n+2) article {
    margin-top: 0em;
  }
  .staggered-wrapper .col:nth-child(even) article {
    margin-top: 2em;
  }
  .staggered-wrapper .jobrole {
    font-size: 1.3em;
    padding-bottom: 0;
  }
}

/* Product Carousel
--------------------------- */
.product-carousel-wrapper ul li {
  height: 20rem;
}
.product-carousel-wrapper ul li {
  float: left;
  width: 20rem;
  margin-right: 1em;
}
.product-carousel-wrapper ul li .bg-image:before {
  z-index: 1;
  opacity: 0.5;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.8) 100%);
}
.product-carousel-wrapper ul li .event-tile .tile-copy {
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.3) 100%);
}
.product-carousel-wrapper ul li:hover {
  transform: scale(0.98);
}
.product-carousel-wrapper ul li:hover .bg-image:before {
  opacity: 1;
  z-index: 1;
}
.product-carousel-wrapper ul li .product-listing .tile-copy {
  position: absolute;
  z-index: 1;
  bottom: 0em;
  padding: 0.5em 1em;
  color: #ffffff;
}
.product-carousel-wrapper ul li .product-listing .tile-copy h4 {
  padding: 0 0.5em 0.5rem 0;
}
@media (max-width: 600px) {
  .product-carousel-wrapper li {
    float: left;
  }
}

.teaser p {
  padding: 0;
}

.item.isotope.hidden {
  display: none !important;
}

#options {
  border: 1px solid #eee;
}

.filter-label {
  display: inline;
  font-size: 0.76em;
  font-weight: bold;
}

.option-set {
  border-bottom: 1px solid #eee;
  padding: 0.5em;
}
.option-set div {
  display: inline-block;
}
.option-set div.hidden {
  display: none;
}

.isotope .page-listing .tile-copy {
  position: absolute !important;
  z-index: 1;
  bottom: 0em;
  padding-bottom: 1em !important;
}
.isotope .intro {
  display: none;
}

.flexgallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flexgallery-item {
  padding: 0px;
  position: relative;
}
.flexgallery-item .page-listing {
  transform-origin: left center;
}

.flexgallery-item .tile-copy {
  position: absolute !important;
}

.flexgallery-item article {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.flexgallery-item article .teaser .intro {
  display: none;
}

.flexgallery-item article .card {
  height: 100%;
  padding: 0;
}

.flexgallery-item:nth-child(4n+1) {
  grid-area: 1/1/2/2;
  aspect-ratio: 4/3;
}

@media (min-width: 1920px) {
  .flexgallery-item:nth-child(4n+1) {
    grid-area: 1/1/2/2;
    aspect-ratio: 5/3;
  }
}
@media (max-width: 900px) {
  .flexgallery-item:nth-child(4n+1) {
    grid-area: 1/1/2/2;
    aspect-ratio: 3/4;
  }
}
@media (max-width: 700px) {
  .flexgallery-item:nth-child(4n+1) {
    grid-area: 1/1/2/2;
    aspect-ratio: 3/5;
  }
}
.flexgallery-item:nth-child(4n+2) {
  grid-area: 1/2/2/3;
}

.flexgallery-item:nth-child(4n+3) {
  grid-area: 2/1/3/3;
}
.flexgallery-item:nth-child(4n+3) .page-listing {
  transform-origin: left center;
}

.flexgallery-item:nth-child(4n+4) {
  grid-area: 1/3/3/4;
}
.flexgallery-item:nth-child(4n+4) .page-listing {
  transform-origin: right center;
}

.flexgallery.items-1 .flexgallery-item {
  grid-area: 1/1/1/4;
  aspect-ratio: 6/3;
}
.flexgallery.items-1 .flexgallery-item .page-listing {
  transform-origin: left center;
}

.flexgallery.items-2 .flexgallery-item:nth-child(4n+1) {
  grid-area: 1/1/3/3;
  aspect-ratio: 5/2;
}

.flexgallery.items-2 .flexgallery-item:nth-child(4n+2) {
  grid-area: 1/3/3/3;
}

.flexgallery.items-3 .flexgallery-item:nth-child(4n+1) {
  grid-area: 1/1/2/3;
  aspect-ratio: 6/2;
}

.flexgallery.items-3 .flexgallery-item:nth-child(4n+2) {
  grid-area: 2/1/3/3;
}

.flexgallery.items-3 .flexgallery-item:nth-child(4n+3) {
  grid-area: 1/3/3/4;
}

#swiper-staff-picks {
  margin: 0 -4.4% -4.4%;
}
#swiper-staff-picks .swiper-wrapper {
  flex-direction: column;
}
#swiper-staff-picks .tile-copy h3.subpage {
  font-size: 1rem;
}
#swiper-staff-picks .tile-copy .small.teaser p {
  font-size: 0.63rem;
  padding: 0;
}
#swiper-staff-picks .tile-copy .intro {
  display: none;
}
#swiper-staff-picks .flexgallery-item:nth-child(4n+1) {
  aspect-ratio: 6/8;
}

.swiperFlexGrid {
  margin: 0 auto;
  position: relative;
}
.swiperFlexGrid .swiper-container {
  overflow: visible !important;
}
.swiperFlexGrid .bg-image {
  background-size: cover;
}
.swiperFlexGrid .card {
  position: absolute !important;
  z-index: 1;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.swiperFlexGrid .tile-copy {
  position: absolute !important;
  bottom: 0em;
  padding: 1.5em 1.5em 1em !important;
  transition: all 0.3s ease;
  color: #ffffff;
  z-index: 2;
}
.swiperFlexGrid .tile-copy h3.subpage {
  padding-bottom: 0em;
  color: #ffffff;
}
.swiperFlexGrid .intro {
  display: none;
}
.swiperFlexGrid .swiper-slide-active .bg-image:before {
  opacity: 0.6;
}
.swiperFlexGrid .swiper-slide-active .tile-copy {
  bottom: 0em;
}
@media (min-width: 700px) {
  .swiperFlexGrid .swiper-slide-active .tile-copy {
    font-size: 2rem;
  }
}
.swiperFlexGrid .swiper-slide-active .tile-copy .intro {
  display: block;
}
.swiperFlexGrid .teaser {
  display: none;
}
.swiperFlexGrid .Package .teaser {
  display: block;
}
.swiperFlexGrid .swiper-container {
  /* height: 900px; */
}
.swiperFlexGrid .swiper-container .swiper-slide {
  background-color: #f0f0f0;
  /* width: 80%; */
  transition: all 1s;
  width: 25%;
  padding-bottom: 25%;
}
.swiperFlexGrid.package .swiper-pagination {
  position: relative !important;
  width: 100%;
  bottom: 1px !important;
}
.swiperFlexGrid.package .label {
  position: absolute;
  z-index: 10;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 1em;
  right: 1em;
  background: url(/dist/zoom-in-copy.35327a61.svg) no-repeat center;
  background-size: 100%;
}
.swiperFlexGrid.package .swiper-container .swiper-slide {
  position: relative;
}
.swiperFlexGrid .swiper-container .swiper-slide article {
  position: absolute !important;
  top: auto;
  width: 100%;
  /*height:calc(100% - 3em);*/
  height: 100%;
  transition: all 1s;
}
.swiperFlexGrid .swiper-container .swiper-slide-active article {
  height: 100%;
  bottom: 0;
}
.swiperFlexGrid .swiper-container-horizontal .swiper-slide:not(.swiper-slide-active) article .tile-copy {
  bottom: 3em !important;
}
.swiperFlexGrid .swiper-container .swiper-slide {
  width: 25%;
  padding-bottom: 40%;
}
.swiperFlexGrid .swiper-container .swiper-slide-active {
  width: 50%;
  padding-bottom: 40%;
}
.swiperFlexGrid .swiper-toolbar {
  position: absolute;
  bottom: 0;
  height: 3em;
  width: 50%;
  right: 0;
  left: auto;
  background: var(--primary);
  z-index: 10;
}
.swiperFlexGrid .swiper-toolbar .col {
  position: relative;
}
.swiperFlexGrid .swiper-toolbar .swiper-button-next {
  background: none !important;
}
.swiperFlexGrid .swiper-toolbar .swiper-button-next:after {
  content: "\e902";
  font-family: "feather";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.swiperFlexGrid .swiper-toolbar .swiper-button-prev {
  background: none !important;
}
.swiperFlexGrid .swiper-toolbar .swiper-button-prev:after {
  content: "\e901";
  font-family: "feather";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  right: 0;
}
.swiperFlexGrid .swiper-toolbar .swiper-pagination-progressbar {
  background: #fff;
  position: absolute;
  top: calc(50% + 3px);
  width: 100%;
  height: 1px;
}
.swiperFlexGrid .swiper-toolbar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  height: 2px;
}
.swiperFlexGrid .swiper-toolbar .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiperFlexGrid .swiper-toolbar .swiper-horizontal > .swiper-pagination-progressbar, .swiperFlexGrid .swiper-toolbar .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiperFlexGrid .swiper-toolbar .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiperFlexGrid .swiper-toolbar .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
@media (max-width: 900px) {
  .swiperFlexGrid .swiper-container .swiper-slide {
    padding-bottom: 60%;
  }
  .swiperFlexGrid .swiper-container .swiper-slide .swiper-pagination {
    display: none;
  }
  .swiperFlexGrid .swiper-pagination-progressbar {
    display: none;
  }
}

article.StoryPage .card {
  position: relative;
  padding-bottom: 64%;
}
article.StoryPage .tile-copy {
  position: relative;
}

ul.post-meta {
  display: block;
  height: auto;
  width: 100%;
  padding: 0.5em 0 0.5em;
  line-height: 1.4;
}
ul.post-meta li {
  float: none;
  height: auto !important;
  display: inline-block;
  width: auto !important;
  margin-right: 0em;
  padding: 0em;
  font-size: 0.76em;
  box-shadow: none;
}
ul.post-meta li strong {
  font-weight: 500;
  white-space: nowrap;
}
ul.post-meta a {
  text-decoration: none;
  color: #524C73;
}
ul.post-meta li.date {
  color: #524C73;
  font-weight: normal;
  font-size: 0.56em;
}

.tag-icon:before {
  float: left;
  display: inline-block;
  margin-right: 0.25em;
  content: "";
  width: 0.8em;
  height: 1.37em;
  vertical-align: middle;
  background: url(/dist/tag.e9d1681e.svg) no-repeat center;
  background-size: 50%;
}

.date,
.location,
.price {
  clear: both;
}
.date:before,
.location:before,
.price:before {
  float: left;
  display: inline-block;
  margin-right: 0.25em;
  content: "";
  width: 0.8em;
  height: 1.37em;
  vertical-align: middle;
  background: url(/dist/caret-right.91e550ce.svg) no-repeat center;
  background-size: 50%;
}

.BlogPost ul.post-meta li {
  display: inline-block;
  clear: both;
}

.BlogPost ul.post-meta li.date {
  color: #fff;
}

.BlogPost .date:before,
.BlogPost .location:before {
  display: none;
}

/* News Carousel
--------------------------- */
article.blog-article {
  background: var(--primary);
  position: relative;
}
article.blog-article:after {
  display: none;
}
article.blog-article .card {
  position: relative;
  padding-bottom: 68%;
}
article.blog-article .card .color_class {
  left: auto;
  right: 1em;
  bottom: 1em;
  top: auto;
}
article.blog-article .card.BlogPost:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  z-index: 1;
}
article.blog-article .tile-copy {
  padding: 1em;
  position: relative;
}
article.blog-article .tile-copy h4 {
  font-size: 1em;
  margin: 0 0.5em 0em 0;
  text-transform: none;
  font-weight: 600;
  padding-bottom: 0.3em !important;
  line-height: 1.2;
}
article.blog-article .tile-copy .smaller {
  /*font-size: .76em;*/
}
article.blog-article .tile-copy ul {
  padding-bottom: 1em;
}

.news-layout .blog-article a.link-overlay:before {
  position: absolute;
  display: block;
  content: "";
  width: 4em;
  right: 1rem; /* border: solid 1px; */
  top: 1.5rem;
  bottom: auto;
  border-bottom: solid 2px;
  transform: translateX(-3px) translateY(-1px);
}
.news-layout .blog-article a.link-overlay:after {
  position: absolute;
  display: block;
  content: " ";
  width: 2em;
  height: 2em;
  border-top: solid 2px;
  border-right: solid 2px;
  top: 1.5rem;
  bottom: auto;
  right: 1rem;
  transform-origin: center right;
  transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
}

.news-layout.layout-Carousel .listing-wrapper article .tile-copy {
  background: #fff;
}

.LocationPage.page-listing h3 {
  display: inline-block;
}
.LocationPage.page-listing h3:before {
  display: inline-block;
  width: 0.5em;
  height: 1em;
  margin-right: 0.25em;
  background: url(/dist/marker-pin.86b7aeb8.svg) no-repeat bottom left;
  background-size: contain;
  content: " ";
}

.news-carousel-wrapper {
  margin-left: -0.25rem;
}
.news-carousel-wrapper article.Resource {
  filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.05));
}
.news-carousel-wrapper ul.news-carousel li {
  float: left;
  width: 20rem;
  margin: 0 0 0 0;
  transition: all 0.3s ease-in-out;
}
.news-carousel-wrapper ul.news-carousel li article {
  background: #fff;
}
.news-carousel-wrapper ul.news-carousel li .bg-image:before {
  z-index: 1;
  opacity: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.5) 100%);
}
.news-carousel-wrapper ul.news-carousel li:hover {
  transform: scale(0.98);
}
.news-carousel-wrapper ul.news-carousel li:hover .bg-image:before {
  opacity: 0.1;
  z-index: 1;
}
@media (max-width: 600px) {
  .news-carousel-wrapper ul.news-carousel li {
    width: 66%;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-carousel-wrapper li.col {
    min-width: 50% !important;
    max-width: 50% !important;
  }
}

.ListingPage.past-events .nolistings,
.ListingPage.events .nolistings {
  color: #fff;
  margin-left: 1rem;
}

.ListingPage.past-events .nolistings a,
.ListingPage.events .nolistings a {
  color: #fff;
}

.ListingPage.events a._listing-cards__load-btn.button,
.ListingPage.past-events a._listing-cards__load-btn.button {
  border-color: #fff;
}

.ListingPage.events .listing-filter__loader *,
.ListingPage.past-events .listing-filter__loader * {
  stroke: #fff;
}

/* swiper-navigation
--------------------------- */
ul.swiper-wrapper {
  padding-bottom: 1.3em !important;
}
ul.swiper-wrapper .swiper-next,
ul.swiper-wrapper .swiper-prev {
  display: inline-block;
  width: 2em;
  height: 2em;
  background: var(--primary) url(/dist/caret-left.32b7c7f5.svg) no-repeat center;
  background-size: 25%;
}
ul.swiper-wrapper .swiper-next.swiper-button-disabled,
ul.swiper-wrapper .swiper-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
ul.swiper-wrapper .swiper-next.swiper-next,
ul.swiper-wrapper .swiper-prev.swiper-next {
  background-image: url(/dist/caret-right.91e550ce.svg);
}

@media (max-width: 600px) {
  .swiper-navigation .swiper-next,
  .swiper-navigation .swiper-prev {
    width: 1em;
    height: 1em;
  }
}
.swiper-gallery .swiper-navigation {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 100%;
  transform: translateY(-50%);
}
.swiper-gallery .swiper-navigation .swiper-next {
  float: right;
}

.ElementPhotoGallery {
  overflow: hidden;
}

.gallery-Carousel .swiper-counter {
  margin-top: 0.4em;
  display: inline-block;
  font-size: 1.5em;
}
.gallery-Carousel .swiper-navigation {
  position: relative;
  transform: translateY(0%);
  display: inline-block;
  float: right;
  width: auto;
  margin-top: 0.6em;
}
.gallery-Carousel .swiper-navigation .swiper-next {
  background-color: #ffffff;
  border-radius: 50%;
}
.gallery-Carousel .swiper-navigation .swiper-next:hover {
  background-color: var(--primary);
}
.gallery-Carousel .swiper-navigation .swiper-prev {
  background-color: #ffffff;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.gallery-Carousel .swiper-navigation .swiper-prev:hover {
  background-color: var(--primary);
}
.gallery-Carousel.text-on-purple, .gallery-Carousel.text-on-light-purple {
  background-color: #524C73;
}
.gallery-Carousel.text-on-purple .bg-image:before, .gallery-Carousel.text-on-light-purple .bg-image:before {
  opacity: 0.05 !important;
}

.gallery-Scroller li {
  width: 23vw;
}

.grid-2col {
  flex-wrap: wrap;
}
.grid-2col .col {
  min-width: 50%;
  position: relative;
  padding: 0;
  padding-bottom: 50% !important;
  background: #ffffff;
}
@media (max-width: 600px) {
  .grid-2col .col {
    padding-bottom: 50% !important;
  }
  .grid-2col .page-listing h4 {
    font-size: 1.3em;
    padding-bottom: 0;
  }
  .grid-2col .page-listing .smaller {
    display: none;
  }
}

@media (max-width: 600px) {
  .Carousel .txtwrap {
    flex-basis: 80%;
  }
  /* .Carousel.pad-bot-default{padding-bottom:0;}*/
}
.page-listing {
  background: var(--primary);
  transition: filter 0.5s ease-out;
  filter: drop-shadow(0 0 1.5em rgba(0, 0, 0, 0));
}
.page-listing:after {
  display: none;
}
.page-listing.text-on-default {
  background: var(--primary);
}
.page-listing .tile-copy {
  position: absolute;
  z-index: 1;
  bottom: 0em;
  max-width: 22em;
  padding: 1em 4em 1em 1em;
  color: #ffffff;
}
.page-listing .tile-copy a {
  color: #ffffff;
}
.page-listing .tile-copy a:hover {
  color: #D22630;
}
.page-listing h4 {
  padding: 0 1em 1rem 0;
}
.page-listing .bg-image:before {
  z-index: 1;
  opacity: 0.3;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 68%, rgba(0, 0, 0, 0.9) 100%);
}
.page-listing:hover {
  transform: scale(1.02) !important;
  z-index: 10;
  filter: drop-shadow(0 0 1.5em rgba(0, 0, 0, 0.2));
}
.page-listing:hover .bg-image:before {
  opacity: 0.5;
  z-index: 1;
}
.page-listing:hover img {
  filter: saturate(1.4);
}

@media only screen and (max-width: 767px) and (hover: none) and (pointer: coarse) {
  .page-listing .bg-image:before {
    opacity: 1;
  }
}
/* PROMOS */
.promocard .SVGIcon {
  position: absolute;
  bottom: 1.5em;
  left: 1.5em;
  margin-bottom: 0;
}

.promocard.horizontal {
  height: 100%;
  background: #fff;
  filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.05));
}

.promocard.horizontal .tile-copy {
  padding: 1em;
  background: #fff;
  display: flex;
  align-items: center;
}

#swiper-ul-e437 li {
  float: left;
  height: auto;
  width: 40rem;
  margin-right: 1em;
}

.promocard.horizontal .bg-image:before {
  display: none;
}

.promocard.horizontal img {
  padding: 0.5em;
}

@media (max-width: 600px) {
  .promocard.horizontal {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .promocard.horizontal .col {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }
  #swiper-ul-e437 li {
    width: calc(100vw - 2rem);
  }
  #swiper-ul-e437 li .card {
    padding-bottom: 50%;
  }
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.news-carousel-wrapper .swiper-button-next,
.product-carousel-wrapper .swiper-button-next {
  top: 1em;
  width: 6em;
  right: 4%;
  background: none;
  font-size: 0.4em;
  transition: all 0.5s ease !important;
}

.news-carousel-wrapper .swiper-button-prev,
.product-carousel-wrapper .swiper-button-prev {
  top: 1em;
  left: 4%;
  width: 6em;
  font-size: 0.4em;
  background: none;
  transform: scaleX(-1);
  transition: all 0.5s ease !important;
}

.news-carousel-wrapper .swiper-button-next:after,
.product-carousel-wrapper .swiper-button-next:after, .Carousel .swiper-button-next :before, .Carousel .swiper-button-prev:after, .Carousel .swiper-button-prev:before {
  transition: transform 0.5s ease !important;
}

.news-carousel-wrapper .swiper-button-next:before,
.product-carousel-wrapper .swiper-button-next:before {
  position: absolute;
  display: block;
  content: "";
  width: 4em;
  right: 0; /* border: solid 1px; */
  top: 50%;
  border-bottom: solid 2px;
  transform: translateX(-3px) translateY(-1px);
  animation-timing-function: cubic-bezier(0.28, 0.78, 0.58, 1), cubic-bezier(0, 0, 0.8, 0.26);
}
.news-carousel-wrapper .swiper-button-next:after,
.product-carousel-wrapper .swiper-button-next:after {
  animation-timing-function: cubic-bezier(0.28, 0.78, 0.58, 1), cubic-bezier(0, 0, 0.8, 0.26);
  position: absolute;
  display: block;
  content: " ";
  width: 2em;
  height: 2em;
  border-top: solid 2px;
  border-right: solid 2px;
  top: 50%;
  right: 0;
  transform-origin: center right;
  transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
}
.news-carousel-wrapper .swiper-button-next:hover:after,
.product-carousel-wrapper .swiper-button-next:hover:after {
  animation: aniArrow1 0.5s ease-out infinite alternate 0s;
}
.news-carousel-wrapper .swiper-button-next:hover:before,
.product-carousel-wrapper .swiper-button-next:hover:before {
  animation: aniArrow2 0.5s ease-out infinite alternate 0s;
}
.news-carousel-wrapper .swiper-button-next:hover, .news-carousel-wrapper .swiper-button-next:focus, .news-carousel-wrapper .swiper-button-next:active,
.product-carousel-wrapper .swiper-button-next:hover,
.product-carousel-wrapper .swiper-button-next:focus,
.product-carousel-wrapper .swiper-button-next:active {
  color: var(--primary);
}

.news-carousel-wrapper .swiper-button-prev:before,
.product-carousel-wrapper .swiper-button-prev:before {
  animation-timing-function: cubic-bezier(0.28, 0.78, 0.58, 1), cubic-bezier(0, 0, 0.8, 0.26);
  position: absolute;
  display: block;
  content: "";
  width: 4em;
  right: 0; /* border: solid 1px; */
  top: 50%;
  border-bottom: solid 2px;
  transform: translateX(-3px) translateY(-1px);
}
.news-carousel-wrapper .swiper-button-prev:after,
.product-carousel-wrapper .swiper-button-prev:after {
  animation-timing-function: cubic-bezier(0.28, 0.78, 0.58, 1), cubic-bezier(0, 0, 0.8, 0.26);
  position: absolute;
  display: block;
  content: " ";
  width: 2em;
  height: 2em;
  border-top: solid 2px;
  border-right: solid 2px;
  top: 50%;
  right: 0;
  transform-origin: center right;
  transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
}
.news-carousel-wrapper .swiper-button-prev:hover:after,
.product-carousel-wrapper .swiper-button-prev:hover:after {
  animation: aniArrow1 0.5s ease-out infinite alternate 0s;
}
.news-carousel-wrapper .swiper-button-prev:hover:before,
.product-carousel-wrapper .swiper-button-prev:hover:before {
  animation: aniArrow2 0.5s ease-out infinite alternate 0s;
}
.news-carousel-wrapper .swiper-button-prev:hover, .news-carousel-wrapper .swiper-button-prev:focus, .news-carousel-wrapper .swiper-button-prev:active,
.product-carousel-wrapper .swiper-button-prev:hover,
.product-carousel-wrapper .swiper-button-prev:focus,
.product-carousel-wrapper .swiper-button-prev:active {
  color: var(--primary);
}

@keyframes aniArrow1 {
  0% {
    opacity: 1;
    transform: rotate(45deg) translateX(-2em) translateY(1.6em);
  }
  90% {
    transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
  }
  100% {
    transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
  }
}
@keyframes aniArrow2 {
  0% {
    opacity: 1;
    transform: translateX(-2em) translateY(-1px);
  }
  90% {
    transform: translateX(-3px) translateY(-1px);
  }
  100% {
    transform: translateX(-3px) translateY(-1px);
  }
}
#mc_embed_signup label {
  display: none;
}

.mc-field-group {
  padding-bottom: 0.5em;
}

#mc_embed_signup_scroll > h2 {
  display: none;
}

.indicates-required {
  display: none;
}

.mc-field-group.input-group ul {
  list-style: none;
  margin: 0.5em;
  padding: 0;
}

.mc-field-group.input-group ul label {
  display: inline-block;
}

.mc-field-group.col {
  padding: 0 0.5em !important;
}

#mc_embed_signup_scroll input[type=email],
#mc_embed_signup_scroll input[type=text] {
  width: 100%; /* Ensures input fields take up the full width of their container */
  padding: 10px; /* Adjust padding for better appearance */
  border: 0;
  background: none;
  font-size: 1.2em;
  color: #fff;
  border-bottom: 2px solid #fff; /* Optional border */
  outline: none;
}

#mc_embed_signup_scroll ::-webkit-input-placeholder {
  color: #fff;
  font-weight: normal;
}
#mc_embed_signup_scroll ::-moz-placeholder {
  color: #fff;
  font-weight: normal;
}
#mc_embed_signup_scroll :-ms-input-placeholder {
  color: #fff;
  font-weight: normal;
}
#mc_embed_signup_scroll :-moz-placeholder {
  color: #fff;
  font-weight: normal;
}

.promos-grid.tile-Card .col.promo-card {
  padding: 0 !important;
}
@media (max-width: 600px) {
  .promos-grid.tile-Card .col.promo-card {
    min-width: 50%;
    padding-bottom: 50%;
  }
  .promos-grid.tile-Card .col.promo-card .line-clamp.two {
    -webkit-line-clamp: 3;
    padding-bottom: 0 !important;
  }
}
.promos-grid.tile-Card .no-bg-image .card {
  padding-bottom: 30%;
  position: relative;
}
.promos-grid.tile-Card .no-bg-image .bg-image:before {
  display: none !important;
}

._ghost.col {
  padding: 0 !important;
}
._ghost.col .SVGIcon {
  left: 0 !important;
}
._ghost.col article {
  background: none;
  position: relative !important;
}
._ghost.col article .bg-image:before {
  display: none !important;
}
._ghost.col article .tile-copy {
  padding: 2em 0;
  filter: none;
  color: var(--primary);
  top: 0;
  bottom: auto;
  position: relative !important;
}

/* ElementList
--------------------------*/
.ElementList .elemental {
  min-width: 100%;
}

.ElementList .layout-content {
  background: none;
}

/* padding styles */
@media (min-width: 600px) {
  .ElementList .layer .pad-top-default {
    padding-top: 0rem;
  }
  .ElementList .layer .pad-bot-default {
    padding-bottom: 0rem;
  }
}
/* accordian-element
--------------------------*/
.accordian-element .toggle-container {
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.accordian-element .accordian-wrap {
  border-radius: 4px;
  margin: 0.75rem 0;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
}
.accordian-element .title {
  display: block;
  border-radius: 4px;
  padding: 0.4rem 1rem 0.5rem 0;
  font-size: 1em;
}
.accordian-element .title.active {
  border-bottom: 1px solid #eee;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.05);
}
.accordian-element .accordion ul {
  padding-left: 2em;
}
.accordian-element .accordion ul li {
  padding-bottom: 0.25em;
}

.toggle-container {
  transition: height 0.35s ease-in-out;
  overflow: hidden;
}

.toggle-container:not(.active) {
  display: none;
}

/* tabs-element
--------------------------*/
.resp-tabs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 20;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.resp-tabs-list li {
  text-align: left;
  display: inline-block;
  flex: 1;
  vertical-align: bottom;
  font-size: 0.87em;
  padding: 0.3em 1em 0;
  outline: 1px solid var(--primary);
  /*width: calc(33.33% - 5px);*/
  background: #fff;
  color: var(--primary);
  text-align: center;
}

.resp-tabs-list li h4 {
  font-size: 1em;
  padding: 0.5em 1em;
  font-weight: normal;
  color: var(--primary);
  font-weight: 600;
  white-space: nowrap;
}

.resp-tabs-list li a {
  text-decoration: none;
  display: block;
}

.resp-tabs-list li:not(.active):hover {
  background: var(--primary);
}

.resp-tabs-list li:not(.active):hover h4 {
  color: #ffffff;
}

.resp-tab-item .desc {
  display: block;
}

.resp-tabs-list li.active {
  color: #fff;
  border-bottom: 0 !important;
  color: inherit !important;
  background: var(--primary) !important;
}
.resp-tabs-list li.active h4 {
  color: #fff;
}

.resp-tab-content {
  font-size: 1em;
  padding: 3%;
  position: relative;
  display: none;
}

.resp-tab-content.active {
  display: block;
  z-index: 10;
}

.resp-tab-content .col {
  padding: 0%;
}

.resp-tab-content .pad-top-default {
  padding-top: 0;
}

.resp-tab-content .pad-bot-default {
  padding-bottom: 0;
}

/* staff
--------------------------*/
p.jobrole {
  color: #ffffff;
  line-height: 1;
}

a.pill {
  background: var(--primary);
  font-size: 13px;
  color: #ffffff;
  padding: 0 1em;
  margin-bottom: 5px;
  line-height: 1.7;
  border-radius: 14px;
  display: inline-block;
  text-decoration: none;
}

.vbox-content {
  color: var(--soft-black);
}
.vbox-content .hotel-pop-cont {
  font-size: 0.87em;
}

.vbox-content .staff-layout {
  color: var(--soft-black);
}
.vbox-content .staff-layout .staff_descrip {
  display: none !important;
}
.vbox-content .staff-layout .staff_cont {
  display: block;
}

.StaffPage .staff-layout .staff_cont {
  display: block !important;
  padding-bottom: 2em;
  font-size: 0.87em;
}

.staff-layout {
  color: var(--soft-black);
  overflow: visible;
  height: 100%;
}
.staff-layout .staff_cont {
  display: none;
  font-size: 0.87em;
}
.staff-layout .social-links {
  margin-top: auto;
  padding-top: 0.5em !important;
}
.staff-layout .social-links a {
  background: #ffffff;
  border-color: #ffffff;
  width: 1.5em;
  height: 1.5em;
}
.staff-layout .social-links svg {
  fill: var(--primary) !important;
}
.staff-layout .social-links a {
  background: var(--primary);
  border-color: var(--primary);
}
.staff-layout .social-links a:hover {
  transform: scale(1.2);
  background: #ffffff;
  border-color: var(--primary);
  color: #fff;
}
.staff-layout .social-links a i {
  filter: invert(1) brightness(2);
}
.staff-layout .social-links a:hover i {
  filter: none;
}
.staff-layout .swiper-next,
.staff-layout .swiper-prev {
  display: inline-block;
  width: 1em;
  height: 2em;
}
.staff-layout ul.staff {
  width: 100%;
}
.staff-layout ul.staff li {
  width: 33.33%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  height: auto;
}
.staff-layout .staff_member {
  height: 100%;
  background: var(--blue);
  padding-top: 5em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.staff-layout .staff_member a.edit_link {
  left: auto;
  right: em;
}
.staff-layout .staff_member > .grid {
  padding-bottom: 0.5em;
}
.staff-layout .staff_member .bg-image::before {
  background-size: 50%;
}
.staff-layout .staff_member .top-space {
  background: #F5F5F5;
  padding-bottom: 0.5em;
}
.staff-layout .staff_member .staff_photo {
  margin-top: -3.5em;
}
.staff-layout .staff_member .staff_photo img {
  border-radius: 50%;
}
@media (max-width: 700px) {
  .staff-layout .staff_member {
    text-align: center;
  }
  .staff-layout .staff_member .staff_photo {
    min-width: 100%;
  }
  .staff-layout .staff_member .staff_photo img {
    max-width: 180px;
  }
}
.staff-layout .staff_member p {
  padding-bottom: 0.5em;
}
.staff-layout .staff_member p strong {
  font-weight: 400;
}
.staff-layout .staff_member .staff-links {
  font-weight: 600;
}
.staff-layout .staff_member .staff-card-grid {
  align-items: stretch;
  background: #F5F5F5;
  height: 100%;
}
.staff-layout .staff_member .staff_content {
  padding-left: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
.staff-layout .staff_member .staff_content .social-links {
  font-size: 1em;
}
.staff-layout .staff_member .staff_content h4 {
  color: var(--primary);
  font-size: 1.5em;
  padding: 0 0;
}
.staff-layout .staff_member .staff_content p {
  padding: 0 0em 1rem 0;
  font-size: 0.83em;
}
.staff-layout .staff_member .staff_content p.social-links {
  padding: 0;
}
.staff-layout .staff_member .staff_descrip {
  font-size: 0.83em;
  display: block;
}
.staff-layout .staff_member:hover {
  transform: scale(1.02);
  /*img{object-position:86% 0% !important;}*/
}
@media (max-width: 800px) {
  .staff-layout .staff_member {
    display: block;
  }
  .staff-layout .staff_descrip {
    display: none;
  }
  .staff-layout .staff_content {
    padding: 0.75rem !important;
  }
  .staff-layout ul.staff li .staff_member {
    font-size: 0.87rem;
  }
}

.PageStaff .staff-layout ul.staff {
  width: 100%;
  margin: 0 auto;
}

.layout-Carousel ul.staff li:nth-child(even) {
  margin-top: 3.5em;
}

.layout-Grid ul.staff li {
  min-width: 33.3%;
  max-width: 33.3%;
}
@media (max-width: 1170px) {
  .layout-Grid ul.staff li {
    min-width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 600px) {
  .layout-Grid ul.staff li {
    min-width: 100%;
    max-width: 100%;
  }
  .layout-Grid ul.staff li .staff-layout .staff_member {
    padding-top: 150px;
  }
  .layout-Grid ul.staff li .staff-layout .staff_photo {
    margin-top: -130px;
  }
}

i.icon-facebook {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/facebook-icon.358a1545.svg) no-repeat center;
  background-size: 30%;
}

i.icon-instagram {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/instagram-icon.50a2d389.svg) no-repeat center;
  background-size: 60%;
}

i.icon-twitter {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/twitter-icon.40c274b4.svg) no-repeat center;
  background-size: 60%;
}

i.icon-google {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/google-icon.8bd4c8a0.svg) no-repeat center;
  background-size: 60%;
}

i.icon-youtube {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/youtube-icon.2b828aa6.svg) no-repeat center;
  background-size: 70%;
}

.ghost i.icon-facebook {
  background-image: url(/dist/facebook-icon-blue.ca068170.svg);
}
.ghost i.icon-instagram {
  background-image: url(/dist/instagram-icon-blue.8411a9c5.svg);
}
.ghost i.icon-twitter {
  background-image: url(/dist/twitter-icon-blue.805344c8.svg);
}
.ghost i.icon-google {
  background-image: url(/dist/google-icon-blue.135e24e4.svg);
}
.ghost i.icon-youtube {
  background-image: url(/dist/youtube-icon-blue.b17870c0.svg);
}

i.icon-linkedin {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/linkedin.f6950b29.svg) no-repeat center;
  background-size: 60%;
}

i.icon-email {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/mail.9f1d38d0.svg) no-repeat center;
  background-size: 64%;
}

i.icon-phone {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/call.d9a365d6.svg) no-repeat center;
  background-size: 54%;
}

/* timeline
--------------------------- */
.marker {
  position: absolute;
  border: 0px;
  display: block;
  left: 50%;
  text-align: center;
  height: 4em;
  width: 4em;
  background: var(--primary);
  color: #ffffff;
  margin-top: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.1;
  font-weight: 800;
  z-index: 4;
  display: flex;
  justify-content: center;
  /* Horizontally center items */
  align-items: center;
  /* Vertically center items */
}

.timeline {
  position: relative;
  width: 100%;
  padding-top: 3rem !important;
  margin-top: 3em !important;
}
.timeline p {
  padding-bottom: 1rem;
  font-size: 0.87em;
  line-height: 1.4;
}
.timeline p:last-child {
  padding: 0;
}
.timeline .desc.image_holder {
  padding-bottom: 60%;
  border: 0;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 2em;
  content: " ";
  display: block;
  width: 4px;
  height: calc(100% - 5em);
  margin-left: -2px;
  background: #928cb3;
  z-index: 1;
}

.timeline:after {
  position: absolute;
  background: linear-gradient(180deg, #837ca9 0%, #ffffff);
  width: 4px;
  left: 50%;
  height: 10em;
  content: " ";
  margin-left: -2px;
  z-index: 2;
  bottom: 2em;
}

.flag {
  float: none;
  width: 100%;
  margin-bottom: 1em;
}
.flag.border {
  border-top: 4px solid #928cb3;
}

.flag-odd .marker {
  left: 0;
}

.flag-even .marker {
  left: 100%;
}

.flag .desc {
  position: relative;
  margin: 1em 1em 0 1em;
  padding: 1em;
  z-index: 15;
  transform: translateY(-5rem);
  background: #ffffff;
  border-top: 3px solid var(--primary);
  box-shadow: 0.125em 0.125em 0.5em rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 15;
  border-radius: 4px;
}
.flag .desc .content {
  font-size: 0.93em;
}

@media (min-width: 768px) {
  .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .flag-even {
    position: relative;
    width: 50%;
    float: left;
  }
  .flag-odd {
    position: relative;
    width: 50%;
    float: right;
  }
  .flag-odd .desc {
    margin: 0em 0 0 2.75em;
  }
  .flag-even .desc {
    margin: 0 2.75em 0 0;
  }
}
@media (min-width: 992px) {
  .timeline {
    width: 100%;
    margin: 0 auto;
  }
  .flag-even {
    position: relative;
    float: left;
  }
  .flag-odd {
    position: relative;
    float: right;
  }
}
@media (max-width: 600px) {
  .timeline .marker {
    position: relative;
    /* display: block; */
    /* transform: none; */
    transform: translate(-50%, -120%);
  }
  .flag.border {
    border: none;
  }
  .timeline:before {
    top: 1em;
  }
}
/* pagination
--------------------------- */
ul.pagination {
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.pagination li {
  display: inline-block;
  margin: 0.25em;
  line-height: 1;
}

ul.pagination li a {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  padding: 0.15rem 0.5rem 0.25rem;
  color: var(--primary);
  border: 1px solid;
}

ul.pagination.categories li a {
  line-height: 1.37;
}

ul.pagination li a span.arrow {
  display: none;
}

/* Active and Hoverable Pagination */
ul.pagination li a {
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

ul.pagination li a.active {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

ul.pagination li a:hover:not(.active) {
  background-color: var(--dark-orange);
  color: #ffffff;
  border-color: var(--dark-orange);
}

ul.pagination li a.active span.arrow {
  display: inline-block;
}

.element-content p:empty {
  display: none;
}

#e30 {
  margin: 4% 0 0 0;
}

body.home #e30 .bg-image {
  background-color: var(--light-orange) !important;
}

/* breadcrumb
--------------------------- */
#breadcrumbs {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  padding: 11px 10px 0px;
  position: absolute;
  top: auto;
  z-index: 20;
}

@media (max-width: 600px) {
  #breadcrumbs {
    font-size: 11px;
  }
}
/* testimonials
--------------------------- */
.testimonials {
  background: #057d62;
}

.testimonials .bg-image {
  /* background-image: url(../images/colors/gradient_green_blue_vert.png); */
  /* background-size: cover; */
  background-color: #058c6d;
  background-image: linear-gradient(to right, #065b47 0%, #058c6d 100%);
}

.testimonials .inner {
  max-width: 100% !important;
  padding: 0;
  color: #fff;
}

#testimonials_slider {
  display: none;
  text-align: center;
  /* background: red; */
}

#testimonials_slider .testimonial_content {
  padding: 9% 9% 6%;
}

.testimonial_content .details {
  padding-top: 1em;
}

#testimonials_slider.slick-initialized {
  display: block;
}

@media (max-width: 600px) {
  .testimonials .inner .col {
    padding: 0;
  }
}
/**
 * Tree
 * ------------------------------
 */
.offcanvas > a.desktop {
  text-align: center;
}

.offcanvas {
  background: var(--primary);
  padding: 0.5em 0.5rem 0.5rem;
  /* The side navigation menu */
  height: 150%;
  /* 100% Full-height */
  width: 320px;
  /* 0 width - change this with JavaScript */
  position: absolute;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  right: 0;
  left: auto;
  transform: translateX(0%);
  /* Disable horizontal scroll*/
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.offcanvas::before {
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(/dist/bg_pattern.fbf543f9.png);
  background-size: 100%;
  opacity: 0.2;
}

#PageContainer {
  transition: 0.5s;
  overflow: hidden;
}

.background-overlay {
  background-color: var(--primary);
  z-index: -1;
  opacity: 0;
}

.offcanvas {
  transform: translateX(100%);
  transition: 0.5s;
}

.open-menu {
  /* overflow: hidden; */
}
.open-menu #offcanvas-menu {
  transform: translateX(0) !important;
  box-shadow: 2px 2px 3em rgba(0, 0, 0, 0.3);
}
.open-menu #PageContainer {
  /*transform:translateX(-320px);*/
}
.open-menu #PageContainer .background-overlay,
.open-menu #PageContainer .wrap {
  -webkit-transform: translate3d(1em, 1em, -300px);
  transform: translate3d(1em, 1em, -300px);
}
.open-menu .background-overlay {
  z-index: 1;
  opacity: 0.4;
}

#enquiry-form {
  background: #fff;
  color: var(--black);
  transform: translateX(-50%) translateY(5em);
  left: 50%;
  top: 0;
  display: block;
  height: auto;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: 5em;
  width: 90%;
}
#enquiry-form .element_userform {
  padding-top: 0;
}
@media (min-width: 700px) {
  #enquiry-form {
    width: 600px;
  }
}

#uff {
  border: 1px dashed #fffef9;
  /* background: #fffef9; */
  color: #243445;
  width: fit-content;
  display: block;
  padding: 4%;
  margin: 0 auto;
}

.open-enquiry {
  overflow: hidden;
}
.open-enquiry #enquiry-form {
  display: block;
  z-index: 30;
  opacity: 1;
  margin-top: 3em;
  box-shadow: 2px 2px 3em rgba(0, 0, 0, 0.3);
}
.open-enquiry #PageContainer {
  /*transform:translateX(-320px);*/
}
.open-enquiry #PageContainer .background-overlay,
.open-enquiry #PageContainer .wrap {
  -webkit-transform: scaleX(0.98) translateY(1em);
  transform: scaleX(0.98) translateY(1em);
}
.open-enquiry .background-overlay {
  z-index: 1;
  opacity: 0.4;
}

#main .offcanvas {
  transform: none !important;
  display: block;
}

#main .tree {
  max-width: 380px;
  margin: 0 auto;
}

.tree {
  margin: 1rem 0 0;
  list-style: none;
  padding: 0;
  border-color: #524C73;
}

.tree ul {
  margin: 0 0 0 0em;
  /* indentation */
  padding: 0;
  list-style: none;
  border-color: #524C73;
  color: #524C73;
  position: relative;
}

.tree ul {
  margin-left: 0.5em;
}

/* (indentation/2) */
/* .tree:before */
.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid #524C73;
}

.tree li {
  margin: 0;
  padding: 0.25em 0em 0.25em 0.8em;
  line-height: 1;
  font-weight: bold;
  position: relative;
}
.tree li a {
  display: inline-block;
  padding: 0.25em 1em 0.5em 0.5em;
  /* background:$white;color:$primary;*/
}

.tree li:before {
  content: "";
  display: block;
  width: 10px;
  /* same with indentation */
  height: 0;
  border-top: 1px solid #524C73;
  margin-top: -1px;
  /* border top width */
  position: absolute;
  top: 1em;
  /* (line-height/2) */
  left: 0;
}

.tree li:last-child:before {
  background: var(--primary);
  /* same with body background */
  height: auto;
  top: 1em;
  /* (line-height/2) */
  bottom: 0;
}

.tree li li a {
  /*background:darken($primary,80%);*/
  /*color:$white;*/
  max-width: 90%;
}

/* Tiles
--------------------------- */
.layout_tiles .col {
  padding: 0;
}

.layout_tiles .tile_inner {
  margin-bottom: 15px;
  background: #ffffff;
  overflow: hidden;
  border-radius: 4px;
}

.layout_tiles .tile_icon {
  margin: 10px auto;
  max-width: 75px;
}

.layout_tiles .tile-copy {
  padding: 1.5em 1em;
}

.layout_tiles h4 {
  margin-top: 0;
  font-size: 1.7em !important;
  padding: 0;
}

@media (max-width: 767px) {
  .layout_tiles .col {
    min-width: 50%;
    flex: 1;
  }
}
@media (max-width: 600px) {
  .layout_tiles .col {
    min-width: 100%;
    flex: 1;
  }
}
.noimgcolp .col.imgwrap {
  padding: 0;
  margin: -2% 0 -2%;
}

.noimgcolp .col.imgwrap .image_holder {
  padding: 0;
}

.abs {
  position: absolute !important;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.abs:before {
  display: none;
}

a.link-overlay {
  z-index: auto;
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  z-index: 1;
  color: #ffffff;
  opacity: 0;
  font-size: 0.3em;
}
a.link-overlay:before {
  position: absolute;
  display: block;
  content: "";
  width: 4em;
  right: 1rem; /* border: solid 1px; */
  bottom: 2rem;
  border-bottom: solid 2px;
  transform: translateX(-3px) translateY(-1px);
}
a.link-overlay:after {
  position: absolute;
  display: block;
  content: " ";
  width: 2em;
  height: 2em;
  border-top: solid 2px;
  border-right: solid 2px;
  bottom: 1.5rem;
  right: 1rem;
  transform-origin: center right;
  transform: rotate(45deg) translateX(-0.8em) translateY(0.4em);
}
a.link-overlay:hover, a.link-overlay:focus, a.link-overlay:active {
  color: #ffffff;
  opacity: 1;
}

.no-image .imgwrap {
  display: none;
}

.image-show-100 .imgwrap {
  text-align: center;
  display: none;
}

.image-round img {
  border-radius: 50%;
}

.image-round .venobox {
  position: relative;
}

.image-round .venobox:after {
  border-radius: 50%;
}

.image-tall .image_holder {
  padding: 0;
}

.show_overlay .image_holder {
  position: relative;
  display: block;
}

.show_overlay .image_holder:before {
  content: " ";
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  height: 100%;
  /* background: url(../images/icons/stars.svg) no-repeat 10% 10%; */
  left: 0;
}

@media (max-width: 599px) {
  .image-show-100 .bg-image {
    background-size: auto;
    background-position: top center;
  }
  .location .bg-image {
    display: none;
  }
  .no-image .background-image:before,
  .image-show-100 .bg-image:before {
    background: rgba(0, 0, 0, 0.2);
  }
  .no-image .imgwrap,
  .image-show-100 .imgwrap {
    display: inline-block;
  }
  .image-show-100 .imgwrap img {
    display: inline-block;
    margin: 0 auto;
  }
  .image-show-100 .textwrap {
    padding-bottom: 0;
  }
  .unfix-bg-100 .bg-image {
    background-attachment: initial;
  }
}
#intro .bg-color:after {
  position: absolute;
  pointer-events: none;
  position: absolute;
  height: 100%;
  content: " ";
  width: 100%;
  top: 0;
  bottom: auto;
  z-index: 1;
  left: 0;
}

/* section border */
.border-top:before,
#intro.border-bot:after,
section.border-top:before,
section.border-top:after {
  position: absolute;
  pointer-events: none;
  position: absolute;
  height: 100vh;
  content: " ";
  width: 15%;
  top: 0;
  bottom: auto;
  z-index: 1;
  left: auto;
  right: 0;
  /*background: url(../images/design/border_top.png) no-repeat top right;*/
  background-size: 100%;
}

#intro.border-top:before,
section.border-top:before {
  top: -12%;
}

#intro.border-bot:after,
section.border-bot:after {
  top: auto;
  bottom: -12%;
  width: 30%;
  z-index: auto;
  /*background: url(../images/design/border_bot.png) no-repeat bottom right;*/
  background-size: 100%;
}

@media (max-width: 600px) {
  #intro.border-top:before,
  section.border-top:before {
    width: 20%;
    top: -8%;
  }
  #intro.border-top:after,
  section.border-bot:after {
    width: 20%;
    bottom: -3%;
  }
}
/* hide slider till loaded - class removed on load */
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

.news-grid-wrapper article.blog-article {
  margin: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.news-grid-wrapper article.blog-article .tile-copy {
  background: #fff;
}

/* blog */
#intro .noimage .intro-copy {
  padding: 15rem 4% 2rem;
}

.BlogPost #intro .intro-copy {
  padding: 21rem 4% 2rem;
}

.Resource #intro .intro-copy {
  padding: 10rem 4% 2rem;
}
.bggraphic {
  position: relative;
}
.bggraphic:before {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (max-width: 600px) {
  .blog .col-4 {
    min-width: 100%;
    width: 100%;
  }
  .blog .line-clamp.two {
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;
    overflow: visible;
    padding: 0 !important;
  }
  .blog h4 {
    font-size: 1em !important;
  }
  article.blog-article .tile-copy {
    padding: 1em;
  }
}
/* single post navigation */
.single .navigation {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-top: 3em;
}

.single .navigation .col {
  width: 50%;
  text-align: left;
  position: relative;
  border: 1px solid #D8D6E1;
  border-left: 0;
  border-bottom: 0;
  border-top: 3px solid #D8D6E1;
}

.single .navigation .col:last-child {
  text-align: right;
  border-right: 0;
  border-bottom: 0;
}

.single .navigation .col > span {
  font-size: 11px;
  line-height: 3;
}

.single .navigation .col > span a {
  font-weight: 600;
  text-decoration: none;
  position: relative;
}

.icon-right-arrow:after {
  font-style: normal;
  content: "→";
  display: inline-block;
  right: 0;
  top: 0;
  color: var(--primary);
  background: url(/dist/arrow-right.ebec659e.svg) !important;
  background-size: contain;
}

.icon-left-arrow:after {
  content: "←";
  font-style: normal;
  display: inline-block;
  right: 0;
  top: 0;
  color: var(--primary);
}

.single .navigation .col .flex {
  display: flex;
  align-items: center;
}

.single .navigation .col .flex img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.single .navigation .col h4 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.single .navigation .col .flex h4 span {
  font-weight: 400;
}

.single .navigation a {
  text-decoration-color: #ffffff;
  display: block;
  padding: 0 0.75rem 0.5rem;
}

.single .navigation h4 {
  padding: 0;
}

.single .navigation a:hover {
  text-decoration: underline;
  text-decoration-color: #524C73;
  background: rgba(255, 255, 255, 0.1);
}

.single .navigation .col:before {
  vertical-align: middle;
}

@media screen and (max-width: 500px) {
  .single .navigation {
    display: block;
    margin: 0 3%;
  }
  .single .navigation .col {
    width: 100%;
  }
  .single .navigation .col,
  .blog .navigation .col:first-child {
    border-right: 0 !important;
    border-bottom: 1px solid #D8D6E1;
  }
  .single .navigation .col:last-child {
    border-bottom: none;
  }
}
.logo .desktop {
  display: inline-block;
}

/* Maverick kea footer */
#maverick-logo {
  display: inline-block;
  vertical-align: text-bottom;
  width: 86px;
  height: 30px;
  background-size: cover !important;
  overflow: hidden;
  background: url(/dist/kea.5bcaa4e8.svg) no-repeat top center;
}
#maverick-logo.light {
  background: url(/dist/kea-white.2684d504.png) no-repeat top center;
}

#maverick-logo:hover,
#maverick-logo:active {
  background-position: 0 100%;
}

/* BACK to top
-------------------------- */
.back-to-top-wrap {
  transition: 0.3s ease;
  z-index: 50;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: auto;
}

a.back-to-top {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  float: right;
  font-size: 0;
  margin: 8px 3px 0px 0;
  padding: 10px;
  background: #057d62;
  border-radius: 50%;
  display: none;
  transition: 0.3s ease;
}

.back-to-top-wrap img {
  width: 20px;
  height: 20px;
}

.back-to-top-wrap:hover {
  transform: scale(1.2);
}

.hero-slider li .bg-color {
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 15%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 3;
}

.hero-slider.noimage li .bg-color {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 2;
}

.hero-slider li,
footer {
  font-size: 0.87em;
  color: #ffffff;
  background: var(--primary);
}
.hero-slider li:before,
footer:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: " ";
  background: url(/dist/bg_pattern.fbf543f9.png);
  opacity: 0.4;
}
.hero-slider li .widget,
footer .widget {
  padding-bottom: 1.5em;
}
.hero-slider li p,
footer p {
  padding: 0;
}
.hero-slider li hr:before,
footer hr:before {
  background-color: #ffffff;
}
.hero-slider li nav a,
.hero-slider li nav a:visited,
footer nav a,
footer nav a:visited {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  text-decoration: none;
}
.hero-slider li nav a:hover,
.hero-slider li nav a:visited:hover,
footer nav a:hover,
footer nav a:visited:hover {
  text-decoration: underline;
  color: #ffffff;
}
.hero-slider li .copyright,
footer .copyright {
  font-size: 0.87em;
}

@media (max-width: 600px) {
  footer .col {
    min-width: 100%;
    text-align: center;
  }
}
/* affiliates */
ul.afilliates {
  text-align: center;
  padding: 0;
  margin: 0;
}
ul.afilliates li {
  max-width: 33.3%;
  display: inline-block;
  padding: 0 2em 2em 0;
}
ul.afilliates img {
  width: auto;
  height: 100px;
  object-fit: contain;
  display: block;
}

/* social links */
.social-links {
  display: inline-block;
}

.social-links a:before,
p.social-links a:after {
  display: none;
}

.social-links a {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1.5px solid;
  padding: 2px;
  border-radius: 50%;
  margin: 0 2px 0px;
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #ffffff;
  vertical-align: middle;
}

.social-links a:hover {
  background: var(--primary);
  border-color: var(--primary);
  transform: scale(1.2);
}

.social-links a:hover i {
  background-size: 70%;
}

.social-links svg {
  width: 100%;
  fill: #ffffff;
  height: auto;
  padding: 2px;
}
.social-links.blue a {
  background: #007DA4;
}
.social-links.blue svg {
  fill: var(--primary);
}

footer ul {
  list-style: none;
}

footer ul li {
  padding: 0;
}

footer ul li.social-links:last-child {
  padding-left: 0;
  margin: 0;
}

footer .social-links a {
  width: 2.5em;
  height: 2.5em;
  background: none;
  border-color: #ffffff;
}

footer .social-links a:hover {
  background: #D22630;
  transform: scale(1.1);
  border-color: #D22630;
}

.social-links.vert a {
  display: block;
  margin: 0 0 4px;
}

.social-links.ghost {
  font-size: 1.5em;
}
.social-links.ghost a {
  background: #ffffff;
  border-color: #ffffff;
  margin-bottom: 0.5em;
}
.social-links.ghost svg {
  fill: var(--primary);
}

@media (max-width: 767px) {
  .two_col .col {
    min-width: 100%;
  }
}
p.copyright {
  font-size: 14px;
}

@media (max-width: 599px) {
  .grid.column-2 .col {
    width: 95%;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  .grid.column-2 {
    display: block;
  }
  .grid.column-2 .image_holder {
    padding: 1em 2em;
    max-width: 60%;
    margin: 0 auto;
  }
}
.layer {
  position: relative;
}

.layer.has-bg-image {
  color: #fff;
}

.col {
  padding: 0px 4%;
}

.overflow {
  overflow: visible !important;
  padding: 0 !important;
}

/* flexible layout styles */
.half-width {
  flex: 50%;
}

.full-width {
  flex: 100%;
}

.vheight-25 {
  min-height: 25vh;
}

.vheight-50 {
  min-height: 50vh;
}

.vheight-75 {
  min-height: 75vh;
}

.vheight-90 {
  min-height: 90vh;
}

.vheight-100 {
  min-height: 100vh;
}

.vheight-125 {
  min-height: 125vh;
}

.vheight-150 {
  min-height: 150vh;
}

.vheight-175 {
  min-height: 175vh;
}

.vheight-200 {
  min-height: 200vh;
}

.background_pattern {
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: contain;
  background: url(/dist/rice-paper.6f231d70.png);
}

.background_pattern .bg-image {
  display: block !important;
}

.background_pattern .bg-image:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.parallaxParent {
  overflow: hidden !important;
  position: relative;
}

.parallaxParent.toleft {
  overflow: visible !important;
  position: relative;
  z-index: 5;
}

.parallaxParent.toright {
  overflow: visible !important;
  position: relative;
}

.parallaxParent .bg-image {
  background-size: cover;
  bottom: 0;
  left: 0%;
  transition: none !important;
  background-position: top center;
}

.parallaxParent.totop .bg-image {
  height: 130%;
  top: -30%;
}

.parallaxParent.tobottom .bg-image {
  height: 130%;
  top: auto;
  bottom: -30%;
}

.parallaxParent.toleft .bg-image {
  width: 110%;
  left: auto;
  right: -10%;
}

.parallaxParent.toright .bg-image {
  width: 110%;
  left: -10%;
}

.parallaxParent .bg-image.background-image:before {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.text-50 .col.textwrap,
.text-half .col.textwrap {
  flex: 50%;
  max-width: 50%;
  z-index: 12;
  left: 0;
}

.text-50 .inner .col,
.text-half .inner .col {
  flex: 50%;
  max-width: 50%;
}

.text-75 .col.textwrap,
.text-wider .col.textwrap {
  flex: 70%;
  max-width: 70%;
}

.text-wider .col.imgwrap,
.text-75 .col.imgwrap {
  flex: 30%;
  max-width: 30%;
}

.text-35 .col.textwrap,
.text-narrow .col.textwrap {
  flex: 44%;
  max-width: 44%;
}

.text-35 .col.imgwrap,
.text-narrow .col.imgwrap {
  flex: 56%;
  max-width: 56%;
  border-left: 0.5rem #ffffff;
}

.text-100 .inner,
.text-full-width .inner {
  margin: 0 auto;
}

.text-100 .col.textwrap,
.text-full-width .col.textwrap {
  max-width: 100%;
  flex: 100%;
}

.text-100 .col.imgwrap,
bg-pattern-horzontal-1 .text-full-width .col.imgwrap {
  max-width: 100%;
  flex: 100%;
}

/*
.background-gradient.text-on-default.has-bg-image .background-image:before, .background-gradient.text-on-left.has-bg-image .background-image:before{background-color:transparent;background-size:contain;mix-blend-mode:multiply;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));}
.background-gradient.text-on-right.has-bg-image .background-image:before{background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)) !important;}
.background-gradient.text-on-default.text-on-light.has-bg-image .background-image:before, .background-gradient.text-on-left.text-on-light.has-bg-image .background-image:before{background-color:transparent;background-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(246 245 241 / 1)) !important;}
*/
.bg-gradient-gradient .background-image::after {
  z-index: 2;
  background-image: linear-gradient(55deg, var(--primary) 0, var(--light-orange) 40%, var(--primary) 50%);
  background-size: contain;
  -webkit-mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
}

.layout-reverse.bg-gradient-gradient .background-image::after {
  background-size: contain;
  -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(270deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
}

.bg-gradient-tint > .background-image::before {
  top: 4rem !important;
  mix-blend-mode: multiply;
  opacity: 0.6;
  z-index: 3;
}
.bg-gradient-tint .element-content {
  padding-top: 3rem;
}

.staff_member > .bg-image::before {
  background: url(/dist/bg_pattern.fbf543f9.png);
  opacity: 0.2;
}

.bg-pattern-swirl > .background-image::before,
.bg-pattern-swirl .bg-image::before {
  background: url(/dist/bg_pattern.fbf543f9.png);
  opacity: 0.2;
}

.col.imgwrap .background-image::after {
  display: none;
}

.text-on-right .grid {
  flex-direction: row-reverse;
}

.text-on-right .grid .grid {
  flex-direction: row;
}

@media (max-width: 600px) {
  .background-gradient.text-on-left .bg-image.background-image:before {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)) !important;
  }
  .background-gradient.text-on-right .bg-image.background-image:before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
  }
  .background-gradient.text-on-default.text-on-light.has-bg-image .background-image:before,
  .background-gradient.text-on-left.text-on-light.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(246, 245, 241, 0.6), rgb(246, 245, 241)) !important;
  }
  .col.textwrap,
  .col.imgwrap {
    flex: 100% !important;
    max-width: 100% !important;
  }
  .col.textwrap ul {
    text-align: left;
  }
}
.content-after {
  padding-top: 1em;
}

.side-by-side .content-after {
  padding-left: 0em;
  padding-right: 0em;
}

/******************************************************************
admin edit links
*****************************************************************/
a.edit_link span {
  display: inline-block;
  background: var(--yellow);
  color: var(--blue);
}

a.edit_link {
  font-size: 12px;
  position: absolute;
  z-index: 100;
  top: 1.5rem;
  left: 0.8rem;
  padding: 0.125rem;
  border: 1px dashed black;
  color: white;
  background: black;
  text-decoration: none;
}

.ElementList > a.edit_link {
  transform: translateY(-104%);
}

a.edit_link:hover {
  background: black;
  color: white;
}

a.edit_link:after {
  content: "↘";
}

article a.edit_link {
  top: 0.8rem;
}

.elemental {
  position: relative;
}

.elemental a.edit_link {
  background: white;
  color: black;
}

.elemental a.edit_link:hover {
  background: black;
  color: white;
}

nav a.edit_link:after {
  content: "";
}

nav a.edit_link:before {
  content: "↙";
}

nav a.edit_link {
  left: auto;
  right: 0;
  top: -1rem !important;
}

header nav a.edit_link {
  top: -2rem !important;
}

.global-footer.admin {
  margin: 1px;
  padding: 1px;
  outline: 1px dashed #D22630;
}
.global-footer.admin a.edit_link.footer {
  top: 0 !important;
  left: 0;
  background: #D22630;
  border: 1px dashed #D22630;
}

ul.affiliates {
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul.affiliates li {
  max-width: 150px;
  width: 100%;
  display: inline-block;
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  color: var(--black);
  font-size: 14px;
  padding: 26px 20px;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 600px) {
  .cookie-consent {
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 20px;
  }
}
.cookie-message {
  display: inline-block;
  margin-right: 20px;
}

#accept-cookies.btn {
  border-radius: 0;
  background-color: var(--primary);
  color: #fff;
  border: none;
  margin-top: 10px;
  padding: 8px 20px 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
  min-width: 100%;
}

#accept-cookies.btn:hover {
  background-color: var(--black);
}

.staff-picks__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .staff-picks__container {
    grid-template-rows: repeat(3, 1fr);
  }
}

.staff-picks:has(.staff-picks__list-item:nth-of-type(1):hover) .staff-picks__preview-item:nth-of-type(1) {
  opacity: 0;
  pointer-events: none;
}
.staff-picks:has(.staff-picks__list-item:nth-of-type(1):hover) .staff-picks__preview-item:nth-of-type(1) {
  opacity: 1;
  pointer-events: all;
}

.staff-picks:has(.staff-picks__list-item:nth-of-type(2):hover) .staff-picks__preview-item:nth-of-type(1) {
  opacity: 0;
  pointer-events: none;
}
.staff-picks:has(.staff-picks__list-item:nth-of-type(2):hover) .staff-picks__preview-item:nth-of-type(2) {
  opacity: 1;
  pointer-events: all;
}

.staff-picks:has(.staff-picks__list-item:nth-of-type(3):hover) .staff-picks__preview-item:nth-of-type(1) {
  opacity: 0;
  pointer-events: none;
}
.staff-picks:has(.staff-picks__list-item:nth-of-type(3):hover) .staff-picks__preview-item:nth-of-type(3) {
  opacity: 1;
  pointer-events: all;
}

.staff-picks__preview {
  position: relative;
  grid-column: span 3;
}
@media (min-width: 768px) {
  .staff-picks__preview {
    grid-row: span 2;
  }
}
@media (min-width: 1200px) {
  .staff-picks__preview {
    grid-column: span 2;
    grid-row: span 3;
  }
}

.staff-picks__list {
  position: relative;
  display: grid;
  grid-column: span 3;
}
@media (min-width: 768px) {
  .staff-picks__list {
    grid-template-columns: repeat(3, 1fr);
    grid-row: span 1;
  }
}
@media (min-width: 1200px) {
  .staff-picks__list {
    grid-column: unset;
    grid-row: span 3;
    grid-template-columns: unset;
    grid-template-rows: repeat(3, 1fr);
  }
}
.staff-picks__list:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url("/dist/bg_pattern.fbf543f9.png");
  opacity: 0.2;
  pointer-events: none;
}

.staff-picks__preview-item {
  transition: opacity 200ms ease-in-out;
  opacity: 0;
  pointer-events: none;
  text-decoration: none;
}
.staff-picks__preview-item:hover {
  text-decoration: none;
  color: white;
  opacity: 1;
  pointer-events: all;
}

.staff-picks__preview-item:nth-of-type(1) {
  opacity: 1;
  pointer-events: all;
}

.staff-picks__preview-item,
.staff-picks__preview-item img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.staff-picks__preview-item-name {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  font-size: 1.5em;
  font-family: "Isidora", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 800;
  color: white;
  letter-spacing: normal;
  padding: 30px;
}

.staff-picks__list-item {
  position: relative;
  display: grid;
  gap: 15px;
  padding: 15px;
  text-decoration: none;
  color: white;
  transition: opacity 200ms ease-in-out;
}
@media (min-width: 1024px) {
  .staff-picks__list-item {
    padding: 30px;
  }
}
.staff-picks__list-item:hover {
  text-decoration: none;
  color: white;
  opacity: 0.8;
}
.staff-picks__list-item:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--local-background-color);
}
.staff-picks__list-item p {
  margin: 0;
  padding: 0;
}
.staff-picks__list-item:nth-child(1) {
  --local-background-color: var(--blue);
}
.staff-picks__list-item:nth-child(2) {
  --local-background-color: var(--orange);
}
.staff-picks__list-item:nth-child(3) {
  --local-background-color: var(--green);
}

.staff-pick__list-item__detail {
  --image-size: 80px;
  --gap: 15px;
  position: relative;
  z-index: 5;
  display: grid;
  align-items: center;
  gap: var(--gap);
}
@media (min-width: 1024px) {
  .staff-pick__list-item__detail {
    grid-template-columns: var(--image-size) auto;
  }
}
@media (min-width: 1200px) {
  .staff-pick__list-item__detail {
    --image-size: 100px;
    --gap: 30px;
  }
}
@media (min-width: 1300px) {
  .staff-pick__list-item__detail {
    --image-size: 120px;
  }
}

.staff-pick__list-item__image {
  width: var(--image-size);
  height: var(--image-size);
  border-radius: var(--image-size);
  overflow: hidden;
  background-color: var(--soft-black);
}

.staff-pick__list-item__description {
  display: grid;
  gap: 15px;
}

.staff-pick__list-item__staff {
  font-size: 1.5em;
  font-family: "Isidora", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 800;
  letter-spacing: normal;
}

.staff-pick__list-item__package {
  font-size: 1.2em;
}

.staff-pick__list-item__content {
  position: relative;
  z-index: 5;
  font-size: 1.1em;
}
@media (min-width: 1024px) {
  .staff-pick__list-item__content {
    padding: 0 15px;
  }
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
.top_nav,
.main-menu {
  display: flex;
  align-items: center;
}

.preheader {
  align-items: flex-end;
  margin-bottom: 0.3em;
}

.preheader .phone_link {
  position: relative !important;
}

.preheader a {
  font-weight: 500 !important;
  font-size: 0.87em;
}

.preheader .main-menu {
  column-gap: 1em;
  margin-right: 0em;
  margin-left: 1em;
}

.main-menu #menu-1 {
  display: none;
}

.main-menu #menu-2 {
  display: none;
}

.main-menu {
  --child-menu-arrow-size: 8px;
  flex-grow: 1;
  justify-content: flex-end;
  column-gap: 1.5em;
  margin-right: 1.5em;
  margin-left: 1.5em;
  flex-wrap: wrap;
}

.main-menu li {
  position: relative;
  text-wrap: nowrap;
  transition: background-color 100ms ease-in;
}

.main-menu a,
.main-menu span {
  display: flex;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding-top: 4px;
  transition: background-color 100ms ease-in;
  letter-spacing: 0.02em;
}

.main-menu > li {
  padding-bottom: var(--child-menu-arrow-size);
  border-top: 2px solid transparent;
  transition: border 150ms ease-in;
}
.main-menu > li svg {
  display: none;
}
.main-menu > li:hover {
  border-color: rgb(243, 238, 237);
}

.main-menu > li:has(a + ul):after,
.main-menu > li:has(span + ul):after {
  opacity: 1;
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--child-menu-arrow-size);
  opacity: 0;
  width: 0;
  height: 0;
  border-left: var(--child-menu-arrow-size) solid transparent;
  border-right: var(--child-menu-arrow-size) solid transparent;
  border-bottom: var(--child-menu-arrow-size) solid var(--primary);
}

.main-menu > li li {
  --_menu-color: var(--menu-color, color-mix(in srgb, var(--primary), white 20%));
  background-color: var(--primary);
}
.main-menu > li li:hover {
  background-color: var(--_menu-color);
}
.main-menu > li li:hover li {
  background-color: var(--_menu-color);
}
.main-menu > li li li:hover span,
.main-menu > li li li:hover a {
  background-color: rgba(255, 255, 255, 0.25);
}

.mobile_nav a.enquiry_trigger {
  white-space: nowrap;
}

.main-menu > li ul {
  position: absolute;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  min-width: 100%;
  z-index: 100;
}
.main-menu > li ul a,
.main-menu > li ul span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9em 1em 0.6em;
  font-size: 0.75em;
}

.main-menu ul ul {
  left: 100%;
  top: 0;
}

.main-menu > li:has(a + ul) li svg {
  display: block;
  max-height: 1.25em;
  width: 1.25em;
}

.main-menu > li:has(> ul):hover:after {
  opacity: 1;
}
.main-menu > li:has(> ul):hover > ul {
  opacity: 1;
  pointer-events: all;
}
.main-menu > li:has(> ul):hover > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
}
.main-menu > li:has(> ul):hover > ul > li:hover > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
}

@media only screen and (min-width: 801px) {
  li.mobile_nav.hamburger-wrap {
    display: none;
  }
}
@media (max-width: 800px) {
  .main-menu {
    margin: 0 !important;
  }
  .main-menu li {
    display: none;
  }
  .main-menu li li {
    display: block !important;
  }
  .main-menu li.mobile_nav.enquiry_li {
    display: inline-block !important;
  }
}
.home .trip-selector-wrapper select {
  border-color: #fff;
}

.trip-selector-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (max-width: 600px) {
  .trip-selector-wrapper {
    flex-direction: column;
  }
}
.trip-selector-wrapper .select-wrapper {
  position: relative;
  background: transparent;
  border: 2px solid;
  width: auto;
  float: left;
  border-radius: 2px;
  max-width: 250px;
}
.trip-selector-wrapper .select-wrapper select {
  font-size: 1rem;
  max-width: 100%;
  padding: 8px 24px 8px 10px;
  border: none;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.trip-selector-wrapper .select-wrapper select:active, .trip-selector-wrapper .select-wrapper select:focus {
  outline: none;
  box-shadow: none;
}
.trip-selector-wrapper .select-wrapper select option {
  color: inherit;
}
.trip-selector-wrapper .select-wrapper:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  pointer-events: none;
}

.hero-slider .trip-selector-wrapper .select-wrapper,
.text-on-purple .trip-selector-wrapper .select-wrapper {
  border-color: #fff !important;
  color: #fff;
}
.hero-slider .trip-selector-wrapper .select-wrapper select,
.hero-slider .trip-selector-wrapper .select-wrapper select option,
.text-on-purple .trip-selector-wrapper .select-wrapper select,
.text-on-purple .trip-selector-wrapper .select-wrapper select option {
  color: #fff;
}
.hero-slider .trip-selector-wrapper .select-wrapper:after,
.text-on-purple .trip-selector-wrapper .select-wrapper:after {
  border-top-color: #fff;
}
.nostyles {
  outline: none;
}

/*# sourceMappingURL=/dist/common.css.map */