/* -------------------
REFERENCE

Color Palette
----------------------
— tomato red: #cf3424
— cool teal: #68a098, pale alt: #aad6d0
— light moss: #bbc0aa, pale alt: #d2d8c0
— ochr yellow: #e6b308
— avocado green: #b6b72b
— light grey: #f0f1f0
- > note in some cases colors are darkened for a11y/accessibility

Contents
----------------------
— Fonts
  — — rufina
  — — quattrocento sans
  — — baskervville
  — — ubuntu mono
— CSS Reset + Other Globals
  - - Animations
  - - Anchor Links
  - - Custom Cursor
- A11y and ADA
- Preloader
— Typography
  — — headlines
  — — combined headlines
  — — headlines with paragraphs
  - - dropcaps
  — — hyphenation and ligatures in body text
  — — body text
  - - figure and caption
  - - aside
  - - details/summary accordian
  - - links
  — — lists
  - - error messages
  - - horizontal rules
- Main Navigation
  - - mobile main navigation
- Footer
  - - footer upper section
  - - social media icons
  - - footer lower section
— Tables
  - - datepicker table, seen in forms
- Forms
  - - true/false and yes/no
  - - 'other' option textboxes
  - - select text style
  - - disabled input
  - - readonly input
  - - custom checkboxes
  - - custom radio buttons
  - - date dropdown
  - - forgot password form
— Buttons
  — - buttons general hover state
  - - buttons general active state
  - - buttons general focus state
  - - default button
  - - alternative button
  - - modal button
  - - modal alt button
  - - large button
  - - primary link button
  - - link alt button
  - - modal link button
  - - modal link alt button
  - - large link button
  - - catchall button
  - - submit button (input)
  - - clear button (input)
- Global (Persistent) Header
  - - Header Logo
- Member Modal Login
  - - 'remember me' checkbox in modal login
- General Modal Windows
- Member Login Page
  - - hide "to sign up for an account..."
  - - forgot password subpage
- Member Template
  - - member tools submenu
  - - flickity, for members template submenu
  - - draggable flickity
  - - edit profile form
  - - billing info form
  - - member tables
  - - edit address book form
  - - order history table
  - - member template pages without submenu
- Persistent Login (Account)
- Email Subscribe Widget
- Homepage Template
  - - homepage header logo
  - - homepage video
- Main Template
  - - tock reservations widget(s)
- Vineyard Template
- Product List Template
  - - product search
  - - search auto/dynamic results
  - - 1-up store customization
- Product Drilldown Template
  - - product drilldown details typography
  - - product drilldown add to cart
  - - more product details section
- Related Products
- Staff Template
- Elliptical Society Template
- Recipe List Template
- Recipe Drilldown Template
- Recipe Category Template
- Blog List Template
- Timeline Template - must be at end of lc.css file
---------------------- */

/* -------------------
FONTS
---------------------- */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  src: url('../font/rufina-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/rufina-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/rufina-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/rufina-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/rufina-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/rufina-regular.svg#Rufina') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  src: url('../font/rufina-bold.eot'); /* IE9 Compat Modes */
  src: url('../font/rufina-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/rufina-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/rufina-bold.woff') format('woff'), /* Modern Browsers */
       url('../font/rufina-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/rufina-bold.svg#Rufina') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/quattrocento-sans-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/quattrocento-sans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/quattrocento-sans-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/quattrocento-sans-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/quattrocento-sans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/quattrocento-sans-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/quattrocento-sans-bold.eot'); /* IE9 Compat Modes */
  src: url('../font/quattrocento-sans-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/quattrocento-sans-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/quattrocento-sans-bold.woff') format('woff'), /* Modern Browsers */
       url('../font/quattrocento-sans-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/quattrocento-sans-bold.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  src: url('../font/baskervville-italic.eot'); /* IE9 Compat Modes */
  src: url('../font/baskervville-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/baskervville-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/baskervville-italic.woff') format('woff'), /* Modern Browsers */
       url('../font/baskervville-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/baskervville-italic.svg#Baskervville') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../font/ubuntu-mono.eot'); /* IE9 Compat Modes */
  src: url('../font/ubuntu-mono.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/ubuntu-mono.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/ubuntu-mono.woff') format('woff'), /* Modern Browsers */
       url('../font/ubuntu-mono.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/ubuntu-mono.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}

/* -------------------
COMING SOON
---------------------- */
#coming-soon h1 {
  width: 100%;
  margin: 0;
}

#coming-soon h1::before {
  content: none;
}

/* -------------------
CSS RESET + OTHER GLOBALS
---------------------- */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {
  outline: none;
  box-shadow: 0 0 0 3px #b6b72b;
}

html {
  scroll-behavior: smooth;
}

section {
  position: relative;
}

/* Animations, mostly from animista.net */
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.slide-top {
	-webkit-animation: slide-top 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 1200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 1200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scale-in-ver-top {
	-webkit-animation: scale-in-ver-top 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	        animation: scale-in-ver-top 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}

@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 0.69s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s both;
	        animation: slide-in-blurred-top 0.69s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s both;
}

@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.wait-fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.5s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.5s both;
}

@-webkit-keyframes wait-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wait-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in-fwd {
	-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

.scale-in-ver-center {
	-webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 500ms both;
	        animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 500ms both;
}

@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}

/* Fade in elements on scroll */
.fade { /* just apply the class, it's in the js */ }

/* Anchor Links */
.anchor:target {
  padding-top: 3rem;
}

/* -------------------
A11Y AND ADA
---------------------- */
#v65-skipToContent {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  color: #d2d8c0;
}

#v65-skipToContent a {
  text-shadow: none;
  color: #d2d8c0;
}

#v65-skipToContent a::before, #v65-skipToContent a::after {
    content: none;
}

.screenreader {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
}

/* -------------------
Preloader
---------------------- */
.preload * {
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden;
  position: fixed;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.preload::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9f9f9; /* transition btwn pages */
}

.preloader {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background-color: #f0f1f0;
  color: #f9f9f9;
  font-style: normal;
  font-weight: 400;
  font-family: 'Rufina';
  letter-spacing: .5em;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: calc(1.025rem + 1.2vw);
  pointer-events: none;
  z-index: 99999;
  animation: fadeInPreloader 100ms forwards;
}

#home .preloader {
  background-color: #cf3424;
}

.preloader span {
  margin: auto;
  -webkit-animation: fadeInPreloader 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: fadeInPreloader 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes fadeOutPreloader {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInPreloader {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    letter-spacing: 0.2em;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fadeInPreloader {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    letter-spacing: 0.2em;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/* -------------------
TYPOGRAPHY
---------------------- */
html {
  font-size: 100%;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* req'd for flexbox sticky footer */
  -moz-flex-direction: column;
  flex-direction: column; /* req'd for flexbox sticky footer */
  min-height: 100vh; /* req'd for flexbox sticky footer */
	font-family: 'Rufina';
  font-size: 1.125em;
  line-height: calc(1.5em + .2vw);
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern', 'liga', 'dlig', 'hlig', 'cswh';
	color: #333;
	background-color: #f9f9f9;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
}

@media screen and (min-width: 48em) {
  body {
    font-size:calc(.35842vw + .95296em);
  }
}

@media screen and (min-width: 187.5em) {
  body {
    font-size:1.625em;
  }
}

span.ampersand {
  font-family: Baskerville, 'Baskervville', serif;
  font-style: italic;
  font-weight: 400;
}

.red {
  color: #cf3424;
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  margin-left: -0.7em;
  margin-right: 0.15em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.reqd-asterick {
  overflow: visible;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.25;
	font-family: 'Rufina';
	font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

h1 {
	font-size: 2.557341500000001em;
  font-size: calc(1.557341500000001em + 1vw);
	font-weight: 400;
	margin-top: 0.53em;
	margin-bottom: 0.53em;
  max-width: 9em;
}

@media screen and (min-width: 1140px) {
  h1 {
  	font-size: 2.657341500000001em;
    font-size: calc(1.657341500000001em + 1vw);
  }
}

@media screen and (min-width: 930px) {
  article h1:first-of-type:not(.prdct_title):not(.vineyard_title), .text-content h1:first-of-type {
    width: calc(100% + 10rem);
    max-width: none;
    margin-left: -3.5rem;
  }
}

@media screen and (min-width: 1140px) {
  article h1:first-of-type:not(.vineyard_title), .text-content h1:first-of-type {
    margin-left: 0;
  }
}

@media screen and (min-width: 1140px) {
  article h1:first-of-type:not(.vineyard_title), .text-content h1:first-of-type {
    width: calc(100% + 14rem);
  }
}

@media screen and (min-width: 1700px) {
  article h1:first-of-type:not(.vineyard_title), .text-content h1:first-of-type {
    width: calc(100% + 24rem);
  }
}

article > h1:first-of-type::before, .text-content > h1:first-of-type::before {
  content: '';
  position: absolute;
  left: -1.75em;
  width: 3em;
  height: 2em;
  z-index: -1;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='h1_arrow' fill='%23dde0df' viewBox='0 0 112.69 44.58'%3E%3Cpath d='M104.88 22.34c-9.39 0-16.51 6.72-16.51 15.72 0 4 2.28 6.52 5.14 6.52a8 8 0 004-1.08c-1.82-12.44 7.08-20.27 15.18-21.16-8.1-1-17-8.79-15.22-21.25a8 8 0 00-4-1.09c-2.82 0-5.17 2.48-5.17 6.53 0 8.99 7.19 15.81 16.58 15.81zm-13.14-.39c-4.65-1.39-66.63-4.75-79-4.75C6.23 17.2 0 18.06 0 22.94s6.23 5.83 12.76 5.83c12.35 0 74.33-5.04 78.98-6.82z'/%3E%3C/svg%3E%0A");
}

h2 {
	font-size: 2.415765000000001em;
  font-size: calc(1.415765000000001em + 1vw);
	font-weight: 400;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

@media screen and (min-width: 1140px) {
  h2 {
    font-size: 2.415765000000001em;
    font-size: calc(1.415765000000001em + 1vw);
  }
}

h3 {
	font-size: 2.056150000000001em;
  font-size: calc(1.056150000000001em + 1vw);
	font-weight: 700;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	letter-spacing: 0.015em;
}

h4 {
	font-size: 1.9965000000000006em;
  font-size: calc(0.9965000000000006em + 1vw);
	font-weight: 400;
	margin-top: 0.67em;
	margin-bottom: 0.37em;
}

h5 {
	font-size: 1.7150000000000004em;
  font-size: calc(0.7150000000000004em + 1.25vw);
	font-weight: 700;
	margin-top: 0.94em;
	margin-bottom: 0.47em;
	font-family: 'Quattrocento Sans';
}

h6 {
	font-size: 1.3400000000000001em;
  font-size: calc(0.3400000000000001em + 1.5vw);
	font-weight: 400;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-family: 'Quattrocento Sans', sans-serif;
}

/* Combined Headlines */
h1 + h2 {
  margin-top: -0.35em;
}

h1 + h3 {
  margin-top: -0.2em;
}

h1 + h4 {
  margin-top: -0.1em;
}

h1 + h5 {
  margin-top: -0.65em;
}

h1 + h6 {
  margin-top: -0.65em;
}

h2 + h3 {
  margin-top: -0.2em;
}

h3 + h4 {
  margin-top: -0.1em;
}

h4 + h5 {
  margin-top: -0.2em;
}

h5 + h6 {
  margin-top: -0.35em;
}

/* Headlines with Paragraphs */
h1 + p {
  margin-top: -0.35em;
}

/* Dropcaps */
.dropcap--wrapper {
  display: flex;
  float: left;
  line-height: 1;
}

.dropcap--inner {
  display: flex;
  flex: 1;
  align-items: center;
}

.dropcap--letter {
  color: #d4cec6;
  display: block;
  line-height: 1;
  flex: 1;
  text-align: center;
  font-size: 1.34em;
  margin-top: 0.03em;
  font-family: Baskerville, 'Baskervville', serif;
  text-transform: uppercase;
}

/* Hyphenation and Ligatures in Body Text */
p, dfn, cite, q, var, time, data, q > q, sub, sup, blockquote {
  hanging-punctuation: first;

  -webkit-font-variant-ligatures: normal;
  -webkit-font-variant-ligatures: common-ligatures;
  -webkit-font-variant-ligatures: discretionary-ligatures;
  -webkit-font-variant-ligatures: historical-ligatures;
  -webkit-font-variant-ligatures: contextual;

  -moz-font-variant-ligatures: normal;
  -moz-font-variant-ligatures: common-ligatures;
  -moz-font-variant-ligatures: discretionary-ligatures;
  -moz-font-variant-ligatures: historical-ligatures;
  -moz-font-variant-ligatures: contextual;

  font-variant-ligatures: normal;
  font-variant-ligatures: common-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: historical-ligatures;
  font-variant-ligatures: contextual;

  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 15%;

  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 15%;

  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;

  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}

/* Body Text */
.text-content {
  max-width: 50rem;
  margin: auto;
  padding: 0 1.5em;
}

@media screen and (min-width: 580px) {
  .text-content:last-of-type {
    margin-bottom: 3rem;
  }
}

.text-content-wide {
  max-width: 80rem;
  margin: auto;
  padding: 0 1.5em;
}

p {
	margin-top: 0.56em;
	margin-bottom: 1.5em;
	font-family: 'Rufina';
}

p + p {
  margin-top: -0.775em;
}

b, strong {
	font-weight: 700;
}

em, i, dfn, cite, q, var {
  font-family: 'Baskervville', serif;
  font-style: italic;
  font-weight: 400;
}

time, data, q > q, sub, sup, dl {
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 1.1em;
}

samp, code, pre {
  font-family: 'Ubuntu Mono', monospace;
  font-style: normal;
}

pre {
  overflow: scroll;
}

pre > code {
  margin: -2em 0;
}

code {
  display: block;
  color: #636b4b;
  background-color: #e4e8d7;
  padding: 0.5em;
  font-size: 0.7em;
}

@media screen and (min-width:500px) {
  code {
    font-size: 1em;
  }
}

.callout {
  display: block;
  color: #636b4b;
  background-color: #e4e8d7;
  padding: 1.5em;
}

mark {
  background-color: #d2d8c0;
}

blockquote {
  display: block;
  font-family: 'Baskervville', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.05em;
  padding-left: 2em;
  margin-top: -0.5em;
  margin-bottom: 1em;
  text-indent: -0.35em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

blockquote strong {
  font-style: italic;
  font-weight: 400;
  text-shadow: 0.02em 0.01em 0px #333333;
}

@supports ( hanging-punctuation: first) {
  blockquote {
    text-indent: 0;
    hanging-punctuation: first;
  }
}

address {
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Figure and Caption */
figcaption {
  display: block;
  position: relative;
  margin-left: 10%;
  font-variant-numeric: normal;
  line-height: 1.4em;
  font-size: 0.9em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  color: #068271;
  text-align: right;
}

figure.caption {
  position: relative;
}

figure.caption::before {
  content: "";
  display: block;
  position: absolute;
  right: 5em;
  left: 0;
  bottom: 0.5em;
  border-style: dotted;
  border-color: transparent;
  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3C/svg%3E");
  border-image-slice: 29% 29%;
  border-image-repeat: repeat;
  border-width: 0 0 0.18em 0;
}

@media screen and (min-width: 500px) {
  figcaption {
    margin-left: 50%;
    font-variant-numeric: normal;
    line-height: 1.4em;
    font-size: 0.8em;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  figure.caption::before {
    content: "";
    display: block;
    position: absolute;
    right: 5em;
    left: 0;
    bottom: 1.8em;
  }
}

@media screen and (min-width: 780px) {
  figure.caption::before {
    content: "";
    display: block;
    position: absolute;
    right: 5em;
    top: 0;
    bottom: 0;
    margin-top: -1em;
    margin-bottom: -1em;
    border-style: dotted;
    border-color: transparent;
    border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3C/svg%3E");
    border-image-slice: 29% 29%;
    border-image-repeat: repeat;
    border-width: 0 0.18em 0 0;
  }
}

@media screen and (min-width: 1020px) {
  figcaption {
    margin-left: 60%;
    margin-right: -8em;
  }
  figure.caption::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

/* Aside */
aside {
  display: block;
  position: relative;
  margin-left: 2em;
  margin-bottom: 1.75em;
  font-variant-numeric: normal;
  line-height: 1.4em;
  font-size: 0.9em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  color: #068271;
}

@media screen and (min-width: 820px) {
  aside {
    float: left;
    width: 20em;
    margin-left: 2em;
    margin-top: 0.25em;
    margin-right: 1.5em;
    margin-bottom: auto;
    line-height: 1.4em;
    font-size: 0.8em;
  }
}

@media screen and (min-width: 820px) {
    aside {
      width: 14em;
      margin-left: -1em;
      margin-top: 0.25em;
      margin-right: 1em;
    }
}

@media screen and (min-width: 930px) {
  aside {
    width: 12em;
    margin-left: -3.5em;
    margin-top: 0.25em;
    margin-right: 1em;
  }
}

@media screen and (min-width: 1140px) {
  aside {
    position: absolute;
    width: 10em;
    margin-left: -11.5em;
    margin-top: -2.05em;
  }
}

/* Details/Summary Accordian */
details {
  display: block;
  padding: 0.5em 1em 0.5em 1em;
  margin-bottom: 0.5em;
  background: #eff1f0;
  transition: all 200ms;
}

details:last-of-type {
  padding-bottom: 0.5em;
  margin-bottom: 2em;
}

details summary::before {
  content: '';
  position: absolute;
  left: 2.5em;
  height: 1em;
  width: 1em;
  margin-top: 0.25em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='down-arrow' viewBox='0 0 100 96.62'%3E%3Cpath fill='%2368a098' d='M85.27 21.71c-13.43 0-24.62 9.9-30.59 25.74l5.58-33.08a10.85 10.85 0 10-20.52 0l5.56 32.94c-6-15.75-17.08-25.6-30.49-25.6C1.23 21.71-3 33.38 2.08 45.05 30.52 39.32 47.71 73.71 50 96.62c2.16-22.91 19.56-57.3 47.79-51.57 5.3-11.67 1.06-23.34-12.52-23.34z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  transform: rotate(-90deg);
  pointer-events: none;
}

details[open]  {
  background: #ffffff;
  box-shadow: 0 3px 9px #e0dedb;
}

details[open] summary::before {
  transform: rotate(0deg);
}

details summary {
  position: relative;
  cursor: pointer;
  display: block;
  list-style-image: none;
  margin-left: 1.5em;
}

details:not(summary) p {
  margin-bottom: 0.56em;
  padding-left: 1.5em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  line-height: 1.5em;
}

details summary:focus {
  box-shadow: none;
}

summary::-webkit-details-marker {
  display: none;
}

/* Links */
a {
  text-decoration: none;
  color: inherit;
  transition: all 0.75s;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.linkAltBtn):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.account-link):not(.v65-modalLoginLink):not(.v65-logout):not(.v65-editProfile):not(.nav-link):not(.header_logo):not(.footer_link):not(.product_link):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.club_link):not(.recipe_thumblink):not(.recipe_titlelink):not(h1>a):not(.entry_title) {
  display: inline-block;
  position: relative;
  text-shadow: #f9f9f9 3px 0px 0px, #f9f9f9 2.83487px 0.981584px 0px, #f9f9f9 2.35766px 1.85511px 0px, #f9f9f9 1.62091px 2.52441px 0px, #f9f9f9 0.705713px 2.91581px 0px, #f9f9f9 -0.287171px 2.98622px 0px, #f9f9f9 -1.24844px 2.72789px 0px, #f9f9f9 -2.07227px 2.16926px 0px, #f9f9f9 -2.66798px 1.37182px 0px, #f9f9f9 -2.96998px 0.42336px 0px, #f9f9f9 -2.94502px -0.571704px 0px, #f9f9f9 -2.59586px -1.50383px 0px, #f9f9f9 -1.96093px -2.27041px 0px, #f9f9f9 -1.11013px -2.78704px 0px, #f9f9f9 -0.137119px -2.99686px 0px, #f9f9f9 0.850987px -2.87677px 0px, #f9f9f9 1.74541px -2.43999px 0px, #f9f9f9 2.44769px -1.73459px 0px, #f9f9f9 2.88051px -0.838247px 0px;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.nav-link):not(.linkAltBtn):not(.account-link):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.v65-modalLoginLink):not(.v65-logout):not(.v65-editProfile):not(.modaal):not(.header_logo):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.footer_link):not(.ui-corner-all):not(.product_link):not(.club_link):not(.recipe_thumblink):not(.recipe_titlelink):not(.entry_title):not(h1>a):before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 1.35em;
  background: #e6b308;
  transition: all 0.35s;
  z-index: -1;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.nav-link):not(.linkAltBtn):not(.account-link):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.v65-modalLoginLink):not(.v65-logout):not(.club_link):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.v65-editProfile):not(.header_logo):not(.footer_link):not(.product_link):not(.recipe_thumblink):not(.recipe_titlelink):not(.entry_title):not(h1>a):after {
  content: '';
  position: absolute;
  right: -0.25em;
  height: 1.5em;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17.9 32' style='enable-background:new 0 0 17.9 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E6B308;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3C/g%3E%3Cpath class='st0' d='M12.4,16C5.8,16,0.8,20.8,0.8,27.1c0,2.9,1.6,4.6,3.6,4.6c0.7,0,2-0.2,2.8-0.8c-1.3-8.8,5-14.3,10.7-14.9 c-5.7-0.7-12-6.2-10.7-15C6.4,0.5,5.1,0.3,4.4,0.3c-2,0-3.7,1.7-3.7,4.6C0.7,11.2,5.8,16,12.4,16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all .2s;
  opacity: 0;
  z-index: -1;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.nav-link):not(.linkAltBtn):not(.account-link):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.v65-modalLoginLink):not(.v65-logout):not(.v65-editProfile):not(.club_link):not(.footer_link):not(#ui-active-menuitem):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.product_link):not(.entry_title):not(h1>a):hover {
  text-shadow: none;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.linkAltBtn):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.account-link):not(.nav-link):not(.v65-modalLoginLink):not(.v65-logout):not(.v65-editProfile):not(.modaal):not(.footer_link):not(#ui-active-menuitem):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.product_link):not(.recipe_thumblink):not(h1>a):not(.club_link):not(.recipe_titlelink):not(.entry_title):hover:before {
  content: '';
  position: absolute;
  left: -0.15em;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.675em;
  background: #e6b308;
  transition: all 0.35s;
}

a:not(.logo):not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.linkAltBtn):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.ui-datepicker-next):not(.account-link):not(.v65-modalLoginLink):not(.nav-link):not(.v65-logout):not(.club_link):not(.v65-editProfile):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.modaal):not(.footer_link):not(.social_icon):not(.product_link):not(.recipe_thumblink):not(.recipe_titlelink):not(.entry_title):not(h1>a):hover:after {
  content: '';
  position: absolute;
  right: -0.25em;
  bottom: 0.15em;
  height: 1.5em;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17.9 32' style='enable-background:new 0 0 17.9 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E6B308;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3C/g%3E%3Cpath class='st0' d='M12.4,16C5.8,16,0.8,20.8,0.8,27.1c0,2.9,1.6,4.6,3.6,4.6c0.7,0,2-0.2,2.8-0.8c-1.3-8.8,5-14.3,10.7-14.9 c-5.7-0.7-12-6.2-10.7-15C6.4,0.5,5.1,0.3,4.4,0.3c-2,0-3.7,1.7-3.7,4.6C0.7,11.2,5.8,16,12.4,16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  transition: all .2;
  opacity: 1;
  z-index: -1;
}

p a:not(.linkBtn):not(.modalLinkBtn):not(.largeLinkBtn):not(.linkAltBtn):not(.modalLinkAltBtn):not(.ui-datepicker-prev):not(.account-link):not(.ui-datepicker-next):not(.v65-modalLoginLink):not(.v65-logout):not(.cd-h-timeline__navigation):not(.cd-h-timeline__date):not(.v65-editProfile):focus {
  box-shadow: inset 0 2px 0 0 #b6b72b;
}


/* Lists */
ul:not(.ul-timeline), ol:not(.ol-timeline) {
  margin-top: 0;
  margin-bottom: 0;
}

li:not(.li-timeline) {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ol:not(.ol-timeline) {
  list-style: none;
  list-style-position: outside;
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  counter-reset: lc-numerals;
  max-width: 32em;
  margin-left: 1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 500px) {
  ol:not(.ol-timeline) {
    margin-left: 0;
  }
}

ol:before {
  margin-left: 1em;
}

p + ol:not(.ol-timeline) {
  margin-top: -0.8em;
  margin-bottom: 1.2em;
}

ol:not(.ol-timeline) li:not(.li-timeline) {
  counter-increment: lc-numerals;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.25em;
  line-height: 1.4em;
  text-indent: -1.05em;
}

ol:not(.ol-timeline) li:not(.li-timeline):last-child {
  margin-bottom: 0;
}

ol:not(.ol-timeline) li:not(.li-timeline):before {
  content: counter(lc-numerals) '';
  padding-right: 0.5em;
  padding-left: 1em;
  color: #e6b308;
  font-family: 'Quattrocento Sans';
  font-weight: 700;
  font-style: normal;
  margin-left: -1em;
}

ol:not(.ol-timeline) li:not(.li-timeline):nth-last-child(-n+1) {
  padding-bottom: 0.5em;
}

ol:not(.ol-timeline) li:not(.li-timeline):nth-child(-n+1) {
  padding-top: 0.5em;
}

ol:not(.ol-timeline) li:not(.li-timeline) li:not(.li-timeline) {
  padding-left: 1.1em;
  text-indent: initial;
  margin-left: 0.2em;
  border-left: 3px dotted #e6b307;
  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='2.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='12.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='2.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='22.5' r='2.5' fill='%23e6b308'/%3E%3Ccircle cx='22.5' cy='12.5' r='2.5' fill='%23e6b308'/%3E%3C/svg%3E");
  border-image-slice: 23% 23%;
  border-image-repeat: repeat;
}

ol:not(.ol-timeline) li:not(.li-timeline) ol:not(.ol-timeline) {
  margin-left: -1.05em;
}

ol:not(.ol-timeline) li:not(.li-timeline) ol:not(.ol-timeline) li:not(.li-timeline) ol:not(.ol-timeline) {
  margin-left: 0;
}

ul:not(.ul-timeline) {
  position: relative;
  list-style: none;
  list-style-position: outside;
  margin-left: 1em;
}

@media screen and (min-width: 500px) {
  ul:not(.ul-timeline) {
    margin-left: 0;
  }
}

ul li:not(.li-timeline) {
  margin-bottom: 0;
  margin-top: 0;
}

ul:not(#primary-menu):not(.member-submenu):not(.footer_social_icons):not(.vineyard_social_icons):not(.footer_list):not(.footer_menu):not(.ui-autocomplete):not(.error-parent):not(.ul-timeline) li::before {
  content: '';
  position: absolute;
  left: -0.75em;
  height: 0.75em;
  width: 100%;
  margin-top: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 94.1 32' style='enable-background:new 0 0 94.1 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E6B308;%7D .st1%7Bfill:none;stroke:%23E6B308;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M0,4.9C0,2,1.7,0.3,3.7,0.3c0.7,0,1.9,0.2,2.8,0.8c-1.3,8.8,5,14.3,10.7,15c-5.7,0.6-12,6.1-10.7,14.9 c-0.8,0.6-2.1,0.8-2.8,0.8c-2,0-3.6-1.7-3.6-4.6c0-6.3,5-11.1,11.6-11.1C5.1,16,0,11.2,0,4.9z'/%3E%3C/g%3E%3Cline class='st1' x1='11.7' y1='16' x2='94.1' y2='16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  z-index: -1;
}

ul li:not(.li-timeline) li:not(.li-timeline) {
  padding-left: 1.1em;
  margin-left: 0.2em;
}

li:not(.li-timeline) > ul > li:not(.li-timeline) {
  font-family: 'Quattrocento Sans';
  font-style: normal;
}

li:not(.li-timeline) > ul > li:not(.li-timeline):before {
  content: '';
  position: absolute;
  left: -1.5em;
  height: 1.5em;
  width: 100%;
  background-image: none;
  z-index: -1;
}

li:not(.li-timeline) > ul > li:not(.li-timeline) > ul >li:not(.li-timeline) {
  font-family: 'Baskervville';
  font-style: italic;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

/* Error Messages */
.error {
  color: #cf3424;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-variant: none;
  font-size: 1rem !important;
  text-transform: initial;
}

.error ul li::before, ul li.error::before, ul:not(#primary-menu) li.error::before {
  content: none;
}

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

.error-parent > #error {
  text-align: center;
  padding: 0.35em 0.75em;
  margin: 1.5em 0;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 5px 15px #f3f3f3;
}

.v65-form fieldset .error {
  padding: 1em;
  margin: 1em;
  background: #eff1f0;
}

.v65-form fieldset .error li.error {
  padding: 0;
  margin: 0;
}

/* Horizontal Rules */
hr {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  border-right-style: none;
  border-left-style: none;
  height: 4px;
  width: 50%;
  margin: 2em auto;
}

/* -------------------
MAIN NAVIGATION
---------------------- */
.nav-wrap {
  position: relative; /* req'd for z-index to work right */
  z-index: 2;
  max-width: 85.375rem;
  margin: 0 auto;
}

.image-as-background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.screen-reader {
  height: auto;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
}

.screen-reader:hover, .screen-reader:active, .screen-reader:focus {
  height: auto;
  width: auto;
  background-color: #000000;
  border-radius: 2px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #FFFFFF;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  left: 0.3125rem;
  line-height: normal;
  padding: 0.9375rem 1.4375rem 0.875rem;
  text-decoration: none;
  top: 0.3125rem;
  z-index: 100000;
}

.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu::after {
  clear: both;
  content: "";
  display: block;
}

.menu a, .menu a:visited, .menu a:focus, .menu a:hover {
  color: #f9f9f9;
}

@media screen and (min-width: 580px) {
  .menu a, .menu a:visited, .menu a:focus, .menu a:hover {
    color: #43675f;
  }
}

.menu li:not(.li-timeline) {
  margin: 0 0.625rem 0 0;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu ul::after {
  clear: both;
  content: "";
  display: block;
}

.menu.menu-horizontal li {
  display: inline-block;
}

.menu.menu-vertical li {
  margin: 0;
}

.menu.menu-vertical a {
  padding: 0.625rem;
  border-bottom: 1px solid #cccccc;
}

.menu.dropdown ul ul {
  left: -999em;
  top: 0;
}

.menu.dropdown ul li:hover > ul, .menu.dropdown ul li.focus > ul {
  left: 100%;
}

.menu.dropdown ul a {
  height: auto;
  width: 12.5rem;
}

.menu.dropdown li:hover > ul,
.menu.dropdown li.focus > ul {
  left: auto;
}

.menu.dropdown li {
  float: left;
  position: relative;
}

.menu a {
  display: block;
  text-decoration: none;
}

.main-navigation {
  height: auto;
  width: 100%;
  clear: both;
  display: block;
  float: left;
}

.main-navigation ul {
  display: none;
}

@media screen and (min-width: 40rem) {
  .main-navigation ul {
    display: block;
  }
}

.main-navigation.toggled ul {
  display: block;
}

/* Mobile Main Navigation */
.main-nav-more {
  overflow: hidden;
}

.nav-menu {
  display: block;
  height: 100%;
  right: -50%;
  position: fixed;
  top: 0;
  transition: all 1s ease;
  width: 0;
}

.nav-menu.more, .nav-menu .sub-menu {
  transition: all 0.5s ease;
  width: calc( 100% - 3.5em );
}

@media screen and (min-width: 769px) {
  .nav-menu.more, .nav-menu .sub-menu {
    width: 50%;
  }
}

.nav-menu.more {
  background-color: #e8e7e3;
  right: 0;
  transition: all 0.8s ease;
}

.admin-bar .nav-menu {
  padding-top: 3.5rem;
}

@media screen and (min-width: 48.9375rem) {
  .admin-bar .nav-menu {
    padding-top: 2.5rem;
  }
}

.nav-menu li {
  cursor: pointer;
}

.nav-menu > div {
  bottom: 5.25rem;
  position: absolute;
  right: 0;
  width: 50vw;
}

@media screen and (min-width: 48rem) {
  .nav-menu > div {
    bottom: auto;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
  }
}

.nav-menu .mobile-nav > li {
  margin: 0;
}

.main-nav-more-link > a {
  display: block !important; /* overwriting general link styles */
  text-shadow: none !important;
}

.main-nav-more-link a::before, .main-nav-more-link a::after {
  content: none !important;
}

.nav-menu .mobile-nav > li:nth-child(-n+5) {
  background-color: #43675f;
  border-top: 1px solid rgba(155, 154, 152, 0.1);
  bottom: -1px;
  height: 5rem;
  left: 0;
  position: fixed;
  text-align: center;
  transition: all 0.5s ease;
  width: 20%;
  z-index: 1;
}

@media screen and (min-width: 580px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5) {
    bottom: 0;
    height: 4rem;
    background-color: #f8f8f8;
    overflow: hidden;
  }

  .nav-menu .mobile-nav > li:nth-child(-n+5)::before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/lc_splat_a.svg);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 1s ease-in-out;
    -webkit-animation: splat-animation 8s ease-in-out  alternate-reverse infinite;
    animation: splat-animation 8s ease-in-out  alternate-reverse infinite;
  }

  @-webkit-keyframes splat-animation {
    0% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 16%;
              transform-origin: 50% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translateY(-15px) rotate(5deg);
              transform: scale(1.25) translateY(-15px) rotate(5deg);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
  }
  @keyframes splat-animation {
    0% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 16%;
              transform-origin: 50% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translateY(-15px) rotate(5deg);
              transform: scale(1.25) translateY(-15px) rotate(5deg);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
  }
}

.nav-menu .mobile-nav > li:nth-child(-n+5):hover {
  transition: all 0.5s ease;
  overflow: hidden;
}

@media screen and (min-width: 580px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5):hover::before {
    opacity: 1;
    background-color: transparent;
    transition: opacity 1s ease-in-out;
  }
}

.nav-menu .mobile-nav > li > ul {
  display: none; /* hide secondary menus for main nav items */
}

@media screen and (min-width: 580px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5):focus, .nav-menu .mobile-nav > li:nth-child(-n+5) > a:focus {
    box-shadow: none;
    background-color: #e0dbd2;
    transition: all 0.5s ease;
  }
}

.nav-menu .mobile-nav > li:nth-child(-n+5) > a {
  display: block;
  height: 100%;
  line-height: 5rem;
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  text-transform: lowercase;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "swsh" 1;
  -moz-font-feature-settings: "kern" 1, "liga" 1, "swsh" 1;
  -ms-font-feature-settings: "kern" 1, "liga" 1, "swsh" 1;
  font-feature-settings: "kern" 1, "liga" 1, "swsh" 1;
}

@media screen and (max-width: 500px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5) > a:focus {
    box-shadow: none;
  }
}

.nav-menu .mobile-nav > li:nth-child(-n+5) > a span {
  position: relative;
  top: 45%;
  transform: rotate(-15deg) translateY(-50%) translateX(10px) scale(0.8);
  text-transform: capitalize;
  display: block;
}

@media screen and (min-width: 376px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5) > a span {
    transform: rotate(-15deg) translateY(-50%) translateX(10px) scale(0.87);
  }
}

@media screen and (min-width: 580px) {
  .nav-menu .mobile-nav > li:nth-child(-n+5) > a span {
    transform: rotate(0) translateY(-55%) translateX(0) scale(0.95);
    height: 4rem;
    font-family: 'Rufina';
    font-style: normal;
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    transition: all 600ms ease-in-out;
  }
  .nav-menu .mobile-nav > li:nth-child(-n+5):hover > a span {
    letter-spacing: 0.65em;
    transition: all 600ms ease-in-out;
  }
}

.nav-menu .mobile-nav > li:nth-child(2) {
  left: 20%;
}

.nav-menu .mobile-nav > li:nth-child(3) {
  left: 40%;
}

.nav-menu .mobile-nav > li:nth-child(4) {
  left: 60%;
}

.nav-menu .mobile-nav > li:nth-child(5) {
  left: 80%;
}

.nav-menu .mobile-nav > li:nth-child(n+6) {
  display: none;
}

.nav-menu .mobile-nav > li:nth-child(2) ul,
.nav-menu .mobile-nav > li:nth-child(3) ul,
.nav-menu .mobile-nav > li:nth-child(4) ul {
  display: none !important; /* hides submenus of always-visible main nav items */
}

.submenu-links .dropDownHide {
  display: block; /* override WD's dropdown hide for submenu items */
}

.submenu-links li ul li::before {
  content: none !important; /* overwriting global list styling */
}

.nav-menu.more .mobile-nav .submenu-links {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  height: calc(100vh - 5rem); /* window height - height of global footer menu */
  height: calc((var(--vh, 1vh) * 100) - 5rem); /* iOS height hack! allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/ */
  margin: 0;
  padding: 2rem 0 40vh 0;
  background-color: transparent;
  overflow-y: auto;
}

.desktop .nav-menu.more .mobile-nav .submenu-links > li {
  padding: 0.25em 0 0 0;
}

.nav-menu.more .mobile-nav .submenu-links::after {
  content: '';
  position: absolute;
  pointer-events: none !important;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6em;
  margin: 0;
  background: rgb(232,231,227);
  background: -moz-linear-gradient(180deg, rgba(232,231,227,0) 0%, rgba(232,231,227,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(232,231,227,0) 0%, rgba(232,231,227,1) 100%);
  background: linear-gradient(180deg, rgba(232,231,227,0) 0%, rgba(232,231,227,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e7e3",endColorstr="#e8e7e3",GradientType=1);
}

@media screen and (min-height: 668px) {
  .nav-menu.more .mobile-nav .submenu-links {
    justify-content: space-evenly;
    padding: 2.75rem 0 0 0;
  }
  .nav-menu.more .mobile-nav .submenu-links::after {
    content: none;
  }
}

@media screen and (min-width: 500px) {
  .nav-menu.more .mobile-nav .submenu-links {
    justify-content: center;
    height: calc(100vh - 9.5rem); /* window height - height of global footer menu - margins */
    margin: 2.5em;
    padding: 0;
    background-color: #f5f4f4;
  }
}

@media screen and (min-width: 500px) and (max-height: 790px) {
  .nav-menu.more .mobile-nav .submenu-links {
    justify-content: flex-start;
  }
  .nav-menu.more .mobile-nav .submenu-links::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4em;
    margin: 0 2.5em;
    background: rgb(245,244,244);
    background: -moz-linear-gradient(180deg, rgba(245,244,244,0) 0%, rgba(245,244,244,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(245,244,244,0) 0%, rgba(245,244,244,1) 100%);
    background: linear-gradient(180deg, rgba(245,244,244,0) 0%, rgba(245,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f4f4",endColorstr="#f5f4f4",GradientType=1);
  }
}

.nav-menu.more .mobile-nav .submenu-links li {
  bottom: 0;
  clear: both;
  float: none;
  display: block;
  position: relative;
  right: 0;
  margin: 0;
}

.nav-menu.more .mobile-nav .submenu-links li .sub-menu {
  opacity: 1;
}

.sub-menu-more .nav-menu.more .mobile-nav .submenu-links li {
  display: none;
}

.nav-menu.more .mobile-nav .submenu-links li a {
  color: #6d6b69;
  line-height: 1.3em;
  padding: 0.825rem 0 0.125rem 2rem;
}

.nav-menu.more .mobile-nav .submenu-links li ul li a {
  line-height: 1.25em;
  padding: 0.15rem 0 0.15rem 1.5rem;
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.nav-menu .mobile-nav ul.nav-menu-more,
.nav-menu .mobile-nav > .sub-menu {
  background-color: #808080;
  left: 0;
  height: 100vh;
  position: absolute;
  top: 0;
}

.nav-menu .mobile-nav ul {
  box-shadow: none;
}

.main-nav-more:not(.sub-menu-more) .nav-menu .mobile-nav ul {
  top: 0;
}

.main_nav_cart {
  position: absolute;
  margin: 2.5em;
  padding: 1.5em;
}

.main_nav_cart svg {
  height: 1.5em;
  color: #d8d7d4;
}

.close-main-nav {
  height: 2.5rem;
  width: 2.5rem;
  background-color: transparent;
  border: none;
  display: none;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  z-index: 1;
}

@media screen and (min-width: 500px) {
  .close-main-nav {
    height: 3rem;
    width: 3rem;
    right: 3rem;
    top: 3rem;
  }
}

.close-main-nav:before {
  height: 1.5rem;
  width: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #6d6b69;
  content: 'x';
  display: block;
  font-size: 1.5rem;
  line-height: 1.75;
}

.admin-bar .close-main-nav {
  top: 3.5rem;
}

@media screen and (min-width: 48.9375rem) {
  .admin-bar .close-main-nav {
    top: 2.5rem;
  }
}

.close-main-nav:hover, .close-main-nav:active {
  background-color: transparent;
  box-shadow: none;
  outline: none;
}

.close-main-nav:hover svg, .close-main-nav:active svg, .close-main-nav:focus svg {
  opacity: .6;
  transition: all 0.5s ease;
}

.more .close-main-nav {
  display: block;
}

.close-main-nav svg {
  height: 100%;
  width: 100%;
  fill: #FFFFFF;
  transition: all 0.5s ease;
}

.mobile-nav.dropdown .menu-item-has-children:hover .sub-menu {
  display: none;
}

.main-nav-more:not(.sub-menu-more) .mobile-nav.dropdown .menu-item-has-children:hover .sub-menu {
  display: block;
  left: auto;
  opacity: 1;
  right: 0;
}

.mobile-nav.dropdown .visible .sub-menu,
.mobile-nav.dropdown .visible:hover .sub-menu,
.mobile-nav.dropdown .visible:focus .sub-menu,
.mobile-nav.dropdown .visible:active .sub-menu {
  bottom: 5.25rem;
  display: block;
  left: auto;
  opacity: 1;
  position: fixed;
  right: 0;
  top: auto;
}

@media screen and (min-width: 48rem) {

  .mobile-nav.dropdown .visible .sub-menu,
  .mobile-nav.dropdown .visible:hover .sub-menu,
  .mobile-nav.dropdown .visible:focus .sub-menu,
  .mobile-nav.dropdown .visible:active .sub-menu {
    bottom: auto;
    left: 0;
    right: auto;
    top: 0;
  }
}

.mobile-nav.dropdown .visible .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:hover .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:focus .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:active .sub-menu .sub-menu {
  bottom: 0;
}

@media screen and (min-width: 48rem) {

  .mobile-nav.dropdown .visible .sub-menu .sub-menu,
  .mobile-nav.dropdown .visible:hover .sub-menu .sub-menu,
  .mobile-nav.dropdown .visible:focus .sub-menu .sub-menu,
  .mobile-nav.dropdown .visible:active .sub-menu .sub-menu {
    bottom: auto;
  }
}

.mobile-nav.dropdown .visible .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:hover .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:focus .sub-menu .sub-menu,
.mobile-nav.dropdown .visible:active .sub-menu .sub-menu {
  padding-left: 0.625rem;
  position: relative;
}

.mobile-nav.dropdown .sub-menu {
  left: 0;
  opacity: 0;
  z-index: -1;
  width: 50vw;
}

@media screen and (min-width: 48rem) {
  .mobile-nav.dropdown .sub-menu {
    left: auto;
    right: 0;
    width: 100%;
  }
}

.mobile-nav.dropdown .sub-menu a {
  color: #FFFFFF;
  font-size: 1rem;
  padding: 0.625rem 1.25rem;
  text-align: left;
}

.mobile-nav.dropdown .sub-menu li {
  display: block;
  width: 100%;
}

.mobile-nav > li:nth-child(n+6) .sub-menu {
  display: block;
  left: 0;
  padding-left: 0.625rem;
  position: relative;
}

.no-js.admin-bar .nav-menu {
  padding-top: 0;
}

.no-js .nav-menu {
  bottom: 0;
  font-size: 0;
  height: 4rem;
  overflow-x: auto;
  top: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  white-space: nowrap;
  width: 100%;
}

.no-js .nav-menu > div:before, .no-js .nav-menu > div:after {
  position: fixed;
  bottom: 0;
  height: 100%;
  width: 25%;
  content: "";
  pointer-events: none; /* ensures text is still selectable */
  z-index: 20;
}

.no-js .nav-menu > div:after {
  right: 0;
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.no-js .nav-menu > div:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
}

.no-js .nav-menu .mobile-nav a {
  padding: 0 0.625rem;
  text-align: center;
}

.no-js .nav-menu .mobile-nav a span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
}

.no-js .nav-menu .mobile-nav > li:nth-child(n+6) {
  display: inline-block;
}

.no-js .nav-menu .mobile-nav > li:first-of-type {
  padding-left: 3.125rem;
}

.no-js .nav-menu .mobile-nav > li:last-of-type {
  padding-right: 3.125rem;
}

.no-js .nav-menu .mobile-nav li {
  background-color: #FFFFFF;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  float: none;
  font-size: 0.75rem;
  height: 4rem;
  left: 0;
  margin: 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
}

.no-js .nav-menu .mobile-nav li > a {
  display: block;
  font-size: 0.75rem;
  height: 100%;
  line-height: 1.2;
}

.no-js .nav-menu .mobile-nav li.menu-item-has-children > a {
  display: inline-block;
  vertical-align: top;
}

.no-js .nav-menu .mobile-nav li.menu-item-has-children:hover .sub-menu {
  display: inline-block;
  left: 0;
}

.no-js .nav-menu .sub-menu {
  display: inline-block;
  float: none;
  left: 0;
  opacity: 1;
  position: relative;
  top: auto;
  width: auto;
  z-index: 1;
}

.no-js .nav-menu .sub-menu a {
  color: #477DCA;
}

.no-js .nav-menu .sub-menu li {
  border: none;
}

.no-js .nav-menu .menu.dropdown ul a {
  width: auto;
}

/* -------------------
TABLES
---------------------- */
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0 0 1.5em 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  background: #f0f1f0;
  font-family: 'Baskervville';
  font-style: italic;
  text-transform: lowercase;
  margin: .5em 0 .75em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

table tfoot {
  font-style: normal;
  font-size: small;
  color: #68a098;
}

table  tfoot th {
  padding: 1.5em;
}

table thead th {
  background: #d2d8c0;
}

table tr {
  background-color: #ffffff;
  border: 1px solid #eaefea;
  padding: .35em;
}

table th,
table td {
  font-family: 'Quattrocento Sans', sans-serif;
  padding: 0.625em;
  text-align: center;
}

table th {
  font-size: 0.85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table:not(.ui-datepicker-calendar) {
    border: 0;
  }

  table:not(.ui-datepicker-calendar) thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table:not(.ui-datepicker-calendar) tfoot th {
    padding: .625em;
  }

  table:not(.ui-datepicker-calendar) tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table:not(.ui-datepicker-calendar) td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table:not(.ui-datepicker-calendar) td::before {
    /* aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label); */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table:not(.ui-datepicker-calendar) td:last-child {
    border-bottom: 0;
  }
}

/* Datepicker Table, seen in forms */
.ui-datepicker {
  background: #f1f1f1;
  box-shadow: 0 5px 15px #f1efec;
}

.ui-datepicker-header {
  width: 100%;
  white-space: nowrap;
  line-height: 3.5em;
  height: 3.5em;
}

table.ui-datepicker-calendar {
  max-width: 41.5em;
  margin: 0;
}

.ui-datepicker-title {
  width: 70%;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}

.ui-datepicker-prev {
  display: inline-block;
  text-align: left;
  padding: 0 0 0 1em;
  width: 15%;
  cursor: pointer;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  color: #adadad;
}

.ui-datepicker-next {
  display: inline-block;
  float: right;
  text-align: right;
  padding: 0 1em 0 0;
  width: 15%;
  cursor: pointer;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  color: #adadad;
}

.ui-datepicker-prev:hover, .ui-datepicker-prev:focus, .ui-datepicker-next:hover, .ui-datepicker-next:focus {
  color: #333333;
}

.ui-datepicker-month {
  display: inline-block;
  width: auto;
  text-align: right;
  padding: 0 0.5em 0 0;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.09em;
  font-size: larger;
  color: #5e8c85;
}

select.ui-datepicker-year {
  float: none;
  display: inline-block;
  width: auto;
  height: 2em;
  line-height: 2em;
  /* vertical aligning arrow */
  background-position: calc(100% - 0.5em) 0.5em;
}

/* -------------------
FOOTER
---------------------- */
footer {
  position: relative;
  width: 100%;
  margin: 2.5rem auto 5rem auto; /* req'd for flexbox sticky footer, see: https://medium.com/@paynoattn/flexbox-sticky-footer; 4rem = height of main nav */
  padding: 0 1.5em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  footer {
    margin: 2.5rem auto 4rem auto;
  }
}

@media screen and (min-width: 880px) {
  footer {
    padding: 0 2.5em;
  }
}

/* Footer Upper Section */
.footer_upper {
  display: flex;
  flex-wrap: wrap;
  padding: 9.722vw 0 0 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

@media screen and (min-width: 880px) {
  .footer_upper {
    min-height: 70vh;
    margin: auto;
    flex-wrap: nowrap;
    padding: 9.722vw 0;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .scroll_complete .footer_upper {
    border-top: none;
  }
}

.footer_upper .footer_column {
  position: relative;
}

.footer_upper .footer_info_wrap {
  display: flex;
  flex-basis: 100vw;
}

.footer_upper .footer_column p, .footer_list {
  display: block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .75296em);
  line-height: calc(1.4em + .2vw);
}

@media screen and (min-width: 880px) {
  .footer_upper .footer_column p, .footer_list {
    font-size: calc(.55842vw + .5296em);
  }
}

.footer_list.footer_list_alt {
  display: inline;
}

.footer_upper .footer_column:first-child {
  margin-bottom: 10vw;
}

@media screen and (min-width: 880px) {
  .footer_upper .footer_column:first-child {
    flex-basis: 55.556vw;
    margin-bottom: 0;
  }
  .footer_upper .footer_info_wrap {
    flex-basis: 44.444vw;
  }
  .footer_upper .footer_column:first-child p {
    max-width: 37.778vw;
  }
}

.footer_upper .footer_column:nth-child(2), .footer_upper .footer_column:nth-child(3) {
  flex-basis: 50%;
}

h3.footer_heading {
  font-size: calc(.55842vw + 1.1296em);
  font-weight: 400;
}

@media screen and (min-width: 980px) {
  h3.footer_heading {
    font-size: 2.467vw;
    line-height: 3.533vw;
  }
}

/* Social Media Icons */
.footer_social_icons {
  margin-top: 10vw;
  margin-left: 0;
}

@media screen and (min-width: 880px) {
  .footer_social_icons {
    margin-top: calc(.25842vw + .45296em);
  }
}

.footer_social_icons li {
  display: inline-block;
  margin-right: 0.5em;
}

.footer_social_icons li:last-child {
  margin-right: 0;
}

.social_icon {
  display: flex;
  height: 1.389vw;
  align-items: center;
}

.social_icon svg {
  height: calc(.65842vw + 1.01296em);
  fill: #c7c0b5;
  transition: fill .4s ease-out;
}

@media screen and (min-width: 880px) {
  .social_icon svg {
    height: 1.389vw;
  }
}

.social_icon svg:hover {
  fill: #adae60;
  transition: fill .4s ease-out;
}

/* Footer Lower Section */
.footer_lower {
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0 0 0;
}

@media screen and (min-width: 880px) {
  .footer_lower {
    margin: 2.5rem 0 2rem 0;
  }
}

.footer_lower .footer_column {
  position: relative;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .75296em);
  line-height: calc(1.4em + .2vw);
}

@media screen and (min-width: 880px) {
  .footer_lower .footer_column {
    font-size: calc(.55842vw + .5296em);
  }
}

.footer_lower > .footer_column {
  margin-bottom: calc(.55842vw + .2596em);
}

@media screen and (min-width: 880px) {
  .footer_menu_wrap {
    display: flex;
  }
}

@media screen and (min-width: 880px) {
  .footer_menu_wrap .footer_column:nth-of-type(1) {
    flex-basis: 24.444vw;
  }

  .footer_menu_wrap .footer_column:nth-of-type(2) {
    flex-basis: 75.556vw;
  }
}

.footer_menu {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.65em;
  margin-right: -1.65em;
  margin-top: calc(.55842vw + .9596em);
}

@media screen and (min-width: 880px) {
  .footer_menu {
    text-align: right;
    display: block;
    flex-direction: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer_menu li {
  flex-basis: 50%;
  text-align: center;
  padding: 0.75em 0 0.75em 0;
  border-top: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
}

.footer_menu li:nth-of-type(even) {
  border-right: none;
}

@media screen and (min-width: 880px) {
  .footer_menu li {
    display: inline-block;
    margin: 0 1.5em 0 0;
    text-align: right;
    border: none;
  }
  .footer_menu li:last-of-type {
    margin: 0;
  }
}

/* -------------------
FORMS
---------------------- */
.v65-form {
  width: auto;
}

.v65-form div {
  margin-bottom: 1em;
}

.v65-form div + .v65-form div {
  margin-top: -0.775em;
}

fieldset, .v65-form fieldset {
  padding: 0 1em;
  border: 1px solid #e8e8e8;
}

legend, .v65-form legend {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: .65em;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: center;
  color: #68a098;
  padding: 0 1em;
}

form {
  line-height: 1.5em;
}

form p label, .v65-form label, .v65-form {
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
}

form p label, .v65-form div:not(input) {
  font-size: 0.9em;
}

input, textarea, select {
  color: #68a098;
}

textarea {
  padding: 0.5em;
}

textarea, input[type=text], input[type=password], input[type=username], input[type=tel], input[type=email], .v65-form input[type=text], .v65-form input[type=password], .v65-form input[type=username], .v65-form textarea, .v65-form select {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  width: 100% !important;
  margin-bottom: 0.75em;
  border: 1px solid #eaefea;
}

@media screen and (max-width: 580px) { /* overriding v65 native styling */
  textarea, input[type=text], input[type=password], input[type=username], input[type=tel], input[type=email], .v65-form input[type=text], .v65-form input[type=password], .v65-form input[type=username], .v65-form textarea, .v65-form select {
    height: 3em;
    line-height: 3em;
  }
}

@media screen and (min-width: 650px) {
  textarea, input[type=text], input[type=password], input[type=username], input[type=tel], input[type=email], .v65-form input[type=text], .v65-form input[type=password], .v65-form input[type=username], .v65-form textarea, .v65-form select {
    width: 75% !important;
  }
}

textarea, .v65-form textarea {
  line-height: inherit;
  min-height: 7em;
}

input[type=tel], input[type=url], input[type=number], input[type=search], input[type=date], input[type=time], input[type=color], input[type=browser] {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  width: 100%;
  margin-bottom: 0.75em;
  border: 1px solid #eaefea;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0.5em;
}

@media screen and (min-width: 650px) {
  input[type=tel], input[type=url], input[type=number], input[type=search], input[type=date], input[type=time], input[type=color], input[type=browser] {
    width: 75%;
  }
}

input[type=file] {
  border: none;
}

input[type=radio], label input[type=radio], input[type=checkbox], label input[type=checkbox] {
  vertical-align: initial;
  margin-right: 0.5em;
}

/* True/False and Yes/No */
[aria-label^="True"] + .form-label, [aria-label^="Yes"] + .form-label {
  margin-right: 0.75em;
}

/* 'Other' Option Textboxes */
input[type=radio] + .form-label + input[type=text], input[type=checkbox] + .form-label + input[type=text] {
  display: block;
  margin-left: 1.5em;
  margin-top: 0.25em;
  width: calc(100% - 1.5em);
}

@media screen and (min-width: 650px) {
  input[type=radio] + .form-label + input[type=text], input[type=checkbox] + .form-label + input[type=text] {
    width: calc(75% - 1.5em);
  }
}

/* Select Text Style (for button styling, see input buttons below) */
select {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  width: 100%;
  border: 1px solid #eaefea;
  height: 2.5em;
  line-height: 2.5em;
  /* overriding user agent styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border-radius: 2px;
  padding-left: 0.5em;
  padding-right: 1.95em;
  /* custom down arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='down-arrow' viewBox='0 0 100 96.62'%3E%3Cpath fill='%2368a098' d='M85.27 21.71c-13.43 0-24.62 9.9-30.59 25.74l5.58-33.08a10.85 10.85 0 10-20.52 0l5.56 32.94c-6-15.75-17.08-25.6-30.49-25.6C1.23 21.71-3 33.38 2.08 45.05 30.52 39.32 47.71 73.71 50 96.62c2.16-22.91 19.56-57.3 47.79-51.57 5.3-11.67 1.06-23.34-12.52-23.34z'/%3E%3C/svg%3E%0A");
  background-size: 1em;
  background-position: calc(100% - 0.5em) 0.75em;
  background-repeat: no-repeat;
}

@media screen and (min-width: 650px) {
select {
  width: 75%;
  }
}

/* Disabled Input */
input:disabled, select:disabled {
  color: #88b1ab;
  background-color: #e4eaea;
}

/* Autofill Input */
input:-internal-autofill-selected {
  background-color: #f9f9f9 !important;
  color: #333333 !important;
}

/* Readonly Input */
textarea[readonly], text[readonly], input[readonly], input[type=text]:read-only, input:-moz-read-only, input:read-only {
  color: #88b1ab;
  background-color: #e4eaea;
}

/* Custom Checkboxes (reference https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes) */
label > input[type='checkbox'], .v65-form input[type='checkbox'] {
  position: relative;
  display: inline-block;
  padding: 0 1.5rem;
}

.v65-form label[for='rememberMe'] {
  z-index: -1; /* ensures custom checkbox is below native checkbox so it's always clickable */
  position: relative; /* req'd to position custom check */
}

.v65-form input[type='checkbox'] {
  position: absolute;
}

.form-label {
  z-index: -1; /* ensures custom checkbox is below native checkbox so it's always clickable */
  position: relative; /* req'd to position custom check */
}

.v65-form input[type='checkbox'] {
  opacity: 0; /* makes native checkbox invisable so custom is seen */
  transform: scale(1.15); /* makes native checkbox same size as custom checkbox*/
  margin-top: 0.65em; /* centers native checkbox */
  margin-left: 0.15em; /* centers native checkbox */
}

label > input[type='checkbox']::before, .v65-form input[type='checkbox']::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1.25em;
  height: 1.25em;
  background: #f9f9f9;
  outline: 2px solid #e6b308;
}

input[type='checkbox'] + .form-label::before, .v65-form input[type='checkbox'] + .form-label::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background: #f9f9f9;
  outline: 2px solid #e6b308;
  vertical-align: middle;
  z-index: -1; /* ensures custom checkbox is below native checkbox so it's always clickable */
}

label > input[type='checkbox']:checked::before, input[type='checkbox']:checked + .form-label::before, .v65-form input[type='checkbox']:checked::before {
  background: #e4e3e3;
  outline: 2px solid #e4e3e3;
}

label > input[type='checkbox']:checked::after, input[type='checkbox']:checked + .form-label::after, .v65-form input[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 4px solid #e6b308;
  border-bottom: 4px solid #e6b308;
  height: 8px;
  width: 13px;
  transform: rotate(-45deg);
}

label > input[type='checkbox']:focus::before, input[type='checkbox']:focus + .form-label::before, .v65-form input[type='checkbox']:focus::before {
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px #b6b72b; /* mimics styled focus state normally seen on checkboxes */
}

/* Custom Radio Buttons */
label > input[type='radio'], .v65-form input[type='radio'] {
  position: relative;
  display: inline-block;
  padding: 0 1.5rem;
}

.v65-form input[type='radio'] {
  position: absolute;
}

.form-label {
  z-index: -1; /* ensures custom radio is below native radio so it's always clickable */
  position: relative; /* req'd to position custom check */
}

.v65-form input[type='radio'] {
  opacity: 0; /* makes native radio invisable so custom is seen */
  transform: scale(1.15); /* makes native radio same size as custom radio*/
  margin-top: 0.65em; /* centers native radio */
  margin-left: 0.15em; /* centers native radio */
}

label > input[type='radio']::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1.25em;
  height: 1.25em;
  background: #d2d8c0;
  outline: 2px solid #d2d8c0;
}

input[type='radio'] + .form-label::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background: #f9f9f9;
  box-shadow: 0 0 0px 2px #e6b308;
  border-radius: 50px;
  vertical-align: middle;
  z-index: -1; /* ensures custom radio is below native radio so it's always clickable */
}

label > input[type='radio']:checked::before, input[type='radio']:checked + .form-label::before {
  background: #e4e3e3;
  box-shadow: 0 0 0px 2px #e4e3e3;
  border-radius: 50px;
}

label > input[type='radio']:checked::after, input[type='radio']:checked + .form-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid #e6b308;
  border-bottom: 3px solid #e6b308;
  height: 6px;
  width: 13px;
  transform: rotate(-45deg);
}

label > input[type='radio']:focus::before, input[type='radio']:focus + .form-label::before {
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px #b6b72b; /* mimics styled focus state normally seen on radioes */
}

/* Date Dropdown */
[aria-label^="Date Select Month"] {
  width: auto !important;
  min-width: 5em;
  margin-right: 0.5em;
}

[aria-label^="Date Select Day"] {
  width: auto !important;
  min-width: 3.5em;
  margin-right: 0.5em;
}

[aria-label^="Date Select Year"] {
  width: auto !important;
  min-width: 4em;
}

/* Forgot Password Form */
#v65-forgotPasswordForm {
  position: relative;
}

#v65-forgotPasswordForm::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #eff1f0;
  z-index: -1;
}

#v65-forgotPasswordForm fieldset {
  border: none;
  padding: 1.5em;
  margin-bottom: 2em;
  text-align: center;
  box-shadow: none;
  transition: 200ms ease box-shadow;
}

#v65-forgotPasswordForm fieldset legend {
  display: none;
}

/* -------------------
BUTTONS
---------------------- */
button.largeBtn, button.defaultBtn, button.modalBtn, a.largeLinkBtn, a.linkBtn, a.modalLinkBtn {
  background-color: #62948d;
  outline: none;
  transform: perspective(500px) rotateY(-3deg);
  transition: 100ms;
}

button, button.altLargeBtn, button.altBtn, button.altModalBtn, a.linkAltBtn, a.modalLinkAltBtn {
  background-color: #d2d8c0;
  outline: none;
  transition: 100ms;
}

button, button.altLargeBtn span, button.altBtn span, button.altModalBtn span, a.linkAltBtn span, a.modalLinkAltBtn span {
  color: #3a635d;
  transition: 100ms;
}

@media screen and (max-width: 580px) { /* overriding v65 native mobile styling */
  button, button span, a.largeLinkBtn, a.linkBtn, a.modalLinkBtn, a.linkAltBtn, a.modalLinkAltBtn {
    height: 2.5em;
    line-height: 2.5em;
  }
}

.v65-form button[type=submit] { /* overriding v65 native mobile styling */
  margin-top: auto;
}

/* Buttons General Hover State */
button:hover, button.largeBtn:hover, button.defaultBtn:hover, button.modalBtn:hover, a.largeLinkBtn:hover, a.linkBtn:hover, a.modalLinkBtn:hover,
button.altLargeBtn:hover, button.altBtn:hover, button.altModalBtn:hover, a.linkAltBtn:hover, a.modalLinkAltBtn:hover {
  background-color: #efefef;
  outline: 1px dotted #ffffff;
  box-shadow: inset 0 3px 9px #e4e4e4;
  transition: 100ms;
}

button:hover, button.largeBtn:hover span, button.defaultBtn:hover span, button.modalBtn:hover span, a.largeLinkBtn:hover span, a.linkBtn:hover span, a.modalLinkBtn:hover span,
button.altLargeBtn:hover span, button.altBtn:hover span, button.altModalBtn:hover span, a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span {
  color: #3a635d;
  transition: 100ms;
}

/* Buttons General Active State */
button:active, button.largeBtn:active, button.defaultBtn:active, button.modalBtn:active, a.largeLinkBtn:active, a.linkBtn:active, a.modalLinkBtn:active,
button.altLargeBtn:active, button.altBtn:active, button.altModalBtn:active, a.linkAltBtn:active, a.modalLinkAltBtn:active {
  background-color: #f1f1f1;
  transform: translateY(1px);
  border-bottom-width: 3px;
  box-shadow: inset 0 2px 5px #ececec;
  transition: 100ms;
}

/* Buttons General Focus State */
button:focus, button.largeBtn:focus, button.defaultBtn:focus, button.modalBtn:focus, a.largeLinkBtn:focus, a.linkBtn:focus, a.modalLinkBtn:focus,
button.altLargeBtn:focus, button.altBtn:focus, button.altModalBtn:focus, a.linkAltBtn:focus, a.modalLinkAltBtn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #b6b72b;
}

/* Default Button */
button.defaultBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: 1em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  box-shadow: 0 5px 15px #ceccca;
}

/* Alternative Button */
button.altBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
}

/* Modal Button */
button.modalBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  box-shadow: 0 5px 15px #ceccca;
}

button.modalBtn span {
  height: 2em;
  line-height: 2em;
}

/* Modal Alt Button */
button.altModalBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
}

button.altModalBtn span {
  height: 2em;
  line-height: 2em;
}

/* Large Button */
button.largeBtn {
  font-family: 'Rufina';
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 5px 15px #ceccca;
}

/* Primary Link Button */
a.linkBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: 1em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  box-shadow: 0 5px 15px #ceccca;
}

/* Link Alt Button */
a.linkAltBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
}

/* Modal Link Button */
a.modalLinkBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  text-shadow: none;
  box-shadow: 0 5px 15px #ceccca;
}

/*  Modal Link Alt Button */
a.modalLinkAltBtn {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  text-shadow: none;
}

/*  Large Link Button */
a.largeLinkBtn {
  font-family: 'Rufina';
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  text-shadow: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 5px 15px #ceccca;
}

/* Catchall Button */
button:not(.defaultBtn):not(.altBtn):not(.modalBtn):not(.altModalBtn):not(.largeBtn):not(.linkBtn):not(.linkAltBtn):not(.modalLinkBtn):not(.modalLinkAltBtn):not(.largeLinkBtn):not(.close-main-nav):not(.vid_btn):not(.TockDatePicker-container) {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  padding: 0 .7em;
  margin: 0 0.7em;
  box-shadow: 0 2px 9px #f5f5f5;
  transition: 100ms;
}

/* Submit Button (input) */
.v65-form fieldset .submit-button {
  overflow: initial;
  transition: 100ms;
}

input[type=submit], .submit-button button {
  background: #b6b72b;
  color: #ffffff;
  padding: 0.7em;
  margin: 0 0.7em;
  border: 1px solid #b5b52e;
  font-family: 'Quattrocento Sans', serif;
  font-weight: 700;
  font-size: 1em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  box-shadow: 0 3px 13px #bdbcbb;
}

.submit-button span {
  height: 1em;
  line-height: 1em;
  transition: 100ms;
}

.submit-button button:hover span {
  color: #ffffff;
  transition: 100ms;
}

input[type=submit]:hover, input[type=submit]:focus,
.submit-button button:hover, .submit-button button:focus {
  cursor: pointer;
  background: #95961d;
  color: #ffffff;
  border: 1px solid #fdfdfd;
  box-shadow: inset 0 3px 13px #898a1c;
  transition: 50ms;
}

input[type=submit]:active, .submit-button button:active {
  cursor: pointer;
  background: #8d8e1a;
  box-shadow: inset 0 3px 13px #6a6b15;
  transform: translateY(1px);
  transition: 50ms;
}

/* Clear Button (input) */
input[type=reset] {
  background: #f7f7f5;
  color: #b6b72b;
  padding: 0.7em;
  margin: 0 0.7em;
  border: 1px solid #e6e692;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  box-shadow: 0 3px 9px #e0dedb;
}

input[type=reset]:hover, input[type=reset]:focus {
  cursor: pointer;
  background: #f9f9f9;
  color: #b6b62b;
  border: 1px solid #fdfdfd;
  box-shadow: inset 0 3px 13px #eaeaea;
  transition: 50ms;
}

input[type=reset]:active {
  cursor: pointer;
  background: #edf1f0;
  color: #9c9c25;
  border: 1px solid #fdfdfd;
  box-shadow: inset 0 3px 10px #d8d8d8;
  transform: translateY(1px);
  transition: 50ms;
}

/* -------------------
GLOBAL (PERSISTENT) HEADER
---------------------- */
header {
  z-index: 10;
}

header .logo {
  position: fixed;
  width: 100%;
  top: 1.15rem;
  left: 0;
  transform: rotate(5.5deg);
  z-index: -1;
}

@media screen and (min-width: 500px) {
  header .logo {
    width: 12em;
    top: 1.5rem;
    left: 2rem;
    transform: none;
    z-index: 1;
  }
}

@media screen and (min-width: 1025px) {
  header .logo {
    top: 1.5rem;
  }
}

@media screen and (min-width: 1470px) {
  header .logo {
    left: 2rem;
  }
}

header .logo svg {
  display: block;
  max-width: 110%;
  margin: 0 -2.5%;
  opacity: 0.5;
}

@media screen and (min-width: 500px) {
  header .logo svg {
    display: initial;
    max-width: 100%;
    margin: auto;
    opacity: 1;
  }
}

header .logo_small {
  position: relative;
  height: 3rem;
  visibility: hidden;
}

@media screen and (min-width: 580px) {
  header .logo_small {
    visibility: visible;
  }
}

header .logo_small a {
  position: absolute;
  top: 0.65rem;
  left: 2rem;
  width: 6.5rem;
  pointer-events: auto !important;
}

header .logo_small svg {
  fill: #d4cec6;
}

.persistent-header, .persistent-bg {
  position: fixed;
  width: 100%;
  height: 3rem;
  z-index: 1;
}

.persistent-bg {
  background-color: #f9f9f9;
  box-shadow: 0 5px 15px #5a59583d;
  overflow: hidden;
  opacity: 0; /* value changed on scroll via lc.js */
}

/* -------------------
MEMBER MODAL LOGIN
---------------------- */
#v65-modalViel {
  background-color: #f0f1f0;
  opacity: .97;
}

#v65-modalContentWrapper {
  background-color: #f9f9f9;
  box-shadow: 0 3px 9px #e0dedb;
  border: 1px solid #ffffff;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  margin: 0;
  min-width: 474px; /* width sourced from WD settings */
  max-width: 700px;
}

#v65-modalContentHeader {
  background-color: transparent;
  height: initial;
  overflow: visible;
  text-align: right;
  padding: 1rem 1rem 0;
}

#v65-modalContent {
  max-width: 600px;
  margin: auto;
  text-align: center;
}

#v65-modalContent > p:nth-of-type(1), #v65-modalContent > p:nth-of-type(3) { /* hides "make account" bc it is misleading (does not sign up for club) */
  display: none;
}

#v65-modalContent #v65-loginForm > fieldset {
  /* overly specific bc of WD inline styles */
  padding: 1em;
  text-align: center;
}

#v65-modalContent #v65-loginForm > fieldset input[type=text],
#v65-modalContent #v65-loginForm > fieldset input[type=password],
#v65-modalContent #v65-loginForm > fieldset input[type=textarea] {
  /* important! overrides injected WD inline style */
  width: 100% !important;
}

#v65-modalContent #v65-loginForm > fieldset > div:nth-child(2) {
  /* overly specific bc of WD inline styles */
  margin-top: 2em;
}

#v65-modalContent #v65-loginForm > fieldset > div:nth-child(3) {
  /* overly specific bc of WD inline styles */
  margin-top: -1em;
}

#v65-modalContent #v65-loginForm > fieldset > .v65-group {
  /* req'd to override WD styles to position checkbox */
  position: relative;
  margin-left: 0.25em;
}

#v65-modalContent #v65-loginForm > fieldset > div:nth-child(5) {
  /* styles submit button so box-shadow is visible */
  overflow: visible;
}

#v65-modalContent #v65-loginForm > fieldset > div.v65-group > label {
  text-align: left;
  width: auto;
  margin-left: 1.75em;
}

#v65-modalContent #v65-loginForm .defaultBtn {
  font-size: 1.4em;
  font-weight: 400;
  min-width: 30%;
}

/* 'Remember Me' Checkbox in Modal Login */
#v65-modalContent .v65-form input[type='checkbox'] {
  position: relative;
  display: inline-block;
  padding: 0 1.5rem;
}

#v65-modalContent .v65-form label[for='rememberMe'] {
  z-index: -1; /* ensures custom checkbox is below native checkbox so it's always clickable */
  position: relative; /* req'd to position custom check */
}

#v65-modalContent .v65-form input[type='checkbox'] {
  opacity: 1; /* makes native checkbox invisable so custom is seen */
  transform: scale(1.15); /* makes native checkbox same size as custom checkbox*/
  margin-top: 0.5em; /* centers native checkbox */
  margin-left: 0.15em; /* centers native checkbox */
}

#v65-modalContent .v65-form input[type='checkbox']::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1.25em;
  height: 1.25em;
  background: #ffffff;
  outline: 2px solid #e6b308;
}

#v65-modalContent .v65-form input[type='checkbox'] + .form-label::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background: #f9f9f9;
  outline: 2px solid #e6b308;
  vertical-align: middle;
  z-index: -1; /* ensures custom checkbox is below native checkbox so it's always clickable */
}

#v65-modalContent .v65-form input[type='checkbox']:checked::before {
  background: #e4e3e3;
  outline: 2px solid #e4e3e3;
}

#v65-modalContent .v65-form input[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid #e6b308;
  border-bottom: 3px solid #e6b308;
  height: 6px;
  width: 13px;
  transform: rotate(-45deg);
}

#v65-modalContent .v65-form input[type='checkbox']:focus::before {
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px #b6b72b; /* mimics styled focus state normally seen on checkboxes */
}

/* -------------------
GENERAL MODAL WINDOWS
---------------------- */
.modaal-overlay {
  background-color: #f0f1f0 !important;
  opacity: .85 !important;
}

.modaal-close {
  width: 60px;
  height: 60px;
}

.modaal-close:after, .modaal-close:before {
  left: 29px;
  width: 3px;
  height: 32px;
  border-radius: 0;
  background: #b6b72b;
}

.modaal-close:focus {
  outline: none;
  box-shadow: 0 0 0 5px #b6b72b;
  border-radius: 50%;
}

.modaal-focus:focus {
  box-shadow: none;
}

/* open modaal video iframe */

.modaal-inner-wrapper {
  padding: 0;
}

.modaal-video-wrap {
  margin: 0;
}

/* -------------------
MEMBER LOGIN PAGE
---------------------- */
#v65-LoginFormWrapper {
  position: relative;
}

#v65-LoginFormWrapper fieldset {
  border: none;
  padding: 1.5em;
  margin-bottom: 2em;
  text-align: center;
  box-shadow: none;
  transition: 200ms ease box-shadow;
}

#v65-LoginFormWrapper:hover fieldset {
  box-shadow: 0 3px 13px #bdbcbb;
  transition: 200ms ease box-shadow;
}

#v65-LoginFormWrapper legend {
  display: none;
}

#v65-LoginFormWrapper form:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #eff1f0;
  z-index: -1;
}

#v65-LoginFormWrapper fieldset input[type=text],
#v65-LoginFormWrapper fieldset input[type=password] {
  width: 100% !important;
  max-width: 500px;
}

#v65-LoginFormWrapper .submit-button {
  overflow: visible;
  margin-top: 1.5em;
}

#v65-LoginFormWrapper .submit-button button {
  font-size: 1.4em;
  font-weight: 400;
}

.login-alternatives {
  border: solid 1px #ececec;
  padding: 1em 1em 0;
  text-align: center;
  margin-bottom: 2em;
  box-shadow: none;
  transition: 200ms ease box-shadow;
}

.login-alternatives:hover {
  box-shadow: 0 3px 13px #bdbcbb;
  transition: 200ms ease box-shadow;
}

.login-alternatives .linkBtn {
  margin-left: 0.5em;
  font-family: 'Quattrocento Sans', serif;
}

#member .login-alternatives p a.linkBtn {
  float: none;
}

@media screen and (max-width: 580px) {
  #v65-loginForm button {
    width: 100%;
    margin: auto;
  }
  .login-alternatives .linkBtn {
    display: block;
    margin: 1em;
  }
}

/* Hide "To sign up for an account..." */
.login-alternatives > p:nth-child(2) {
  display: none;
}

/* Forgot Password Subpage */
#member .Forgot.Password h3 {
  display: none;
}

/* -------------------
MEMBER TEMPLATE
---------------------- */
#member main {
  margin-top: 8.5rem;
}

@media screen and (min-width: 580px) {
  #member main {
    margin-bottom: 3.5rem;
  }
}

/* Adjustments to persisitent header to accomodate member tools submenu */
#member .persistent-header, #member .persistent-bg {
  margin-top: 3rem;
}

@media screen and (min-width: 500px) {
  #member header .logo {
    top: 3.5em;
  }
}

/* Member Tools Submenu */
nav.member-tools {
  position: fixed;
  min-width: 100%;
  background: #476a61;
  font-size: 0;
  height: 3rem; /* matches .persistent-header */
}

@media screen and (max-width: 580px) {
  nav.member-tools::before {
    content: '';
    position: absolute;
    right: 0;
    left: 60%;
    top: 0;
    bottom: 0;
    max-height: 50px;
    background: rgb(51,51,51);
    background: -moz-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    z-index: 10;
    pointer-events: none;
  }
}

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll::-webkit-scrollbar {
  display: none;
}

.member-submenu {
  border-radius: 3px;
  text-align: center;
}

.member-submenu .nav-item {
  font-family: 'Quattrocento Sans', sans-serif;
  text-align: center;
  color: #f9f9f9;
  font-weight: 400;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  padding: 7px 16px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  height: 3rem;
}

.member-submenu .nav-item:not(:last-child) {
  border-right: 1px solid rgba(223, 230, 209, 0.2);
}

.member-submenu .nav-item a {
  text-shadow: none;
}

/* Flickity, for Members Template Submenu */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Draggable Flickity */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* Edit Profile Form */
#v65-memberFormWrapper form {
  width: 100%;
}

#v65-memberFormWrapper div.reqd-asterick {
  overflow: visible;
}

#v65-memberFormWrapper legend {
  font-size: .65em;
  letter-spacing: .1em;
}

#v65-memberFormWrapper fieldset {
  margin-bottom: 1em;
  border: 1px solid #e8e8e8;
  padding: 1em;
}

#v65-memberFormWrapper .v65-form button[type=submit] {
  margin-top: 1.5em;
  margin-bottom: 2.5em;
  float: right;
}

#v65-memberFormWrapper select[name=BirthMonth], #v65-memberFormWrapper select[name=BirthYear] {
  /* !important req'd to override WD styling */
  width: 5.5em !important;
}

#v65-memberFormWrapper select[name=BirthDay] {
  /* !important req'd to override WD styling */
  width: 4.5em !important;
}

#v65-memberFormWrapper input[type=checkbox] {
  /* overriding WD styling */
  float: none;
  margin: 0.55em 0 0;
  opacity: 1;
}

#v65-memberFormWrapper input[type=checkbox] + label {
  margin-left: 1.75em;
}

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

#member p a.linkBtn {
  float: right;
}

@media screen and (max-width: 600px) {
  .v65-addNewCreditCard a.linkBtn, #member p a.linkBtn {
    width: 100%;
    float: none;
  }
}

/* Billing Info Form */
#v65-checkBilling legend {
  font-size: inherit;
  letter-spacing: inherit;
}

/* Member Tables */
@media screen and (min-width: 1366px) {
  #member .text-content table {
    width: 80vw;
    transform: translateX(-10vw);
  }
}

#v65-memberAddressBook {
  margin-bottom: 2em;
  box-shadow: 0 5px 15px #ceccca;
}

#v65-memberAddressBook th {
  color: unset;
  background-color: initial;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.625em;
  line-height: 1.4em;
  border-bottom: unset;
}

#v65-memberAddressBook td {
  border-bottom: 1px solid #ddd;
  padding: 0 0.15em;
  height: 4em;
  line-height: 1.2em;
}

@media screen and (max-width: 600px) {
  #v65-memberAddressBook tr {
    border-bottom: none;
    display: block;
    margin-bottom: 0;
  }
  #v65-memberAddressBook th:nth-child(2), #v65-memberAddressBook th:nth-child(3) {
    display: none;
  }
  #v65-memberAddressBook td {
    text-align: left;
    padding: 0.5em 0.625em;
    border-bottom: none;
  }
  #v65-memberAddressBook td:nth-of-type(-n+2) {
    border-bottom: 1px solid #ddd;
  }
  #v65-memberAddressBook td .modalLinkBtn {
    width: 100%;
  }
  #v65-memberAddressBook td:nth-child(5) {
    text-align: right;
  }
}

/* Edit Address Book Form */
#v65-memberFormWrapper #Nickname,
#v65-memberFormWrapper #FirstName,
#v65-memberFormWrapper #LastName,
#v65-memberFormWrapper #Company,
#v65-memberFormWrapper #Address,
#v65-memberFormWrapper #City,
#v65-memberFormWrapper #Email {
  width: 75% !important;
  min-width: 250px;
}

/* Order History Table */
#v65-memberOrders {
  margin-bottom: 2em;
  box-shadow: 0 5px 15px #ceccca;
}

#v65-memberOrders th {
  color: unset;
  background-color: initial;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.625em;
  line-height: 1.4em;
  border-bottom: unset;
}

#v65-memberOrders td {
  border-bottom: 1px solid #ddd;
  padding: 0 0.15em;
  height: 4em;
  line-height: 1.2em;
}

#v65-memberOrders th:first-of-type {
  padding-left: 1em;
}

#v65-memberOrders th:not(.orderDateRow) {
  color: unset;
  background-color: initial;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.625em;
  line-height: 1.4em;
  border-bottom: unset;
}

@media screen and (max-width: 600px) {
  #v65-memberOrders tr {
    border-bottom: none;
    display: block;
    margin-bottom: 0;
  }
  #v65-memberOrders th:nth-child(2), #v65-memberOrders th:nth-child(3) {
    display: none;
  }
  #v65-memberOrders td {
    text-align: left;
    padding: 0.5em 0.625em;
    border-bottom: none;
  }
  #v65-memberOrders td:nth-of-type(-n+2) {
    border-bottom: 1px solid #ddd;
  }
  #v65-memberOrders td .modalLinkBtn {
    width: 100%;
  }
  #v65-memberOrders td:nth-child(5) {
    text-align: right;
  }
}

/* Member Template Pages Without Submenu; Note WD is CASE SENSITIVE */
#member .Login .member-tools,
#member .Create.Account .member-tools,
#member .Forgot.Password .member-tools {
  display: none;
}

#member .Login main,
#member .Create.Account main,
#member .Forgot.Password main {
  margin-top: 4rem;
}

#member .Login .persistent-header, #member .Login .persistent-bg {
  margin-top: 0;
}

#member .Login header .logo {
  top: 0.95em;
}

/* -------------------
PERSISTENT LOGIN (ACCOUNT)
---------------------- */
.member-login {
  position: fixed;
  width: 100%;
  height: 3rem;
  white-space: nowrap;
  z-index: 1;
}

@media screen and (min-width: 580px) {
  .member-login {
    text-align: right;
    padding: 0;
    font-size: 1rem;
    color: #777777;
  }
}

.v65-yourAccount, .v65-editProfile {
  float: none;
  height: 3rem;
  text-align: left;
  line-height: 3rem;
  border-right: none;
  width: 78%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 580px) {
  .v65-yourAccount, .v65-editProfile {
    display: inline-flex;
    text-align: center;
    float: none;
    width: auto;
    margin: 0;
    border-right: none;
    cursor: pointer;
  }
  .v65-yourAccount {
    padding-right: 0; /* override v65 styling */
  }
}

.v65-yourAccount a, .v65-editProfile a {
  padding: 0 0 0 4em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .75296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  .v65-yourAccount a, .v65-editProfile a {
    padding: 0;
    font-size: calc(.55842vw + .65296em);
  }
}

.v65-login, .v65-logout {
  display: inline-block;
  border-right: none;
  float: right;
  height: 3rem;
  line-height: 3rem;
  width: 22%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 580px) {
  .v65-login, .v65-logout {
    border-right: none;
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .v65-login a, .v65-logout a {
    padding: 0 1.5em;
  }
}

.v65-login, .v65-login, .v65-logout, .v65-logout {
  background-color: #f1efeb;
  transition: 0.3s all;
}

@media screen and (min-width: 580px) {
  .v65-login, .v65-login, .v65-logout, .v65-logout {
    background-color: transparent;
    transition: 0.3s all;
  }
  .nav-scroll-down .v65-login, .nav-scroll-up .v65-login,
  .nav-scroll-down .v65-logout, .nav-scroll-up .v65-logout {
    background-color: #f1efeb;
    transition: 0.3s all;
  }
}

.v65-login:hover, .v65-logout:hover {
  background-color: #e6b308;
  color: #333333;
  transition: 0.2s all;
}

.v65-login a, .v65-logout a {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .75296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  .member-login div a {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    padding: 0 1rem;
  }
}

.member-login .v65-yourAccount > a::before, .member-logout .v65-yourAccount > a::before,
.member-login .v65-yourAccount > a:hover::before, .member-logout .v65-yourAccount > a:hover::before {
  content: '';
  position: absolute;
  left: 1.5em;
  top: 0.5em;
  height: 2em;
  width: 2em;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.87 55.82' fill='%23777777'%3E%3Cpath d='M36.17 54h-32a1.59 1.59 0 01-1.59-1.59v-1.24h21a1.26 1.26 0 001.06-1.93c-2-3.09-8.3-3.9-11.06-4.11V30.7c4-.48 6.85-2.05 8.48-4.7 4.12-6.7-1.3-17.59-1.53-18a1.26 1.26 0 00-2.25 1.13c.05.1 5 10.09 1.64 15.6-1.51 2.45-4.59 3.69-9.15 3.69-3.77 0-6.53-.85-8.21-2.52v-7.63H18.2a1.26 1.26 0 000-2.52H2.55V4.83a1.6 1.6 0 011.59-1.6h32a1.26 1.26 0 100-2.51h-32A4.12 4.12 0 000 4.83v47.6a4.12 4.12 0 004.11 4.11h32a1.26 1.26 0 000-2.52zM10.76 30.89h.3v15.43a1.26 1.26 0 001.22 1.26 28.62 28.62 0 016.9 1.08H2.55V29a15.84 15.84 0 008.21 1.89zM77.8.72h-32a1.26 1.26 0 100 2.51h32a1.6 1.6 0 011.59 1.6v47.6A1.59 1.59 0 0177.8 54h-32a1.26 1.26 0 000 2.52h32a4.11 4.11 0 004.11-4.11V4.83A4.11 4.11 0 0077.8.72z' transform='translate(-.03 -.72)'/%3E%3Cpath d='M45.77 52.69A1.27 1.27 0 0047 51.43c0-2.43-2.63-4.37-6-4.37s-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86a1.27 1.27 0 001.18 1.26zM41 38.84c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.87 1.52-1.85 3.54-1.85s3.54 1 3.54 1.85a1.26 1.26 0 102.52 0c-.11-2.45-2.74-4.37-6.11-4.37zM41 30.63c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86A1.26 1.26 0 1047 35c0-2.45-2.63-4.37-6-4.37zM41 22.41c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.87 1.52-1.85 3.54-1.85s3.54 1 3.54 1.85a1.26 1.26 0 102.52 0c-.11-2.45-2.74-4.37-6.11-4.37zM41 14.2c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86a1.26 1.26 0 002.52 0C47 16.12 44.37 14.2 41 14.2zM34.92 10.35a1.26 1.26 0 102.51 0C37.43 9.48 39 8.5 41 8.5s3.54 1 3.54 1.85a1.26 1.26 0 002.52 0c0-2.13-2-3.87-4.8-4.28V2a1.26 1.26 0 10-2.52 0v4.07c-2.8.41-4.82 2.15-4.82 4.28z' transform='translate(-.03 -.72)'/%3E%3Cpath d='M41 51a1.26 1.26 0 00-1.26 1.25v3a1.26 1.26 0 002.52 0v-3A1.25 1.25 0 0041 51zM55.08 21.88h16.85a1.26 1.26 0 000-2.51H55.08a1.26 1.26 0 100 2.51zM55.08 29.89h16.85a1.26 1.26 0 000-2.52H55.08a1.26 1.26 0 100 2.52zM55.08 37.89h16.85a1.26 1.26 0 000-2.52H55.08a1.26 1.26 0 000 2.52zM8.47 47.27A1.25 1.25 0 009.73 46v-9.8a1.26 1.26 0 00-2.51 0V46a1.25 1.25 0 001.25 1.27z' transform='translate(-.03 -.72)'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 580px) {
  .member-login .v65-yourAccount > a::before, .member-logout .v65-yourAccount > a::before,
  .member-login .v65-yourAccount > a:hover::before, .member-logout .v65-yourAccount > a:hover::before {
    left: -4.5em;
    top: 0.65em;
    height: 1.25em;
    width: 100%;
  }
}

.member-login .v65-editProfile > a::before, .member-logout .v65-editProfile > a::before,
.member-login .v65-editProfile > a:hover::before, .member-logout .v65-editProfile > a:hover::before {
  content: '';
  position: absolute;
  left: 1em;
  top: 0.25em;
  height: 2.75em;
  width: 2em;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.87 55.82' fill='%23777777'%3E%3Cpath d='M36.17 54h-32a1.59 1.59 0 01-1.59-1.59v-1.24h21a1.26 1.26 0 001.06-1.93c-2-3.09-8.3-3.9-11.06-4.11V30.7c4-.48 6.85-2.05 8.48-4.7 4.12-6.7-1.3-17.59-1.53-18a1.26 1.26 0 00-2.25 1.13c.05.1 5 10.09 1.64 15.6-1.51 2.45-4.59 3.69-9.15 3.69-3.77 0-6.53-.85-8.21-2.52v-7.63H18.2a1.26 1.26 0 000-2.52H2.55V4.83a1.6 1.6 0 011.59-1.6h32a1.26 1.26 0 100-2.51h-32A4.12 4.12 0 000 4.83v47.6a4.12 4.12 0 004.11 4.11h32a1.26 1.26 0 000-2.52zM10.76 30.89h.3v15.43a1.26 1.26 0 001.22 1.26 28.62 28.62 0 016.9 1.08H2.55V29a15.84 15.84 0 008.21 1.89zM77.8.72h-32a1.26 1.26 0 100 2.51h32a1.6 1.6 0 011.59 1.6v47.6A1.59 1.59 0 0177.8 54h-32a1.26 1.26 0 000 2.52h32a4.11 4.11 0 004.11-4.11V4.83A4.11 4.11 0 0077.8.72z' transform='translate(-.03 -.72)'/%3E%3Cpath d='M45.77 52.69A1.27 1.27 0 0047 51.43c0-2.43-2.63-4.37-6-4.37s-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86a1.27 1.27 0 001.18 1.26zM41 38.84c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.87 1.52-1.85 3.54-1.85s3.54 1 3.54 1.85a1.26 1.26 0 102.52 0c-.11-2.45-2.74-4.37-6.11-4.37zM41 30.63c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86A1.26 1.26 0 1047 35c0-2.45-2.63-4.37-6-4.37zM41 22.41c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.87 1.52-1.85 3.54-1.85s3.54 1 3.54 1.85a1.26 1.26 0 102.52 0c-.11-2.45-2.74-4.37-6.11-4.37zM41 14.2c-3.39 0-6 1.92-6 4.37a1.26 1.26 0 102.51 0c0-.88 1.52-1.86 3.54-1.86s3.54 1 3.54 1.86a1.26 1.26 0 002.52 0C47 16.12 44.37 14.2 41 14.2zM34.92 10.35a1.26 1.26 0 102.51 0C37.43 9.48 39 8.5 41 8.5s3.54 1 3.54 1.85a1.26 1.26 0 002.52 0c0-2.13-2-3.87-4.8-4.28V2a1.26 1.26 0 10-2.52 0v4.07c-2.8.41-4.82 2.15-4.82 4.28z' transform='translate(-.03 -.72)'/%3E%3Cpath d='M41 51a1.26 1.26 0 00-1.26 1.25v3a1.26 1.26 0 002.52 0v-3A1.25 1.25 0 0041 51zM55.08 21.88h16.85a1.26 1.26 0 000-2.51H55.08a1.26 1.26 0 100 2.51zM55.08 29.89h16.85a1.26 1.26 0 000-2.52H55.08a1.26 1.26 0 100 2.52zM55.08 37.89h16.85a1.26 1.26 0 000-2.52H55.08a1.26 1.26 0 000 2.52zM8.47 47.27A1.25 1.25 0 009.73 46v-9.8a1.26 1.26 0 00-2.51 0V46a1.25 1.25 0 001.25 1.27z' transform='translate(-.03 -.72)'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 580px) {
  .member-login .v65-editProfile > a::before, .member-logout .v65-editProfile > a::before,
  .member-login .v65-editProfile > a:hover::before, .member-logout .v65-editProfile > a:hover::before {
    left: -1.5em;
    top: 50%;
    height: 1em;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}

/* Removal of Inline Link Styling */
.member-login a:before,
.member-login a:hover:before,
.member-login a:hover:after {
  content: none;
}

/* -------------------
EMAIL SUBSCRIBE WIDGET
---------------------- */
.newsletter-signup {
  width: 100%;
}

.newsletter-signup #v65-subscribeWidget {
  margin: 0 auto;
  text-align: center;
}

#v65-subscribeWidget input {
  width: 75%;
  max-width: 400px;
}

/* -------------------
HOMEPAGE TEMPLATE
---------------------- */
#home article h1 {
  font-size: 1.957341500000001em;
}

@media screen and (min-width: 500px) {
  #home article h1 {
    font-size: 2.657341500000001em;
  }
}

section.home_s1 {
  position: relative;
  height: 65vh;
  width: 100%;
}

section.home_s1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(249,249,249,0.97) 0%,rgba(249,249,249,0.999) 100%),url('../images/elliptical_header_bg.svg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-animation: home-background-animation 12s ease-out 3s both; /* delay matches preloader time */
  animation: home-background-animation 12s ease-out 3s both;
}

@-webkit-keyframes home-background-animation {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes home-background-animation {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

@media screen and (min-width: 500px) {
  section.home_s1 {
    height: calc(69vh - 4em);
  }
}

@media screen and (min-width: 800px) {
  section.home_s1 {
    height: calc(100vh - 12em);
  }
}

@media screen and (min-width: 980px) {
  section.home_s1 {
    display: flex;
    justify-content: center;
    height: 60vh;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  section.home_s1 {
    height: 80vh; /* changed 1/8/21 */
  }
}

section.home_s1::after {
  content:"";
  position: absolute;
  top: -4rem;
  bottom: 0;
  border-left: 2px dotted #e6b308;
  left: 12%;
  transform: translate(-50%);
  pointer-events: none;
}

@media screen and (min-width: 500px) {
  section.home_s1::after {
    left: 28%;
  }
}

/* Homepage Header Logo */
#home header .logo {
  position: fixed;
  width: 100%;
  top: 5rem;
  left: 0;
  z-index: 1;
}

@media screen and (min-width: 500px) {
  #home header .logo {
    width: 20em;
    top: 3rem;
    left: 2rem;
  }
}

@media screen and (min-width: 1025px) {
  #home header .logo {
    top: 2rem;
  }
}

@media screen and (min-width: 1470px) {
  #home header .logo {
    left: 3.5rem;
  }
}

#home header .logo svg {
  display: block;
  max-width: 14rem;
  margin: 0 auto;
}

@media screen and (min-width: 500px) {
  #home header .logo svg {
    display: initial;
    max-width: 100%;
    margin: auto;
  }
}

/* Homepage Video */
.video_home {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

@media screen and (min-width: 980px) {
  .video_home {
    position: absolute;
    width: calc(100vw - 6rem);
    max-width: 1100px;
    overflow: visible; /* changed 1/8/21 */
    margin: 0 auto;
  }
}

@media screen and (min-width: 1025px) {
  .video_home {
    height: calc(100% - 4rem);
  }
}

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-animation: scale-in-ver-bottom 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both; /* delay matches preloader time - .25s */
  animation: scale-in-ver-bottom 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
}

@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}

.video_home video {
  position: relative;
  width: calc(100% - 3em);
  height: auto;
  top: calc(50% + 3rem);
  transform: translateY(-50%);
  z-index: -100;
  background: url(../images/video.jpg) no-repeat;
  background-size: cover;
  transition: 1s opacity;
  /* box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.8); causing weird chrome bug */
  filter: drop-shadow(2rem 1rem 2rem rgba(0, 0, 0, 0.35));
}

@media screen and (min-width: 600px) {
  .video_home video {
    top: 50%;
    width: 80%;
  }
}

@media screen and (min-width: 1025px) {
  .video_home video {
    width: 74%;
  }
}

@media screen and (min-width: 1160px) {
  .video_home video {
    width: 80%;
  }
}

.video_home .stopfade {
  opacity: .5;
}

.video_home #pause {
  position: absolute;
  top: calc(60% + 3rem);
  right: 0;
  margin-bottom: 0.5em;
  transition: 0.3s all;
}

@media screen and (min-width: 500px) {
  .video_home #pause {
    top: auto;
    bottom: 0;
    right: 3%;
    margin-bottom: 1em;
    transition: 0.3s all;
  }
}

@media screen and (min-width: 769px) {
  .video_home #pause {
    right: 1.5rem;
    margin-bottom: 20%;
    transition: 0.3s all;
  }
}

@media screen and (min-width: 1025px) {
  .video_home #pause {
    right: 4%;
    margin-bottom: 3em;
    transition: 0.3s all;
  }
}

@media screen and (min-width: 1160px) {
  .video_home #pause {
    right: 1.5rem;
    margin-bottom: 1em;
    transition: 0.3s all;
  }
}

.video_home #pause button {
  display: block;
  opacity: 0.8;
  width: 7rem;
  height: 7rem;
  margin-right: -0.5rem;
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: .3s all;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239a9b3a' id='video_pause' data-name='video_pause' viewBox='0 0 76.37 76.39'%3E%3Cpath d='M30.58 20.05h3.32v36.37h-3.32zM42.32 20.05h3.32v36.37h-3.32z' class='cls-1'/%3E%3Cpath d='M45.6 79.92a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm2.94-.31A.5.5 0 0149 79a.5.5 0 01.58.41.52.52 0 01-.42.58H49a.5.5 0 01-.46-.38zm2.91-.54a.5.5 0 01.37-.6.5.5 0 01.6.37.51.51 0 01-.37.61h-.11a.49.49 0 01-.49-.38zm2.85-.76a.51.51 0 01.33-.63.51.51 0 01.63.32.5.5 0 01-.33.63.4.4 0 01-.15 0 .51.51 0 01-.48-.32zm2.79-1a.52.52 0 01.27-.66.51.51 0 01.66.27.52.52 0 01-.27.66h-.19a.5.5 0 01-.47-.25zm2.7-1.21a.51.51 0 01.22-.67.5.5 0 01.68.22.51.51 0 01-.22.67.46.46 0 01-.23 0 .51.51 0 01-.45-.2zm2.6-1.41a.5.5 0 01.17-.69.51.51 0 01.69.17.49.49 0 01-.17.68.5.5 0 01-.26.08.52.52 0 01-.43-.22zm2.48-1.61a.51.51 0 01.11-.7.49.49 0 01.7.11.51.51 0 01-.11.7.52.52 0 01-.29.09.51.51 0 01-.41-.18zm2.35-1.81a.49.49 0 010-.7.49.49 0 01.7.06.49.49 0 01-.06.7.49.49 0 01-.32.12.49.49 0 01-.32-.16zm2.2-2a.48.48 0 010-.7.48.48 0 01.7 0 .48.48 0 010 .7.47.47 0 01-.35.15.47.47 0 01-.35-.11zm2-2.14a.49.49 0 010-.7.49.49 0 01.7-.06.51.51 0 01.06.71.52.52 0 01-.38.17.52.52 0 01-.35-.08zm1.86-2.29a.51.51 0 01-.11-.7.49.49 0 01.7-.11.49.49 0 01.11.7.49.49 0 01-.4.2.55.55 0 01-.27-.05zm1.72-2.4a.5.5 0 01-.16-.69.5.5 0 01.69-.16.5.5 0 01.16.69.5.5 0 01-.43.23.48.48 0 01-.26-.07zm1.48-2.56a.49.49 0 01-.21-.67.5.5 0 01.67-.22.52.52 0 01.22.68.51.51 0 01-.45.27.49.49 0 01-.24-.06zm1.28-2.66a.5.5 0 01-.27-.66.51.51 0 01.65-.27.5.5 0 01.27.66.49.49 0 01-.46.3.63.63 0 01-.2-.03zm1.06-2.76a.5.5 0 01-.32-.63.49.49 0 01.63-.32.5.5 0 01.32.63.5.5 0 01-.48.34.39.39 0 01-.16-.02zm.84-2.84a.5.5 0 01-.37-.6.5.5 0 01.6-.37.5.5 0 01.37.6.5.5 0 01-.48.39zm.61-2.89a.49.49 0 01-.41-.57.51.51 0 01.57-.42.5.5 0 01.41.58.5.5 0 01-.49.42h-.08zm.39-2.93a.5.5 0 01-.46-.54.5.5 0 01.54-.46.49.49 0 01.45.54.5.5 0 01-.49.46zM80.19 39.42a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm-.34-2.9a.5.5 0 01.41-.57.5.5 0 01.58.41.51.51 0 01-.42.57h-.08a.5.5 0 01-.49-.41zm-.57-2.86a.51.51 0 01.37-.61.51.51 0 01.61.37.51.51 0 01-.37.61h-.12a.5.5 0 01-.49-.37zm-.79-2.81a.5.5 0 01.33-.63.49.49 0 01.62.32.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.48-.32zm-1-2.74a.51.51 0 01.27-.65.5.5 0 01.66.27.51.51 0 01-.27.65.48.48 0 01-.2 0 .51.51 0 01-.47-.27zm-1.22-2.65a.49.49 0 01.22-.67.49.49 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.23.05.5.5 0 01-.45-.27zm-1.43-2.54a.5.5 0 01.17-.69.49.49 0 01.68.16.5.5 0 01-.16.69.48.48 0 01-.26.07.51.51 0 01-.44-.23zm-1.62-2.43a.49.49 0 01.11-.7.51.51 0 01.7.11.51.51 0 01-.11.7.49.49 0 01-.3.1.49.49 0 01-.41-.21zM71.4 18.2a.51.51 0 010-.71.51.51 0 01.71.06.5.5 0 010 .7.47.47 0 01-.33.12.52.52 0 01-.38-.17zm-2-2.14a.5.5 0 010-.71.5.5 0 01.71 0 .51.51 0 010 .71.5.5 0 01-.36.14.49.49 0 01-.33-.14zm-2.14-2a.51.51 0 01-.06-.71.51.51 0 01.71 0 .49.49 0 010 .7.49.49 0 01-.38.18.49.49 0 01-.25-.15zM65 12.27a.5.5 0 01-.11-.7.51.51 0 01.7-.11.51.51 0 01.11.7.51.51 0 01-.41.2.52.52 0 01-.29-.09zm-2.43-1.63a.49.49 0 01-.17-.64.5.5 0 01.69-.17.5.5 0 01.16.69.48.48 0 01-.42.24.47.47 0 01-.27-.12zM60 9.22a.52.52 0 01-.22-.68.51.51 0 01.68-.21.49.49 0 01.21.67.49.49 0 01-.44.27.46.46 0 01-.23-.05zM57.37 8a.52.52 0 01-.27-.66.51.51 0 01.66-.27.51.51 0 01.27.65.49.49 0 01-.46.31.69.69 0 01-.2-.03zm-2.73-1a.5.5 0 01-.32-.63A.51.51 0 0155 6a.5.5 0 01.32.63.51.51 0 01-.48.35zm-2.81-.8a.5.5 0 01-.37-.6.51.51 0 01.61-.37.51.51 0 01.37.6.51.51 0 01-.49.39zM49 5.63a.5.5 0 01-.41-.58.49.49 0 01.57-.41.49.49 0 01.41.57.49.49 0 01-.49.42H49zm-2.89-.34a.52.52 0 01-.47-.54.51.51 0 01.54-.46.5.5 0 01.46.54.5.5 0 01-.5.46zM5.56 39.86a.5.5 0 01-.46-.54.5.5 0 01.54-.46.5.5 0 01.46.54.5.5 0 01-.5.46zm.3-2.94a.5.5 0 01-.41-.57.5.5 0 01.55-.42.51.51 0 01.42.57.5.5 0 01-.5.42h-.06zM6.4 34a.5.5 0 01-.37-.6H6a.5.5 0 01.64-.4.49.49 0 01.36.6.49.49 0 01-.48.38H6.4zm.77-2.86a.5.5 0 01-.33-.63.52.52 0 01.64-.32.51.51 0 01.32.63.51.51 0 01-.48.35.4.4 0 01-.15-.02zm1-2.78a.52.52 0 01-.27-.66.5.5 0 01.66-.26.5.5 0 01.27.65.51.51 0 01-.47.31.65.65 0 01-.21-.03zm1.21-2.7a.49.49 0 01-.24-.66.49.49 0 01.67-.22.5.5 0 01.22.67.51.51 0 01-.45.27.44.44 0 01-.22-.05zm1.41-2.6a.48.48 0 01-.16-.68.51.51 0 01.69-.17.5.5 0 01.17.69.52.52 0 01-.43.24.5.5 0 01-.29-.07zm1.61-2.48a.5.5 0 01-.11-.69.49.49 0 01.7-.11.51.51 0 01.11.7.51.51 0 01-.4.2.47.47 0 01-.32-.09zm1.8-2.34a.49.49 0 010-.7.49.49 0 01.7-.05.51.51 0 01.06.71.52.52 0 01-.38.17.52.52 0 01-.4-.12zm2-2.2a.5.5 0 010-.7.5.5 0 01.71 0 .5.5 0 010 .7.5.5 0 01-.35.15.51.51 0 01-.4-.14zm2.15-2a.51.51 0 01.05-.71.51.51 0 01.71.06.49.49 0 01-.06.7.49.49 0 01-.32.12.52.52 0 01-.42-.21zm2.29-1.87a.5.5 0 01.11-.69.49.49 0 01.7.11.49.49 0 01-.11.7.52.52 0 01-.29.09.49.49 0 01-.45-.23zM23 10.48a.5.5 0 01.16-.69.5.5 0 01.69.16.51.51 0 01-.16.69.5.5 0 01-.26.08.51.51 0 01-.43-.24zM25.6 9a.5.5 0 01.22-.68.5.5 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.22.06.5.5 0 01-.45-.27zm2.67-1.28a.49.49 0 01.27-.65.49.49 0 01.65.27.49.49 0 01-.27.65.43.43 0 01-.19 0 .51.51 0 01-.46-.27zM31 6.66a.5.5 0 01.35-.66.5.5 0 01.63.32.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.51-.29zm2.84-.84a.49.49 0 01.37-.6.5.5 0 01.6.37.5.5 0 01-.37.6h-.12a.49.49 0 01-.45-.37zm2.89-.61a.51.51 0 01.41-.58.52.52 0 01.58.42.5.5 0 01-.42.57h-.08a.5.5 0 01-.46-.41zm2.93-.39a.49.49 0 01.46-.53.51.51 0 01.54.46.5.5 0 01-.46.53.5.5 0 01-.51-.46zM40.13 80.37a.5.5 0 01-.46-.53.49.49 0 01.54-.46.49.49 0 01.46.53.5.5 0 01-.5.47zm-3-.34a.51.51 0 01-.42-.58.49.49 0 01.57-.41.5.5 0 01.42.57.51.51 0 01-.5.42h-.07zm-2.94-.59a.5.5 0 01-.37-.6.49.49 0 01.6-.37.5.5 0 01.37.6.49.49 0 01-.48.38h-.12zm-2.88-.81A.51.51 0 0131 78a.49.49 0 01.63-.32.5.5 0 01.33.63.5.5 0 01-.48.34.39.39 0 01-.14-.02zm-2.81-1a.49.49 0 01-.27-.65.49.49 0 01.65-.27.49.49 0 01.27.65.51.51 0 01-.46.31.41.41 0 01-.16-.08zm-2.72-1.26a.5.5 0 01-.22-.67.51.51 0 01.67-.22.5.5 0 01.22.68.5.5 0 01-.44.27.46.46 0 01-.2-.1zm-2.58-1.5a.5.5 0 01-.17-.69.5.5 0 01.69-.16.49.49 0 01.16.69.49.49 0 01-.42.23.48.48 0 01-.26-.07zm-2.49-1.67a.49.49 0 01-.11-.7.51.51 0 01.7-.11.51.51 0 01.11.7.49.49 0 01-.41.21.46.46 0 01-.29-.1zm-2.35-1.85a.51.51 0 01-.06-.71.51.51 0 01.71 0 .49.49 0 010 .7.49.49 0 01-.38.18.49.49 0 01-.27-.17zm-2.2-2a.5.5 0 010-.71.5.5 0 01.7 0 .5.5 0 010 .71.47.47 0 01-.35.15.47.47 0 01-.35-.19zm-2-2.2a.49.49 0 01.06-.7.49.49 0 01.7 0 .51.51 0 01-.05.71.52.52 0 01-.33.12.49.49 0 01-.42-.17zm-1.85-2.35a.49.49 0 01.11-.7.51.51 0 01.7.11.5.5 0 01-.12.7.45.45 0 01-.29.1.52.52 0 01-.44-.25zm-1.71-2.53a.51.51 0 01.17-.69.49.49 0 01.68.17.49.49 0 01-.16.68.5.5 0 01-.26.08.51.51 0 01-.43-.24zm-1.47-2.61a.51.51 0 01.22-.66.5.5 0 01.67.22.51.51 0 01-.21.68.64.64 0 01-.23 0 .51.51 0 01-.45-.24zm-1.25-2.72a.5.5 0 01.27-.66.5.5 0 01.65.27.51.51 0 01-.27.66.63.63 0 01-.19 0 .49.49 0 01-.46-.27zm-1-2.82a.5.5 0 01.32-.63.51.51 0 01.63.32.49.49 0 01-.32.63.4.4 0 01-.15 0 .5.5 0 01-.52-.32zM6 51.24a.49.49 0 01.37-.6A.49.49 0 017 51a.5.5 0 01-.37.6h-.12a.49.49 0 01-.51-.36zm-.55-2.94a.49.49 0 01.41-.57.49.49 0 01.57.41.5.5 0 01-.41.58h-.08a.49.49 0 01-.49-.42zm-.35-3a.5.5 0 01.46-.54.49.49 0 01.53.46.5.5 0 01-.46.53.5.5 0 01-.53-.43zM42.64 80a.49.49 0 01.46-.54.49.49 0 01.54.46.53.53 0 01-.46.54.51.51 0 01-.54-.46zM80.31 42.38a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zM5 42.38a.48.48 0 01.45-.54.52.52 0 01.55.46.53.53 0 01-.46.54.49.49 0 01-.54-.46zM42.64 4.64a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46z' class='cls-2' transform='translate(-4.94 -4.1)'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 500px) {
  .video_home #pause button {
    width: 8rem;
    height: 8rem;
  }
}

@media screen and (min-width: 768px) {
  .video_home #pause button {
    width: 6rem;
    height: 6rem;
  }
}

@media screen and (min-width: 1160px) {
  .video_home #pause button {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239a9b3a' id='video_pause' data-name='video_pause' viewBox='0 0 76.37 76.39'%3E%3Cpath d='M30.58 20.05h3.32v36.37h-3.32zM42.32 20.05h3.32v36.37h-3.32z' class='cls-1'/%3E%3Cpath d='M45.6 79.92a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm2.94-.31A.5.5 0 0149 79a.5.5 0 01.58.41.52.52 0 01-.42.58H49a.5.5 0 01-.46-.38zm2.91-.54a.5.5 0 01.37-.6.5.5 0 01.6.37.51.51 0 01-.37.61h-.11a.49.49 0 01-.49-.38zm2.85-.76a.51.51 0 01.33-.63.51.51 0 01.63.32.5.5 0 01-.33.63.4.4 0 01-.15 0 .51.51 0 01-.48-.32zm2.79-1a.52.52 0 01.27-.66.51.51 0 01.66.27.52.52 0 01-.27.66h-.19a.5.5 0 01-.47-.25zm2.7-1.21a.51.51 0 01.22-.67.5.5 0 01.68.22.51.51 0 01-.22.67.46.46 0 01-.23 0 .51.51 0 01-.45-.2zm2.6-1.41a.5.5 0 01.17-.69.51.51 0 01.69.17.49.49 0 01-.17.68.5.5 0 01-.26.08.52.52 0 01-.43-.22zm2.48-1.61a.51.51 0 01.11-.7.49.49 0 01.7.11.51.51 0 01-.11.7.52.52 0 01-.29.09.51.51 0 01-.41-.18zm2.35-1.81a.49.49 0 010-.7.49.49 0 01.7.06.49.49 0 01-.06.7.49.49 0 01-.32.12.49.49 0 01-.32-.16zm2.2-2a.48.48 0 010-.7.48.48 0 01.7 0 .48.48 0 010 .7.47.47 0 01-.35.15.47.47 0 01-.35-.11zm2-2.14a.49.49 0 010-.7.49.49 0 01.7-.06.51.51 0 01.06.71.52.52 0 01-.38.17.52.52 0 01-.35-.08zm1.86-2.29a.51.51 0 01-.11-.7.49.49 0 01.7-.11.49.49 0 01.11.7.49.49 0 01-.4.2.55.55 0 01-.27-.05zm1.72-2.4a.5.5 0 01-.16-.69.5.5 0 01.69-.16.5.5 0 01.16.69.5.5 0 01-.43.23.48.48 0 01-.26-.07zm1.48-2.56a.49.49 0 01-.21-.67.5.5 0 01.67-.22.52.52 0 01.22.68.51.51 0 01-.45.27.49.49 0 01-.24-.06zm1.28-2.66a.5.5 0 01-.27-.66.51.51 0 01.65-.27.5.5 0 01.27.66.49.49 0 01-.46.3.63.63 0 01-.2-.03zm1.06-2.76a.5.5 0 01-.32-.63.49.49 0 01.63-.32.5.5 0 01.32.63.5.5 0 01-.48.34.39.39 0 01-.16-.02zm.84-2.84a.5.5 0 01-.37-.6.5.5 0 01.6-.37.5.5 0 01.37.6.5.5 0 01-.48.39zm.61-2.89a.49.49 0 01-.41-.57.51.51 0 01.57-.42.5.5 0 01.41.58.5.5 0 01-.49.42h-.08zm.39-2.93a.5.5 0 01-.46-.54.5.5 0 01.54-.46.49.49 0 01.45.54.5.5 0 01-.49.46zM80.19 39.42a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm-.34-2.9a.5.5 0 01.41-.57.5.5 0 01.58.41.51.51 0 01-.42.57h-.08a.5.5 0 01-.49-.41zm-.57-2.86a.51.51 0 01.37-.61.51.51 0 01.61.37.51.51 0 01-.37.61h-.12a.5.5 0 01-.49-.37zm-.79-2.81a.5.5 0 01.33-.63.49.49 0 01.62.32.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.48-.32zm-1-2.74a.51.51 0 01.27-.65.5.5 0 01.66.27.51.51 0 01-.27.65.48.48 0 01-.2 0 .51.51 0 01-.47-.27zm-1.22-2.65a.49.49 0 01.22-.67.49.49 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.23.05.5.5 0 01-.45-.27zm-1.43-2.54a.5.5 0 01.17-.69.49.49 0 01.68.16.5.5 0 01-.16.69.48.48 0 01-.26.07.51.51 0 01-.44-.23zm-1.62-2.43a.49.49 0 01.11-.7.51.51 0 01.7.11.51.51 0 01-.11.7.49.49 0 01-.3.1.49.49 0 01-.41-.21zM71.4 18.2a.51.51 0 010-.71.51.51 0 01.71.06.5.5 0 010 .7.47.47 0 01-.33.12.52.52 0 01-.38-.17zm-2-2.14a.5.5 0 010-.71.5.5 0 01.71 0 .51.51 0 010 .71.5.5 0 01-.36.14.49.49 0 01-.33-.14zm-2.14-2a.51.51 0 01-.06-.71.51.51 0 01.71 0 .49.49 0 010 .7.49.49 0 01-.38.18.49.49 0 01-.25-.15zM65 12.27a.5.5 0 01-.11-.7.51.51 0 01.7-.11.51.51 0 01.11.7.51.51 0 01-.41.2.52.52 0 01-.29-.09zm-2.43-1.63a.49.49 0 01-.17-.64.5.5 0 01.69-.17.5.5 0 01.16.69.48.48 0 01-.42.24.47.47 0 01-.27-.12zM60 9.22a.52.52 0 01-.22-.68.51.51 0 01.68-.21.49.49 0 01.21.67.49.49 0 01-.44.27.46.46 0 01-.23-.05zM57.37 8a.52.52 0 01-.27-.66.51.51 0 01.66-.27.51.51 0 01.27.65.49.49 0 01-.46.31.69.69 0 01-.2-.03zm-2.73-1a.5.5 0 01-.32-.63A.51.51 0 0155 6a.5.5 0 01.32.63.51.51 0 01-.48.35zm-2.81-.8a.5.5 0 01-.37-.6.51.51 0 01.61-.37.51.51 0 01.37.6.51.51 0 01-.49.39zM49 5.63a.5.5 0 01-.41-.58.49.49 0 01.57-.41.49.49 0 01.41.57.49.49 0 01-.49.42H49zm-2.89-.34a.52.52 0 01-.47-.54.51.51 0 01.54-.46.5.5 0 01.46.54.5.5 0 01-.5.46zM5.56 39.86a.5.5 0 01-.46-.54.5.5 0 01.54-.46.5.5 0 01.46.54.5.5 0 01-.5.46zm.3-2.94a.5.5 0 01-.41-.57.5.5 0 01.55-.42.51.51 0 01.42.57.5.5 0 01-.5.42h-.06zM6.4 34a.5.5 0 01-.37-.6H6a.5.5 0 01.64-.4.49.49 0 01.36.6.49.49 0 01-.48.38H6.4zm.77-2.86a.5.5 0 01-.33-.63.52.52 0 01.64-.32.51.51 0 01.32.63.51.51 0 01-.48.35.4.4 0 01-.15-.02zm1-2.78a.52.52 0 01-.27-.66.5.5 0 01.66-.26.5.5 0 01.27.65.51.51 0 01-.47.31.65.65 0 01-.21-.03zm1.21-2.7a.49.49 0 01-.24-.66.49.49 0 01.67-.22.5.5 0 01.22.67.51.51 0 01-.45.27.44.44 0 01-.22-.05zm1.41-2.6a.48.48 0 01-.16-.68.51.51 0 01.69-.17.5.5 0 01.17.69.52.52 0 01-.43.24.5.5 0 01-.29-.07zm1.61-2.48a.5.5 0 01-.11-.69.49.49 0 01.7-.11.51.51 0 01.11.7.51.51 0 01-.4.2.47.47 0 01-.32-.09zm1.8-2.34a.49.49 0 010-.7.49.49 0 01.7-.05.51.51 0 01.06.71.52.52 0 01-.38.17.52.52 0 01-.4-.12zm2-2.2a.5.5 0 010-.7.5.5 0 01.71 0 .5.5 0 010 .7.5.5 0 01-.35.15.51.51 0 01-.4-.14zm2.15-2a.51.51 0 01.05-.71.51.51 0 01.71.06.49.49 0 01-.06.7.49.49 0 01-.32.12.52.52 0 01-.42-.21zm2.29-1.87a.5.5 0 01.11-.69.49.49 0 01.7.11.49.49 0 01-.11.7.52.52 0 01-.29.09.49.49 0 01-.45-.23zM23 10.48a.5.5 0 01.16-.69.5.5 0 01.69.16.51.51 0 01-.16.69.5.5 0 01-.26.08.51.51 0 01-.43-.24zM25.6 9a.5.5 0 01.22-.68.5.5 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.22.06.5.5 0 01-.45-.27zm2.67-1.28a.49.49 0 01.27-.65.49.49 0 01.65.27.49.49 0 01-.27.65.43.43 0 01-.19 0 .51.51 0 01-.46-.27zM31 6.66a.5.5 0 01.35-.66.5.5 0 01.63.32.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.51-.29zm2.84-.84a.49.49 0 01.37-.6.5.5 0 01.6.37.5.5 0 01-.37.6h-.12a.49.49 0 01-.45-.37zm2.89-.61a.51.51 0 01.41-.58.52.52 0 01.58.42.5.5 0 01-.42.57h-.08a.5.5 0 01-.46-.41zm2.93-.39a.49.49 0 01.46-.53.51.51 0 01.54.46.5.5 0 01-.46.53.5.5 0 01-.51-.46zM40.13 80.37a.5.5 0 01-.46-.53.49.49 0 01.54-.46.49.49 0 01.46.53.5.5 0 01-.5.47zm-3-.34a.51.51 0 01-.42-.58.49.49 0 01.57-.41.5.5 0 01.42.57.51.51 0 01-.5.42h-.07zm-2.94-.59a.5.5 0 01-.37-.6.49.49 0 01.6-.37.5.5 0 01.37.6.49.49 0 01-.48.38h-.12zm-2.88-.81A.51.51 0 0131 78a.49.49 0 01.63-.32.5.5 0 01.33.63.5.5 0 01-.48.34.39.39 0 01-.14-.02zm-2.81-1a.49.49 0 01-.27-.65.49.49 0 01.65-.27.49.49 0 01.27.65.51.51 0 01-.46.31.41.41 0 01-.16-.08zm-2.72-1.26a.5.5 0 01-.22-.67.51.51 0 01.67-.22.5.5 0 01.22.68.5.5 0 01-.44.27.46.46 0 01-.2-.1zm-2.58-1.5a.5.5 0 01-.17-.69.5.5 0 01.69-.16.49.49 0 01.16.69.49.49 0 01-.42.23.48.48 0 01-.26-.07zm-2.49-1.67a.49.49 0 01-.11-.7.51.51 0 01.7-.11.51.51 0 01.11.7.49.49 0 01-.41.21.46.46 0 01-.29-.1zm-2.35-1.85a.51.51 0 01-.06-.71.51.51 0 01.71 0 .49.49 0 010 .7.49.49 0 01-.38.18.49.49 0 01-.27-.17zm-2.2-2a.5.5 0 010-.71.5.5 0 01.7 0 .5.5 0 010 .71.47.47 0 01-.35.15.47.47 0 01-.35-.19zm-2-2.2a.49.49 0 01.06-.7.49.49 0 01.7 0 .51.51 0 01-.05.71.52.52 0 01-.33.12.49.49 0 01-.42-.17zm-1.85-2.35a.49.49 0 01.11-.7.51.51 0 01.7.11.5.5 0 01-.12.7.45.45 0 01-.29.1.52.52 0 01-.44-.25zm-1.71-2.53a.51.51 0 01.17-.69.49.49 0 01.68.17.49.49 0 01-.16.68.5.5 0 01-.26.08.51.51 0 01-.43-.24zm-1.47-2.61a.51.51 0 01.22-.66.5.5 0 01.67.22.51.51 0 01-.21.68.64.64 0 01-.23 0 .51.51 0 01-.45-.24zm-1.25-2.72a.5.5 0 01.27-.66.5.5 0 01.65.27.51.51 0 01-.27.66.63.63 0 01-.19 0 .49.49 0 01-.46-.27zm-1-2.82a.5.5 0 01.32-.63.51.51 0 01.63.32.49.49 0 01-.32.63.4.4 0 01-.15 0 .5.5 0 01-.52-.32zM6 51.24a.49.49 0 01.37-.6A.49.49 0 017 51a.5.5 0 01-.37.6h-.12a.49.49 0 01-.51-.36zm-.55-2.94a.49.49 0 01.41-.57.49.49 0 01.57.41.5.5 0 01-.41.58h-.08a.49.49 0 01-.49-.42zm-.35-3a.5.5 0 01.46-.54.49.49 0 01.53.46.5.5 0 01-.46.53.5.5 0 01-.53-.43zM42.64 80a.49.49 0 01.46-.54.49.49 0 01.54.46.53.53 0 01-.46.54.51.51 0 01-.54-.46zM80.31 42.38a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zM5 42.38a.48.48 0 01.45-.54.52.52 0 01.55.46.53.53 0 01-.46.54.49.49 0 01-.54-.46zM42.64 4.64a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46z' class='cls-2' transform='translate(-4.94 -4.1)'/%3E%3C/svg%3E%0A");
  }
}

.video_home #pause button:focus, .video_home #pause button:hover, button.vid_btn:hover {
  box-shadow: none;
  transform: scale(1.1);
  outline: none !important;
  opacity: 1;
  transition: .3s all;
}

.video_home #pause button:focus {
  box-shadow: 0 0 0 5px #e6b307;
  border-radius: 50%;
}

.video_home #pause button:active {
  transform: scale(0.94);
  transition: .3s all;
}

.video_home #pause button.paused {
  transition: .3s all;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239a9b3a' id='video_play' data-name='video_play' viewBox='0 0 76.37 76.39'%3E%3Cpath d='M45.6 79.92a.5.5 0 01.46-.54.5.5 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm2.94-.31A.5.5 0 0149 79a.49.49 0 01.57.41.51.51 0 01-.42.58H49a.5.5 0 01-.46-.38zm2.91-.54a.5.5 0 111-.23.51.51 0 01-.37.61h-.11a.49.49 0 01-.52-.38zm2.85-.76a.5.5 0 011-.31.49.49 0 01-.33.63.4.4 0 01-.15 0 .51.51 0 01-.52-.32zm2.79-1a.52.52 0 01.27-.66.5.5 0 11.39.93h-.19a.5.5 0 01-.47-.25zm2.7-1.21a.5.5 0 11.68.22.46.46 0 01-.23 0 .49.49 0 01-.45-.2zm2.6-1.41a.5.5 0 11.86-.52.51.51 0 01-.43.76.52.52 0 01-.43-.22zm2.48-1.61a.5.5 0 11.81-.59.51.51 0 01-.11.7.52.52 0 01-.29.09.48.48 0 01-.41-.18zm2.35-1.81a.49.49 0 010-.7.53.53 0 01.71.06.5.5 0 11-.76.64zm2.2-2a.49.49 0 010-.7.5.5 0 01.7 0 .48.48 0 010 .7.48.48 0 01-.7 0zm2-2.14a.5.5 0 01.65-.76.51.51 0 01.06.71.52.52 0 01-.38.17.47.47 0 01-.3-.08zm1.86-2.29a.51.51 0 01-.11-.7.5.5 0 11.41.79.55.55 0 01-.27-.05zm1.72-2.4a.52.52 0 11.26.07.48.48 0 01-.26-.07zm1.48-2.56a.49.49 0 01-.21-.67.5.5 0 01.67-.22.51.51 0 01.22.68.5.5 0 01-.68.21zm1.28-2.66a.5.5 0 01-.27-.66.51.51 0 01.65-.27.5.5 0 01.27.66.49.49 0 01-.46.3.63.63 0 01-.2-.03zm1.06-2.76a.52.52 0 11.15 0 .39.39 0 01-.16 0zm.84-2.84a.5.5 0 01.23-1 .5.5 0 01-.11 1zm.61-2.89a.5.5 0 01-.41-.57.51.51 0 01.57-.42.5.5 0 01.41.58.5.5 0 01-.49.42zm.39-2.93a.5.5 0 01-.46-.54.5.5 0 01.54-.46.49.49 0 01.45.54.5.5 0 01-.49.46zM80.19 39.42a.5.5 0 01.46-.54.51.51 0 01.54.46.52.52 0 01-.46.54.5.5 0 01-.54-.46zm-.34-2.9a.5.5 0 011-.16.5.5 0 01-.42.57h-.08a.5.5 0 01-.5-.41zm-.57-2.86a.5.5 0 011-.24.5.5 0 01-.37.61h-.12a.5.5 0 01-.51-.37zm-.79-2.81a.5.5 0 011-.31.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.53-.32zm-1-2.74a.5.5 0 11.66.27.48.48 0 01-.2 0 .51.51 0 01-.47-.27zm-1.22-2.65a.49.49 0 01.22-.67.5.5 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.23.05.5.5 0 01-.45-.27zm-1.43-2.54a.5.5 0 01.17-.69.5.5 0 01.52.85.48.48 0 01-.26.07.51.51 0 01-.44-.23zm-1.62-2.43a.49.49 0 01.11-.7.52.52 0 01.7.11.5.5 0 01-.11.7.49.49 0 01-.7-.11zM71.4 18.2a.52.52 0 010-.71.5.5 0 01.66.76.47.47 0 01-.33.12.48.48 0 01-.33-.17zm-2-2.14a.5.5 0 01.71-.71.51.51 0 010 .71.46.46 0 01-.36.14.49.49 0 01-.33-.14zm-2.14-2a.5.5 0 11.65-.76.5.5 0 01-.65.76zM65 12.27a.5.5 0 01-.11-.7.52.52 0 01.7-.11.51.51 0 01.11.7.48.48 0 01-.41.2.45.45 0 01-.29-.09zm-2.43-1.63a.49.49 0 01-.17-.64.5.5 0 11.85.52.48.48 0 01-.42.24.47.47 0 01-.27-.12zM60 9.22a.5.5 0 11.46-.89.5.5 0 01.21.67.49.49 0 01-.44.27.46.46 0 01-.23-.05zM57.37 8a.5.5 0 11.63-.28.49.49 0 01-.46.31.69.69 0 01-.17-.03zm-2.73-1a.5.5 0 01-.32-.63A.51.51 0 0155 6a.5.5 0 01.32.63.51.51 0 01-.48.35zm-2.81-.8a.5.5 0 01-.37-.6.5.5 0 11.49.62zM49 5.63a.5.5 0 01-.41-.58.5.5 0 11.49.58zm-2.89-.34a.52.52 0 01-.47-.54.51.51 0 01.54-.46.5.5 0 010 1zM5.56 39.86a.5.5 0 11.54-.46.5.5 0 01-.54.46zm.3-2.94a.5.5 0 01-.41-.57.5.5 0 01.55-.42.5.5 0 01-.08 1zM6.4 34a.5.5 0 01-.37-.6.51.51 0 01.61-.4.5.5 0 01.36.6.49.49 0 01-.48.38zm.77-2.86a.49.49 0 01-.33-.63.5.5 0 11.48.66.4.4 0 01-.15-.02zm1-2.78a.5.5 0 11.66-.27.5.5 0 01-.47.31.65.65 0 01-.21-.03zm1.21-2.7a.5.5 0 01-.24-.66.5.5 0 11.44.72.44.44 0 01-.22-.05zm1.41-2.6a.48.48 0 01-.16-.68.5.5 0 11.85.52.52.52 0 01-.43.24.5.5 0 01-.28-.07zm1.61-2.48a.49.49 0 01-.11-.69.51.51 0 01.7-.11.5.5 0 01.11.7.48.48 0 01-.4.2.47.47 0 01-.32-.09zm1.8-2.34a.49.49 0 010-.7.5.5 0 11.76.65.48.48 0 01-.38.17.47.47 0 01-.4-.11zm2-2.2a.5.5 0 010-.7.5.5 0 01.71 0 .5.5 0 01-.35.85.51.51 0 01-.4-.14zm2.15-2a.5.5 0 11.76-.65.5.5 0 01-.38.82.48.48 0 01-.42-.21zm2.29-1.87a.5.5 0 11.7.12.45.45 0 01-.29.09.49.49 0 01-.45-.23zM23 10.48a.5.5 0 01.85-.53.51.51 0 01-.16.69.5.5 0 01-.26.08.51.51 0 01-.43-.24zM25.6 9a.5.5 0 01.22-.68.51.51 0 01.67.22.49.49 0 01-.22.67.46.46 0 01-.22.06.5.5 0 01-.45-.27zm2.67-1.28a.49.49 0 01.27-.65.51.51 0 01.65.27.5.5 0 01-.27.65.43.43 0 01-.19 0 .51.51 0 01-.46-.27zM31 6.66a.5.5 0 01.35-.66.51.51 0 01.63.32.5.5 0 01-.32.63.39.39 0 01-.15 0 .5.5 0 01-.51-.29zm2.84-.84a.5.5 0 11.6.37h-.12a.5.5 0 01-.45-.37zm2.89-.61a.5.5 0 111-.16.49.49 0 01-.42.57h-.08a.5.5 0 01-.47-.41zm2.93-.39a.49.49 0 01.46-.53.51.51 0 01.54.46.5.5 0 01-.46.53.5.5 0 01-.51-.46zM40.13 80.37a.5.5 0 11.54-.46.5.5 0 01-.54.46zm-3-.34a.51.51 0 01-.42-.58.5.5 0 01.57-.41.5.5 0 01-.08 1zm-2.94-.59a.5.5 0 11.23-1 .51.51 0 01.37.6.49.49 0 01-.48.38zm-2.88-.81A.51.51 0 0131 78a.5.5 0 01.63-.32.5.5 0 01-.15 1 .39.39 0 01-.14-.05zm-2.81-1a.5.5 0 01-.27-.65.51.51 0 01.65-.27.49.49 0 01.27.65.51.51 0 01-.46.31.41.41 0 01-.16-.08zm-2.72-1.26a.49.49 0 01-.22-.67.51.51 0 01.67-.22.5.5 0 01-.22 1 .46.46 0 01-.2-.15zm-2.58-1.5a.5.5 0 01-.17-.69.51.51 0 01.69-.16.5.5 0 01-.26.92.48.48 0 01-.26-.07zm-2.49-1.67a.49.49 0 01-.11-.7.5.5 0 11.81.59.49.49 0 01-.41.21.46.46 0 01-.29-.1zm-2.35-1.85a.5.5 0 11.65-.76.5.5 0 01-.65.76zm-2.2-2a.5.5 0 010-.71.5.5 0 01.7 0 .5.5 0 010 .71.48.48 0 01-.7 0zm-2-2.2a.5.5 0 01.76-.65.5.5 0 01-.05.71.47.47 0 01-.33.12.49.49 0 01-.42-.22zm-1.85-2.35a.49.49 0 01.11-.7.51.51 0 01.7.11.49.49 0 01-.12.7.45.45 0 01-.29.1.52.52 0 01-.44-.25zm-1.71-2.53a.5.5 0 11.85-.52.5.5 0 01-.42.76.51.51 0 01-.43-.24zm-1.47-2.61a.51.51 0 01.22-.66.51.51 0 01.46.9.64.64 0 01-.23 0 .49.49 0 01-.45-.24zm-1.25-2.72a.5.5 0 11.65.27.63.63 0 01-.19 0 .49.49 0 01-.46-.27zm-1-2.82a.5.5 0 01.32-.63.51.51 0 01.63.32.49.49 0 01-.32.63.4.4 0 01-.15 0 .5.5 0 01-.52-.32zM6 51.24a.5.5 0 11.6.37h-.09a.49.49 0 01-.51-.37zm-.55-2.94a.5.5 0 111-.16.5.5 0 01-.41.58h-.1a.49.49 0 01-.49-.42zm-.35-3a.49.49 0 01.46-.53.49.49 0 01.53.46.5.5 0 01-.46.53.5.5 0 01-.53-.44zM42.64 80a.5.5 0 111-.08.52.52 0 01-.46.54.51.51 0 01-.54-.46zM80.31 42.38a.5.5 0 01.46-.54.5.5 0 01.54.46.51.51 0 01-.46.54.5.5 0 01-.54-.46zM5 42.38a.48.48 0 01.45-.54.52.52 0 01.55.46.52.52 0 01-.46.54.49.49 0 01-.54-.46zM42.64 4.64a.5.5 0 01.46-.54.5.5 0 01.54.46.51.51 0 01-.46.54.5.5 0 01-.54-.46zM63.8 41.7l-.27-.09C60.69 40.46 31.94 28.54 30.14 28l-.56 1.87a46.21 46.21 0 00-1.51 14.94 42.35 42.35 0 001.53 9.92l.57 1.87C32 56 63.39 43 63.8 42.89a.62.62 0 00.43-.6.6.6 0 00-.43-.59z' class='cls-1' transform='translate(-4.94 -4.1)'/%3E%3C/svg%3E");
}

#home_vid_modal {
  position: absolute;
  display: block;
  height: 5em;
  width: 5em;
  top: calc(50% + 3rem);
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  cursor: pointer;
}

@media screen and (min-width: 500px) {
  #home_vid_modal {
    top: 45%;
    right: 80.5%;
    left: auto;
    transform: translate(-50%,-80%);
    height: 6em;
    width: 6em;
    -webkit-animation: scale-in-ver-center 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
    animation: scale-in-ver-center 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
  }

  @-webkit-keyframes scale-in-ver-center {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      opacity: 1;
    }
  }
  @keyframes scale-in-ver-center {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      opacity: 1;
    }
  }
}

.vid_modal_btn {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f9f9f9' viewBox='0 0 77.39 77.39'%3E%3Cpath d='M63.8 41.7l-.27-.09C60.69 40.46 31.94 28.54 30.14 28l-.56 1.87a46.21 46.21 0 00-1.51 14.94 42.35 42.35 0 001.53 9.92l.57 1.87C32 56 63.39 43 63.8 42.89a.62.62 0 00.43-.6.6.6 0 00-.43-.59z' class='cls-1' transform='translate(-4.44 -3.6)'/%3E%3Cpath d='M81.84 81H4.44V3.6h77.4zm-76.4-1h75.4V4.6H5.44z' class='cls-1' transform='translate(-4.44 -3.6)'/%3E%3C/svg%3E");
  transition: .3s all;
}

.vid_modal_btn:focus, .vid_modal_btn:hover {
  transform: scale(1.1);
  transition: .3s all;
}

.vid_modal_btn:focus {
  outline: none;
  box-shadow: 0 0 0 5px #b6b72b;
}

.vid_modal_btn:active {
  transform: scale(.95);
  transition: .3s all;
}

/* -------------------
MAIN TEMPLATE
---------------------- */
#main main {
  margin-top: calc(3rem + 25vw); /* 3rem = persisitent header height */
}

@media screen and (min-width: 580px) {
  #main main {
    margin-top: calc(3rem + 10vh); /* 3rem = persisitent header height */
  }
}

/* Tock Reservations Widget(s) */
.tock-reservations {
  max-width: 50rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}

h3.tock_title {
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  font-size: 1em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.tr-content #Tock_widget_container:before {
  content: none;
}

#Tock_widget_container .TockWidgetWrapper .TockWidget-container button span,
#Tock_widget_container > .TockWidgetWrapper .TockWidget-container .InlineWidgetDropDown-sectionDropdownContent span,
#Tock_widget_container > .TockWidgetWrapper .TockWidget-container .MainLabelSpan {
  padding: initial;
  height: initial;
  font-family: 'Quattrocento Sans', sans-serif !important;
  line-height: initial !important;
  font-variant: normal;
  letter-spacing: normal;
}

#Tock_widget_container > div > div > .TockSearchBar-container > .TockInlineButton > div > span {
  text-transform: uppercase;
  font-weight: 700;
}

#Tock_widget_container button.TockButton-backgroundGray,
#Tock_widget_container > .TockWidgetWrapper .TockWidget-container .TockDatePicker-colorModeWhite,
#Tock_widget_container > .TockWidgetWrapper .TockWidget-container .TockButton-backgroundGray {
  background-color: #d2d8c0 !important;
}

#Tock_widget_container > .TockWidgetWrapper .TockButton-white {
  background-color: #f1efeb !important;
  color: #333 !important;
}

#Tock_widget_container > .TockWidgetWrapper .TockButton-white:hover,
#Tock_widget_container > .TockWidgetWrapper .TockButton-white:focus {
  background-color: #e6b308 !important;
  transition: 0.2s background-color;
}

.TockWidgetWrapper .TockButton-white {
  font-family: 'Quattrocento Sans', sans-serif;
  color: #202a33;
  letter-spacing: 0.1em;
}

.desktop #Tock_widget_container > .TockWidgetWrapper .TockWidget-container {
  max-width: 100%;
}

.desktop .TockWidgetWrapper .TockSearchBar-container {
  max-width: 100%;
}

.desktop .TockWidgetWrapper .TockInlineButton {
  display: flex;
  flex: 1 0 0%;
}

.desktop .TockWidgetWrapper .TockInlineButton-container {
  width: 100%;
}

/* -------------------
VINEYARD TEMPLATE
---------------------- */
#main.vineyard main {
  margin-top: 10.5rem;
}

@media screen and (min-width: 580px) {
  #main.vineyard main {
    margin-top: 0;
  }
}

@media screen and (min-width: 580px) {
  .vineyard_header {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    height: 69vh;
  }
}

@media screen and (min-width: 768px) {
  .vineyard_header {
    margin-bottom: 2rem;
  }
}

.vineyard_header:after {
  content: "";
  position: absolute;
  background: #f1efec;
  height: 100%;
  width: 100%;
  transform: translateY(-50%);
  z-index: -2;
  pointer-events: none;
}

@media screen and (min-width: 580px) {
  .vineyard_header:after {
    content: none;
    z-index: auto;
    pointer-events: auto;
  }
}

.vineyard_header .header_img {
  width: calc(100% - 4rem);
  margin: 0 auto;
}

@media screen and (min-width: 580px) {
  .vineyard_header .header_img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 52% 100%, 50% 97%, 48% 100%, 0 100%);
    z-index: -1;
  }
  .vineyard_header .header_img:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    z-index: 1;
    pointer-events: none;
  }
}

.vineyard_header .header_img img {
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 580px) {
  .vineyard_header .header_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: none;
  }
}

.vineyard_page_title {
  position: relative;
  text-align: left;
  margin-top: 1.5em;
}

@media screen and (min-width: 768px) {
  .vineyard_page_title {
    position: relative;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    font-size: 2.5em;
    height: 100%;
    width: 100%;
    max-width: 90vw;
    overflow: hidden;
  }
}

.vineyard_page_title h1 {
  width: auto;
  max-width: 100%;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .vineyard_page_title h1 {
    color: #f9f9f9;
    position: relative;
    max-width: none;
    line-height: 1em;
    top: 50%;
    transform: translateY(-50%);
  }
}

.vineyard_social_icons {
  position: absolute;
  top: 1.5rem;
  right: 3.5rem;
  transform: scale(1.5);
}

@media screen and (min-width: 880px) {
  .vineyard_social_icons {
    top: auto;
    bottom: 0.5rem;
    right: 1.5rem;
    transform: scale(1);
  }
}

.vineyard_social_icons li {
  display: inline-block;
  margin-right: 0;
}

.vineyard_social_icons li:last-child {
  margin-right: 0;
}

.vineyard_social_icons li a[href=""] { /* hides icon if there's no link */
  display: none;
}

.social_icon {
  display: flex;
  height: 1.389vw;
  align-items: center;
}

.social_icon svg {
  height: calc(.65842vw + 1.01296em);
  fill: #c7c0b5;
  transition: fill .4s ease-out;
}

@media screen and (min-width: 880px) {
  .social_icon svg {
    height: 1.389vw;
  }
}

.social_icon svg:hover {
  fill: #adae60;
  transition: fill .4s ease-out;
}

.vineyard_geography {
  display: flex;
  flex-wrap: wrap-reverse;
  margin: auto;
  padding: 0 2rem 1.5rem;
  background: #f1efec;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .vineyard_geography {
    max-width: calc(100% - 7rem);
    padding: 0;
    background: transparent;
    z-index: auto;
  }
}

.vineyard_geography .geo_third {
  flex: 1 0 50%;
}

@media screen and (min-width: 768px) {
  .vineyard_geography .geo_third {
    flex: 0 0 33.333333%;
    text-align: center;
  }
}

.vineyard_geography .geo_third:last-of-type {
  text-align: center;
  margin-top: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (min-width: 768px) {
  .vineyard_geography .geo_third:last-of-type {
    margin-top: 1em;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.vineyard_geography .geo_third:nth-of-type(-n+2) {
  padding-top: 0.75em;
}

.vineyard_geography .geo_third:first-of-type {
  border-right: 1px solid #e0e0e0;
  text-align: left;
  padding-right: 0.5em;
}

.vineyard_geography .geo_third:nth-of-type(2) {
  text-align: right;
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .vineyard_geography .geo_third:nth-of-type(-n+2) {
    padding-top: 0;
  }

  .vineyard_geography .geo_third:first-of-type {
    text-align: center;
    padding-right: 0;
  }

  .vineyard_geography .geo_third:nth-of-type(2) {
    text-align: center;
    padding-left: 0;
  }

  .vineyard_geography .geo_third:last-of-type {
    border-left: 1px solid #e0e0e0;
  }
}

.geo_third dd {
  margin-left: 0;
  line-height: 1.3em;
}

@media screen and (min-width: 880px) {
  .geo_third dd {
    max-width: 14em;
    margin: auto;
  }
}

.vineyard_text {
  padding: 1rem 2rem 0;
}

@media screen and (min-width: 880px) {
  .vineyard_text {
    padding: 0;
    margin: 2rem auto 1.5rem;
    max-width: 50rem;
  }
}

.vineyard_grapes {
  padding: 0.5rem 1.25rem;
  margin: 2rem 1.5rem 1.5rem;
  background: #fdfdfd;
  box-shadow: 0 1rem 3rem -2rem rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 980px) {
  .vineyard_grapes {
    padding: 0.5rem 2rem 1.5rem;
    margin: 2rem 3rem 2.5rem;
  }
}

.v_subhead {
  text-align: center;
  font-size: calc(.55842vw + 1.1296em);
  line-height: 1.25;
}

@media screen and (min-width: 980px) {
  .v_subhead {
    font-size: 2.467vw;
    line-height: 3.533vw;
  }
}

.vineyard_sourcing {
  max-width: 50rem;
  margin: 0 auto 0.5em;
}

@media screen and (min-width: 980px) {
  .vineyard_sourcing {
    margin: 2em auto 1.5em;
  }
}

/* Grape Varieties Table */
.grape_table_info {
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  line-height: calc(1.4em + .2vw);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 0.25em;
}

@media screen and (min-width: 880px) {
  .grape_table_info {
    font-size: calc(.55842vw + .5296em);
    text-align: center;
  }
}

.grape_table {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0.5rem 0 0.5rem;
}

@media screen and (min-width: 580px) {
  .grape_table {
    margin: 0 0 3em 0;
    padding: 0.5rem 0 1.5rem;
  }
}

@media screen and (min-width: 880px) {
  .grape_table {
    padding: 0;
    margin: 0 0 1.5rem;
  }
}

.grape_table-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  line-height: 1.3em;
  border: solid 3px #fdfdfe;
  background: #f1efec;
}

.grape_table-cell--Yes {
  background: #d2d8c0;
}

.grape_table-cell > h1,
.grape_table-cell > h2,
.grape_table-cell > h3,
.grape_table-cell > h4,
.grape_table-cell > h5,
.grape_table-cell > h6 {
  margin: 0;
}

.grape_table-cell > span {
  display: block;
  line-height: 1.5em;
  font-weight: 400;
}

/* Grape Table Column Sizing */
.grape_table--2cols > .grape_table-cell {
  width: 50%;
}

.grape_table--3cols > .grape_table-cell {
  width: 33.33%;
}

.grape_table--4cols > .grape_table-cell {
  width: 25%;
}

.grape_table--5cols > .grape_table-cell {
  width: 20%;
}

.grape_table--6cols > .grape_table-cell {
  width: 16.6%;
}

/* Responsive */
@media screen and (max-width: 320px) {
  .grape_table--collapse {
    display: block;
  }

  .grape_table--collapse > .grape_table-cell {
    width: 100% !important;
  }
}

@media screen and (max-width: 580px) {
  .grape_table--collapse > .grape_table-cell {
    width: 50% !important;
  }
}

.no-flexbox .grape_table {
  display: block;
}

.no-flexbox .grape_table > .grape_table-cell {
  width: 100%;
}

/* -------------------
PRODUCT LIST TEMPLATE
---------------------- */
#product .product_header {
  padding-top: calc(3rem + 34vw); /* 3rem = persisitent header height */
}

#product .main-nav-more .product_header {
  visibility: hidden
}

#product .product_header .header_img {
  display: none;
}

@media screen and (min-width: 580px) {
  #product .product_header {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: calc(3rem + 30vh);
    margin-bottom: 3rem;
    height: 69vh;
  }
  #product .product_header .header_img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 52% 100%, 50% 97%, 48% 100%, 0 100%);
    z-index: -1;
  }
  #product .product_header .header_img:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #68a098;
    opacity: 0.35;
    z-index: 1;
    pointer-events: none;
  }
  #product .product_header .header_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

#product .product_header .main-nav-more .product_search_wrap,
#product .product_header .main-nav-more .product_page_title {
  z-index: -1 !important;
}

#product .product_page_title {
  position: relative;
  text-align: left;
  margin-right: 0;
  margin-left: 1.5rem;
}

@media screen and (min-width: 768px) {
  #product .product_page_title {
    position: relative;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 2.5em;
  }
}

#product .product_page_title::after {
  content: "";
  position: absolute;
  top: 1.35em;
  right: 0;
  width: 150%;
  border-top: 2px dotted #e6b308;
  transform: translate(60%);
  pointer-events: none;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #product .product_page_title::after {
    content: "";
    position: absolute;
    top: 1.75em;
    right: -0.5em;
    width: 100vw;
    border-top: 2px dotted #e6b308;
    transform: translate(100%);
    pointer-events: none;
  }
}

#product .product_page_title h1 {
  width: auto;
  max-width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  #product .product_page_title h1 {
    color: #f9f9f9;
  }
}

/* Product Search */
#product .product_search_wrap {
  margin-bottom: 10vw;
  padding: 0.5em 0;
}

@media screen and (min-width:767px) {
  #product .product_search_wrap {
    margin-bottom: 6vh;
    padding: 0;
  }
}

#product .product_search_wrap fieldset {
  width: 100vw;
  margin: 0;
  text-align: center;
  border: none;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #product .product_search_wrap fieldset {
    width: 50vw;
    margin: 0 0 0 50vw;
    text-align: right;
  }
}

#product #v65-searchWidgetInput, #v65-searchWidgetButton {
  display: inline-block;
}

#product #v65-searchWidgetButton.submit-button button {
  background: #68a098;
  border: 1px solid #e0dfdd;
  box-shadow: 0 3px 13px #e2e0de;
}

@media screen and (min-width: 580px) {
  #product #v65-searchWidgetButton.submit-button button {
    border: 1px solid #5c8e87;
    box-shadow: 0 3px 13px #545442;
  }
}

#product #v65-searchWidgetButton.submit-button button span {
  color: #f9f9f9;
}

#product #v65-searchWidgetInput input {
  width: auto !important;
  margin-bottom: 0;
}

/* Search Auto/Dynamic Results */
#product .ui-corner-all > img{
  display: none;
}

#product .ui-corner-all span {
  font-weight: 400 !important;
  font-family: 'Quattrocento Sans', sans-serif;
  line-height: calc(1.4em + .2vw);
  text-align: left;
  margin-left: 1em;
}

/* 1-Up Store Customization */
#product .v65-product1UpStore {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 1.5em;
  margin: 0 0 3em 0;
  border-bottom: none;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore {
    flex-direction: row;
    padding: 0.5em;
    margin: 0.5em 2rem 5vw 5rem;
  }
}

#product .v65-product1UpStore:first-of-type {
  margin-top: 4em;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore:first-of-type {
    margin-top: inherit;
  }
}

#product .v65-product1UpStore .v65-product-photo {
  display: none;
}

#product .v65-paging {
  display: none;
}

#product .v65-productCharacteristics {
  display: none;
}

#product .v65-product1UpStore .v65-product-infoWrapper {
  display: inline-block;
  position: relative;
  margin-right: 5%;
  float: none;
  white-space: normal;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-infoWrapper {
    display: inline-block;
    width: 45%;
    margin-right: 5%;
    float: none;
    white-space: normal;
  }
}

#product .v65-product1UpStore .v65-product-infoWrapper:after {
  content: "";
  position: absolute;
  top: -1em;
  right: -2em;
  width: calc(100% + 4em);
  height: calc(100% + 2.1em);
  outline: 5px solid #e6e4df;
  z-index: -10;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-infoWrapper:after {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-infoWrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1em;
    left: 5em;
    background-color: #e6b308;
    mix-blend-mode: multiply;
    z-index: 1;
    opacity: 0;
    transition: all 300ms;
  }
  #product .v65-product1UpStore .v65-product-infoWrapper:hover::before {
    opacity: 0.85;
    z-index: 0;
    transition: all 300ms;
  }
}

#product .v65-product1UpStore .v65-product-title.v65-title {
  display: inline-block;
  width: max-content;
  padding-right: 0.5em;
  margin-bottom: 0;
  background-color: #f9f9f9;
}

@media screen and (min-width: 580px) {
  #product .v65-product1UpStore .v65-product-title.v65-title {
    max-width: 13em; /* prevents overlapping price */
  }
}

#product .v65-product1UpStore .v65-product-title.v65-title a::after {
  content: "";
  position: absolute;
  top: 0.7em;
  width: 150vw;
  border-top: 2px solid #333;
  pointer-events: none;
  z-index: -1;
  transition: all 200ms ease;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-title.v65-title a::after {
    width: 50vw;
  }
  #product .v65-product1UpStore .v65-product-infoWrapper:hover .v65-product-title.v65-title a::after {
    content: none;
    transition: all 200ms ease;
  }
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-infoWrapper .v65-product-title.v65-title span { /* isolates vintage */
    color: #cfd4bb;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: -3.5rem;
    margin-left: 1.5rem;
    font-size: 7em;
    font-weight: 700;
    font-variant-numeric: oldstyle-nums;
    mix-blend-mode: multiply;
    pointer-events: none;

  }
  #product .v65-product1UpStore .v65-product-infoWrapper:hover .v65-product-title.v65-title span {
    opacity: 1;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    text-align: left;
    margin-left: 0;
    top: 0.75em;
    left: 0;
    mix-blend-mode: normal;
  }
}

#product .v65-product1UpStore .v65-subtitle {
  font-size: 1rem;
  line-height: 1.5em;
}

#product .v65-product1UpStore .v65-product-teaser {
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 27em;
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-teaser {
    font-style: italic;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    max-width: 48em;
    transform: translateX(5rem);
  }
}

#product .v65-product1UpStore .v65-product-teaser p {
  font-family: 'Baskervville', serif;
  margin-bottom: 5vw;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-teaser p {
    margin-bottom: 0;
  }
  #product .v65-product1UpStore .v65-product-teaser p + p {
    margin-top: 0;
  }
}

#product .v65-product1UpStore .v65-product-commerceWrapper {
  display: inline-block;
  width: 100%;
  float: none;
  white-space: normal;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-commerceWrapper {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  #product .v65-product1UpStore .v65-product-commerceWrapper {
    background-color: #f9f9f9;
  }
}

#product .v65-product1UpStore .v65-product-addToCart {
  margin-bottom: 1em;
  padding: 0 0 0 1em;
  background-color: #f9f9f9;
}

@media screen and (max-width: 767px) {
  #product .v65-product1UpStore .v65-product-addToCart {
    padding-left: 0 !important;
    margin-bottom: 1em;
    padding: 0 1em;
    background-color: #f9f9f9;
    outline: 1px solid #f9f9f9;
  }
}

#product .v65-product1UpStore .v65-product-addToCart-securityMessage {
  text-align: right;
  color: #cf3424;
  font-family: 'Baskervville', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 5vw;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

#product .v65-product1UpStore .v65-product-addToCart fieldset {
  text-align: right;
  padding-right: 1.5em;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-addToCart fieldset {
    padding-right: 0;
  }
}

@media screen and (max-width: 970px) { /* max-width from v65 styling */
  #product .v65-product1UpStore .v65-product-addToCart-priceWrapper {
    display: inline-block;
    margin-right: 0.25em;
  }
}

#product .v65-product1UpStore .v65-product-addToCart-quantity {
  display: none;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-addToCart-quantity {
    display: inline-block;
  }
}

#product .v65-product1UpStore .v65-product-addToCart-quantity input[type=text] {
  width: 3rem !important;
}

#product .v65-product1UpStore .v65-product-addToCart-unitDescription {
  display: none;
}

#product .v65-product1UpStore .v65-addToCartCase {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-addToCartCase {
    margin-top: 0;
  }
}

#product .v65-product1UpStore .v65-product-addToCart-price,
#product .v65-product1UpStore .v65-product-addToCart-caseQuantity {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .75296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

#product .v65-product1UpStore .v65-product-addToCart-caseQuantity {
  display: none;
}

@media screen and (min-width: 580px) {
  #product .v65-product1UpStore .v65-product-addToCart-caseQuantity {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #product .v65-product1UpStore .v65-addToCartCase .v65-product-addToCart-priceWrapper {
    margin-right: 0;
  }
  #product .v65-product1UpStore .v65-product-addToCart-caseQuantity {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-addToCart-caseQuantity {
    display: none; /* remove to show case quantity note */
  }
  #product .v65-product1UpStore .v65-addToCartCase .v65-product-addToCart-priceWrapper {
    font-variant: small-caps;
    font-feature-settings: "onum";
    text-transform: lowercase;
    letter-spacing: 0.1em;
    margin-right: 0.25em;
  }
  #product .v65-product1UpStore .v65-addToCartCase .v65-product-addToCart-price {
    margin-right: -0.25em;
  }
  #product .v65-product1UpStore .v65-addToCartCase .v65-product-addToCart-price,
  #product .v65-product1UpStore .v65-product-addToCart-caseQuantity span {
    display: inline-block;
    vertical-align: middle;
    transform: scale(0.78);
  }
}

#product .v65-product1UpStore .v65-product-buyCase-button button.defaultBtn {
  font-weight: 400;
  background: #eceae5;
  border: 1px solid #ece7df;
  box-shadow: 0 3px 13px #ffffff;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-buyCase-button button.defaultBtn {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    height: 2em;
    line-height: 2em;
  }
}

#product .v65-product1UpStore .v65-product-buyCase-button button.defaultBtn span {
  color: #878787;
}

#product .v65-product1UpStore .v65-product-addToCart-button.submit-button {
  display: inline-block;
}

#product .v65-product1UpStore .v65-product-addToCart-button.submit-button button {
  width: auto;
  min-width: 8.55em;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 580px) {
  #product .v65-product1UpStore .v65-product-addToCart-button.submit-button button {
    width: auto;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #product .v65-product-addToCart form.v65-addToCartBottle {
    margin-bottom: 0;
  }
}

#product .v65-product1UpStore .v65-product-drilldownLink {
  display: block;
  text-align: right;
  padding: 0 0 0 1em;
  background-color: #f9f9f9;
}

@media screen and (min-width: 768px) {
  #product .v65-product1UpStore .v65-product-drilldownLink {
    padding: 0 0 0 5rem;
  }
}

/* -------------------
PRODUCT DRILLDOWN TEMPLATE
---------------------- */
@media screen and (min-width: 580px) {
  #product-drilldown .member-login {
    color: #cec8be;
  }
  #product-drilldown .member-login .v65-editProfile > a::before,
  #product-drilldown .member-logout .v65-editProfile > a::before,
  #product-drilldown .member-login .v65-editProfile > a:hover::before,
  #product-drilldown .member-logout .v65-editProfile > a:hover::before {
    fill: #cec8be;
  }
}

#product-drilldown .split_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: 10.5rem;
}

@media screen and (min-width: 580px) {
  #product-drilldown .split_wrapper {
    height: calc(100vh - 4rem);
    flex-direction: row;
    margin-top: 0;
  }
}

#product-drilldown .split_wrapper .split_screen {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: start;
  transition: 1s;
}

@media screen and (min-width: 580px) {
  #product-drilldown .split_wrapper .split_screen {
    overflow: hidden;
    flex-basis: 50%;
  }
  #product-drilldown .split_wrapper .split_screen.product_content:hover {
    flex-basis: 80%;
  }
}

#product-drilldown .split_wrapper .split_screen:nth-child(1) {
  background: transparent;
  z-index: 1;
  height: 40vh;
  pointer-events: none;
}

@media screen and (min-width: 580px) {
  #product-drilldown .split_wrapper .split_screen:nth-child(1) {
    background: #68a098;
    z-index: auto;
    height: auto;
    pointer-events: auto;
  }
}

#product-drilldown .split_wrapper .split_screen:nth-child(2) {
  background: #e6e4df;
  color: #333;
}

@media screen and (min-width: 580px) {
  #product-drilldown .split_wrapper .split_screen:nth-child(2) {
    background: #415e61;
    color: #cec8be;
  }
}

#product-drilldown .split_wrapper .split_screen .split_interior {
  width: 100%;
  transition: 0.5s;
}

#product-drilldown .split_wrapper .split_screen .split_interior .imgBx img {
  max-width: 100%;
}

#product-drilldown .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 100px;
  background: #fff;
  transition: 0.5s;
  transition-delay: 0s;
  overflow: auto;
}

#product-drilldown .split_wrapper .split_screen:nth-child(2) .content {
  background: #ff0;
}

#product-drilldown .split_screen.product_content {
  overflow: auto;
  padding-top: 1.95em;
  padding-bottom: 2em;
  margin-top: -2.75em;
}

@media screen and (min-width: 400px) {
  #product-drilldown .split_screen.product_content {
    padding-top: 4.5em;
  }
}

@media screen and (min-width: 580px) {
  #product-drilldown .split_screen.product_content {
    padding-top: 4em;
    padding-bottom: auto;
    margin-top: 0;
  }
}

#product-drilldown .product_img .split_interior {
  height: 100vh;
}

@media screen and (min-width: 580px) {
  #product-drilldown .product_img .split_interior {
    height: 100vh;
  }
}

#product-drilldown .product_img .image_background {
  height: 100%;
  width: calc(100% - 7rem);
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 580px) {
  #product-drilldown .product_img .image_background {
    width: 100%;
  }
}

#product-drilldown .product_img .image_background .v65-product-photo {
  height: 100%;
}

#product-drilldown .product_img .image_background img {
  min-height: 16em;
  max-height: 17.75em;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 580px) {
  #product-drilldown .product_img .image_background img {
    box-shadow: none;
    height: 100%;
    max-height: none;
    overflow: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}

#product-drilldown .product_details {
  margin: 0 1.5em;
}

@media screen and (min-width: 580px) {
  #product-drilldown .product_details {
    margin: 0 2em;
  }
}

@media screen and (min-width: 980px) {
  #product-drilldown .product_details {
    margin: 0 4em;
  }
}

/* Product Drilldown Details Typography */

.prdct_header_wrap {
    position: relative;
}

.prdct_header {
    text-align: center;
    padding-top: 0.65em;
}

@media screen and (min-width: 580px) {
  .prdct_header {
    text-align: left;
    margin-left: 3.5rem;
    padding-top: 0;
    padding-left: 1em;
    border-left: 1px solid #cec8be;
  }
}

@media screen and (min-width: 1024px) {
  .prdct_header {
    margin-left: 5rem;
    padding-left: 2em;
  }
}

#product-drilldown .prdct_description p:last-child em {
  color: #98948c;
}

.prdct_title {
  font-size: 2.357341500000001em;
  margin-top: 0.5em;
  margin-bottom: auto;
  max-width: 100%;
}

@media screen and (min-width: 580px) {
  .prdct_title {
    margin-top: 0.85em;
    margin-bottom: 0.53em;
    max-width: initial;
  }
}

.prdct_title span {
  display: block;
  line-height: 0.65em;
  padding-bottom: 0.2em;
  font-size: 0.657341500000001em;
}

@media screen and (min-width: 580px) {
  .prdct_title span {
    color: #98948c;
    line-height: 1.2em;
    padding-bottom: 0;
  }
}

.prdct_subtitle {
  margin-top: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: calc(.45842vw + .65296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  .prdct_subtitle {
    margin-top: -0.8em;
    margin-bottom: 0.5em;
    max-width: 65%;
    font-weight: 400;
    font-size: calc(.45842vw + .65296em);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-transform: none;
    letter-spacing: normal;
  }
}

.prdct_subtitle .v65-subtitle {
  font-size: 1.1em;
  margin-bottom: 0;
  color: #a7a190;
}

@media screen and (min-width: 580px) {
  .prdct_subtitle .v65-subtitle {
    font-size: 1em;
    line-height: 1.35;
  }
}

.prdct_header_aside .v65-product-attributeLabel {
  display: none;
}

.prdct_header_aside .v65-product-attributeValue {
  margin-bottom: 0;
}

.prdct_header_aside {
  text-align: center;
  padding-bottom: 0.25em;
  outline: double #dad6cc;
}

@media screen and (min-width: 580px) {
  .prdct_header_aside {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-90deg) translateX(-50%);
    transform-origin: top left;
    line-height: 1em;
    padding-bottom: inherit;
    outline: none;
  }
}

.prdct_header_aside .v65-product-attributeValue {
  font-weight: 400;
  font-variant: all-small-caps;
  letter-spacing: 0.125em;
  font-size: 1.25rem;
}

@media screen and (min-width: 580px) {
  .prdct_header_aside .v65-product-attributeValue {
    font-family: 'Baskervville', serif;
    font-style: italic;
    text-transform: lowercase;
    font-size: 1rem;
    font-variant: normal;
    letter-spacing: normal;
  }
}

.prdct_header_aside .v65-product-attribute {
  margin-top: 0.15em;
  display: inline-block;
}

@media screen and (min-width: 580px) {
  .prdct_header_aside .v65-product-attribute {
    display: block;
    text-align: center;
    margin-top: auto;
  }
}

.prdct_description {
  font-size: 0.86em;
  line-height: 1.598em;
  margin-top: 1.75em;
}

@media screen and (min-width: 580px) {
  .prdct_description {
    margin-top: auto;
  }
}

@media screen and (min-width: 1024px) {
  .prdct_description {
    margin-top: 3em;
  }
}

/* Product Drilldown Add To Cart */
#product-drilldown .v65-product-addToCart-unitDescription, #product-drilldown .v65-product-addToCart-quantity {
  display: none;
}

#product-drilldown .v65-product-addToCart {
  text-align: right;
}

#product-drilldown .v65-product-addToCart-priceWrapper {
  display: inline-block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.35842vw + .5296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

#product-drilldown .v65-product-addToCart-button button {
  background: #344b4e;
  border: 1px solid #43665e;
  box-shadow: 0 3px 13px #9c988e;
  transition: all 200ms ease;
}

@media screen and (min-width: 580px) {
  #product-drilldown .v65-product-addToCart-button button {
    border: 1px solid #54787d;
    box-shadow: 0 3px 13px #2e4346;
  }
}

#product-drilldown .v65-product-addToCart-button button:hover,
#product-drilldown .v65-product-addToCart-button button:focus {
  outline: none;
  box-shadow: inset 0 3px 13px #283d40;
  transition: all 200ms ease;
}

@media screen and (min-width: 580px) {
  #product-drilldown .v65-addToCart.v65-addToCartBottle,
  #product-drilldown .v65-addToCartCase {
    display: inline-block;
  }
}

#product-drilldown .v65-addToCartCase .v65-product-addToCart-priceWrapper {
  display: none;
}

/* More Product Details Section */
.more_wrapper {
  display: flex;
  flex-direction: column;
  padding: 2.5em;
}

@media screen and (min-width: 768px) {
  .more_wrapper {
    padding: 2.5em 2.5em 0 2.5em;
  }
}

.prdct_details_wrap {
  display: flex;
  flex-direction: row;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 0.75em;
}

@media screen and (min-width: 768px) {
  .prdct_details_wrap {
    margin-bottom: 2em;
    padding: 1.75em 1.5em 0.5em 1.5em;
    background: #f1efea;
  }
}

.prdct_properties {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  justify-content: center;
}

.v65-product-attribute {
  text-align: left;
}

.prdct_notes_wrap {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 580px) {
  .prdct_notes_wrap {
    display: flex;
    flex-direction: row;
  }
}

.prdct_note {
  position: relative;
  margin: 1.5rem 0;
  flex: 1;
}

@media screen and (min-width: 580px) {
  .prdct_note {
    margin: 1.5rem;
  }

  .prdct_note:first-of-type {
    margin-left: 0;
  }

  .prdct_note:nth-of-type(even) {
    margin-right: 0;
  }
}

.prdct_note .v65-product-attributeLabel {
  display: none;
}

#product-drilldown details summary::before {
  left: -1.5em;
}

/* Food Pairing Notes */
#product-drilldown .v65-wine-foodPairingNotes .v65-product-attributeLabel {
  font-size: 2.357341500000001em;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #7a8c89;
  margin-bottom: 0.5em;
  line-height: 1em;
}

#product-drilldown .v65-wine-foodPairingNotes .v65-product-attributeValue {
  background: #eff1f0;
  padding: 0.5em 1em 0.5em 1em;
}

/* -------------------
RELATED PRODUCTS
---------------------- */
.v65-product-relatedProducts {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  padding: 1.5em 0 0 0;
  margin: 2.5rem 0 0 0;
  border-top: none;
  background: background: rgb(241,239,234);
  background: -moz-linear-gradient(180deg, rgba(241,239,234,1) 31%, rgba(249,249,249,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(241,239,234,1) 31%, rgba(249,249,249,1) 100%);
  background: linear-gradient(180deg, rgba(241,239,234,1) 31%, rgba(249,249,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1efea",endColorstr="#f9f9f9",GradientType=1);
}

.v65-product-relatedProducts div:first-of-type {
  width: 100%;
}

.v65-product-relatedProducts .v65-product-relatedProducts-product {
  flex: 0 0 25%;
  float: none;
  width: auto;
  margin: 1em auto;
}

.v65-product-relatedProducts-title.v65-title { /* main title */
  margin-top: 1.25em;
  text-align: center;
}

.v65-product-relatedProducts-product .v65-title { /* individual product titles */
  margin-bottom: 0.25em;
  font-size: 1.2em;
}

.v65-product-relatedProducts-product a.v65-product-quickView {
  display: none !important;
}

.v65-product-relatedProducts .v65-product-photo img {
  width: auto;
  max-height: 14rem;
}

.v65-product-relatedProducts-product .v65-product-addToCart-button button {
  width: auto;
}

.v65-product-relatedProducts-product .v65-addToCartCase {
  display: none;
}

.v65-product-relatedProducts-product .v65-product-addToCart-quantity {
  display: none;
}

.v65-product-relatedProducts-product .v65-product-addToCart-unitDescription {
  display: none;
}

.v65-product-relatedProducts-product a:after, .v65-product-relatedProducts-product a:before {
  content: none !important;
}

.v65-product-relatedProducts .v65-product-addToCart-priceWrapper {
  font-family: 'Quattrocento Sans', sans-serif;
  margin-bottom: 0.5em;
  margin-right: auto;
  margin-left: auto;
}

.v65-product-relatedProducts .v65-product-addToCart-price {
  font-style: normal;
  font-weight: 400;
  font-size: 0.86em;
}

/* -------------------
STAFF TEMPLATE
---------------------- */
#staff main {
  margin-top: 6rem;
}

.staff_pods {
  display: flex;
  flex-wrap: wrap;
  margin: 2%;
}

.staff_pods .v65-pod {
  display: flex;
  flex-direction: column;
  margin: 2%;
  flex: 4 23%;
  cursor: pointer;
  background-color: #fdfdfd;
  box-shadow: 0 3px 9px #e0dedb;
  transform: scale(1);
  transition: all 300ms ease-in-out;
}

@media (max-width: 1023px) {
  .staff_pods .v65-pod:last-of-type {
    flex: 0 29%;
  }
}

@media (max-width: 920px) {
  .staff_pods .v65-pod:first-child,
  .staff_pods .v65-pod:nth-child(2) {
    flex: 2 46%;
  }
  /*.staff_pods .v65-pod:last-of-type {
    flex: 0 46%;
  }*/
}

@media (max-width: 580px) {
  .staff_pods .v65-pod {
    flex: 1 100%;
  }
  /*.staff_pods .v65-pod:first-child,
  .staff_pods .v65-pod:nth-child(2) {
    flex: 1 46%;
  }*/
  .staff_pods .v65-pod:last-of-type {
    flex: 1 46%;
  }
}

@media (min-width: 1024px) {
  /*.staff_pods .v65-pod:last-of-type {
    flex-grow: 0 !important;
  }*/
  .staff_pods .v65-pod:last-of-type:nth-of-type(even) {
    flex-basis: 29%;
  }
}

.staff_pods .v65-pod::before {
  content: '';
  position: absolute;
  bottom: 2.5rem; /* height of 'read more' button */
  left: 0;
  width: 100%;
  height: 40%;
  pointer-events: none;
  background: rgb(253,253,253);
  background: -moz-linear-gradient(0deg, rgba(253,253,253,1) 10%, rgba(253,253,253,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(253,253,253,1) 10%, rgba(253,253,253,0) 100%);
  background: linear-gradient(0deg, rgba(253,253,253,1) 10%, rgba(253,253,253,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd",endColorstr="#fdfdfd",GradientType=1);
}

@media screen and (min-width: 1025px) {
  .staff_pods .v65-pod::before {
    bottom: 0;
    height: 50%;
  }
}

.staff_pods .v65-podImage {
  text-align: center;
  overflow: hidden;
}

@media screen and (min-width: 1025px) {
  .staff_pods .v65-podImage {
    height: 40vh;
  }
}

.staff_pods .v65-podImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.staff_pods .v65-podTitle {
  padding: 0.5rem 1.5rem 0 1.5rem;
}

@media screen and (min-width: 1025px) {
  .staff_pods .v65-podTitle {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}

/*
#staff .v65-podDescription p:first-of-type {
  text-transform: uppercase;
  line-height: 1.3em;
  letter-spacing: 0.2em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: calc(.45842vw + .65296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  #staff .v65-podDescription p:first-of-type {
    font-size: calc(.45842vw + .52296em);
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
  }
} */

.staff_pods .v65-podDescription {
  padding: 0 1.5rem 1.5rem 1.5rem;
  font-size: 0.86em;
  line-height: 1.65em;
  max-height: 12em;
  overflow: hidden;
}

/* Staff Pods Modal (uses Modaal plugin) */

.staff_pods button.modaal_trigger {
  margin: 0 !important;
}

#staff .pod_interior {
  height: 100%;
}

/* Styling Open Modal */

#staff .modaal-fullscreen .modaal-close {
  background-color: #f1efeb;
}

#staff .modaal-content-container .v65-podImage {
  text-align: center;
}

#staff .modaal-content-container .v65-podImage img {
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.8);
}

#staff .modaal-content-container .v65-podTitle {
  font-size: 2.357341500000001em;
  text-align: center;
  line-height: 1em;
  margin-top: 0.5em;
  margin-bottom: auto;
  max-width: 100%;
}

@media screen and (min-width: 580px) {
  #staff .modaal-content-container .v65-podTitle {
    margin-top: 0.85em;
    margin-bottom: 0.53em;
    max-width: initial;
  }
}

/*
#staff .modaal-content-container p:first-of-type {
  text-align: center;
  margin-top: 1.75em;
  margin-bottom: 2em !important;
  text-transform: uppercase;
  line-height: 1.3em;
  letter-spacing: 0.2em;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 700;
  font-size: calc(.45842vw + .65296em);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 580px) {
  #staff .modaal-content-container p:first-of-type {
    margin-top: -0.8em;
    margin-bottom: 0.5em;
    font-weight: 400;
    font-size: calc(.45842vw + .65296em);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-transform: none;
    letter-spacing: normal;
  }
}
*/

@media screen and (min-width: 880px) {
  #staff .modaal-content-container .v65-podDescription {
    padding: 0;
    margin: 2rem auto 1.5rem;
    max-width: 50rem;
  }
}


/* -------------------
ELLIPTICAL SOCIETY TEMPLATE
---------------------- */
.v65-club {
  padding: 3%;
  margin: 2%;
  flex: 2 46%;
  background-color: #f0f1f0;
}

.v65-club:nth-of-type(odd) {
  margin-left: 0;
}

.v65-club:nth-of-type(even) {
  margin-right: 0;
}

.v65-club:nth-of-type(n+3) {
  margin-top: 0;
}

.club_signup_options {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 1.5em;
}

.club_signup_options .v65-clubTitle {
  font-size: 1em;
  text-align: center;
  margin-top: 0.5em;
}

.club_signup_options .v65-clubTeaser {
  border-bottom: none;
}

@media screen and (max-width: 480px) {
  .club_signup_options .v65-clubTeaser {
    padding: 0;
  }
}

.club_signup_options .v65-clubTeaser p {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 0.8em;
  line-height: 1.5em;
  margin-bottom: 0.65em;
}

.club_signup_options .v65-clubJoin {
  text-align: center;
}

/* -------------------
RECIPE LIST TEMPLATE
---------------------- */
.recipe_list .text-content {
  max-width: 64em;
  margin: 0 auto;
  padding: 0;
}

.recipe_list .recipe_season {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.recipe_list .recipe_season h2 {
  width: 100%;
  text-align: center;
}

.recipe_list .v65-recipe.v65-group {
  display: flex;
  padding: 1rem;
  margin-bottom: 0;
  border-bottom: none;
}

@media screen and (min-width: 40rem) {
  .recipe_list .v65-recipe.v65-group {
    width: 50%;
  }
}

@media screen and (min-width: 56rem) {
  .recipe_list .v65-recipe.v65-group {
    width: 33.33333%;
  }
}

.recipe_card {
  background-color: white;
  width: 100%;
  border-radius: 0.05rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow: hidden;
}

.recipe_card:hover .v65-recipe-photo {
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
}

.recipe_card .v65-recipe-photo {
  position: relative;
  width: 100%;
  height: 50%;
}

.recipe_card .v65-recipe-photo img {
  font-size: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recipe_card .v65-recipe-info {
  width: 100%;
  margin: 0;
  padding: 1em;
}

.recipe_card .v65-recipe-title {
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

.recipe_card .v65-recipe-date {
  display: none;
}

.recipe_card .v65-recipe-teaser {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(1.5842vw + .5296em);
  line-height: calc(1.4em + .2vw);
}

@media screen and (min-width: 550px) {
  .recipe_card .v65-recipe-teaser {
    font-size: calc(.55842vw + .5296em);
  }
}

@media screen and (min-width: 768px) {
  .recipe_list .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type {
    width: 100%;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-info {
    width: 50%;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-title {
    font-size: 1.8em;
    margin-bottom: 0;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-date {
    display: block;
    color: #333333;
    font-family: 'Quattrocento Sans', sans-serif;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 1.5rem;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-photo {
    width: 50%;
    height: 100%;
  }

  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-photo {
    max-height: 50vh;
  }
}

@media screen and (min-width: 1440px) {
  .recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-photo {
    max-height: 55vh;
  }
}

.recipe_season:first-of-type .v65-recipe.v65-group:first-of-type .recipe_card .v65-recipe-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* -------------------
RECIPE DRILLDOWN TEMPLATE
---------------------- */
#recipe:not(.recipe_list) main {
  margin-top: 10.5rem;
}

@media screen and (min-width: 580px) {
  #recipe:not(.recipe_list) main {
    margin-top: 8.5rem;
  }
}

@media screen and (min-width: 1024px) {
  #recipe:not(.recipe_list) main {
    margin-top: 0;
  }
}

.v65-recipe-drilldown {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.v65-recipe-drilldown-right {
  float: none;
  margin-left: auto;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

.v65-recipe-drilldown h1 {
  position: relative;
  text-align: center;
  max-width: 90%;
  margin: auto;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown h1 {
    position: absolute;
    line-height: 1em;
    top: 40vh;
    transform: translateY(-40%);
    margin-bottom: auto;
    color: #f9f9f9;
    font-size: 2.5em;
    padding: 0 5em;
  }
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-photo {
    position: relative;
    margin-bottom: 1em;
    max-height: 80vh;
    z-index: -1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 52% 100%, 50% 97%, 48% 100%, 0 100%);
  }
}

.v65-recipe-drilldown-photo img {
  width: calc(100% - 7rem);
  box-shadow: 0 3rem 5rem -2rem rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-photo img {
    width: 100%;
    height: 100%;
    box-shadow: none;
    filter: brightness(0.85);
    object-fit: cover;
    object-position: bottom;
  }
}

.v65-recipe-drilldown-attributes {
  margin-bottom: 2em;
  margin-top: -25%;
  padding-top: calc(25% + 0.5em);
  padding-bottom: 1em;
  background: #e6e4df;
  color: #333;
  font-family: 'Quattrocento Sans', sans-serif;
  font-style: normal;
  line-height: 0.95em;
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-attributes {
    background: transparent;
  }
}

.v65-recipe-drilldown-left {
  width: 100%;
  margin: 0 1.5em;
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-left {
    display: flex;
  }
}

.v65-recipe-drilldown-subtitle.v65-subtitle {
  text-align: center;
  font-family: 'Rufina';
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-subtitle.v65-subtitle {
    margin-bottom: 0.75em;
  }
}

.v65-recipe-drilldown-left .v65-recipe-drilldown-description {
  display: none;
}

.v65-recipe-drilldown-ingredients {
  font-family: 'Quattrocento Sans', sans-serif;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 620px) and (max-width: 1023px) {
  .v65-recipe-drilldown-ingredients {
    max-width: 18em;
    margin-right: auto;
    margin-left: auto;
  }
  .v65-recipe-drilldown-ingredients ul li::before {
    content: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-ingredients {
    margin: -1.5em 3em 2em -1.5em;
    padding: 1.5em 1.5em 1.75em 3.5em;
    max-width: calc(50% - 4em);
    height: fit-content;
    background: #e6e4df;
  }
  .v65-recipe-drilldown-ingredients, .v65-recipe-drilldown-directions {
    flex: 0 0 50%;
  }
}

.v65-recipe-drilldown-ingredients ul li::before {
    left: -2.75em !important;
    height: 0.5em !important;
}

.v65-recipe-drilldown-directions div:not(.v65-subtitle):not(h1>a):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 0.86em;
    line-height: 1.598em;
}

@media screen and (min-width: 1024px) {
  .v65-recipe-drilldown-directions div:not(.v65-subtitle):not(h1>a):not(h2):not(h3):not(h4):not(h5):not(h6) {
      font-size: inherit;
      line-height: inherit;
  }
}

/* -------------------
RECIPE CATEGORY TEMPLATE
---------------------- */
.recipe_category main {
  margin-top: calc(3rem + 25vw);
}

.recipe_category .v65-product-pagination, .recipe_category .v65-Paging {
  display: none;
}

@media screen and (min-width: 580px) {
  .recipe_category main {
    margin-top: calc(3rem + 10vh);
  }
}

.recipe_category main article {
  padding: 0 1.5em;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
}

.recipe_category main article:last-of-type {
  margin-bottom: 3rem;
}

.recipe_category main article h1:first-of-type {
  position: relative;
  margin: auto !important;
  max-width: 50rem !important;
  width: calc(100% + 10rem);
  font-size: 2.75em;
  text-align: center;
}

@media screen and (min-width: 930px) {
  .recipe_category main article h1:first-of-type {
    width: calc(100% + 10rem);
    max-width: none;
    margin-left: -3.5rem;
  }
}

@media screen and (min-width: 1140px) {
  .recipe_category main article h1:first-of-type {
    width: calc(100% + 14rem);

  }
}

/* -------------------
BLOG LIST TEMPLATE
---------------------- */
#blog-list main {
  margin-top: 6rem;
}

#blog-list .v65-blogPostWrapper {
  margin-bottom: 0;
}

#blog-list h2 {
  line-height: 1;
  margin: 0;
}

h2 .entry_title {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 2rem;
  font-size: calc(.55842vw + .5296em);
  font-weight: 400;
}

#blog-list .v65-blogPostDate {
  display: none;
}

#blog-list .v65-blogPost p:last-of-type {
  margin-bottom: 0.75em;
}

#blog-list .v65-blogFooterComments {
  display: none;
}

.v65-avatar {
  box-shadow: 0 0.5em 0.95em -0.4em rgba(0, 0, 0, 0.8);
}

.v65-avatar img {
  object-fit: cover;
  border: none;
  padding: 0;
}

.v65-blogFooterDate {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.v65-blogFooterDate > img {
  display: none;
}

.v65-blogFooterLink {
  float: right;
  margin-right: 0;
  background-color: #d2d8c0;
  outline: none;
  transition: 100ms;
  height: 2em;
  line-height: 2em;
}

.v65-blogFooterLink:hover {
  background-color: #efefef;
  outline: 1px dotted #ffffff;
  box-shadow: inset 0 3px 9px #e4e4e4;
  transition: 100ms;
}

.v65-blogFooterLink a {
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-shadow: none !important;
  height: 2em;
  line-height: 2em;
  padding: 0 1em;
}

.v65-blogFooterLink:hover a {
  color: #3a635d;
  transition: 100ms;
}

.v65-blogFooterLink a::before, .v65-blogFooterLink a::after {
  content: none !important;
  background: none !important;
}

.v65-blogFooterLink img {
  display: none;
}

section.archive {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  padding: 0 1em;
}

.group {
  display: flex;
  flex: 1 0 50%;
  padding: 1rem;
  margin-bottom: 0;
  border-bottom: none;
}

.card {
  padding: 0 1em 1em 1em;
  background-color: white;
  width: 100%;
  border-radius: 0.05rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  overflow: hidden;
}

.card > h3 {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 2rem;
  font-size: calc(.55842vw + .8296rem);
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
}

.card li, .card > div {
  font-family: 'Baskervville';
  font-style: italic;
  font-size: 0.9em;
  text-transform: lowercase;
  padding: 0.625em;
  text-align: center;
  border-bottom: 1px solid #eaefea;
}

.card li:last-of-type, .card > div:last-of-type {
  border-bottom: none;
}

.card li::before, .card li:after {
  content: none !important;
}

/* -------------------
TIMELINE TEMPLATE - must be at end of lc.css file
---------------------- */

.timeline ol, .timeline ul {
  list-style: none
}

.timeline blockquote, .timeline q {
  quotes: none
}

.timeline button, .timeline input, .timeline textarea, .timeline select {
  margin: 0
}

.timeline .btn, .timeline .form-control, .timeline .link, .timeline .reset {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.timeline select.form-control::-ms-expand {
  display: none
}

.timeline input::-ms-clear {
  display: none
}

.timeline img, .timeline video, .timeline svg {
  max-width: 100%
}

.timeline [data-theme] {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--color-bg, #fff);
  color: hsl(240, 4%, 20%);
  color: var(--color-contrast-high, #313135)
}

.timeline:root {
  --space-unit: 1em;
  --space-xxxxs: calc(0.125*var(--space-unit));
  --space-xxxs: calc(0.25*var(--space-unit));
  --space-xxs: calc(0.375*var(--space-unit));
  --space-xs: calc(0.5*var(--space-unit));
  --space-sm: calc(0.75*var(--space-unit));
  --space-md: calc(1.25*var(--space-unit));
  --space-lg: calc(2*var(--space-unit));
  --space-xl: calc(3.25*var(--space-unit));
  --space-xxl: calc(5.25*var(--space-unit));
  --space-xxxl: calc(8.5*var(--space-unit));
  --space-xxxxl: calc(13.75*var(--space-unit));
  --component-padding: var(--space-md)
}

.timeline:root {
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 120rem
}

.timeline .container {
  margin-left: auto;
  margin-right: auto
}

.timeline .max-width-xxs {
  max-width: 32rem;
  max-width: var(--max-width-xxs)
}

.timeline .max-width-xs {
  max-width: 38rem;
  max-width: var(--max-width-xs)
}

.timeline .max-width-sm {
  max-width: 48rem;
  max-width: var(--max-width-sm)
}

.timeline .max-width-md {
  max-width: 64rem;
  max-width: var(--max-width-md)
}

.timeline .max-width-lg {
  max-width: 80rem;
  max-width: var(--max-width-lg)
}

.timeline .max-width-xl {
  max-width: 90rem;
  max-width: var(--max-width-xl)
}

.timeline .max-width-xxl {
  max-width: 120rem;
  max-width: var(--max-width-xxl)
}

.timeline .max-width-adaptive-sm {
  max-width: 38rem;
  max-width: var(--max-width-xs)
}

@media (min-width: 64rem) {
  .timeline .max-width-adaptive-sm {
    max-width: 48rem;
    max-width: var(--max-width-sm)
  }
}

.timeline .max-width-adaptive-md {
  max-width: 38rem;
  max-width: var(--max-width-xs)
}

@media (min-width: 64rem) {
  .timeline .max-width-adaptive-md {
    max-width: 64rem;
    max-width: var(--max-width-md)
  }
}

.timeline .max-width-adaptive, .timeline .max-width-adaptive-lg {
  max-width: 38rem;
  max-width: var(--max-width-xs)
}

@media (min-width: 64rem) {
  .timeline .max-width-adaptive, .timeline .max-width-adaptive-lg {
    max-width: 64rem;
    max-width: var(--max-width-md)
  }
}

@media (min-width: 90rem) {
  .timeline .max-width-adaptive, .timeline .max-width-adaptive-lg {
    max-width: 80rem;
    max-width: var(--max-width-lg)
  }
}

.timeline .max-width-adaptive-xl {
  max-width: 38rem;
  max-width: var(--max-width-xs)
}

@media (min-width: 64rem) {
  .timeline .max-width-adaptive-xl {
    max-width: 64rem;
    max-width: var(--max-width-md)
  }
}

@media (min-width: 90rem) {
  .timeline .max-width-adaptive-xl {
    max-width: 90rem;
    max-width: var(--max-width-xl)
  }
}

.timeline .grid {
  --grid-gap: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.timeline .grid>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

[class*="grid-gap"] {
  margin-bottom: 1em * -1;
  margin-bottom: calc(var(--grid-gap, 1em)*-1);
  margin-right: 1em * -1;
  margin-right: calc(var(--grid-gap, 1em)*-1)
}

[class*="grid-gap"]>* {
  margin-bottom: 1em;
  margin-bottom: var(--grid-gap, 1em);
  margin-right: 1em;
  margin-right: var(--grid-gap, 1em)
}

.grid-gap-xxxxs {
  --grid-gap: var(--space-xxxxs)
}

.grid-gap-xxxs {
  --grid-gap: var(--space-xxxs)
}

.grid-gap-xxs {
  --grid-gap: var(--space-xxs)
}

.grid-gap-xs {
  --grid-gap: var(--space-xs)
}

.grid-gap-sm {
  --grid-gap: var(--space-sm)
}

.grid-gap-md {
  --grid-gap: var(--space-md)
}

.grid-gap-lg {
  --grid-gap: var(--space-lg)
}

.grid-gap-xl {
  --grid-gap: var(--space-xl)
}

.grid-gap-xxl {
  --grid-gap: var(--space-xxl)
}

.grid-gap-xxxl {
  --grid-gap: var(--space-xxxl)
}

.grid-gap-xxxxl {
  --grid-gap: var(--space-xxxxl)
}

.col {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%
}

.col-1 {
  -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(8.33% - 0.01px - 1em);
  flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(8.33% - 0.01px - 1em);
  max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
}

.col-2 {
  -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(16.66% - 0.01px - 1em);
  flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(16.66% - 0.01px - 1em);
  max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
}

.col-3 {
  -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(25% - 0.01px - 1em);
  flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(25% - 0.01px - 1em);
  max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
}

.col-4 {
  -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(33.33% - 0.01px - 1em);
  flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(33.33% - 0.01px - 1em);
  max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
}

.col-5 {
  -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(41.66% - 0.01px - 1em);
  flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(41.66% - 0.01px - 1em);
  max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
}

.col-6 {
  -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(50% - 0.01px - 1em);
  flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(50% - 0.01px - 1em);
  max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
}

.col-7 {
  -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(58.33% - 0.01px - 1em);
  flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(58.33% - 0.01px - 1em);
  max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
}

.col-8 {
  -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(66.66% - 0.01px - 1em);
  flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(66.66% - 0.01px - 1em);
  max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
}

.col-9 {
  -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(75% - 0.01px - 1em);
  flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(75% - 0.01px - 1em);
  max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
}

.col-10 {
  -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(83.33% - 0.01px - 1em);
  flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(83.33% - 0.01px - 1em);
  max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
}

.col-11 {
  -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(91.66% - 0.01px - 1em);
  flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(91.66% - 0.01px - 1em);
  max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
}

.col-12 {
  -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(100% - 0.01px - 1em);
  flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(100% - 0.01px - 1em);
  max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
}

@media (min-width: 32rem) {
  .col\@xs {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }

  .col-1\@xs {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-2\@xs {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-3\@xs {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
  }

  .col-4\@xs {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-5\@xs {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-6\@xs {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
  }

  .col-7\@xs {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-8\@xs {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-9\@xs {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
  }

  .col-10\@xs {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-11\@xs {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-12\@xs {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
  }
}

@media (min-width: 48rem) {
  .col\@sm {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }

  .col-1\@sm {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-2\@sm {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-3\@sm {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
  }

  .col-4\@sm {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-5\@sm {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-6\@sm {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
  }

  .col-7\@sm {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-8\@sm {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-9\@sm {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
  }

  .col-10\@sm {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-11\@sm {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-12\@sm {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
  }
}

@media (min-width: 64rem) {
  .col\@md {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }

  .col-1\@md {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-2\@md {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-3\@md {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
  }

  .col-4\@md {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-5\@md {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-6\@md {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
  }

  .col-7\@md {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-8\@md {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-9\@md {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
  }

  .col-10\@md {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-11\@md {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-12\@md {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
  }
}

@media (min-width: 80rem) {
  .col\@lg {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }

  .col-1\@lg {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-2\@lg {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-3\@lg {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
  }

  .col-4\@lg {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-5\@lg {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-6\@lg {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
  }

  .col-7\@lg {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-8\@lg {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-9\@lg {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
  }

  .col-10\@lg {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-11\@lg {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-12\@lg {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
  }
}

@media (min-width: 90rem) {
  .col\@xl {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }

  .col-1\@xl {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-2\@xl {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-3\@xl {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
  }

  .col-4\@xl {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-5\@xl {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-6\@xl {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
  }

  .col-7\@xl {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-8\@xl {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-9\@xl {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
  }

  .col-10\@xl {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
  }

  .col-11\@xl {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
  }

  .col-12\@xl {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
  }
}

:root.timeline  {
  --radius-sm: calc(var(--radius, 0.25em)/2);
  --radius-md: var(--radius, 0.25em);
  --radius-lg: calc(var(--radius, 0.25em)*2);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
  --shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);
  --shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)
}

:root.timeline  {
  --body-line-height: 1.4;
  --heading-line-height: 1.2
}

.timeline h1, .timeline h2, .timeline h3, .timeline h4 {
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
  line-height: 1.2;
  line-height: var(--heading-line-height, 1.2)
}

.text-xxxl {
  font-size: 2.48832em;
  font-size: var(--text-xxxl, 2.488em)
}

.timeline h1, .text-xxl {
  font-size: 2.0736em;
  font-size: var(--text-xxl, 2.074em)
}

.timeline h2, .text-xl {
  font-size: 1.728em;
  font-size: var(--text-xl, 1.728em)
}

.timeline h3, .text-lg {
  font-size: 1.44em;
  font-size: var(--text-lg, 1.44em)
}

.timeline h4, .text-md {
  font-size: 1.2em;
  font-size: var(--text-md, 1.2em)
}

.timeline small, .text-sm {
  font-size: 0.83333em;
  font-size: var(--text-sm, 0.833em)
}

.text-xs {
  font-size: 0.69444em;
  font-size: var(--text-xs, 0.694em)
}

.text-component {
  --component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));
  --component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1))
}

.text-component h1, .text-component h2, .text-component h3, .text-component h4 {
  line-height: 1.2;
  line-height: var(--component-heading-line-height, 1.2);
  margin-bottom: 0.25em;
  margin-bottom: calc(var(--space-xxxs)*var(--text-vspace-multiplier, 1))
}

.text-component h2, .text-component h3, .text-component h4 {
  margin-top: 0.75em;
  margin-top: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
}

.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
  line-height: 1.4;
  line-height: var(--component-body-line-height)
}

.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
  margin-bottom: 0.75em;
  margin-bottom: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
}

.text-component ul, .text-component ol {
  padding-left: 1em
}

.text-component ul {
  list-style-type: disc
}

.text-component ol {
  list-style-type: decimal
}

.text-component img {
  display: block;
  margin: 0 auto
}

.text-component figcaption {
  text-align: center;
  margin-top: 0.5em;
  margin-top: var(--space-xs)
}

.text-component em {
  font-style: italic
}

.text-component hr {
  margin-top: 2em;
  margin-top: calc(var(--space-lg)*var(--text-vspace-multiplier, 1));
  margin-bottom: 2em;
  margin-bottom: calc(var(--space-lg)*var(--text-vspace-multiplier, 1));
  margin-left: auto;
  margin-right: auto
}

.text-component>*:first-child {
  margin-top: 0
}

.text-component>*:last-child {
  margin-bottom: 0
}

.text-component__block--full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw)
}

@media (min-width: 48rem) {
  .text-component__block--left, .text-component__block--right {
    width: 45%
  }

  .text-component__block--left img, .text-component__block--right img {
    width: 100%
  }

  .text-component__block--left {
    float: left;
    margin-right: 0.75em;
    margin-right: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
  }

  .text-component__block--right {
    float: right;
    margin-left: 0.75em;
    margin-left: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
  }
}

@media (min-width: 90rem) {
  .text-component__block--outset {
    width: calc(100% + 10.5em);
    width: calc(100% + 2*var(--space-xxl))
  }

  .text-component__block--outset img {
    width: 100%
  }

  .text-component__block--outset:not(.text-component__block--right) {
    margin-left: -5.25em;
    margin-left: calc(-1*var(--space-xxl))
  }

  .text-component__block--left, .text-component__block--right {
    width: 50%
  }

  .text-component__block--right.text-component__block--outset {
    margin-right: -5.25em;
    margin-right: calc(-1*var(--space-xxl))
  }
}

:root.timeline  {
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 128px
}

.timeline .icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.icon--xxs {
  font-size: 12px;
  font-size: var(--icon-xxs)
}

.icon--xs {
  font-size: 16px;
  font-size: var(--icon-xs)
}

.icon--sm {
  font-size: 24px;
  font-size: var(--icon-sm)
}

.icon--md {
  font-size: 32px;
  font-size: var(--icon-md)
}

.icon--lg {
  font-size: 48px;
  font-size: var(--icon-lg)
}

.icon--xl {
  font-size: 64px;
  font-size: var(--icon-xl)
}

.icon--xxl {
  font-size: 128px;
  font-size: var(--icon-xxl)
}

.icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear
}

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.timeline .icon use {
  color: inherit;
  fill: currentColor
}

.timeline .btn {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
  font-size: 1em;
  font-size: var(--btn-font-size, 1em);
  padding-top: 0.5em;
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: 0.5em;
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: 0.75em;
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: 0.75em;
  padding-right: var(--btn-padding-x, 0.75em);
  border-radius: 0.25em;
  border-radius: var(--btn-radius, 0.25em)
}

.btn--primary {
  background-color: hsl(220, 90%, 56%);
  background-color: var(--color-primary, #2a6df4);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff)
}

.btn--subtle {
  background-color: hsl(240, 1%, 83%);
  background-color: var(--color-contrast-low, #d3d3d4);
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21)
}

.btn--accent {
  background-color: hsl(355, 90%, 61%);
  background-color: var(--color-accent, #f54251);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff)
}

.btn--disabled {
  cursor: not-allowed
}

.btn--sm {
  font-size: 0.8em;
  font-size: var(--btn-font-size-sm, 0.8em)
}

.btn--md {
  font-size: 1.2em;
  font-size: var(--btn-font-size-md, 1.2em)
}

.btn--lg {
  font-size: 1.4em;
  font-size: var(--btn-font-size-lg, 1.4em)
}

.btn--icon {
  padding: 0.5em;
  padding: var(--btn-padding-y, 0.5em)
}

.form-control {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--color-bg, #f2f2f2);
  padding-top: 0.5em;
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: 0.5em;
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: 0.75em;
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: 0.75em;
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: 0.25em;
  border-radius: var(--form-control-radius, 0.25em)
}

.form-control::-webkit-input-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c)
}

.form-control::-moz-placeholder {
  opacity: 1;
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c)
}

.form-control:-ms-input-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c)
}

.form-control:-moz-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c)
}

.form-control[disabled], .form-control[readonly] {
  cursor: not-allowed
}

.form-legend {
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
  line-height: 1.2;
  font-size: 1.2em;
  font-size: var(--text-md, 1.2em);
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs)
}

.form-label {
  display: inline-block
}

.form__msg-error {
  background-color: hsl(355, 90%, 61%);
  background-color: var(--color-error, #f54251);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
  font-size: 0.83333em;
  font-size: var(--text-sm, 0.833em);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5em;
  padding: var(--space-xs);
  margin-top: 0.75em;
  margin-top: var(--space-sm);
  border-radius: 0.25em;
  border-radius: var(--radius-md, 0.25em);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px)
}

.form__msg-error::before {
  content: '';
  position: absolute;
  left: 0.75em;
  left: var(--space-sm);
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: hsl(355, 90%, 61%);
  border-bottom-color: var(--color-error)
}

.form__msg-error--is-visible {
  position: relative;
  clip: auto
}

.radio-list>*, .checkbox-list>* {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs)
}

.radio-list>*:last-of-type, .checkbox-list>*:last-of-type {
  margin-bottom: 0
}

.radio-list label, .checkbox-list label {
  line-height: 1.4;
  line-height: var(--body-line-height);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.radio-list input, .checkbox-list input {
  vertical-align: top;
  margin-right: 0.25em;
  margin-right: var(--space-xxxs);
  -ms-flex-negative: 0;
  flex-shrink: 0
}

:root.timeline {
  --zindex-header: 2;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15
}

@media not all and (min-width: 32rem) {
  .display\@xs {
    display: none !important
  }
}

@media (min-width: 32rem) {
  .hide\@xs {
    display: none !important
  }
}

@media not all and (min-width: 48rem) {
  .display\@sm {
    display: none !important
  }
}

@media (min-width: 48rem) {
  .hide\@sm {
    display: none !important
  }
}

@media not all and (min-width: 64rem) {
  .display\@md {
    display: none !important
  }
}

@media (min-width: 64rem) {
  .hide\@md {
    display: none !important
  }
}

@media not all and (min-width: 80rem) {
  .display\@lg {
    display: none !important
  }
}

@media (min-width: 80rem) {
  .hide\@lg {
    display: none !important
  }
}

@media not all and (min-width: 90rem) {
  .display\@xl {
    display: none !important
  }
}

@media (min-width: 90rem) {
  .hide\@xl {
    display: none !important
  }
}

:root {
  --display: block
}

.is-visible {
  display: block !important;
  display: var(--display) !important
}

.is-hidden {
  display: none !important
}

.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap
}

.timeline .flex {
  display: -ms-flexbox;
  display: flex
}

.inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-column {
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-row {
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-center {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

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

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

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

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

.items-center {
  -ms-flex-align: center;
  align-items: center
}

.items-start {
  -ms-flex-align: start;
  align-items: flex-start
}

.items-end {
  -ms-flex-align: end;
  align-items: flex-end
}

@media (min-width: 32rem) {
  .flex-wrap\@xs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-column\@xs {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-row\@xs {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .flex-center\@xs {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .justify-start\@xs {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end\@xs {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center\@xs {
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between\@xs {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .items-center\@xs {
    -ms-flex-align: center;
    align-items: center
  }

  .items-start\@xs {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end\@xs {
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 48rem) {
  .flex-wrap\@sm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-column\@sm {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-row\@sm {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .flex-center\@sm {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .justify-start\@sm {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end\@sm {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center\@sm {
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between\@sm {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .items-center\@sm {
    -ms-flex-align: center;
    align-items: center
  }

  .items-start\@sm {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end\@sm {
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 64rem) {
  .flex-wrap\@md {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-column\@md {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-row\@md {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .flex-center\@md {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .justify-start\@md {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end\@md {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center\@md {
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between\@md {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .items-center\@md {
    -ms-flex-align: center;
    align-items: center
  }

  .items-start\@md {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end\@md {
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 80rem) {
  .flex-wrap\@lg {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-column\@lg {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-row\@lg {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .flex-center\@lg {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .justify-start\@lg {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end\@lg {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center\@lg {
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between\@lg {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .items-center\@lg {
    -ms-flex-align: center;
    align-items: center
  }

  .items-start\@lg {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end\@lg {
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 90rem) {
  .flex-wrap\@xl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-column\@xl {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flex-row\@xl {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .flex-center\@xl {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .justify-start\@xl {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .justify-end\@xl {
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .justify-center\@xl {
    -ms-flex-pack: center;
    justify-content: center
  }

  .justify-between\@xl {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .items-center\@xl {
    -ms-flex-align: center;
    align-items: center
  }

  .items-start\@xl {
    -ms-flex-align: start;
    align-items: flex-start
  }

  .items-end\@xl {
    -ms-flex-align: end;
    align-items: flex-end
  }
}

.flex-grow {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.flex-gap-xxxs {
  margin-bottom: -0.25em;
  margin-bottom: calc(-1*var(--space-xxxs));
  margin-right: -0.25em;
  margin-right: calc(-1*var(--space-xxxs))
}

.flex-gap-xxxs>* {
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs);
  margin-right: 0.25em;
  margin-right: var(--space-xxxs)
}

.flex-gap-xxs {
  margin-bottom: -0.375em;
  margin-bottom: calc(-1*var(--space-xxs));
  margin-right: -0.375em;
  margin-right: calc(-1*var(--space-xxs))
}

.flex-gap-xxs>* {
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
  margin-right: 0.375em;
  margin-right: var(--space-xxs)
}

.flex-gap-xs {
  margin-bottom: -0.5em;
  margin-bottom: calc(-1*var(--space-xs));
  margin-right: -0.5em;
  margin-right: calc(-1*var(--space-xs))
}

.flex-gap-xs>* {
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs);
  margin-right: 0.5em;
  margin-right: var(--space-xs)
}

.flex-gap-sm {
  margin-bottom: -0.75em;
  margin-bottom: calc(-1*var(--space-sm));
  margin-right: -0.75em;
  margin-right: calc(-1*var(--space-sm))
}

.flex-gap-sm>* {
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm);
  margin-right: 0.75em;
  margin-right: var(--space-sm)
}

.flex-gap-md {
  margin-bottom: -1.25em;
  margin-bottom: calc(-1*var(--space-md));
  margin-right: -1.25em;
  margin-right: calc(-1*var(--space-md))
}

.flex-gap-md>* {
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
  margin-right: 1.25em;
  margin-right: var(--space-md)
}

.flex-gap-lg {
  margin-bottom: -2em;
  margin-bottom: calc(-1*var(--space-lg));
  margin-right: -2em;
  margin-right: calc(-1*var(--space-lg))
}

.flex-gap-lg>* {
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
  margin-right: 2em;
  margin-right: var(--space-lg)
}

.flex-gap-xl {
  margin-bottom: -3.25em;
  margin-bottom: calc(-1*var(--space-xl));
  margin-right: -3.25em;
  margin-right: calc(-1*var(--space-xl))
}

.flex-gap-xl>* {
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl);
  margin-right: 3.25em;
  margin-right: var(--space-xl)
}

.flex-gap-xxl {
  margin-bottom: -5.25em;
  margin-bottom: calc(-1*var(--space-xxl));
  margin-right: -5.25em;
  margin-right: calc(-1*var(--space-xxl))
}

.flex-gap-xxl>* {
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl);
  margin-right: 5.25em;
  margin-right: var(--space-xxl)
}

.margin-xxxxs {
  margin: 0.125em;
  margin: var(--space-xxxxs)
}

.margin-xxxs {
  margin: 0.25em;
  margin: var(--space-xxxs)
}

.margin-xxs {
  margin: 0.375em;
  margin: var(--space-xxs)
}

.margin-xs {
  margin: 0.5em;
  margin: var(--space-xs)
}

.margin-sm {
  margin: 0.75em;
  margin: var(--space-sm)
}

.margin-md {
  margin: 1.25em;
  margin: var(--space-md)
}

.margin-lg {
  margin: 2em;
  margin: var(--space-lg)
}

.margin-xl {
  margin: 3.25em;
  margin: var(--space-xl)
}

.margin-xxl {
  margin: 5.25em;
  margin: var(--space-xxl)
}

.margin-xxxl {
  margin: 8.5em;
  margin: var(--space-xxxl)
}

.margin-xxxxl {
  margin: 13.75em;
  margin: var(--space-xxxxl)
}

.margin-auto {
  margin: auto
}

.margin-top-xxxxs {
  margin-top: 0.125em;
  margin-top: var(--space-xxxxs)
}

.margin-top-xxxs {
  margin-top: 0.25em;
  margin-top: var(--space-xxxs)
}

.margin-top-xxs {
  margin-top: 0.375em;
  margin-top: var(--space-xxs)
}

.margin-top-xs {
  margin-top: 0.5em;
  margin-top: var(--space-xs)
}

.margin-top-sm {
  margin-top: 0.75em;
  margin-top: var(--space-sm)
}

.margin-top-md {
  margin-top: 1.25em;
  margin-top: var(--space-md)
}

.margin-top-lg {
  margin-top: 2em;
  margin-top: var(--space-lg)
}

.margin-top-xl {
  margin-top: 3.25em;
  margin-top: var(--space-xl)
}

.margin-top-xxl {
  margin-top: 5.25em;
  margin-top: var(--space-xxl)
}

.margin-top-xxxl {
  margin-top: 8.5em;
  margin-top: var(--space-xxxl)
}

.margin-top-xxxxl {
  margin-top: 13.75em;
  margin-top: var(--space-xxxxl)
}

.margin-top-auto {
  margin-top: auto
}

.margin-bottom-xxxxs {
  margin-bottom: 0.125em;
  margin-bottom: var(--space-xxxxs)
}

.margin-bottom-xxxs {
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs)
}

.margin-bottom-xxs {
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs)
}

.margin-bottom-xs {
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs)
}

.margin-bottom-sm {
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm)
}

.margin-bottom-md {
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md)
}

.margin-bottom-lg {
  margin-bottom: 2em;
  margin-bottom: var(--space-lg)
}

.margin-bottom-xl {
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl)
}

.margin-bottom-xxl {
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl)
}

.margin-bottom-xxxl {
  margin-bottom: 8.5em;
  margin-bottom: var(--space-xxxl)
}

.margin-bottom-xxxxl {
  margin-bottom: 13.75em;
  margin-bottom: var(--space-xxxxl)
}

.margin-bottom-auto {
  margin-bottom: auto
}

.margin-right-xxxxs {
  margin-right: 0.125em;
  margin-right: var(--space-xxxxs)
}

.margin-right-xxxs {
  margin-right: 0.25em;
  margin-right: var(--space-xxxs)
}

.margin-right-xxs {
  margin-right: 0.375em;
  margin-right: var(--space-xxs)
}

.margin-right-xs {
  margin-right: 0.5em;
  margin-right: var(--space-xs)
}

.margin-right-sm {
  margin-right: 0.75em;
  margin-right: var(--space-sm)
}

.margin-right-md {
  margin-right: 1.25em;
  margin-right: var(--space-md)
}

.margin-right-lg {
  margin-right: 2em;
  margin-right: var(--space-lg)
}

.margin-right-xl {
  margin-right: 3.25em;
  margin-right: var(--space-xl)
}

.margin-right-xxl {
  margin-right: 5.25em;
  margin-right: var(--space-xxl)
}

.margin-right-xxxl {
  margin-right: 8.5em;
  margin-right: var(--space-xxxl)
}

.margin-right-xxxxl {
  margin-right: 13.75em;
  margin-right: var(--space-xxxxl)
}

.margin-right-auto {
  margin-right: auto
}

.margin-left-xxxxs {
  margin-left: 0.125em;
  margin-left: var(--space-xxxxs)
}

.margin-left-xxxs {
  margin-left: 0.25em;
  margin-left: var(--space-xxxs)
}

.margin-left-xxs {
  margin-left: 0.375em;
  margin-left: var(--space-xxs)
}

.margin-left-xs {
  margin-left: 0.5em;
  margin-left: var(--space-xs)
}

.margin-left-sm {
  margin-left: 0.75em;
  margin-left: var(--space-sm)
}

.margin-left-md {
  margin-left: 1.25em;
  margin-left: var(--space-md)
}

.margin-left-lg {
  margin-left: 2em;
  margin-left: var(--space-lg)
}

.margin-left-xl {
  margin-left: 3.25em;
  margin-left: var(--space-xl)
}

.margin-left-xxl {
  margin-left: 5.25em;
  margin-left: var(--space-xxl)
}

.margin-left-xxxl {
  margin-left: 8.5em;
  margin-left: var(--space-xxxl)
}

.margin-left-xxxxl {
  margin-left: 13.75em;
  margin-left: var(--space-xxxxl)
}

.margin-left-auto {
  margin-left: auto
}

.margin-x-xxxxs {
  margin-left: 0.125em;
  margin-left: var(--space-xxxxs);
  margin-right: 0.125em;
  margin-right: var(--space-xxxxs)
}

.margin-x-xxxs {
  margin-left: 0.25em;
  margin-left: var(--space-xxxs);
  margin-right: 0.25em;
  margin-right: var(--space-xxxs)
}

.margin-x-xxs {
  margin-left: 0.375em;
  margin-left: var(--space-xxs);
  margin-right: 0.375em;
  margin-right: var(--space-xxs)
}

.margin-x-xs {
  margin-left: 0.5em;
  margin-left: var(--space-xs);
  margin-right: 0.5em;
  margin-right: var(--space-xs)
}

.margin-x-sm {
  margin-left: 0.75em;
  margin-left: var(--space-sm);
  margin-right: 0.75em;
  margin-right: var(--space-sm)
}

.margin-x-md {
  margin-left: 1.25em;
  margin-left: var(--space-md);
  margin-right: 1.25em;
  margin-right: var(--space-md)
}

.margin-x-lg {
  margin-left: 2em;
  margin-left: var(--space-lg);
  margin-right: 2em;
  margin-right: var(--space-lg)
}

.margin-x-xl {
  margin-left: 3.25em;
  margin-left: var(--space-xl);
  margin-right: 3.25em;
  margin-right: var(--space-xl)
}

.margin-x-xxl {
  margin-left: 5.25em;
  margin-left: var(--space-xxl);
  margin-right: 5.25em;
  margin-right: var(--space-xxl)
}

.margin-x-xxxl {
  margin-left: 8.5em;
  margin-left: var(--space-xxxl);
  margin-right: 8.5em;
  margin-right: var(--space-xxxl)
}

.margin-x-xxxxl {
  margin-left: 13.75em;
  margin-left: var(--space-xxxxl);
  margin-right: 13.75em;
  margin-right: var(--space-xxxxl)
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto
}

.margin-y-xxxxs {
  margin-top: 0.125em;
  margin-top: var(--space-xxxxs);
  margin-bottom: 0.125em;
  margin-bottom: var(--space-xxxxs)
}

.margin-y-xxxs {
  margin-top: 0.25em;
  margin-top: var(--space-xxxs);
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs)
}

.margin-y-xxs {
  margin-top: 0.375em;
  margin-top: var(--space-xxs);
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs)
}

.margin-y-xs {
  margin-top: 0.5em;
  margin-top: var(--space-xs);
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs)
}

.margin-y-sm {
  margin-top: 0.75em;
  margin-top: var(--space-sm);
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm)
}

.margin-y-md {
  margin-top: 1.25em;
  margin-top: var(--space-md);
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md)
}

.margin-y-lg {
  margin-top: 2em;
  margin-top: var(--space-lg);
  margin-bottom: 2em;
  margin-bottom: var(--space-lg)
}

.margin-y-xl {
  margin-top: 3.25em;
  margin-top: var(--space-xl);
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl)
}

.margin-y-xxl {
  margin-top: 5.25em;
  margin-top: var(--space-xxl);
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl)
}

.margin-y-xxxl {
  margin-top: 8.5em;
  margin-top: var(--space-xxxl);
  margin-bottom: 8.5em;
  margin-bottom: var(--space-xxxl)
}

.margin-y-xxxxl {
  margin-top: 13.75em;
  margin-top: var(--space-xxxxl);
  margin-bottom: 13.75em;
  margin-bottom: var(--space-xxxxl)
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto
}

@media not all and (min-width: 32rem) {
  .has-margin\@xs {
    margin: 0 !important
  }
}

@media not all and (min-width: 48rem) {
  .has-margin\@sm {
    margin: 0 !important
  }
}

@media not all and (min-width: 64rem) {
  .has-margin\@md {
    margin: 0 !important
  }
}

@media not all and (min-width: 80rem) {
  .has-margin\@lg {
    margin: 0 !important
  }
}

@media not all and (min-width: 90rem) {
  .has-margin\@xl {
    margin: 0 !important
  }
}

.padding-md {
  padding: 1.25em;
  padding: var(--space-md)
}

.padding-xxxxs {
  padding: 0.125em;
  padding: var(--space-xxxxs)
}

.padding-xxxs {
  padding: 0.25em;
  padding: var(--space-xxxs)
}

.padding-xxs {
  padding: 0.375em;
  padding: var(--space-xxs)
}

.padding-xs {
  padding: 0.5em;
  padding: var(--space-xs)
}

.padding-sm {
  padding: 0.75em;
  padding: var(--space-sm)
}

.padding-lg {
  padding: 2em;
  padding: var(--space-lg)
}

.padding-xl {
  padding: 3.25em;
  padding: var(--space-xl)
}

.padding-xxl {
  padding: 5.25em;
  padding: var(--space-xxl)
}

.padding-xxxl {
  padding: 8.5em;
  padding: var(--space-xxxl)
}

.padding-xxxxl {
  padding: 13.75em;
  padding: var(--space-xxxxl)
}

.padding-component {
  padding: 1.25em;
  padding: var(--component-padding)
}

.padding-top-md {
  padding-top: 1.25em;
  padding-top: var(--space-md)
}

.padding-top-xxxxs {
  padding-top: 0.125em;
  padding-top: var(--space-xxxxs)
}

.padding-top-xxxs {
  padding-top: 0.25em;
  padding-top: var(--space-xxxs)
}

.padding-top-xxs {
  padding-top: 0.375em;
  padding-top: var(--space-xxs)
}

.padding-top-xs {
  padding-top: 0.5em;
  padding-top: var(--space-xs)
}

.padding-top-sm {
  padding-top: 0.75em;
  padding-top: var(--space-sm)
}

.padding-top-lg {
  padding-top: 2em;
  padding-top: var(--space-lg)
}

.padding-top-xl {
  padding-top: 3.25em;
  padding-top: var(--space-xl)
}

.padding-top-xxl {
  padding-top: 5.25em;
  padding-top: var(--space-xxl)
}

.padding-top-xxxl {
  padding-top: 8.5em;
  padding-top: var(--space-xxxl)
}

.padding-top-xxxxl {
  padding-top: 13.75em;
  padding-top: var(--space-xxxxl)
}

.padding-top-component {
  padding-top: 1.25em;
  padding-top: var(--component-padding)
}

.padding-bottom-md {
  padding-bottom: 1.25em;
  padding-bottom: var(--space-md)
}

.padding-bottom-xxxxs {
  padding-bottom: 0.125em;
  padding-bottom: var(--space-xxxxs)
}

.padding-bottom-xxxs {
  padding-bottom: 0.25em;
  padding-bottom: var(--space-xxxs)
}

.padding-bottom-xxs {
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs)
}

.padding-bottom-xs {
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs)
}

.padding-bottom-sm {
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm)
}

.padding-bottom-lg {
  padding-bottom: 2em;
  padding-bottom: var(--space-lg)
}

.padding-bottom-xl {
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl)
}

.padding-bottom-xxl {
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl)
}

.padding-bottom-xxxl {
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl)
}

.padding-bottom-xxxxl {
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl)
}

.padding-bottom-component {
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding)
}

.padding-right-md {
  padding-right: 1.25em;
  padding-right: var(--space-md)
}

.padding-right-xxxxs {
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs)
}

.padding-right-xxxs {
  padding-right: 0.25em;
  padding-right: var(--space-xxxs)
}

.padding-right-xxs {
  padding-right: 0.375em;
  padding-right: var(--space-xxs)
}

.padding-right-xs {
  padding-right: 0.5em;
  padding-right: var(--space-xs)
}

.padding-right-sm {
  padding-right: 0.75em;
  padding-right: var(--space-sm)
}

.padding-right-lg {
  padding-right: 2em;
  padding-right: var(--space-lg)
}

.padding-right-xl {
  padding-right: 3.25em;
  padding-right: var(--space-xl)
}

.padding-right-xxl {
  padding-right: 5.25em;
  padding-right: var(--space-xxl)
}

.padding-right-xxxl {
  padding-right: 8.5em;
  padding-right: var(--space-xxxl)
}

.padding-right-xxxxl {
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl)
}

.padding-right-component {
  padding-right: 1.25em;
  padding-right: var(--component-padding)
}

.padding-left-md {
  padding-left: 1.25em;
  padding-left: var(--space-md)
}

.padding-left-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs)
}

.padding-left-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs)
}

.padding-left-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs)
}

.padding-left-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs)
}

.padding-left-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm)
}

.padding-left-lg {
  padding-left: 2em;
  padding-left: var(--space-lg)
}

.padding-left-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl)
}

.padding-left-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl)
}

.padding-left-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl)
}

.padding-left-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl)
}

.padding-left-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding)
}

.padding-x-md {
  padding-left: 1.25em;
  padding-left: var(--space-md);
  padding-right: 1.25em;
  padding-right: var(--space-md)
}

.padding-x-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs);
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs)
}

.padding-x-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs);
  padding-right: 0.25em;
  padding-right: var(--space-xxxs)
}

.padding-x-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs);
  padding-right: 0.375em;
  padding-right: var(--space-xxs)
}

.padding-x-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs);
  padding-right: 0.5em;
  padding-right: var(--space-xs)
}

.padding-x-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm);
  padding-right: 0.75em;
  padding-right: var(--space-sm)
}

.padding-x-lg {
  padding-left: 2em;
  padding-left: var(--space-lg);
  padding-right: 2em;
  padding-right: var(--space-lg)
}

.padding-x-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl);
  padding-right: 3.25em;
  padding-right: var(--space-xl)
}

.padding-x-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl);
  padding-right: 5.25em;
  padding-right: var(--space-xxl)
}

.padding-x-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl);
  padding-right: 8.5em;
  padding-right: var(--space-xxxl)
}

.padding-x-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl);
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl)
}

.padding-x-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding);
  padding-right: 1.25em;
  padding-right: var(--component-padding)
}

.padding-y-md {
  padding-top: 1.25em;
  padding-top: var(--space-md);
  padding-bottom: 1.25em;
  padding-bottom: var(--space-md)
}

.padding-y-xxxxs {
  padding-top: 0.125em;
  padding-top: var(--space-xxxxs);
  padding-bottom: 0.125em;
  padding-bottom: var(--space-xxxxs)
}

.padding-y-xxxs {
  padding-top: 0.25em;
  padding-top: var(--space-xxxs);
  padding-bottom: 0.25em;
  padding-bottom: var(--space-xxxs)
}

.padding-y-xxs {
  padding-top: 0.375em;
  padding-top: var(--space-xxs);
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs)
}

.padding-y-xs {
  padding-top: 0.5em;
  padding-top: var(--space-xs);
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs)
}

.padding-y-sm {
  padding-top: 0.75em;
  padding-top: var(--space-sm);
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm)
}

.padding-y-lg {
  padding-top: 2em;
  padding-top: var(--space-lg);
  padding-bottom: 2em;
  padding-bottom: var(--space-lg)
}

.padding-y-xl {
  padding-top: 3.25em;
  padding-top: var(--space-xl);
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl)
}

.padding-y-xxl {
  padding-top: 5.25em;
  padding-top: var(--space-xxl);
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl)
}

.padding-y-xxxl {
  padding-top: 8.5em;
  padding-top: var(--space-xxxl);
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl)
}

.padding-y-xxxxl {
  padding-top: 13.75em;
  padding-top: var(--space-xxxxl);
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl)
}

.padding-y-component {
  padding-top: 1.25em;
  padding-top: var(--component-padding);
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding)
}

@media not all and (min-width: 32rem) {
  .has-padding\@xs {
    padding: 0 !important
  }
}

@media not all and (min-width: 48rem) {
  .has-padding\@sm {
    padding: 0 !important
  }
}

@media not all and (min-width: 64rem) {
  .has-padding\@md {
    padding: 0 !important
  }
}

@media not all and (min-width: 80rem) {
  .has-padding\@lg {
    padding: 0 !important
  }
}

@media not all and (min-width: 90rem) {
  .has-padding\@xl {
    padding: 0 !important
  }
}

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

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap
}

.text-center {
  text-align: center
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

@media (min-width: 32rem) {
  .text-center\@xs {
    text-align: center
  }

  .text-left\@xs {
    text-align: left
  }

  .text-right\@xs {
    text-align: right
  }
}

@media (min-width: 48rem) {
  .text-center\@sm {
    text-align: center
  }

  .text-left\@sm {
    text-align: left
  }

  .text-right\@sm {
    text-align: right
  }
}

@media (min-width: 64rem) {
  .text-center\@md {
    text-align: center
  }

  .text-left\@md {
    text-align: left
  }

  .text-right\@md {
    text-align: right
  }
}

@media (min-width: 80rem) {
  .text-center\@lg {
    text-align: center
  }

  .text-left\@lg {
    text-align: left
  }

  .text-right\@lg {
    text-align: right
  }
}

@media (min-width: 90rem) {
  .text-center\@xl {
    text-align: center
  }

  .text-left\@xl {
    text-align: left
  }

  .text-right\@xl {
    text-align: right
  }
}

.color-inherit {
  color: inherit
}

.color-contrast-medium {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c)
}

.color-contrast-high {
  color: hsl(240, 4%, 20%);
  color: var(--color-contrast-high, #313135)
}

.color-contrast-higher {
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21)
}

.color-primary {
  color: hsl(220, 90%, 56%);
  color: var(--color-primary, #2a6df4)
}

.color-accent {
  color: hsl(355, 90%, 61%);
  color: var(--color-accent, #f54251)
}

.color-success {
  color: hsl(94, 48%, 56%);
  color: var(--color-success, #88c559)
}

.color-warning {
  color: hsl(46, 100%, 61%);
  color: var(--color-warning, #ffd138)
}

.color-error {
  color: hsl(355, 90%, 61%);
  color: var(--color-error, #f54251)
}

.width-100\% {
  width: 100%
}

.height-100\% {
  height: 100%
}

.media-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%
}

.media-wrapper iframe, .media-wrapper video, .media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.media-wrapper video, .media-wrapper img {
  -o-object-fit: cover;
  object-fit: cover
}

.media-wrapper--4\:3 {
  padding-bottom: 75%
}

:root, [data-theme="default"] {
  --color-primary-darker: hsl(220, 90%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 90%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 90%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 90%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 90%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 90%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 90%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 90%, 76%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 90%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(355, 90%, 41%);
  --color-accent-darker-h: 355;
  --color-accent-darker-s: 90%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(355, 90%, 51%);
  --color-accent-dark-h: 355;
  --color-accent-dark-s: 90%;
  --color-accent-dark-l: 51%;
  --color-accent: hsl(355, 90%, 61%);
  --color-accent-h: 355;
  --color-accent-s: 90%;
  --color-accent-l: 61%;
  --color-accent-light: hsl(355, 90%, 71%);
  --color-accent-light-h: 355;
  --color-accent-light-s: 90%;
  --color-accent-light-l: 71%;
  --color-accent-lighter: hsl(355, 90%, 81%);
  --color-accent-lighter-h: 355;
  --color-accent-lighter-s: 90%;
  --color-accent-lighter-l: 81%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(355, 90%, 41%);
  --color-error-darker-h: 355;
  --color-error-darker-s: 90%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(355, 90%, 51%);
  --color-error-dark-h: 355;
  --color-error-dark-s: 90%;
  --color-error-dark-l: 51%;
  --color-error: hsl(355, 90%, 61%);
  --color-error-h: 355;
  --color-error-s: 90%;
  --color-error-l: 61%;
  --color-error-light: hsl(355, 90%, 71%);
  --color-error-light-h: 355;
  --color-error-light-s: 90%;
  --color-error-light-l: 71%;
  --color-error-lighter: hsl(355, 90%, 81%);
  --color-error-lighter-h: 355;
  --color-error-lighter-s: 90%;
  --color-error-lighter-l: 81%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 83%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 83%;
  --color-contrast-medium: hsl(240, 1%, 48%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 48%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --space-unit: 1.25em
    }
  }
}

:root {
  --radius: 0.25em
}

:root {
  --font-primary: sans-serif;
  --text-base-size: 1em;
  --text-scale-ratio: 1.2;
  --text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs)*var(--text-scale-ratio));
  --text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));
  --text-lg: calc(var(--text-md)*var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg)*var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --text-base-size: 1.25em;
      --text-scale-ratio: 1.25
    }
  }
}

mark {
  background-color: hsla(355, 90%, 61%, 0.2);
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
  color: inherit
}

.text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1
}

.text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid hsl(240, 1%, 83%);
  border-left: 4px solid var(--color-contrast-low)
}

.text-component hr {
  background: hsl(240, 1%, 83%);
  background: var(--color-contrast-low);
  height: 1px
}

.text-component figcaption {
  font-size: 0.83333em;
  font-size: var(--text-sm);
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium)
}

.article.text-component {
  --line-height-multiplier: 1.13;
  --text-vspace-multiplier: 1.2
}

:root {
  --btn-font-size: 1em;
  --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
  --btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
  --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
  --btn-radius: 0.25em;
  --btn-padding-x: var(--space-sm);
  --btn-padding-y: var(--space-xs)
}

.btn {
  --color-shadow: hsla(240, 8%, 12%, 0.15);
  --color-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);
  box-shadow: 0 4px 16px hsla(240, 8%, 12%, 0.15);
  box-shadow: 0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);
  cursor: pointer
}

.btn--primary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn--accent {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn--disabled {
  opacity: 0.6
}

:root {
  --form-control-padding-x: var(--space-sm);
  --form-control-padding-y: var(--space-xs);
  --form-control-radius: 0.25em
}

.form-control {
  border: 2px solid hsl(240, 1%, 83%);
  border: 2px solid var(--color-contrast-low)
}

.form-control:focus {
  outline: none;
  border-color: hsl(220, 90%, 56%);
  border-color: var(--color-primary);
  --color-shadow: hsla(220, 90%, 56%, 0.2);
  --color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  box-shadow: undefined;
  box-shadow: 0 0 0 3px var(--color-shadow)
}

.form-control:focus:focus {
  box-shadow: 0 0 0 3px hsla(220, 90%, 56%, 0.2);
  box-shadow: 0 0 0 3px var(--color-shadow)
}

.form-control[aria-invalid="true"] {
  border-color: hsl(355, 90%, 61%);
  border-color: var(--color-error)
}

.form-control[aria-invalid="true"]:focus {
  --color-shadow: hsla(355, 90%, 61%, 0.2);
  --color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
  box-shadow: undefined;
  box-shadow: 0 0 0 3px var(--color-shadow)
}

.form-control[aria-invalid="true"]:focus:focus {
  box-shadow: 0 0 0 3px hsla(355, 90%, 61%, 0.2);
  box-shadow: 0 0 0 3px var(--color-shadow)
}

.form-label {
  font-size: 0.83333em;
  font-size: var(--text-sm)
}

:root {
  --cd-color-1: hsl(0, 0%, 22%);
  --cd-color-1-h: 0;
  --cd-color-1-s: 0%;
  --cd-color-1-l: 22%;
  --cd-color-2: #b6b72b;
  --cd-color-2-h: 74;
  --cd-color-2-s: 93%;
  --cd-color-2-l: 32%;
  --cd-color-3: hsl(0, 0%, 97%);
  --cd-color-3-h: 0;
  --cd-color-3-s: 0%;
  --cd-color-3-l: 97%;
  --font-primary: 'Quattrocento Sans', sans-serif;
  --font-secondary: 'Rufina', serif
}

body {
  color: hsl(0, 0%, 22%);
  color: var(--cd-color-1);
  background-color: hsl(0, 0%, 97%);
  background-color: var(--cd-color-3)
}

.js .cd-h-timeline {
  opacity: 0;
  transition: opacity 0.2s
}

.js .cd-h-timeline--loaded {
  opacity: 1
}

.js .cd-h-timeline__container {
  position: relative;
  height: 100px;
  max-width: 800px
}

.js .cd-h-timeline__dates {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden
}

.js .cd-h-timeline__dates::after, .js .cd-h-timeline__dates::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px
}

.js .cd-h-timeline__dates::before {
  left: 0;
  background: linear-gradient(to right, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
  background: linear-gradient(to right, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))
}

.js .cd-h-timeline__dates::after {
  right: 0;
  background: linear-gradient(to left, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
  background: linear-gradient(to left, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))
}

.js .cd-h-timeline__date:focus {
  box-shadow: none;
}

.js .cd-h-timeline__line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background-color: hsl(0, 0%, 87.3%);
  background-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s
}

.js .cd-h-timeline__filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #b6b72b;
  background-color: var(--cd-color-2);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.js .cd-h-timeline__date {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 0.8em;
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm);
  color: hsl(0, 0%, 22%);
  color: var(--cd-color-1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none
}

.js .cd-h-timeline__date::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: hsl(0, 0%, 87.3%);
  border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));
  background-color: hsl(0, 0%, 97%);
  background-color: var(--cd-color-3);
  transition: background-color 0.3s, border-color .3s
}

.js .cd-h-timeline__date:hover::after {
  background-color: #b6b72b;
  background-color: var(--cd-color-2);
  border-color: #b6b72b;
  border-color: var(--cd-color-2)
}

@media (min-width: 64rem) {
  .js .cd-h-timeline__date {
    font-size: 0.7em
  }
}

.js .cd-h-timeline__date--selected {
  pointer-events: none
}

.js .cd-h-timeline__date--selected::after {
  background-color: #b6b72b;
  background-color: var(--cd-color-2);
  border-color: #b6b72b;
  border-color: var(--cd-color-2)
}

.js .cd-h-timeline__date--older-event::after {
  border-color: #b6b72b;
  border-color: var(--cd-color-2)
}

.js .cd-h-timeline__navigation {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: hsl(0, 0%, 87.3%);
  border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));
  transition: border-color 0.3s
}

.js .cd-h-timeline__navigation::after {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0
}

.js .cd-h-timeline__navigation:hover {
  border-color: #b6b72b;
  border-color: var(--cd-color-2)
}

.js .cd-h-timeline__navigation--prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.js .cd-h-timeline__navigation--next {
  right: 0
}

.js .cd-h-timeline__navigation--inactive {
  cursor: not-allowed
}

.js .cd-h-timeline__navigation--inactive::after {
  background-position: 0 -16px
}

.js .cd-h-timeline__navigation--inactive:hover {
  border-color: hsl(0, 0%, 87.3%);
  border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9))
}

.js .cd-h-timeline__events {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height .4s
}

.js .cd-h-timeline__event {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 1px 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

.js .cd-h-timeline__event--selected {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.js .cd-h-timeline__event--enter-right, .js .cd-h-timeline__event--leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right
}

.js .cd-h-timeline__event--enter-left, .js .cd-h-timeline__event--leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left
}

.js .cd-h-timeline__event--leave-right, .js .cd-h-timeline__event--leave-left {
  animation-direction: reverse
}

.js .cd-h-timeline__event-content {
  max-width: 800px
}

.js .cd-h-timeline__event-title {
  font-family: 'Rufina', serif;
  font-family: var(--font-secondary);
}

.js .cd-h-timeline__event-description {
  margin-top: 0;
  line-height: calc(1.5em + .2vw);
}

.js .cd-h-timeline__event-date {
  display: block;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
  font-size: calc(.55842vw + .5296em);
  line-height: calc(1.4em + .2vw);
  margin: 0.5em auto;
  margin: var(--space-xs) auto
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

html:not(.js) .cd-h-timeline__dates, html:not(.js) .cd-h-timeline__navigation {
  display: none
}