/* -------------- https://materializeweb.com/ (newest version of materializecss) -------------- */
:root, :root[theme='light'], :root[theme='dark'] {
  --md-sys-color-background: #FEFEFE;
  --md-sys-color-surface: #FEFEFE;
  --md-sys-color-on-surface: #FEFEFE;
  --md-sys-color-on-background: #1D1D1D;
  --md-sys-color-on-secondary-container: #1D1D1D;
  --md-sys-color-secondary-container: #F4F1E0;
  --md-sys-color-on-primary: #5ea31b;
  --md-sys-color-on-primary-dark: #E8E1BD;
  --desktop-header-size: 64px;
  --desktop-header-size-transparent: 100px;

  /*
  --background-color: #121212;
  --surface-color: #242424;
  --font-color-main: rgba(255, 255, 255, 0.87);
  --font-color-medium: rgba(255, 255, 255, 0.60);
  --font-color-disabled: rgba(255, 255, 255, 0.38);
  --font-on-primary-color-main: rgba(0, 0, 0, 0.87);
  --font-on-primary-color-dark-main: rgba(255, 255, 255, 0.87);
  --font-on-primary-color-dark-medium: rgba(255, 255, 255, 0.60);
  --font-on-primary-color-medium: rgba(0, 0, 0, 0.56);
  --font-on-primary-color-disabled: rgba(0, 0, 0, 0.38);
  --hover-color: rgba(255, 255, 255, 0.04);
  --focus-color: rgba(255, 255, 255, 0.12);
  --focus-color-solid: #424242;
  --background-color-disabled: rgba(255, 255, 255, 0.12);
  --background-color-level-4dp: rgba(255, 255, 255, 0.09);
  --background-color-level-16dp-solid: #262626;
  --background-color-card: var(--surface-color);
  --background-color-slight-emphasis: rgba(255, 255, 255, 0.05);
  --slider-track-color: rgba(255, 255, 255, 0.26);
  --switch-thumb-off-color: #bababa;
  --primary-color: #B39DDB;
  --primary-color-dark: #9575CD;
  --primary-color-numeric: 179, 157, 219;
  --primary-color-raised-hover-solid: #C2ACEA;
  --primary-color-raised-focus-solid: #DBC5FF;
  --secondary-color: #CDDC39;
  --secondary-color-hover-solid: #DCEB48;
  --secondary-color-focus-solid: #F5FF61;
  --secondary-container-color: #B39DDB;
  --font-on-secondary-container-color: rgba(255, 255, 255, 0.87);
  --md_sys_color_on-surface: 230, 225, 229;
  */
}
html, body {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  display: flex;
  width: 100vw;
  min-height: 100vh;
  flex-direction: column;
}
main {
  position: relative;
  width: 100vw;
  flex: 1 0 auto;
  overflow-x: hidden;
  z-index: 1;
}
* {
  font-family: "Open Sans", sans-serif;
}
h1 {
  font-family: "Arvo", serif;
  font-weight: 700;
  font-style: normal;
}
h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
}
h5 {
  line-height: 140%;
}
ol {
  line-height: 145%;
}
a {
  color: #5da31d;
}
header .navbar-fixed .navbar,
header.transparent.past .navbar-fixed .navbar {
  background-color: var(--md-sys-color-secondary-container);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
header .navbar-fixed .navbar .dropdown-trigger i {
  transition: all .25s;
}
header .navbar-fixed .navbar .sidenav-trigger,
header.transparent.past .navbar-fixed .navbar .sidenav-trigger {
  color: var(--md-sys-color-on-primary);
  transition: all .25s;
}
header.transparent .navbar-fixed .navbar .sidenav-trigger {
  color: var(--md-sys-color-on-surface);
}
header .navbar-fixed .navbar .brand-logo img.logo-color,
header.transparent.past .navbar-fixed .navbar .brand-logo img.logo-color {
  display: block;
}
header.transparent .navbar-fixed .navbar .brand-logo img.logo-color {
  display: none;
}
header .navbar-fixed .navbar .brand-logo img.logo-white,
header.transparent.past .navbar-fixed .navbar .brand-logo img.logo-white {
  display: none;
}
header.transparent .navbar-fixed .navbar .brand-logo img.logo-white {
  display: block;
}
header.transparent .navbar-fixed .navbar {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: all .25s;
}
header .navbar-fixed .navbar ul:not(.dropdown-content)>li>a,
header.transparent.past .navbar-fixed .navbar ul:not(.dropdown-content)>li>a {
  color: var(--md-sys-color-on-primary);
  text-shadow: none;
  transition: all .25s;
}
header.transparent .navbar ul:not(.dropdown-content)>li>a {
  color: var(--md-sys-color-on-surface);
  text-shadow: 1px 1px 2px #000000;
}
header .navbar-fixed .navbar ul:not(.dropdown-content)>li>a:hover:not(.active),
header.transparent.past .navbar-fixed .navbar ul:not(.dropdown-content)>li>a:hover:not(.active) {
  background-color: var(--md-sys-color-on-primary-dark);
  transition: all .25s;
}
header.transparent .navbar ul:not(.dropdown-content)>li>a:hover:not(.active) {
  background-color: rgba(255, 255, 255, .2);
}
main.transparent {
  margin-top: calc(var(--navbar-height) * -1);
}

.register-order {
  background-color: #ffffff;

}
.register-order:hover {
  background-color: var(--md-sys-color-on-primary-dark);

}

.navbar ul:not(.dropdown-content)>li>a {
    font-size: 1.25rem;
}


.brand-logo {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.brand-logo img {
  height: 48px;
  vertical-align: middle;
}
.side-logo {
  padding: 16px 64px;
}
.side-logo img {
  width: 100%;
  vertical-align: middle;
}
.app-store-button {

}
.app-store-button img {
  height: 54px;
  vertical-align: middle;
  margin-top: -4px;
}
.sidenav-app-store {
  height: 64px;
  line-height: 64px;
}
.sidenav-app-store .app-store-button {

}
.sidenav-app-store .app-store-button img {
  height: 64px;
  margin: 0;
}
header .navbar-fixed .navbar #dropdown-faq,
header.transparent.past .navbar-fixed .navbar #dropdown-faq {
  top: 64px !important;
  width: 200px !important;
  height: 100px !important;
  background-color: var(--md-sys-color-secondary-container);
  transition: all .25s;
}
header.transparent .navbar-fixed .navbar #dropdown-faq {
  background-color: rgba(255, 255, 255, .1);
}
header .navbar-fixed .navbar #dropdown-faq>li>a,
header.transparent.past .navbar-fixed .navbar #dropdown-faq>li>a {
  color: var(--md-sys-color-on-primary);
  text-shadow: none;
  transition: all .25s;
}
header.transparent .navbar-fixed .navbar #dropdown-faq>li>a {
  color: var(--md-sys-color-on-surface);
  text-shadow: 1px 1px 2px #000000;
}
.dropdown-content li:not(.disabled):hover, .dropdown-content li.active {
  background-color: transparent;
}
header .navbar-fixed .navbar #dropdown-faq>li>a:hover:not(.active),
header.transparent.past .navbar-fixed .navbar #dropdown-faq>li>a:hover:not(.active) {
  background-color: var(--md-sys-color-on-primary-dark);
  transition: all .25s;
}
header.transparent .navbar-fixed .navbar #dropdown-faq>li>a:hover:not(.active) {
  background-color: rgba(255, 255, 255, .25);
}
.vignette {
  position: relative;
  height: 60vh;
  max-height: 550px;
}
.vignette.large {
  height: 80vh;
  max-height: none;
}
.vignette video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.vignette .vignette-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.vignette .vignette-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.vignette .vignette-box {
  position: relative;
  width: 100%;
}
.vignette .container {
  color: var(--md-sys-color-on-surface);
  text-shadow: 1px 1px 5px var(--md-sys-color-on-background);
  text-align: center;
}
.vignette .container h1 {

}
.vignette .container h2 {

}
.page-footer {
  margin-top: 0;
  padding: 2rem 0 1rem 0;
  background-color: var(--md-sys-color-on-primary);
  color: var(--md-sys-color-on-surface);
  border-top: none;
}
.page-footer .footer-logo {

}
.page-footer .footer-logo img {
  width: 150px;
  vertical-align: middle;
}
.page-footer .footer-logo-text {

}
.page-footer .footer-logo-text h5 {
  font-family: "Arvo", serif;
  font-weight: 700;
  font-style: normal;
  color: var(--md-sys-color-on-surface);
}
.page-footer .footer-logo-text p {
  color: var(--md-sys-color-on-surface);
}
.page-footer ul.footer-links {

}
.page-footer ul.footer-links li {
  padding: .25rem 0;
}
.page-footer ul.footer-links li a {
  color: var(--md-sys-color-on-surface);
}
.page-footer ul.footer-links li a:hover {
  text-decoration: underline;
}
.doodle {
  width: 350px;
  vertical-align: middle;
}
.doodle-large {
  width: 450px;
  vertical-align: middle;
}
.doodle-xlarge {
  width: 550px;
  vertical-align: middle;
}
.doodle-right {
  float: right;
}
.doodle-left {
  float: left;
}
section {
  padding: 3rem 0;
  background-color: var(--md-sys-color-background);
  color: var(--md-sys-color-on-background);
}
section.alt {
  background: #5DA31D;
  background: linear-gradient(90deg, rgba(93, 163, 29, 1) 0%, rgba(138, 222, 60, 1) 100%);
  color: var(--md-sys-color-on-surface);
}
section.alt a {
  color:#ffffff;
  text-decoration: underline;
}
section.alt-dark {
  background: #826844;
  background: linear-gradient(90deg, rgba(130, 104, 68, 1) 0%, rgba(53, 42, 23, 1) 100%);
  color: #ffffff;
}
.alt-dark-callout-with-padding {
  background: #826844;
  background: linear-gradient(90deg, rgba(130, 104, 68, 1) 0%, rgba(53, 42, 23, 1) 100%);
  padding: 1.25rem;
  font-size: 1.25rem;
  color:#ffffff;
}
section.alt-light {
  background: #FFFFFF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
  color: #000000;
}
@media screen and (max-width:601px) {
  .doodle {
    width: 200px;
    vertical-align: middle;
  }
}
@media screen and (min-width:601px) {
  .brand-logo img {
    height: 54px;
  }
}
@media screen and (min-width:994px) {
  .navbar .nav-wrapper {
    padding: 0 24px;
  }
}
@media screen and (min-width:1201px) {
  header .navbar-fixed,
  header.transparent.past .navbar-fixed {
    height: var(--desktop-header-size);
  }
  header .navbar-fixed .navbar,
  header.transparent.past .navbar-fixed .navbar,
  header.transparent.past .navbar-fixed .navbar .dropdown-trigger i {
    height: var(--desktop-header-size);
    line-height: var(--desktop-header-size);
  }
  header.transparent .navbar-fixed {
    height: var(--desktop-header-size-transparent);
  }
  header.transparent .navbar-fixed .navbar {
    height: var(--desktop-header-size-transparent);
    line-height: var(--desktop-header-size-transparent);
  }
  header.transparent .navbar-fixed .navbar .dropdown-trigger i {
    height: var(--desktop-header-size-transparent);
    line-height: var(--desktop-header-size-transparent);
  }
  header .navbar-fixed .brand-logo img,
  header.transparent.past .navbar-fixed .brand-logo img {
    height: 54px;
  }
  header.transparent .navbar-fixed .brand-logo img {
    height: 80px;
  }
  header .navbar-fixed .navbar #dropdown-faq,
  header.transparent.past .navbar-fixed .navbar #dropdown-faq {
    top: 64px !important;
  }
  header.transparent .navbar-fixed .navbar #dropdown-faq {
    top: 100px !important;
  }
  main.transparent {
    margin-top: calc(var(--desktop-header-size-transparent) * -1);
  }
}