/*
 * 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
 */
body {
  --wp--preset--color--white: #fff;
  --wp--preset--color--black: #000000;
  --wp--preset--color--primary: #7382be;
  --wp--preset--color--primary-light: #e3e6f2;
  --wp--preset--color--primary-dark: #626fa2;
  --wp--preset--color--secondary: #9fcf67;
  --wp--preset--color--secondary-light: #ecf5e1;
  --wp--preset--color--secondary-dark: #8fba5d;
  --wp--preset--color--red: #cf2e2e;
  --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.84375em;
  --font-size-x-small: 0.84375em;
  --wp--preset--font-size--small: 0.95625em;
  --font-size-small: 0.95625em;
  --wp--preset--font-size--medium: 1.125em;
  --font-size-medium: 1.125em;
  --wp--preset--font-size--large: 1.4625em;
  --font-size-large: 1.4625em;
  --wp--preset--font-size--x-large: 1.6875em;
  --font-size-x-large: 1.6875em;
  --font-size-h1: 2.8em;
  --font-size-h2: 2.2em;
  --font-size-h3: 1.6em;
  --font-size-h4: 1.25em;
  --font-size-h5: 1.125em;
}

.slicknav_btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0.4em 0.8em;
  text-transform: uppercase;
  cursor: pointer;
}

.slicknav_menu {
  *zoom: 1;
  font-weight: 400;
}

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

.slicknav_menu .slicknav_menutxt::after {
  margin-left: 0.28em;
  content: "\f0c9";
  font: 1em/1 Font Awesome\ 5 Pro !important;
}

.slicknav_menu .slicknav_icon {
  display: none;
}

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

.slicknav_menu::before {
  content: " ";
  display: table;
}

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

.slicknav_nav {
  z-index: 100;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  padding: 1em 0;
  width: 100%;
  font-size: 1em;
  text-align: left;
  overflow: hidden;
}

.slicknav_nav ul {
  display: block;
  margin-left: 1.4em;
  font-size: 0.9em;
}
.slicknav_nav ul ul {
  font-size: 1em;
}

.slicknav_nav > li > ul {
  margin-bottom: 0.3em;
}

.slicknav_nav li {
  display: block;
  margin: 0 auto;
  max-width: 600px;
}

.slicknav_nav > li {
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 680px) {
  .slicknav_nav > li {
    margin: 0 5%;
  }
}

.slicknav_nav > li:last-of-type {
  border: 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";
  font: 1em/1 Font Awesome\ 5 Pro !important;
  text-indent: 0;
  transition: color 300ms ease;
}

.slicknav_nav .slicknav_open > a .slicknav_arrow::before {
  content: "\f106";
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_item a {
  display: inline;
}

.slicknav_nav .slicknav_row {
  position: relative;
  display: block;
  padding: 0.6em 1em;
}

.slicknav_nav a {
  display: block;
  padding: 0.6em 1em;
  line-height: 1.2;
}

.slicknav_nav ul a, .slicknav_nav ul .slicknav_row {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
}

.slicknav_brand {
  float: left;
}