/*
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 *
 * General styles for the mobile menu
 * Color customizations added in the main stylesheet
 */
/*
base font size calculation
@link https://utopia.fyi/type/calculator?c=480,18,1.25,1200,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
min-width: 480
max-width: 1200
min-font: 18
max-font: 20
steps: 1.25
*/
body {
  --wp--preset--color--white: #fff;
  --wp--preset--color--black: #000000;
  --wp--preset--color--primary: #247d81;
  --wp--preset--color--primary-light: #f4f9f9;
  --wp--preset--color--primary-dark: #19585a;
  --wp--preset--color--secondary: #c0ab88;
  --wp--preset--color--secondary-light: #f2eee7;
  --wp--preset--color--secondary-dark: #908066;
  --wp--preset--spacing--xs: calc(calc(3vw + 2rem) * .3);
  --wp--preset--spacing--sm: calc(calc(3vw + 2rem) * .6);
  --wp--preset--spacing--md: calc(3vw + 2rem);
  --wp--preset--spacing--lg: calc(calc(3vw + 2rem) * 1.2);
  --wp--preset--spacing--xl: calc(calc(3vw + 2rem) * 1.8);
  --wp--preset--font-size--x-small: 0.75em;
  --font-size-x-small: 0.75em;
  --wp--preset--font-size--small: 0.85em;
  --font-size-small: 0.85em;
  --wp--preset--font-size--medium: 1em;
  --font-size-medium: 1em;
  --wp--preset--font-size--large: 1.2em;
  --font-size-large: 1.2em;
  --wp--preset--font-size--x-large: 1.4em;
  --font-size-x-large: 1.4em;
  --font-size-h1: 2.5em;
  --font-size-h2: 2em;
  --font-size-h3: 1.55em;
  --font-size-h4: 1.25em;
  --font-size-h5: 1em;
  --font-size-h6: 0.9em;
}

/* variables */
/* button */
.slicknav_btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

.slicknav_icon {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
}

.slicknav_icon-bar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: all 250ms cubic-bezier(0.2, 0.6, 0.3, 1);
  -o-transition: all 250ms cubic-bezier(0.2, 0.6, 0.3, 1);
  transition: all 250ms cubic-bezier(0.2, 0.6, 0.3, 1);
}
.slicknav_icon-bar:nth-of-type(1) {
  -webkit-transform: translateY(calc(25px * -.27));
  -ms-transform: translateY(calc(25px * -.27));
  transform: translateY(calc(25px * -.27));
}
.slicknav_icon-bar:nth-of-type(2) {
  opacity: 1;
}
.slicknav_icon-bar:nth-of-type(3) {
  -webkit-transform: translateY(calc(25px * .27));
  -ms-transform: translateY(calc(25px * .27));
  transform: translateY(calc(25px * .27));
}
.slicknav_open .slicknav_icon-bar:nth-of-type(1) {
  -webkit-transform: translateX(calc(25px * .1)) rotate(-135deg);
  -ms-transform: translateX(calc(25px * .1)) rotate(-135deg);
  transform: translateX(calc(25px * .1)) rotate(-135deg);
  width: calc(25px * .8);
}
.slicknav_open .slicknav_icon-bar:nth-of-type(2) {
  opacity: 0;
}
.slicknav_open .slicknav_icon-bar:nth-of-type(3) {
  -webkit-transform: translateX(calc(25px * .1)) rotate(135deg);
  -ms-transform: translateX(calc(25px * .1)) rotate(135deg);
  transform: translateX(calc(25px * .1)) rotate(135deg);
  width: calc(25px * .8);
}

.slicknav_menu .slicknav_no-text {
  margin: 0;
}

/* menu */
.slicknav_menu {
  *zoom: 1;
  font-weight: 400;
}
.slicknav_menu::before {
  content: " ";
  display: table;
}
.slicknav_menu::after {
  content: " ";
  display: table;
  clear: both;
}

.slicknav_nav {
  z-index: 10;
  position: fixed;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: calc(calc(3vw + 2rem) * .3) calc(calc(3vw + 2rem) * .6) calc(3vw + 2rem);
  width: 100%;
  text-align: left;
  background: #f2eee7;
  overflow-x: scroll;
  overscroll-behavior: contain;
  /* arrow */
  /* button */
}
@media (min-width: 600px) {
  .slicknav_nav {
    padding: calc(3vw + 2rem);
  }
}
.slicknav_nav ul {
  display: block;
  margin-left: 0;
}
.slicknav_nav li {
  position: relative;
  display: block;
  margin: 0 auto;
}
.slicknav_nav > li {
  border-bottom: 1px solid #e6ddcf;
}
.slicknav_nav > li:last-of-type,
.slicknav_nav > li:nth-last-child(-n+2) {
  border: 0;
}
.slicknav_nav li ul {
  position: relative;
  top: -0.3em;
  margin-bottom: 0.5em;
}
.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_item a {
  display: inline;
}
.slicknav_nav .slicknav_row {
  position: relative;
  display: block;
  padding: 1em;
}
.slicknav_nav .mobile-nav-item a {
  display: block;
  color: #1a1a1a;
}
.slicknav_nav .mobile-nav-item a:hover, .slicknav_nav .mobile-nav-item a:focus {
  color: #247d81 !important;
}
.slicknav_nav > .mobile-nav-item > a {
  padding: 0.8rem 0.4rem;
  font-size: var(--font-size-x-large);
  text-transform: uppercase;
}
.slicknav_nav ul a,
.slicknav_nav ul .slicknav_row {
  padding: 0.4rem;
  font-size: 1rem;
}
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
}
.slicknav_nav .slicknav_arrow {
  position: absolute;
  top: 50%;
  right: 2.5%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  margin: 0;
  width: 1em;
  height: 1em;
  color: #fff;
  font-size: 1em;
  text-indent: -999em;
  overflow: hidden;
}
.slicknav_nav .slicknav_arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f107";
  color: #1a1a1a;
  font: 1em/1 "Font Awesome 5 Pro" !important;
  text-indent: 0;
  transition: color 300ms ease;
}
.slicknav_nav .slicknav_row:hover .slicknav_arrow::before {
  color: #247d81;
}
.slicknav_nav .slicknav_open > a .slicknav_arrow::before {
  content: "\f106";
}
.slicknav_nav .mobile-btn {
  padding-bottom: 1rem;
  text-align: center;
}
.slicknav_nav .mobile-btn .btn {
  display: inline-block;
}

.slicknav_brand {
  float: left;
}