/* -------------- */
/* SETUP */
/* DESKTOP */
/* TABLET */
/* MOBILE */
/* MINI-MOBILE */
/* SPECIAL BREAKPOINTS */
/* -------------- */

/* SETUP //////////////////////////////////////////////////////////////// */

:root {

  /* default colors */
  --black: #000000;
  --color_beige: #fffaf9;
  --color_white: #fff;

  /* custom colors */

  /* --- deprecated */
  --blue: #171f61;
  --darkblue: #0f0a4a;
  --lightblue: rgba(23,31,97,0.5);
  --opacblue: rgba(23,31,97,0.075);
  --rust: #cb5f45;
  --black: #000000;
  --opacblack: rgba(0,0,0,0.1);
  --superopacblack: rgba(0,0,0,0.05);
  /* --opacgrey: rgba(244,244,244,0.4); */

  /* --- new */
  --color_beige: hsl(22, 37%, 86%);
  --color_opacbeige: hsl(22, 37%, 86%,95%);
  --color_green: hsl(155, 46%, 15%);
  --color_opacgreen: hsl(155, 46%, 15%, 0.13);
  --color_darkgreen: hsl(152, 100%, 9%);
  --color_lightgreen: hsl(93, 12%, 57%);
  --color_orange: hsl(11, 95%, 31%);
  --color_red:	hsl(1, 35%, 44%);
  --color_grey: hsl(0, 0%, 44%);
  --color_opacgrey: hsla(0, 0%, 0%, 0.16);

  /* border radius*/
  --brad--small: 0.5rem;
  --brad--medium: 1rem;

  /* custom variables */
  --swiper-navigation-color: var(--color_darkgreen);
  --swiper-pageination-color: var(--color_darkgreen);
}

/* Corporate Fonts */

@font-face {
  font-family: 'museo';
  src: url('../font/museo.woff2') format('woff2'),
  url('../font/museo.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'roboto light';
  src: url('../font/roboto-light-webfont.woff2') format('woff2'),
  url('../font/roboto-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'roboto medium';
  src: url('../font/roboto-medium-webfont.woff2') format('woff2'),
  url('../font/roboto-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* FONTS – LICENSED TO ecurea *******************************************************************************/

body {
  font-family: 'roboto light', sans-serif;
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

h1, .h1 {
  font-family: 'museo', sans-serif;
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.175em;
  letter-spacing: 0.001em;
  margin-top: 0.3125em;
  margin-bottom: 1.15em;
  color: var(--color_darkgreen);
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: visible;
}

h2, .h2 {
  font-family: 'museo', sans-serif;
  font-weight: 500;
  font-size: 2.6875rem;
  line-height: 1.2em;
  letter-spacing: 0.001em;
  margin-top: 0;
  margin-bottom: 1em;
  color: var(--color_darkgreen);
  text-decoration: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: visible;
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
  font-family: 'museo', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.38em;
  letter-spacing: 0.03em;
  margin-top: 1em;
  margin-bottom: 0;
  color: var(--color_darkgreen);
  text-decoration: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

p, .p, li, p a, .p a {
  font-family: 'roboto light', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.375em;
  letter-spacing: 0.02em;
  color: var(--color_darkgreen);
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* --- Custom Titles */

h1.title,
.h1.title {
  max-width: 35rem;
}

h1.title.short,
.h1.title.short {
  max-width: 20rem;
}

h1.title.long,
.h1.title.long {
  max-width: 50rem;
}

.two-row-slug span {
  line-height: 2em;
}

h1.h2.title {
  margin-top: 0.4375em;
}


h2.title {
  margin-bottom: 0.5em;
}
h2.title + h3.subtitle {
  max-width: 35rem;
  margin-bottom: 4em;
}

span.sub-title {
  display: block;
  letter-spacing: 0.025em;
}

span.sub-title.underline {
  border-bottom: 0.0625em solid var(--color_darkgreen);
  width: fit-content;
}

span.title {
  font-family: 'museo', sans-serif;
}


/* ––– */

ul.plain {
  padding-left: 0;
}
ul.plain li {
  list-style: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
ul.plain li::before {
  content: none;
}

ul.normal li::marker {
  font-size: 0.75em;
}

ul.normal li:not(:last-child) {
  margin-bottom: 0.0625em;
}

ul.normal span.p {
  margin-left: -1.25rem;
}


/*--- Two Columns List */

ul.two-col-list {
  list-style: none;
  padding-left: 0;
}

ul.two-col-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/****** Table */

table.ecurea-table {
  width: 100%;
}

table.ecurea-table tr {
  border-bottom: 0.0625rem solid var(--color_darkgreen);
}

table.ecurea-table td, table.ecurea-table th {
  font-size: 1.1875rem;
  color: var(--color_darkgreen);
  text-align: left;
  padding-right: 3em;
}

table.ecurea-table td:first-child {
  display: flex;
  white-space: nowrap;
}

table.ecurea-table th {
  padding-bottom: 1rem;
}

table.ecurea-table td {
  font-size: 1.1rem;
  line-height: 1.4em;
  padding-top: 1.65em;
  padding-bottom: 1.5em;
}


/* --- */

hr {
  border: unset;
  height: 0.0625em;
  background-color: var(--color_darkgreen);
}

/* ––– */

.fweight-bold,
strong,
b {
  font-weight: 700;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.fsize-marginal {
  font-size: 0.875rem;
}

h1, h2, h3, h4, h5, h6, b, strong, b, p, li {
  -webkit-font-feature-settings:"kern" 1;
  font-feature-settings:"kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
}

/***** locked wysiwyg styles to avoid different title sizes */

.wysiwyg-editor h1, .wysiwyg-editor h2, .wysiwyg-editor h3,
.wysiwyg-editor h4, .wysiwyg-editor h5, .wysiwyg-editor h6 {
  font-family: 'cabin', sans-serif;
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 3.75em;
  letter-spacing: 0.01em;
  color: var(--color_darkgreen);
  text-decoration: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow: visible;
}

/* LINKS / GLOBAL INTERACTIONS *******************************************************************************/

/***** Links */

p a {
  position: relative;
  text-decoration: none;
  border-bottom: 0.0625em solid var(--color_darkgreen);

}

p a::before {
  /* content: '';
  position: absolute;
  bottom: 0.125rem;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color_darkgreen); */
}

p a:hover {
  cursor: pointer;
}

p a.no-underline,
p a span.no-underline {
  border-bottom: unset;
}

a.underline,
a span.underline {
  border-bottom: 0.0625em solid var(--color_darkgreen);
  line-height: 1.5em;
}

p a strong,
p a b {
  padding: 0;
  font-weight: 700;
}

a,
a:visited,
a:hover,
a:active {
  color: var(--color_darkgreen);
  text-decoration: none;
  cursor: pointer;
}

a[href^="tel:"] {
  white-space: nowrap;
}

/***** Buttons */

.button {
  font-family: 'roboto light', sans-serif;
  border-radius: 12.5em;
  padding: 0.6875em 1.5em 0.75em;
  border: unset;
  margin-top: 0;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 0.0375em;
  font-weight: 400;
  line-height: 1rem;
  font-size: 1.0625rem;
}

.button:active {
  opacity: 0.8;
}

.button.neg {
  background: var(--color_beige);
  color: var(--color_darkgreen);
  border: 0.0625em solid var(--color_darkgreen);
}

.button.color--darkgreen {
  background: var(--color_darkgreen);
  color: var(--color_beige);
}

.button.color--orange {
  background: var(--color_orange);
  color: var(--color_beige);
}


.button.icon {
  position: relative;
  padding: 0.6875em 1.5em 0.75em 2.5em;
}

.button.icon::after {
  font-family: "Custom Dashicons", 'dashicons';
  position: absolute;
  left: 1.3125em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}

.button.icon.icon--plus::after {
  content: '\ec60';
  font-size: 0.85em;
}

/***** Lists */

ul {
  padding-left: 1.25rem;
}


/***** Address */

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

/****** Anchor Link Target */

.anchor-target::before {
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 5rem; /* header height */
  margin-top: -5rem; /* negative header height */
}

/**/

.centered-button {
  width: 100%;
  text-align: center;
  margin: 1.875em 0;
}
.centered-button .button {
  display: inline;
}

/***** Interactions */

::-moz-selection {
  background: #585758;
  color: var(--color_beige);
}

::selection {
  background: #585758;
  color: var(--color_beige);
}

*:focus {
  outline: none;
}

/***** some ie-fixes */

* {
  text-decoration: none;
}

body:not(.browser-ie) {
  color: inherit;
}

/****** Content to be loaded */

.load-content {
  visibility: hidden;
  height: 0;
  opacity: 0;
  transform: translate3d(0,1.5rem,0);
  transition: transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 1.5s ease-out, -webkit-transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.load-content.loaded {
  visibility: visible;
  transform: translate3d(0,0,0);
  opacity: 1;
  height: auto;
}

a.load-more-content.hidden {
  visibility: hidden;
  height: 0;
  opacity: 0;
}

a.load-more-content.hidden.mt-lg-2 {
  margin: 0;
}

/***** Page Fade-In */

.site-content {
  -webkit-animation-name: fadeinpage;
  animation-name: fadeinpage;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeinpage {
  0%  { opacity: 0; }
  100%   { opacity: 1; }
}

@keyframes fadeinpage {
  0%  { opacity: 0; }
  100%   { opacity: 1; }
}

/***** scroll reveal */

.scrl {
  opacity: 0;
  -webkit-transform: translateY(1.5rem);
  transform: translateY(1.5rem);
  -webkit-transition: opacity 1.5s ease-out, -webkit-transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 1.5s ease-out, -webkit-transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 1.5s ease-out;
  transition: transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 1.5s ease-out, -webkit-transform 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.scrl.on {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* MISC *******************************************************************************/

/***** Spacing */

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  min-height: 100%;
  background: var(--color_beige);
  overflow-x: hidden;
}

header.site-header {
  z-index: 100;
  position: absolute;
}

/***** Hide Comments and others */

.cat-links, .entry-footer {
  display: none;
}

/***** clear after float */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/***** hide stuff on specific breakpoints */

.no-lg {
  display: none;
}


/**/

.linkjump {
  position: absolute;
  top: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.linkjump.top-5 {
  top: -5rem;
}

/* DESKTOP //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript / Cookie Banner
*/

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

01. Presets

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

/* LAYOUT *******************************************************************************/

main {
  position: relative;
  overflow: hidden;
}

.main__inner {
  margin-top: 4em; /* Space to Navigation */
}

.main__inner.seamless {
  margin-top: 0;
}

.main__inner.seamless .sec-wrap:first-child {
  padding-top: 0;
}

.sec-wrap {
  width: 100%;
  height: auto;
  background: var(--color_beige);
  position: relative;
}

.main__inner .sec-wrap:first-child {
  padding-top: 8rem;
}

.sec-wrap__inner {
  width: 100%;
  height: auto;
  max-width: 79.375em;
  margin: auto;
  padding: 3.5em 2.1875em;
  background: var(--color_beige);
  position: relative;
}

.sec-wrap__inner.no-padding {
  padding: 1.25em 0;
}

.sec-wrap__inner.flexbox {
  padding: 1.25em 1.5625em;
}

.sec-wrap__inner.full {
  max-width: 100%;
}

.sec-wrap__inner.slim {
  max-width: 62.5em;
}

.sec-wrap__inner.slimmer {
  max-width: 50em;
}

.sec-wrap__inner.slim-af {
  max-width: 34.375em;
}

/***** Text columns */

.text-2-columns {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-gap: 1.875em;
  -webkit-column-gap: 1.875em;
  -moz-column-gap: 1.875em;
  -ms-column-gap: 1.875em;
  margin: 1.875em 0;
}

.text-3-columns {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-gap: 1.875em;
  -webkit-column-gap: 1.875em;
  -moz-column-gap: 1.875em;
  -ms-column-gap: 1.875em;
}

/***** Text overflow */

span.nobreak {
  white-space: nowrap;
}

span.shorten {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**/

.centered-text h1, .centered-text h2, .centered-text h3, .centered-text h4, .centered-text h5, .centered-text h6, .centered-text p, .centered-text span, .centered-text a,
h1.centered-text, h2.centered-text, h3.centered-text, h4.centered-text, h5.centered-text, h6.centered-text, p.centered-text, span.centered-text, a.centered-text  {
  text-align: center;
}

/***** Centered image */

.centered-image-wrap {
  width: 100%;
  margin: auto;
  height: 28.125em;
  position: relative;
  overflow: hidden;
  /* fallback for bg-img usage */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.centered-image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered-image-wrap.full img {
  width: 100%;
}

.centered-image-wrap.blurry-bg .background-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**** some ie-browser fixes */

.browser-ie .centered-image-wrap.blurry-bg  .background-image {
  -webkit-filter: none;
  filter: none;
}
.browser-ie .centered-image-wrap.blurry-bg  .background-image ~ img {
  display: none;
}

/***** Covered image wrap */

.covered-image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.covered-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/***** Contained image wrap */

.contained-image-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.contained-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/****** Ratio Image Wrap */

.ratio-image-wrap {
  position: relative;
}

.ratio-image-wrap::before {
  display: block;
  content: "";
  width: 100%;
}

.ratio-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ratio-image-wrap .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C57E6A;
  border-radius: 1rem;
}


/***** oho image wrap */

.oho-image-wrap {
  height: 61px;
}

/**** ie-browser fixes */

.browser-ie .covered-image-wrap,
.browser-edge .covered-image-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/***** Vertical centered */

.centered--vertical {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

02. Navigation

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

/***** Display */

.nav-wrap .mobile--trigger {
  display: none;
}

.nav-wrap .floating-box.mobile {
  display: none;
}

/***** Nav-Wrap */

.nav-wrap {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  z-index: 100;
  overflow: visible;
}

.nav-wrap__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100vw;
  margin: auto;
  height: auto;
  width: 100%;
  padding: 1.25em 2.1875em;
  transform: translate3d(0,2rem,0);
  transition: transform 0.5s ease-out;
}

.nav-wrap__inner::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color_beige);
  box-shadow: 0px 0px 23px 1px var(--opacblack);
}

.nav-wrap__inner nav {
  width: 100%;
}

.nav-wrap__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

/****** Meta Nav-Wrap */

.meta-nav-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: var(--color_lightgreen);
  box-shadow:  0px 0px 23px 1px var(--superopacblack);
  transition: transform 0.5s ease-out;
}

.meta-nav-wrap__inner {
  text-align: right;
  height: 2rem;
  padding: 0.25em 2.1875em 0.25em;
}

.meta-nav-wrap span.meta-link {
  margin-left: 2rem;
}

/* --- mobile meta nav */

.meta-nav-wrap.mobile {
  display: none;
}

/****** Nav-Styling */

/* --- Nav List */

.nav-wrap ul {
  padding-left: 0;
  list-style-type: none;
}

.nav-wrap ul.nav-list {
  padding: 0;
  overflow: hidden;
  margin: 0;
  float: right;
}

.nav-wrap ul.nav-list li {
  font-family: 'museo', sans-serif;
  margin-left: min(3em, 3vw);
  font-size: min(1.3125rem, 2vw);
  font-weight: 700;
  display: inline-block;
}

.nav-wrap .mobile-cta-button {
  display: none;
}

/* --- Nav Brand */

.nav-wrap ul.brand {
  float: left;
  margin: 0;
  font-size: inherit;
}

.nav-wrap ul.brand .logo-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(11rem, 16vw);
  height: 2rem;
}

.nav-wrap ul.brand .logo-wrap svg {
  width: 100%;
}

.nav-wrap ul.brand svg.logo-claim {
  position: absolute;
  width: 100%;
}


.nav-wrap ul.brand svg.logo-noclaim {
  position: absolute;
  visibility: hidden;
  height: 0;
  width: 0;
}

/* --- Nav links */
.footer-wrap a:hover,
.p.underline:hover,
.nav-wrap a:hover,
.nav-wrap a.actual-parent,
body:not(.home) .nav-wrap a.actual-site {
  opacity: 0.45;
}

/****** Scrolled-Nav-State */

.scrolled-nav .nav-wrap__inner {
  transform: translate3d(0,0,0);
}

.scrolled-nav .meta-nav-wrap {
  -webkit-transform: translate3d(0,-2rem,0);
  transform: translate3d(0,-2rem,0);
}

.nav-wrap.open-meta .nav-wrap__inner {
  transform: translate3d(0,2rem,0);
}

.nav-wrap.open-meta .meta-nav-wrap {
  transform: translate3d(0,0,0);
}


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

03. Footer

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

.footer-wrap {
  height: auto;
  color: var(--color_darkgreen);
  background: var(--color_beige);
  margin: 0;
  bottom: 0;
  width: 100%;
  font-size: 1.1875rem;
  line-height: 1.3125em;
  font-weight: 400;
  letter-spacing: 0.02em;
  position: absolute;
  z-index: 99;
}

.footer-wrap .footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: min(4em, 4vw);
}

/****** Footer Logo */

.footer-wrap .logo-wrap {
  align-self: flex-start;
  width: 10rem;
  max-width: 100%;
}

.footer-wrap .logo-wrap svg {
  width: 100%;
}


/****** Secondary Links */

.footer-wrap .secondary-links-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
}

.footer-wrap .secondary-links-wrap span,
.footer-wrap .secondary-links-wrap a {
  opacity: 0.6;
}

.footer-wrap .secondary-links-wrap a:visited,
.footer-wrap .secondary-links-wrap a:hover,
.footer-wrap .secondary-links-wrap a:active {
  opacity: 1;
}


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

04. NoScript Banner

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


.warning-banner {
  background: #831414;
  top: 0em;
  text-align: center;
  padding: 1em;
}

.warning-banner {
  width: 100%;
  display: block;
  position: fixed;
  border-radius: 1rem;
  z-index: 99999;
}

.warning-banner table {
  width: 100%;
  height: inherit;
  text-align: center;
  margin: 0;
}

.warning-banner p,
.warning-banner b,
.warning-banner a {
  color: var(--color_beige);
  margin: 0 0.625em 0 0.625em;
}
.warning-banner p:nth-child(2) {
  margin: 0.625em;
}

.warning-banner a {
  border: 0.0625em solid var(--color_beige);
  padding: 0.375em;
  white-space: nowrap;
  border-radius: 0.0625em;
}
.warning-banner a:hover {
  border: 0.0625em solid var(--color_beige);
  color: var(--color_beige);
}

.noscript-banner:target {
  opacity: 0;
  top: -6.25em;
}

.ie-banner.closed,
.no-access-banner.closed {
  display: none;
}


/* TABLET //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript Banner
*/

@media only screen and (max-width: 55em) {

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

  01. Presets

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

  /* MISC *******************************************************************************/

  .h1, h1 {
    font-size: min(2.75rem, 6.25vw);
    line-height: 1.2em;
  }

  h1.title-only {
    margin-bottom: 0;
  }

  .title-wrap h1.title.long,
  .title-wrap .h1.title.long {
    max-width: 30rem;
  }

  .h2, h2 {
    font-size: min(2.25rem, 5vw);
  }

  h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-size: min(1.75rem, 4vw);
  }

  p, .p, li, p a, .p a {
    font-size: min(1.25rem, 2.875vw);
  }


  /**/

  .no-md {
    display: none;
  }
  .no-lg {
    display: inherit;
  }
  span.no-lg {
    display: inline;
  }


  /****** Anchor Link Target */

  .anchor-target::before {
    height: 4.1875rem; /* header height */
    margin-top: -4.1875rem; /* negative header height */
  }


  /* LAYOUT *******************************************************************************/

  .main__inner {
    margin-top: 0;
  }

  .site-content .main__inner.seamless .hero-bg {
    height: clamp(20rem, 30vh, 40rem);
  }


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

  02. Navigation

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

  /***** Nav-Wrap */

  .meta-nav-wrap {
    display: none;
  }

  .nav-wrap {
    position: fixed;
    inset: 0;
    border-bottom: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    pointer-events: none;
    transform: all 0.5s ease-out;
  }

  .nav-wrap__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0 1.565em;
    transform: translate3d(0,0,0);
    transform: all 0.5s ease-out;
  }

  .nav-wrap__inner::before {
    visibility: hidden;
  }

  .nav-wrap__content {
    position: relative;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    transform: all 0.5s ease-out;
  }

  .nav-wrap__content::before {
    content: '';
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.1875rem;
    background: var(--color_beige);
    box-shadow: 0px 0px 23px 1px var(--opacblack);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }

  /*--- mobile meta nav */

  .meta-nav-wrap.mobile {
    display: block;
    position: relative;
    box-shadow: unset;
    opacity: 0;
    transition: transform 0.5s cubic-bezier(.77,0,.18,1), opacity 0.5s ease-out;
    transform: translate3d(0,0.5rem,0);
  }

  .meta-nav-wrap.mobile .meta-nav-wrap__inner {
    text-align: center;
    padding: 0;
    margin-top: 2rem;
  }

  .meta-nav-wrap span.meta-link:nth-child(1) {
    margin-left: 0;
  }

  .meta-nav-wrap.mobile {
    background: unset;
  }

  .meta-nav-wrap.mobile a {
    color: var(--color_beige);
  }

  .scrolled-nav.nav-wrap, .scrolled-nav .meta-nav-wrap {
    -webkit-transform: unset;
    transform: unset;
  }

  .nav-wrap.open  .meta-nav-wrap.mobile {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 0.5s cubic-bezier(.77,0,.18,1) 1s, opacity 0.5s ease-out 1s;
  }

  .nav-wrap.open-meta .nav-wrap__inner {
    transform: translate3d(0,0,0);
  }

  .nav-wrap.open-meta .meta-nav-wrap {
    transform: translate3d(0,-2rem,0);
  }


  /****** Navlist */

  .nav-wrap ul.nav-list {
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: visible;
    width: 100%;
    margin: 0;
    height: min(100vh - 10em);
    height: min((var(--vh, 1vh) * 100) - 10em);
    padding: 0;
    text-align: center;
    pointer-events: none;
    border-radius: var(--brad--medium);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--color_green);
    box-shadow:  0px 0px 23px 1px var(--superopacblack);
    transform: translate3d(0, calc(100vh - 13em),0);
    transform: translate3d(0, calc((var(--vh, 1vh) * 100) - 13em), 0);
    transition: transform 1s cubic-bezier(.77,0,.18,1);
  }

  .nav-wrap ul.nav-list li {
    margin: 0;
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.25em;
    display: block;
    max-width: 15rem;
    margin: 0 auto 1.375em auto;
    opacity: 0;
    transition: transform 0.5s cubic-bezier(.77,0,.18,1), opacity 0.5s ease-out;
    transform: translate3d(0,0.5rem,0);
  }

  .nav-wrap ul.nav-list li a {
    color: var(--color_beige);
  }

  .nav-wrap ul.nav-list li.desktop-cta-button {
    display: none;
  }

  .nav-wrap .mobile-cta-button {
    display: block;
    position: fixed;
    top: 0.8em;
    right: 1.5625em;
    pointer-events: all;
  }

  .nav-wrap ul.brand {
    position: fixed;
    top: 0.75em;
    left: 1.5625em;
    pointer-events: all;
  }

  .nav-wrap ul.brand .logo-wrap {
    width: 10rem;
    margin-top: 0.3rem;
  }

  .nav-wrap ul li.nav-button-wrap {
    position: fixed;
    top: 1.25em;
    right: 1.5625em;
  }

  /***** Nav-Wrap Trigger */

  .nav-wrap .mobile--trigger {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 3em;
    padding: 0.6rem;
    margin-bottom: 2rem;
    text-align: center;
    cursor: pointer;
    pointer-events: all;
  }

  .nav-wrap .mobile--trigger span.h3 {
    font-size: 1rem;
    -webkit-transition: opacity 0.3s ease-out 0.25s;
    transition: opacity 0.3s ease-out 0.25s;
  }

  /*--- nav wrap closing trigger */

  .nav-wrap .mobile--trigger::after {
    font-family: 'Icons Base';
    content: '\004a';
    position: absolute;
    top: 1.2rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    color: var(--color_beige);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0.85s;
    transition: opacity 0.3s ease-out 0.85s;
  }

  .nav-wrap .mobile--trigger.closing span {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out 0.85s;
    transition: opacity 0.3s ease-out 0.85s;
  }

  .nav-wrap .mobile--trigger.closing::after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }


  /***** Nav-Wrap Open State */

  .nav-wrap.open ul.nav-list {
    transform: translate3d(0,0,0);
  }

  .nav-wrap.open ul.nav-list {
    pointer-events: all;
  }

  .nav-wrap.open ul.nav-list li {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 0.5s cubic-bezier(.77,0,.18,1) 0.5s, opacity 0.5s ease-out 0.5s;
  }

  .nav-wrap .mobile--trigger.open span {
    opacity: 0;
  }

  .nav-wrap .mobile--trigger.open::after {
    opacity: 1;
  }

  /* --- Nav-Wrap Open State */

  .nav-wrap.prep_float.open_float.prep_nav .floating-box.mobile {
    z-index: -1;
  }

  .nav-wrap.prep_float.open_float.prep_nav ul.nav-list {
    z-index: 0;
    transform: translate3d(0,calc(100vh - 13em),0);
    transform: translate3d(0,calc((var(--vh, 1vh) * 100) - 13em), 0);
  }


  /****** Floatingnav */

  .nav-wrap .floating-box.mobile {
    z-index: -1;
    display: block;
    height: calc(100vh - 10em);
    height: calc((var(--vh, 1vh) * 100) - 10em);
    width: calc(100% - 3.083em);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0px -6px 15px 0px var(--superopacblack);
    left: 50%;
    padding: 2.5rem 1.65rem 3rem 2.5rem;
    transform: translate3d(-50%, calc(100vh - 16em),0);
    transform: translate3d(-50%, calc((var(--vh, 1vh) * 100) - 16em),0);
    transition: transform 1s cubic-bezier(.77,0,.18,1);
    pointer-events: all;
  }

  .nav-wrap .floating-box.mobile::after {
    content: '';
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    height: 2rem;
    background: rgb(233,216,206);
    background: linear-gradient(180deg, rgba(233,216,206,0) 0%, rgba(233,216,206,1) 100%);
  }

  .nav-wrap .floating-box.mobile .floating-box__inner {
    opacity: 0;
    padding-right: 1.5rem;
    padding-bottom: 2rem;
    transition: transform 0.5s cubic-bezier(.77,0,.18,1), opacity 0.5s ease-out;
    transform: translate3d(0,0.5rem,0);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .nav-wrap .floating-box.mobile .floating-box__inner::-webkit-scrollbar {
    display: none;
  }

  .nav-wrap .floating-box.mobile h3.title {
    margin-top: 1.5rem;
  }

  .nav-wrap .floating-box.mobile h3.title.first {
    margin-top: 0;
  }

  /* --- Nav-Wrap Trigger */

  .nav-wrap .floating-box.mobile .floating--trigger {
    z-index: 99;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 3em;
    padding: 0.625rem;
    text-align: center;
    cursor: pointer;
  }

  .nav-wrap .floating-box.mobile .floating--trigger span.h3 {
    font-size: 1rem;
    -webkit-transition: opacity 0.3s ease-out 0.25s;
    transition: opacity 0.3s ease-out 0.25s;
  }

  /*--- nav wrap closing trigger */

  .nav-wrap .floating-box.mobile .floating--trigger::after {
    font-family: 'Icons Base';
    content: '\004a';
    position: absolute;
    top: 1.2rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    color: var(--color_darkgreen);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }

  /* --- Floatingnav Open State */

  .nav-wrap.open_float .floating-box.mobile {
    transform: translate3d(-50%, 0,0);
  }

  .nav-wrap.open_float .floating-box.mobile .floating-box__inner {
    pointer-events: all;
    opacity: 1;
    height: 100%;
    overflow-y: scroll;
    transition: transform 0.5s cubic-bezier(.77,0,.18,1) 0.5s, opacity 0.5s ease-out 0.5s;
    transform: translate3d(0,0,0);
  }

  .nav-wrap .floating-box.mobile .floating--trigger.open_float span {
    opacity: 0;
  }

  .nav-wrap .floating-box.mobile .floating--trigger.open_float::after {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out 0.85s;
    transition: opacity 0.3s ease-out 0.85s;
  }

  /* --- Floatingnav Prepping State - (Menu is open, floatingnav-trigger goes in front) */

  .nav-wrap.open .floating-box.mobile {
    transform: translate3d(-50%,calc(100vh - 10em),0);
    transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 10em),0);
  }

  .nav-wrap.prep_float .floating-box.mobile {
    z-index: 1;
    transform: translate3d(-50%,calc(100vh - 13em),0);
    transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 13em),0);
  }

  .nav-wrap.open_float ul.nav-list {
    transform: translate3d(0,calc(100vh - 13em),0);
    transform: translate3d(0,calc((var(--vh, 1vh) * 100) - 13em),0);
  }

  .nav-wrap.prep_float.open_float .floating-box.mobile {
    transform: translate3d(-50%,0,0);
  }

  .nav-wrap.prep_float.open_float ul.nav-list {
    transform: translate3d(0,calc(100vh - 10em),0);
    transform: translate3d(0,calc((var(--vh, 1vh) * 100) - 10em),0);
  }

  .nav-wrap.closing_nav .floating-box.mobile {
    z-index: 1;
    transform: translate3d(-50%,calc(100vh - 10em),0);
    transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 10em),0);
  }


  /* --- Floatingnav Closing State */

  .nav-wrap .floating-box.mobile .mobile--trigger.closing span {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out 0.85s;
    transition: opacity 0.3s ease-out 0.85s;
  }

  .nav-wrap .floating-box.mobile .mobile--trigger.closing::after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }




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

  03. Footer

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

  .footer-wrap .footer__main {
    margin-bottom: 8em;
    margin-top: 4em;
  }

  .footer-wrap .footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5em;
  }

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

  04. NoScript Banner

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


}

/* MOBILE //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript Banner
*/

@media only screen and (max-width: 36.25em) {

  /* SETUP //////////////////////////////////////////////////////////////// */

  :root {
    --swiper-navigation-size: 2rem;
  }


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

  01. Presets

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

  /* MISC *******************************************************************************/

  .h1, h1 {
    font-size: 2.25rem;
  }

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

  h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-size: 1.25rem;
    line-height: 1.2em;
    margin-top: 0.5em;
  }

  p, .p, li, p a, .p a {
    font-size: 1rem;
  }

  table.ecurea-table td, table.ecurea-table th {
    font-size: 0.875rem;
    padding: 0.75em 1em 0.75em 0;
  }

  /**/

  .no-sm {
    display: none;
  }
  .no-md {
    display: inherit;
  }
  span.no-md {
    display: inline;
  }

  /***** Buttons */

  .button {
    padding: 0.5em 1.25em 0.5625em;
  }

  .button.icon {
    padding: 0.5em 1.25em 0.5625em 2.5em;
  }

  .button.icon::after {
    left: 1.25em;
  }

  /****** Anchor Link Target */

  .anchor-target::before {
    height: 3.5625rem; /* header height */
    margin-top: -3.5625rem; /* negative header height */
  }


  /* LAYOUT *******************************************************************************/

  .main__inner {
    margin-top: 0; /* Space to Navigation */
  }

  .main__inner .sec-wrap:first-child {
    padding-top: 6rem;
  }

  .sec-wrap__inner {
    padding: 1.75em 1.5625em;
  }



  /**/

  .text-2-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
  }

  .text-3-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
  }

  /***** scroll reveal */

  .scrl {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
  }

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

  02. Navigation

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

  /****** Nav-Wrap */

  .nav-wrap ul.nav-list li {
    font-size: min(1.875rem, 5vh);
  }

  .nav-wrap__content::before {
    height: 3.5625rem;
  }

  .nav-wrap ul.brand {
    left: 0.7625em;
    margin: 0;
  }

  .nav-wrap ul.nav-list {
    height: min(100vh - 5em);
    height: min((var(--vh, 1vh) * 100) - 5em);
    transform: translate3d(0, calc(100vh - 8em),0);
    transform: translate3d(0, calc((var(--vh, 1vh) * 100) - 8em),0);
  }

  .nav-wrap ul.brand .logo-wrap {
    width: 8rem;
    margin-top: 0;
  }

  .scrolled-nav.nav-wrap ul.brand .logo-wrap {
    margin-top: 0;
    height: 2rem;
  }

  .nav-wrap .mobile-cta-button {
    right: 0.7625em;
    top: 0.75em;
  }

  .nav-wrap .mobile--trigger {
    margin-bottom: 0;
  }

  /***** Nav-Wrap Open State */

  /* .nav-wrap.open,
  .scrolled-nav.nav-wrap.open {
  height: calc(100vh - 10em);
  } */

  /*  FLOATING BOX - MOBILE NAVIGATION *******************************************************************************/

  .nav-wrap .floating-box.mobile {
    height: calc(100vh - 5em);
    height: calc((var(--vh, 1vh) * 100) - 5em);
    padding: 2.25rem 1.85rem 3rem 2.25rem;
    transform: translate3d(-50%, calc(100vh - 11em),0);
    transform: translate3d(-50%, calc((var(--vh, 1vh) * 100) - 11em),0);
  }

  .nav-wrap .floating-box.mobile h3.title {
    margin-top: 1rem;
  }

  /* --- Floatingnav Prepping State - (Menu is open, floatingnav-trigger goes in front) */

  .nav-wrap.open .floating-box.mobile {
    transform: translate3d(-50%,calc(100vh - 5em),0);
    /* transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 5em),0); */
  }

  .nav-wrap.prep_float .floating-box.mobile {
    transform: translate3d(-50%,calc(100vh - 8em),0);
    /* transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 8em),0); */
  }

  .nav-wrap.closing_nav .floating-box.mobile {
    transform: translate3d(-50%,calc(100vh - 5em),0);
    /* transform: translate3d(-50%,calc((var(--vh, 1vh) * 100) - 5em),0); */
  }

  .nav-wrap.open_float ul.nav-list {
    transform: translate3d(0,calc(100vh - 8em),0);
    /* transform: translate3d(0,calc((var(--vh, 1vh) * 100) - 8em),0); */
  }

  .nav-wrap.prep_float.open_float .floating-box.mobile {
    transform: translate3d(-50%,0,0);
  }

  .nav-wrap.prep_float.open_float ul.nav-list {
    transform: translate3d(0,calc(100vh - 5em),0);
    /* transform: translate3d(0,calc((var(--vh, 1vh) * 100) - 5em),0); */
  }





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

  03. Footer

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

  .footer__main {
    padding: 1.5625rem;
    margin-top: 2em;
  }

  .footer-wrap {
    font-size: 0.875rem;
  }

  .footer-wrap .logo-wrap {
    width: 8rem;
  }

  .footer-wrap .secondary-links-wrap {
    justify-content: flex-start;
  }


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

  04. NoScript Banner

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

  .warning-banner p, .warning-banner b, .warning-banner a {
    font-size: 0.875em;
  }

  a.close-banner-btn {
    margin-top: 0.625em;
  }

}


/* MINI-MOBILE //////////////////////////////////////////////////////////////// */
/*
01. Presets
02. Navigation
03. Footer
04. NoScript Banner
*/

@media only screen and (max-width: 26.875em) {

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

  01. Presets

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

  /* MISC *******************************************************************************/

  .h1, h1 {
    font-size: 1.75rem;
  }

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

  h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-size: 1rem;
  }

  p, .p, li, p a, .p a, .button {
    font-size: 0.875rem;
  }


  .no-xs {
    display: none;
  }
  .no-sm {
    display: inherit;
  }
  span.no-sm {
    display: inline;
  }

  /****** Anchor Link Target */

  .anchor-target::before {
    height: 3.375rem; /* header height */
    margin-top: -3.375rem; /* negative header height */
  }


  /*--- Two Columns List */

  ul.two-col-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ul.two-col-list li:not(:first-child) {
    margin-top: 1rem;
  }

  /* LAYOUT *******************************************************************************/

  .main__inner .sec-wrap:first-child {
    padding-top: 5rem;
  }


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

  02. Navigation

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

  /***** Nav-Wrap */

  .nav-wrap__content::before {
    height: 3.375rem;
  }

  .nav-wrap__inner {
    padding: 0 1.5625em;
  }

  /***** Nav-Styling */

  .nav-wrap ul.brand .logo-wrap {
    margin-top: 0;
  }

  .nav-wrap ul.brand .logo-wrap,
  .scrolled-nav.nav-wrap ul.brand .logo-wrap {
    width: 7rem;
    /* margin-top: 0.15rem; */
  }

  /* .nav-wrap ul.nav-list {
  height: min(100vh - 10.5em);
}

.nav-wrap .floating-box.mobile {
height: calc(100vh - 10.875em);
} */

/***** Nav-Wrap Trigger */

.nav-wrap .floating-box.mobile .floating--trigger,
.nav-wrap .mobile--trigger {
  height: 2.5rem;
  padding: 0.4375rem 0.5rem 0.5rem;
}

.nav-wrap .floating-box.mobile .floating--trigger span.h3,
.nav-wrap .mobile--trigger span.h3 {
  font-size: 0.875rem;
}

/* --- Floatingnav Prepping State - (Menu is open, floatingnav-trigger goes in front) */

/* .nav-wrap.prep_float .floating-box.mobile {
transform: translate3d(-50%,calc(100vh - 7.5em),0);
} */



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

03. Footer

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

.footer-wrap {
  font-size: 0.75rem;
}

.footer-wrap .logo-wrap {
  width: 7rem;
}

.footer-wrap .footer__sub {
  margin-bottom: 3.75em;
}

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

04. NoScript Banner

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


}

/* SPECIAL BREAKPOINTS //////////////////////////////////////////////////////// */

/* BIG TABLET //////////////////////////////////////////////////////////////// */
/*
01. Inner Content
*/


@media only screen and (max-width: 60em) {


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

  01. Navigation

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

  /* .nav-wrap__inner {
  padding:  1.5em 1.1875em 0.625em;
}

.nav-wrap.scrolled-nav .nav-wrap__inner {
padding: 0.625em 1.1875em;
} */


}


/* Printer */

@media print {

  @page {
    margin: 1cm;
  }

  header, nav, footer {
    display: none;
  }

  img {
    max-width: 31.25em;
    visibility: visible !important;
  }

}