@charset "UTF-8";
/**
 * #SETTINGS
 */
/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/
@font-face {
  font-family: "Avenir Next";
  src: url("../../fonts/Avenir/AvenirNext-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Demibold";
  src: url("../../fonts/Avenir/AvenirNext-Demibold-03.ttf");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * #TOOLS
 */
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/*------------------------------------*\
    #ALIASES
\*------------------------------------*/
/**
 * #GENERIC
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.2rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 2.4rem;
}

/**
 * #BASE
 */
/*------------------------------------*\
    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1.25em;
  /* [1] */
  line-height: 1.2;
  /* [1] */
  color: #33312e;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
}

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
html {
  font-family: "monotype-grotesque", sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 63.9375em) {
  body {
    overflow-x: hidden;
  }
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1 {
  font-size: 32px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h2 {
  font-size: 30px;
  font-size: 1.5rem;
  line-height: 1.6;
}

h3 {
  font-size: 24px;
  font-size: 1.2rem;
  line-height: 1;
}

h4 {
  font-size: 20px;
  font-size: 1rem;
  line-height: 1.2;
}

h5 {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.5;
}

h6 {
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 1.7142857143;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
a {
  color: #33312e;
  transition: color 0.3s ease;
}
a:focus {
  outline: 0;
}
a:hover {
  color: #4f7729;
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none;
}

/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
.lede {
  color: #4f7729;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0666666667;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lede {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 64em) {
  .lede {
    font-size: 1.5rem;
  }
}
.lede--lite {
  font-size: 0.9rem;
  line-height: 1.25;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lede--lite {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .lede--lite {
    font-size: 1.2rem;
  }
}

.venue__features {
  color: #444;
  font-size: 0.8rem;
  line-height: 2;
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .venue__features {
    font-size: 0.9rem;
  }
}
.venue__features span {
  border-left: 1px solid #e1dad0;
  display: inline-block;
  padding: 0 0.5rem;
}

/*------------------------------------*\
    #BLOCKQUOTES
\*------------------------------------*/
blockquote {
  background: url(../../images/icon--quotes.svg) no-repeat left 5px;
  color: #4f7729;
  font-style: italic;
  margin-bottom: 0;
  padding-left: 1.25rem;
}
blockquote p {
  font-size: 0.9rem;
  line-height: 1.1666666667;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  blockquote p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  blockquote p {
    font-size: 1.2rem;
  }
}
blockquote p:last-of-type::after {
  content: "”";
}
blockquote footer {
  color: #33312e;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 1.2rem -1.25rem;
  text-align: right;
}

/*------------------------------------*\
    #FORMS
\*------------------------------------*/
fieldset {
  border: 0;
  margin: 0;
}

input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea {
  border-radius: 0;
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input:not([type]):focus, textarea:focus,
select {
  outline: 0;
}

/*------------------------------------*\
    #IFRAMES
\*------------------------------------*/
iframe {
  max-width: 100%;
}

/**
 * #OBJECTS
 */
/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 12px 24px;
  /* [7] */
  background-color: #000;
  border: none;
  /* [4] */
  border-radius: 2px;
}
.btn, .btn:hover, .btn:active, .btn:focus {
  text-decoration: none;
  /* [4] */
  color: #fff;
}

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Full-width buttons.
 */
.btn--full {
  width: 100%;
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout,
.hero-slices {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.layout__item,
.hero-slices__img {
  display: inline-block;
  /* [1] */
  padding-left: 30px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
}
.layout__item.left,
.left.hero-slices__img {
  text-align: left;
}

/**
 * Layouts with small gutters.
 */
.layout--small {
  margin-left: -15px;
}
.layout--small > .layout__item,
.layout--small > .hero-slices__img {
  padding-left: 15px;
}

/**
 * Layouts with no gutters.
 */
.layout--flush {
  margin-left: 0;
}
.layout--flush > .layout__item,
.layout--flush > .hero-slices__img {
  padding-left: 0;
}

/**
 * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
 * markup will display in order 4, 3, 2, 1 on your page.
 */
.layout--rev {
  direction: rtl;
  text-align: left;
}
.layout--rev > .layout__item,
.layout--rev > .hero-slices__img {
  direction: ltr;
  text-align: left;
}

/**
 * Align layout items to the vertical centers of each other.
 */
.layout--middle > .layout__item,
.layout--middle > .hero-slices__img {
  vertical-align: middle;
}

/*------------------------------------*\
    #BOX
\*------------------------------------*/
/**
 * The box object simply boxes off content.
 */
/**
 * 1. So we can apply the `.box` class to naturally-inline elements.
 */
.box {
  display: block;
  /* [1] */
  padding: 20px;
}
.box > :last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 24px;
}
.media__img > img {
  display: block;
}

.media__body {
  overflow: hidden;
  display: block;
}
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare,
.parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------*\
    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
}

/*------------------------------------*\
    #LIST-UI
\*------------------------------------*/
.list-ui,
.box--list ul,
.box--list ol {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125;
  list-style: none;
  margin: 0 0 0.9rem;
  padding: 0;
}
@media screen and (min-width: 64em) {
  .list-ui,
.box--list ul,
.box--list ol {
    font-size: 0.8rem;
  }
}
.list-ui > li,
.box--list ul > li,
.box--list ol > li {
  border-bottom: 1px solid #e1dad0;
  margin-bottom: 0.45rem;
  padding-bottom: 0.45rem;
}
.list-ui > li:last-child,
.box--list ul > li:last-child,
.box--list ol > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

/*------------------------------------*\
    #WRAPPERS
\*------------------------------------*/
.wrapper {
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
  max-width: 54.375rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 64em) {
  .wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.wrapper--wide {
  max-width: 72rem;
}
@media screen and (min-width: 64em) {
  .wrapper--padding-s {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.wrapper--no-padding {
  padding: 0;
}

.page-section {
  padding: 0 0 30px;
}
.page-section__subsection {
  margin: 0 0 20px;
}
.page-section--border {
  padding-top: 40px;
  border-top: 4px dotted #82af21;
}

.container {
  margin: 0 auto;
  max-width: 72rem;
}

/**
 * #PLUGINS
 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, LESS and SCSS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
  font-family: "weathericons";
  src: url("../../fonts/weathericons-regular-webfont.eot");
  src: url("../../fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/weathericons-regular-webfont.woff2") format("woff2"), url("../../fonts/weathericons-regular-webfont.woff") format("woff"), url("../../fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../../fonts/weathericons-regular-webfont.svg#weather_iconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.wi {
  display: inline-block;
  font-family: "weathericons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wi-fw {
  width: 1.4em;
  text-align: center;
}

.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.wi-day-sunny:before {
  content: "";
}

.wi-day-cloudy:before {
  content: "";
}

.wi-day-cloudy-gusts:before {
  content: "";
}

.wi-day-cloudy-windy:before {
  content: "";
}

.wi-day-fog:before {
  content: "";
}

.wi-day-hail:before {
  content: "";
}

.wi-day-haze:before {
  content: "";
}

.wi-day-lightning:before {
  content: "";
}

.wi-day-rain:before {
  content: "";
}

.wi-day-rain-mix:before {
  content: "";
}

.wi-day-rain-wind:before {
  content: "";
}

.wi-day-showers:before {
  content: "";
}

.wi-day-sleet:before {
  content: "";
}

.wi-day-sleet-storm:before {
  content: "";
}

.wi-day-snow:before {
  content: "";
}

.wi-day-snow-thunderstorm:before {
  content: "";
}

.wi-day-snow-wind:before {
  content: "";
}

.wi-day-sprinkle:before {
  content: "";
}

.wi-day-storm-showers:before {
  content: "";
}

.wi-day-sunny-overcast:before {
  content: "";
}

.wi-day-thunderstorm:before {
  content: "";
}

.wi-day-windy:before {
  content: "";
}

.wi-solar-eclipse:before {
  content: "";
}

.wi-hot:before {
  content: "";
}

.wi-day-cloudy-high:before {
  content: "";
}

.wi-day-light-wind:before {
  content: "";
}

.wi-night-clear:before {
  content: "";
}

.wi-night-alt-cloudy:before {
  content: "";
}

.wi-night-alt-cloudy-gusts:before {
  content: "";
}

.wi-night-alt-cloudy-windy:before {
  content: "";
}

.wi-night-alt-hail:before {
  content: "";
}

.wi-night-alt-lightning:before {
  content: "";
}

.wi-night-alt-rain:before {
  content: "";
}

.wi-night-alt-rain-mix:before {
  content: "";
}

.wi-night-alt-rain-wind:before {
  content: "";
}

.wi-night-alt-showers:before {
  content: "";
}

.wi-night-alt-sleet:before {
  content: "";
}

.wi-night-alt-sleet-storm:before {
  content: "";
}

.wi-night-alt-snow:before {
  content: "";
}

.wi-night-alt-snow-thunderstorm:before {
  content: "";
}

.wi-night-alt-snow-wind:before {
  content: "";
}

.wi-night-alt-sprinkle:before {
  content: "";
}

.wi-night-alt-storm-showers:before {
  content: "";
}

.wi-night-alt-thunderstorm:before {
  content: "";
}

.wi-night-cloudy:before {
  content: "";
}

.wi-night-cloudy-gusts:before {
  content: "";
}

.wi-night-cloudy-windy:before {
  content: "";
}

.wi-night-fog:before {
  content: "";
}

.wi-night-hail:before {
  content: "";
}

.wi-night-lightning:before {
  content: "";
}

.wi-night-partly-cloudy:before {
  content: "";
}

.wi-night-rain:before {
  content: "";
}

.wi-night-rain-mix:before {
  content: "";
}

.wi-night-rain-wind:before {
  content: "";
}

.wi-night-showers:before {
  content: "";
}

.wi-night-sleet:before {
  content: "";
}

.wi-night-sleet-storm:before {
  content: "";
}

.wi-night-snow:before {
  content: "";
}

.wi-night-snow-thunderstorm:before {
  content: "";
}

.wi-night-snow-wind:before {
  content: "";
}

.wi-night-sprinkle:before {
  content: "";
}

.wi-night-storm-showers:before {
  content: "";
}

.wi-night-thunderstorm:before {
  content: "";
}

.wi-lunar-eclipse:before {
  content: "";
}

.wi-stars:before {
  content: "";
}

.wi-storm-showers:before {
  content: "";
}

.wi-thunderstorm:before {
  content: "";
}

.wi-night-alt-cloudy-high:before {
  content: "";
}

.wi-night-cloudy-high:before {
  content: "";
}

.wi-night-alt-partly-cloudy:before {
  content: "";
}

.wi-cloud:before {
  content: "";
}

.wi-cloudy:before {
  content: "";
}

.wi-cloudy-gusts:before {
  content: "";
}

.wi-cloudy-windy:before {
  content: "";
}

.wi-fog:before {
  content: "";
}

.wi-hail:before {
  content: "";
}

.wi-rain:before {
  content: "";
}

.wi-rain-mix:before {
  content: "";
}

.wi-rain-wind:before {
  content: "";
}

.wi-showers:before {
  content: "";
}

.wi-sleet:before {
  content: "";
}

.wi-snow:before {
  content: "";
}

.wi-sprinkle:before {
  content: "";
}

.wi-storm-showers:before {
  content: "";
}

.wi-thunderstorm:before {
  content: "";
}

.wi-snow-wind:before {
  content: "";
}

.wi-snow:before {
  content: "";
}

.wi-smog:before {
  content: "";
}

.wi-smoke:before {
  content: "";
}

.wi-lightning:before {
  content: "";
}

.wi-raindrops:before {
  content: "";
}

.wi-raindrop:before {
  content: "";
}

.wi-dust:before {
  content: "";
}

.wi-snowflake-cold:before {
  content: "";
}

.wi-windy:before {
  content: "";
}

.wi-strong-wind:before {
  content: "";
}

.wi-sandstorm:before {
  content: "";
}

.wi-earthquake:before {
  content: "";
}

.wi-fire:before {
  content: "";
}

.wi-flood:before {
  content: "";
}

.wi-meteor:before {
  content: "";
}

.wi-tsunami:before {
  content: "";
}

.wi-volcano:before {
  content: "";
}

.wi-hurricane:before {
  content: "";
}

.wi-tornado:before {
  content: "";
}

.wi-small-craft-advisory:before {
  content: "";
}

.wi-gale-warning:before {
  content: "";
}

.wi-storm-warning:before {
  content: "";
}

.wi-hurricane-warning:before {
  content: "";
}

.wi-wind-direction:before {
  content: "";
}

.wi-alien:before {
  content: "";
}

.wi-celsius:before {
  content: "";
}

.wi-fahrenheit:before {
  content: "";
}

.wi-degrees:before {
  content: "";
}

.wi-thermometer:before {
  content: "";
}

.wi-thermometer-exterior:before {
  content: "";
}

.wi-thermometer-internal:before {
  content: "";
}

.wi-cloud-down:before {
  content: "";
}

.wi-cloud-up:before {
  content: "";
}

.wi-cloud-refresh:before {
  content: "";
}

.wi-horizon:before {
  content: "";
}

.wi-horizon-alt:before {
  content: "";
}

.wi-sunrise:before {
  content: "";
}

.wi-sunset:before {
  content: "";
}

.wi-moonrise:before {
  content: "";
}

.wi-moonset:before {
  content: "";
}

.wi-refresh:before {
  content: "";
}

.wi-refresh-alt:before {
  content: "";
}

.wi-umbrella:before {
  content: "";
}

.wi-barometer:before {
  content: "";
}

.wi-humidity:before {
  content: "";
}

.wi-na:before {
  content: "";
}

.wi-train:before {
  content: "";
}

.wi-moon-new:before {
  content: "";
}

.wi-moon-waxing-crescent-1:before {
  content: "";
}

.wi-moon-waxing-crescent-2:before {
  content: "";
}

.wi-moon-waxing-crescent-3:before {
  content: "";
}

.wi-moon-waxing-crescent-4:before {
  content: "";
}

.wi-moon-waxing-crescent-5:before {
  content: "";
}

.wi-moon-waxing-crescent-6:before {
  content: "";
}

.wi-moon-first-quarter:before {
  content: "";
}

.wi-moon-waxing-gibbous-1:before {
  content: "";
}

.wi-moon-waxing-gibbous-2:before {
  content: "";
}

.wi-moon-waxing-gibbous-3:before {
  content: "";
}

.wi-moon-waxing-gibbous-4:before {
  content: "";
}

.wi-moon-waxing-gibbous-5:before {
  content: "";
}

.wi-moon-waxing-gibbous-6:before {
  content: "";
}

.wi-moon-full:before {
  content: "";
}

.wi-moon-waning-gibbous-1:before {
  content: "";
}

.wi-moon-waning-gibbous-2:before {
  content: "";
}

.wi-moon-waning-gibbous-3:before {
  content: "";
}

.wi-moon-waning-gibbous-4:before {
  content: "";
}

.wi-moon-waning-gibbous-5:before {
  content: "";
}

.wi-moon-waning-gibbous-6:before {
  content: "";
}

.wi-moon-third-quarter:before {
  content: "";
}

.wi-moon-waning-crescent-1:before {
  content: "";
}

.wi-moon-waning-crescent-2:before {
  content: "";
}

.wi-moon-waning-crescent-3:before {
  content: "";
}

.wi-moon-waning-crescent-4:before {
  content: "";
}

.wi-moon-waning-crescent-5:before {
  content: "";
}

.wi-moon-waning-crescent-6:before {
  content: "";
}

.wi-moon-alt-new:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-1:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-2:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-3:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-4:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-5:before {
  content: "";
}

.wi-moon-alt-waxing-crescent-6:before {
  content: "";
}

.wi-moon-alt-first-quarter:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-1:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-2:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-3:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-4:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-5:before {
  content: "";
}

.wi-moon-alt-waxing-gibbous-6:before {
  content: "";
}

.wi-moon-alt-full:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-1:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-2:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-3:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-4:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-5:before {
  content: "";
}

.wi-moon-alt-waning-gibbous-6:before {
  content: "";
}

.wi-moon-alt-third-quarter:before {
  content: "";
}

.wi-moon-alt-waning-crescent-1:before {
  content: "";
}

.wi-moon-alt-waning-crescent-2:before {
  content: "";
}

.wi-moon-alt-waning-crescent-3:before {
  content: "";
}

.wi-moon-alt-waning-crescent-4:before {
  content: "";
}

.wi-moon-alt-waning-crescent-5:before {
  content: "";
}

.wi-moon-alt-waning-crescent-6:before {
  content: "";
}

.wi-moon-0:before {
  content: "";
}

.wi-moon-1:before {
  content: "";
}

.wi-moon-2:before {
  content: "";
}

.wi-moon-3:before {
  content: "";
}

.wi-moon-4:before {
  content: "";
}

.wi-moon-5:before {
  content: "";
}

.wi-moon-6:before {
  content: "";
}

.wi-moon-7:before {
  content: "";
}

.wi-moon-8:before {
  content: "";
}

.wi-moon-9:before {
  content: "";
}

.wi-moon-10:before {
  content: "";
}

.wi-moon-11:before {
  content: "";
}

.wi-moon-12:before {
  content: "";
}

.wi-moon-13:before {
  content: "";
}

.wi-moon-14:before {
  content: "";
}

.wi-moon-15:before {
  content: "";
}

.wi-moon-16:before {
  content: "";
}

.wi-moon-17:before {
  content: "";
}

.wi-moon-18:before {
  content: "";
}

.wi-moon-19:before {
  content: "";
}

.wi-moon-20:before {
  content: "";
}

.wi-moon-21:before {
  content: "";
}

.wi-moon-22:before {
  content: "";
}

.wi-moon-23:before {
  content: "";
}

.wi-moon-24:before {
  content: "";
}

.wi-moon-25:before {
  content: "";
}

.wi-moon-26:before {
  content: "";
}

.wi-moon-27:before {
  content: "";
}

.wi-time-1:before {
  content: "";
}

.wi-time-2:before {
  content: "";
}

.wi-time-3:before {
  content: "";
}

.wi-time-4:before {
  content: "";
}

.wi-time-5:before {
  content: "";
}

.wi-time-6:before {
  content: "";
}

.wi-time-7:before {
  content: "";
}

.wi-time-8:before {
  content: "";
}

.wi-time-9:before {
  content: "";
}

.wi-time-10:before {
  content: "";
}

.wi-time-11:before {
  content: "";
}

.wi-time-12:before {
  content: "";
}

.wi-direction-up:before {
  content: "";
}

.wi-direction-up-right:before {
  content: "";
}

.wi-direction-right:before {
  content: "";
}

.wi-direction-down-right:before {
  content: "";
}

.wi-direction-down:before {
  content: "";
}

.wi-direction-down-left:before {
  content: "";
}

.wi-direction-left:before {
  content: "";
}

.wi-direction-up-left:before {
  content: "";
}

.wi-wind-beaufort-0:before {
  content: "";
}

.wi-wind-beaufort-1:before {
  content: "";
}

.wi-wind-beaufort-2:before {
  content: "";
}

.wi-wind-beaufort-3:before {
  content: "";
}

.wi-wind-beaufort-4:before {
  content: "";
}

.wi-wind-beaufort-5:before {
  content: "";
}

.wi-wind-beaufort-6:before {
  content: "";
}

.wi-wind-beaufort-7:before {
  content: "";
}

.wi-wind-beaufort-8:before {
  content: "";
}

.wi-wind-beaufort-9:before {
  content: "";
}

.wi-wind-beaufort-10:before {
  content: "";
}

.wi-wind-beaufort-11:before {
  content: "";
}

.wi-wind-beaufort-12:before {
  content: "";
}

.wi-yahoo-0:before {
  content: "";
}

.wi-yahoo-1:before {
  content: "";
}

.wi-yahoo-2:before {
  content: "";
}

.wi-yahoo-3:before {
  content: "";
}

.wi-yahoo-4:before {
  content: "";
}

.wi-yahoo-5:before {
  content: "";
}

.wi-yahoo-6:before {
  content: "";
}

.wi-yahoo-7:before {
  content: "";
}

.wi-yahoo-8:before {
  content: "";
}

.wi-yahoo-9:before {
  content: "";
}

.wi-yahoo-10:before {
  content: "";
}

.wi-yahoo-11:before {
  content: "";
}

.wi-yahoo-12:before {
  content: "";
}

.wi-yahoo-13:before {
  content: "";
}

.wi-yahoo-14:before {
  content: "";
}

.wi-yahoo-15:before {
  content: "";
}

.wi-yahoo-16:before {
  content: "";
}

.wi-yahoo-17:before {
  content: "";
}

.wi-yahoo-18:before {
  content: "";
}

.wi-yahoo-19:before {
  content: "";
}

.wi-yahoo-20:before {
  content: "";
}

.wi-yahoo-21:before {
  content: "";
}

.wi-yahoo-22:before {
  content: "";
}

.wi-yahoo-23:before {
  content: "";
}

.wi-yahoo-24:before {
  content: "";
}

.wi-yahoo-25:before {
  content: "";
}

.wi-yahoo-26:before {
  content: "";
}

.wi-yahoo-27:before {
  content: "";
}

.wi-yahoo-28:before {
  content: "";
}

.wi-yahoo-29:before {
  content: "";
}

.wi-yahoo-30:before {
  content: "";
}

.wi-yahoo-31:before {
  content: "";
}

.wi-yahoo-32:before {
  content: "";
}

.wi-yahoo-33:before {
  content: "";
}

.wi-yahoo-34:before {
  content: "";
}

.wi-yahoo-35:before {
  content: "";
}

.wi-yahoo-36:before {
  content: "";
}

.wi-yahoo-37:before {
  content: "";
}

.wi-yahoo-38:before {
  content: "";
}

.wi-yahoo-39:before {
  content: "";
}

.wi-yahoo-40:before {
  content: "";
}

.wi-yahoo-41:before {
  content: "";
}

.wi-yahoo-42:before {
  content: "";
}

.wi-yahoo-43:before {
  content: "";
}

.wi-yahoo-44:before {
  content: "";
}

.wi-yahoo-45:before {
  content: "";
}

.wi-yahoo-46:before {
  content: "";
}

.wi-yahoo-47:before {
  content: "";
}

.wi-yahoo-3200:before {
  content: "";
}

.wi-forecast-io-clear-day:before {
  content: "";
}

.wi-forecast-io-clear-night:before {
  content: "";
}

.wi-forecast-io-rain:before {
  content: "";
}

.wi-forecast-io-snow:before {
  content: "";
}

.wi-forecast-io-sleet:before {
  content: "";
}

.wi-forecast-io-wind:before {
  content: "";
}

.wi-forecast-io-fog:before {
  content: "";
}

.wi-forecast-io-cloudy:before {
  content: "";
}

.wi-forecast-io-partly-cloudy-day:before {
  content: "";
}

.wi-forecast-io-partly-cloudy-night:before {
  content: "";
}

.wi-forecast-io-hail:before {
  content: "";
}

.wi-forecast-io-thunderstorm:before {
  content: "";
}

.wi-forecast-io-tornado:before {
  content: "";
}

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
  content: "";
}

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
  content: "";
}

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
  content: "";
}

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
  content: "";
}

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
  content: "";
}

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
  content: "";
}

.wi-wmo4680-10:before {
  content: "";
}

.wi-wmo4680-11:before {
  content: "";
}

.wi-wmo4680-12:before {
  content: "";
}

.wi-wmo4680-18:before {
  content: "";
}

.wi-wmo4680-20:before {
  content: "";
}

.wi-wmo4680-21:before {
  content: "";
}

.wi-wmo4680-22:before {
  content: "";
}

.wi-wmo4680-23:before {
  content: "";
}

.wi-wmo4680-24:before {
  content: "";
}

.wi-wmo4680-25:before {
  content: "";
}

.wi-wmo4680-26:before {
  content: "";
}

.wi-wmo4680-27:before {
  content: "";
}

.wi-wmo4680-28:before {
  content: "";
}

.wi-wmo4680-29:before {
  content: "";
}

.wi-wmo4680-30:before {
  content: "";
}

.wi-wmo4680-31:before {
  content: "";
}

.wi-wmo4680-32:before {
  content: "";
}

.wi-wmo4680-33:before {
  content: "";
}

.wi-wmo4680-34:before {
  content: "";
}

.wi-wmo4680-35:before {
  content: "";
}

.wi-wmo4680-40:before {
  content: "";
}

.wi-wmo4680-41:before {
  content: "";
}

.wi-wmo4680-42:before {
  content: "";
}

.wi-wmo4680-43:before {
  content: "";
}

.wi-wmo4680-44:before {
  content: "";
}

.wi-wmo4680-45:before {
  content: "";
}

.wi-wmo4680-46:before {
  content: "";
}

.wi-wmo4680-47:before {
  content: "";
}

.wi-wmo4680-48:before {
  content: "";
}

.wi-wmo4680-50:before {
  content: "";
}

.wi-wmo4680-51:before {
  content: "";
}

.wi-wmo4680-52:before {
  content: "";
}

.wi-wmo4680-53:before {
  content: "";
}

.wi-wmo4680-54:before {
  content: "";
}

.wi-wmo4680-55:before {
  content: "";
}

.wi-wmo4680-56:before {
  content: "";
}

.wi-wmo4680-57:before {
  content: "";
}

.wi-wmo4680-58:before {
  content: "";
}

.wi-wmo4680-60:before {
  content: "";
}

.wi-wmo4680-61:before {
  content: "";
}

.wi-wmo4680-62:before {
  content: "";
}

.wi-wmo4680-63:before {
  content: "";
}

.wi-wmo4680-64:before {
  content: "";
}

.wi-wmo4680-65:before {
  content: "";
}

.wi-wmo4680-66:before {
  content: "";
}

.wi-wmo4680-67:before {
  content: "";
}

.wi-wmo4680-68:before {
  content: "";
}

.wi-wmo4680-70:before {
  content: "";
}

.wi-wmo4680-71:before {
  content: "";
}

.wi-wmo4680-72:before {
  content: "";
}

.wi-wmo4680-73:before {
  content: "";
}

.wi-wmo4680-74:before {
  content: "";
}

.wi-wmo4680-75:before {
  content: "";
}

.wi-wmo4680-76:before {
  content: "";
}

.wi-wmo4680-77:before {
  content: "";
}

.wi-wmo4680-78:before {
  content: "";
}

.wi-wmo4680-80:before {
  content: "";
}

.wi-wmo4680-81:before {
  content: "";
}

.wi-wmo4680-82:before {
  content: "";
}

.wi-wmo4680-83:before {
  content: "";
}

.wi-wmo4680-84:before {
  content: "";
}

.wi-wmo4680-85:before {
  content: "";
}

.wi-wmo4680-86:before {
  content: "";
}

.wi-wmo4680-87:before {
  content: "";
}

.wi-wmo4680-89:before {
  content: "";
}

.wi-wmo4680-90:before {
  content: "";
}

.wi-wmo4680-91:before {
  content: "";
}

.wi-wmo4680-92:before {
  content: "";
}

.wi-wmo4680-93:before {
  content: "";
}

.wi-wmo4680-94:before {
  content: "";
}

.wi-wmo4680-95:before {
  content: "";
}

.wi-wmo4680-96:before {
  content: "";
}

.wi-wmo4680-99:before {
  content: "";
}

.wi-owm-200:before {
  content: "";
}

.wi-owm-201:before {
  content: "";
}

.wi-owm-202:before {
  content: "";
}

.wi-owm-210:before {
  content: "";
}

.wi-owm-211:before {
  content: "";
}

.wi-owm-212:before {
  content: "";
}

.wi-owm-221:before {
  content: "";
}

.wi-owm-230:before {
  content: "";
}

.wi-owm-231:before {
  content: "";
}

.wi-owm-232:before {
  content: "";
}

.wi-owm-300:before {
  content: "";
}

.wi-owm-301:before {
  content: "";
}

.wi-owm-302:before {
  content: "";
}

.wi-owm-310:before {
  content: "";
}

.wi-owm-311:before {
  content: "";
}

.wi-owm-312:before {
  content: "";
}

.wi-owm-313:before {
  content: "";
}

.wi-owm-314:before {
  content: "";
}

.wi-owm-321:before {
  content: "";
}

.wi-owm-500:before {
  content: "";
}

.wi-owm-501:before {
  content: "";
}

.wi-owm-502:before {
  content: "";
}

.wi-owm-503:before {
  content: "";
}

.wi-owm-504:before {
  content: "";
}

.wi-owm-511:before {
  content: "";
}

.wi-owm-520:before {
  content: "";
}

.wi-owm-521:before {
  content: "";
}

.wi-owm-522:before {
  content: "";
}

.wi-owm-531:before {
  content: "";
}

.wi-owm-600:before {
  content: "";
}

.wi-owm-601:before {
  content: "";
}

.wi-owm-602:before {
  content: "";
}

.wi-owm-611:before {
  content: "";
}

.wi-owm-612:before {
  content: "";
}

.wi-owm-615:before {
  content: "";
}

.wi-owm-616:before {
  content: "";
}

.wi-owm-620:before {
  content: "";
}

.wi-owm-621:before {
  content: "";
}

.wi-owm-622:before {
  content: "";
}

.wi-owm-701:before {
  content: "";
}

.wi-owm-711:before {
  content: "";
}

.wi-owm-721:before {
  content: "";
}

.wi-owm-731:before {
  content: "";
}

.wi-owm-741:before {
  content: "";
}

.wi-owm-761:before {
  content: "";
}

.wi-owm-762:before {
  content: "";
}

.wi-owm-771:before {
  content: "";
}

.wi-owm-781:before {
  content: "";
}

.wi-owm-800:before {
  content: "";
}

.wi-owm-801:before {
  content: "";
}

.wi-owm-802:before {
  content: "";
}

.wi-owm-803:before {
  content: "";
}

.wi-owm-804:before {
  content: "";
}

.wi-owm-900:before {
  content: "";
}

.wi-owm-901:before {
  content: "";
}

.wi-owm-902:before {
  content: "";
}

.wi-owm-903:before {
  content: "";
}

.wi-owm-904:before {
  content: "";
}

.wi-owm-905:before {
  content: "";
}

.wi-owm-906:before {
  content: "";
}

.wi-owm-957:before {
  content: "";
}

.wi-owm-day-200:before {
  content: "";
}

.wi-owm-day-201:before {
  content: "";
}

.wi-owm-day-202:before {
  content: "";
}

.wi-owm-day-210:before {
  content: "";
}

.wi-owm-day-211:before {
  content: "";
}

.wi-owm-day-212:before {
  content: "";
}

.wi-owm-day-221:before {
  content: "";
}

.wi-owm-day-230:before {
  content: "";
}

.wi-owm-day-231:before {
  content: "";
}

.wi-owm-day-232:before {
  content: "";
}

.wi-owm-day-300:before {
  content: "";
}

.wi-owm-day-301:before {
  content: "";
}

.wi-owm-day-302:before {
  content: "";
}

.wi-owm-day-310:before {
  content: "";
}

.wi-owm-day-311:before {
  content: "";
}

.wi-owm-day-312:before {
  content: "";
}

.wi-owm-day-313:before {
  content: "";
}

.wi-owm-day-314:before {
  content: "";
}

.wi-owm-day-321:before {
  content: "";
}

.wi-owm-day-500:before {
  content: "";
}

.wi-owm-day-501:before {
  content: "";
}

.wi-owm-day-502:before {
  content: "";
}

.wi-owm-day-503:before {
  content: "";
}

.wi-owm-day-504:before {
  content: "";
}

.wi-owm-day-511:before {
  content: "";
}

.wi-owm-day-520:before {
  content: "";
}

.wi-owm-day-521:before {
  content: "";
}

.wi-owm-day-522:before {
  content: "";
}

.wi-owm-day-531:before {
  content: "";
}

.wi-owm-day-600:before {
  content: "";
}

.wi-owm-day-601:before {
  content: "";
}

.wi-owm-day-602:before {
  content: "";
}

.wi-owm-day-611:before {
  content: "";
}

.wi-owm-day-612:before {
  content: "";
}

.wi-owm-day-615:before {
  content: "";
}

.wi-owm-day-616:before {
  content: "";
}

.wi-owm-day-620:before {
  content: "";
}

.wi-owm-day-621:before {
  content: "";
}

.wi-owm-day-622:before {
  content: "";
}

.wi-owm-day-701:before {
  content: "";
}

.wi-owm-day-711:before {
  content: "";
}

.wi-owm-day-721:before {
  content: "";
}

.wi-owm-day-731:before {
  content: "";
}

.wi-owm-day-741:before {
  content: "";
}

.wi-owm-day-761:before {
  content: "";
}

.wi-owm-day-762:before {
  content: "";
}

.wi-owm-day-781:before {
  content: "";
}

.wi-owm-day-800:before {
  content: "";
}

.wi-owm-day-801:before {
  content: "";
}

.wi-owm-day-802:before {
  content: "";
}

.wi-owm-day-803:before {
  content: "";
}

.wi-owm-day-804:before {
  content: "";
}

.wi-owm-day-900:before {
  content: "";
}

.wi-owm-day-902:before {
  content: "";
}

.wi-owm-day-903:before {
  content: "";
}

.wi-owm-day-904:before {
  content: "";
}

.wi-owm-day-906:before {
  content: "";
}

.wi-owm-day-957:before {
  content: "";
}

.wi-owm-night-200:before {
  content: "";
}

.wi-owm-night-201:before {
  content: "";
}

.wi-owm-night-202:before {
  content: "";
}

.wi-owm-night-210:before {
  content: "";
}

.wi-owm-night-211:before {
  content: "";
}

.wi-owm-night-212:before {
  content: "";
}

.wi-owm-night-221:before {
  content: "";
}

.wi-owm-night-230:before {
  content: "";
}

.wi-owm-night-231:before {
  content: "";
}

.wi-owm-night-232:before {
  content: "";
}

.wi-owm-night-300:before {
  content: "";
}

.wi-owm-night-301:before {
  content: "";
}

.wi-owm-night-302:before {
  content: "";
}

.wi-owm-night-310:before {
  content: "";
}

.wi-owm-night-311:before {
  content: "";
}

.wi-owm-night-312:before {
  content: "";
}

.wi-owm-night-313:before {
  content: "";
}

.wi-owm-night-314:before {
  content: "";
}

.wi-owm-night-321:before {
  content: "";
}

.wi-owm-night-500:before {
  content: "";
}

.wi-owm-night-501:before {
  content: "";
}

.wi-owm-night-502:before {
  content: "";
}

.wi-owm-night-503:before {
  content: "";
}

.wi-owm-night-504:before {
  content: "";
}

.wi-owm-night-511:before {
  content: "";
}

.wi-owm-night-520:before {
  content: "";
}

.wi-owm-night-521:before {
  content: "";
}

.wi-owm-night-522:before {
  content: "";
}

.wi-owm-night-531:before {
  content: "";
}

.wi-owm-night-600:before {
  content: "";
}

.wi-owm-night-601:before {
  content: "";
}

.wi-owm-night-602:before {
  content: "";
}

.wi-owm-night-611:before {
  content: "";
}

.wi-owm-night-612:before {
  content: "";
}

.wi-owm-night-615:before {
  content: "";
}

.wi-owm-night-616:before {
  content: "";
}

.wi-owm-night-620:before {
  content: "";
}

.wi-owm-night-621:before {
  content: "";
}

.wi-owm-night-622:before {
  content: "";
}

.wi-owm-night-701:before {
  content: "";
}

.wi-owm-night-711:before {
  content: "";
}

.wi-owm-night-721:before {
  content: "";
}

.wi-owm-night-731:before {
  content: "";
}

.wi-owm-night-741:before {
  content: "";
}

.wi-owm-night-761:before {
  content: "";
}

.wi-owm-night-762:before {
  content: "";
}

.wi-owm-night-781:before {
  content: "";
}

.wi-owm-night-800:before {
  content: "";
}

.wi-owm-night-801:before {
  content: "";
}

.wi-owm-night-802:before {
  content: "";
}

.wi-owm-night-803:before {
  content: "";
}

.wi-owm-night-804:before {
  content: "";
}

.wi-owm-night-900:before {
  content: "";
}

.wi-owm-night-902:before {
  content: "";
}

.wi-owm-night-903:before {
  content: "";
}

.wi-owm-night-904:before {
  content: "";
}

.wi-owm-night-906:before {
  content: "";
}

.wi-owm-night-957:before {
  content: "";
}

.wi-wu-chanceflurries:before {
  content: "";
}

.wi-wu-chancerain:before {
  content: "";
}

.wi-wu-chancesleat:before {
  content: "";
}

.wi-wu-chancesnow:before {
  content: "";
}

.wi-wu-chancetstorms:before {
  content: "";
}

.wi-wu-clear:before {
  content: "";
}

.wi-wu-cloudy:before {
  content: "";
}

.wi-wu-flurries:before {
  content: "";
}

.wi-wu-hazy:before {
  content: "";
}

.wi-wu-mostlycloudy:before {
  content: "";
}

.wi-wu-mostlysunny:before {
  content: "";
}

.wi-wu-partlycloudy:before {
  content: "";
}

.wi-wu-partlysunny:before {
  content: "";
}

.wi-wu-rain:before {
  content: "";
}

.wi-wu-sleat:before {
  content: "";
}

.wi-wu-snow:before {
  content: "";
}

.wi-wu-sunny:before {
  content: "";
}

.wi-wu-tstorms:before {
  content: "";
}

.wi-wu-unknown:before {
  content: "";
}

/**
 * #COMPONENTS
 */
/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
.btn {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.2142857143;
  padding: 8px 10px;
  transition: background-color 0.3s ease;
}
.btn:hover, .btn:active, .btn:focus {
  background-color: #4f7729;
}
@media screen and (min-width: 64em) {
  .btn {
    font-size: 0.9rem;
    line-height: 1.2222222222;
    padding: 10px 15px 11px;
  }
}
.btn--slim {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.1428571429;
}
@media screen and (min-width: 64em) {
  .btn--slim {
    font-size: 0.75rem;
    line-height: 1.2666666667;
    padding: 8px 15px;
  }
}
.btn--thin {
  padding: 2px 8px;
}
.btn--cutout-text {
  background: #33312e;
  color: #f9f1e3;
}
.btn--cutout-text:hover, .btn--cutout-text:active, .btn--cutout-text:focus {
  background-color: #4f7729;
}
.btn--cutout-text--reversed, .btn--cutout-text--reversed:hover, .btn--cutout-text--reversed:active, .btn--cutout-text--reversed:focus {
  background: #e1dad0;
  color: #444;
}
.btn--reversed {
  background: #e1dad0;
  color: #000;
}
.btn--highlight {
  background: #4f7729;
}
.btn--basic-link, .btn--basic-link:hover, .btn--basic-link:active, .btn--basic-link:focus {
  background: #f9f1e3;
  color: #444;
  text-decoration: underline;
}
.btn--play::after {
  height: 0;
  width: 0;
  border-bottom: 9px solid transparent;
  border-left: 16px solid #fff;
  border-top: 9px solid transparent;
  content: "";
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
}
.medieval-market .btn--next, .medieval-market .btn--prev {
  background: #486275;
}
.the-16th-17th-centuries .btn--next, .the-16th-17th-centuries .btn--prev {
  background: #6b643c;
}
.death-and-rebirth .btn--next, .death-and-rebirth .btn--prev {
  background: #4d4c4b;
}
.the-wholesale-era .btn--next, .the-wholesale-era .btn--prev {
  background: #968e80;
}
.the-renaissance .btn--next, .the-renaissance .btn--prev {
  background: #5a4934;
}
.btn:focus {
  outline: 0;
}

.btn-dismiss {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  height: 0.4296875rem;
  width: 2.934375rem;
  background: url(../../images/dismiss.svg) no-repeat center;
  cursor: pointer;
  display: inline-block;
}

.form-navigation__button--reset {
  background: none;
  color: #444;
  text-decoration: underline;
}

.equal-height-btns__item {
  border: 0px solid #000;
}

.btn-new {
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 13px 60px;
  font-size: 20px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  max-width: 100%;
  justify-content: center;
}
.btn-new--black {
  background-color: #333138;
  color: white;
}
.btn-new--black:hover, .btn-new--black:active, .btn-new--black:focus {
  background: #82af21;
  color: white;
}
.btn-new--filter {
  padding-left: 38px;
  padding-right: 38px;
}
.btn-new--filter-w-icon {
  padding-right: 48px;
  padding-left: 35px;
  position: relative;
}
.btn-new--alphabetical {
  padding-left: 24px;
  padding-right: 24px;
}

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
.icon {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.icon--btn {
  height: 1.05rem;
  width: 1.05rem;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .icon--btn {
    height: 1.25rem;
    width: 1.25rem;
  }
}
.icon--circle {
  height: 1.1rem;
  width: 1.1rem;
  background-color: #000;
  border-radius: 50%;
}
@media screen and (min-width: 64em) {
  .icon--circle {
    height: 1.4rem;
    width: 1.4rem;
  }
}
.icon--search {
  background-image: url(../../images/icon--search.svg);
}
.icon--search-green {
  background-image: url(../../images/icon--search-green.svg);
}
.icon--arrow-right {
  background-image: url(../../images/icon--circle-black-arrow-right.svg);
  background-size: contain;
}
.icon--arrow-right.focus {
  background-image: url(../../images/icon--circle-green-arrow-right.svg);
}
.icon--details {
  height: 0.75rem;
  width: 0.75rem;
  background-image: url(../../images/icon--circle-green-dots.svg);
}
.icon--weather--partially-cloudy {
  height: 0.85rem;
  width: 1rem;
  background-image: url(../../images/icon--weather--partially-cloudy.svg);
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .icon--weather--partially-cloudy {
    height: 1.4rem;
    width: 1.3rem;
  }
}
.icon--pin-orange {
  height: 0.85rem;
  width: 0.75rem;
  background-image: url(../../images/icon--pin-orange.svg);
  background-size: 11px auto;
}
@media screen and (min-width: 64em) {
  .icon--pin-orange {
    height: 1.4rem;
    width: 0.7rem;
  }
}
.icon--social {
  height: 1.4rem;
  width: 1.4rem;
  background-size: auto;
  border-radius: 50%;
}
.icon--mail {
  background-color: #4f7729;
  background-image: url(../../images/icon--social-mail.svg);
}
.icon--twitter {
  background-color: #z;
  background-image: url(../../images/icon--social-twitter.svg);
}
.icon--facebook {
  background-color: #12499c;
  background-image: url(../../images/icon--social-facebook.svg);
}
.icon--pinterest {
  background-color: #98002e;
  background-image: url(../../images/icon--social-pinterest.svg);
}
.icon--youtube {
  background-color: #bd1d24;
  background-image: url(../../images/icon--social-youtube.svg);
}
.icon--instagram {
  background-color: #3f729b;
  background-image: url(../../images/icon--social-instagram.svg);
}
.icon--rss {
  background-color: #f26522;
  background-image: url(../../images/icon--social-rss.svg);
}
.icon--cut-in {
  height: 1.95rem;
  width: 1.95rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon--cut-in--facebook {
  background-image: url(../../images/icon--cut-in-facebook.svg);
}
.icon--cut-in--twitter {
  background-image: url(../../images/icon--cut-in-twitter.svg);
}
.icon--cut-in--pinterest {
  background-image: url(../../images/icon--cut-in-pinterest.svg);
}
.icon--cut-in--mail {
  background-image: url(../../images/icon--cut-in-mail.svg);
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1 {
  font-weight: 400;
}

h2 {
  font-weight: 400;
}

h3 {
  font-weight: 400;
}

h4 {
  font-weight: 400;
}

h5 {
  font-weight: 400;
}

h1 {
  line-height: 1.125;
}
@media screen and (max-width: 44.9375em) {
  h1 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  h1 {
    font-size: 1.4rem;
  }
}
h1 em {
  color: #4f7729;
  font-style: normal;
}

.secondary-heading {
  color: #4f7729;
  font-family: "monotype-grotesque", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.secondary-heading--typeA {
  font-size: 0.9rem;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .secondary-heading--typeA {
    font-size: 22px;
    font-size: 1.1rem;
    line-height: 1.0909090909;
  }
}
.secondary-heading--typeB {
  font-size: 0.9rem;
}
@media screen and (min-width: 64em) {
  .secondary-heading--typeB {
    font-size: 20px;
    font-size: 1rem;
    line-height: 1.2;
  }
}
.secondary-heading--typeC {
  font-size: 0.8rem;
}
@media screen and (min-width: 64em) {
  .secondary-heading--typeC {
    font-size: 18px;
    font-size: 0.9rem;
    line-height: 1.3333333333;
  }
}
.secondary-heading--delimited {
  margin-bottom: 0.3rem;
  padding-bottom: 7px;
  position: relative;
}
.secondary-heading--delimited:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e1dad0;
  content: "";
  height: 2px;
}
.secondary-heading--delimited.secondary-heading--typeC {
  margin-bottom: 0.8rem;
  padding-bottom: 15px;
}

.section-heading {
  font-family: "monotype-grotesque", sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.section-heading span {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.section-heading span:before, .section-heading span:after {
  position: absolute;
  top: 50%;
  height: 3px;
  width: 50%;
  content: "";
  margin: -1px 0 0;
  width: 50vw;
}
.section-heading span:before {
  left: -50vw;
}
.section-heading span:after {
  right: -50vw;
}
.section-heading--typeA {
  margin-bottom: 1.2rem;
}
.section-heading--typeA span:before, .section-heading--typeA span:after {
  background: #dfd4c0;
}
.section-heading--typeB {
  color: #4f7729;
  margin-bottom: 1.2rem;
}
.section-heading--typeB span:before, .section-heading--typeB span:after {
  background: #4f7729;
}
.section-heading--typeC {
  color: #4f7729;
  margin-bottom: 1.2rem;
}
.section-heading--typeC span:before, .section-heading--typeC span:after {
  background: #dfd4c0;
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
@media screen and (max-width: 63.9375em) {
  .layout,
.hero-slices {
    margin-left: -15px;
  }
}
.layout.faqs,
.faqs.hero-slices {
  padding-left: 30px;
}
.layout--flush {
  margin-left: 0;
}
@media screen and (max-width: 63.9375em) {
  .layout__item,
.hero-slices__img {
    padding-left: 15px;
  }
}

/*------------------------------------*\
    #BOXES
\*------------------------------------*/
.box {
  border-radius: 2px;
}
@media screen and (max-width: 44.9375em) {
  .box {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.box h4 {
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 64em) {
  .box h4 {
    font-size: 1rem;
  }
}
.box p {
  font-size: 0.7rem;
  line-height: 1.2;
  margin-bottom: 0.55rem;
}
@media screen and (min-width: 64em) {
  .box p {
    font-size: 0.8rem;
  }
}
.box--center {
  text-align: center;
}
.box--highlight {
  background: #4f7729;
  color: #f9f1e3;
}
.box--dark {
  background: #33312e;
  color: #f9f1e3;
}
.box--dark h4 {
  color: #78a22e;
}
.box--newsletter {
  border-radius: 0;
  margin: 0 auto 15px;
  max-width: 36.8rem;
}
@media screen and (min-width: 45em) {
  .box--newsletter > * {
    float: left;
    padding: 0 15px;
    width: 50%;
  }
}
.box--newsletter__body {
  font-weight: 500;
  padding-bottom: 5px;
}
@media screen and (max-width: 44.9375em) {
  .box--newsletter__body {
    text-align: center;
  }
}
.box--newsletter__body > *:last-child {
  margin-bottom: 0;
}
.box--newsletter__body h4,
.box--newsletter__body p {
  font-size: 0.9rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .box--newsletter__body h4,
.box--newsletter__body p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .box--newsletter__body h4,
.box--newsletter__body p {
    font-size: 1.05rem;
  }
}
.box--newsletter__body--full {
  text-align: center;
  width: 100%;
}
.box--newsletter__form {
  padding-top: 20px;
}
@media screen and (max-width: 44.9375em) {
  .box--newsletter__form {
    margin: 0 auto;
    max-width: 470px;
  }
}
.box--icon-sticker {
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .box--icon-sticker {
    margin-top: 20px;
    padding-top: 33px;
  }
}
.box--icon-sticker::before {
  position: absolute;
  top: -22px;
  left: 50%;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  content: "";
  margin: 0 0 0 -22px;
}
@media screen and (min-width: 64em) {
  .box--icon-sticker::before {
    left: 0;
    top: 5px;
  }
}
.box--icon-sticker--mail::before {
  background: #4f7729 url(../../images/icon--large-mail.svg) no-repeat center;
}
.box--faq {
  background: #fff;
  border-radius: 0;
  margin: 30px 0 20px;
  padding: 23px 15px 20px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .box--faq {
    padding-top: 15px;
    padding-left: 28px;
    margin-top: 0;
  }
}
.box--faq::before {
  position: absolute;
  top: -14px;
  left: 50%;
  height: 28px;
  width: 28px;
  background: #4f7729 url(../../images/icon--question-mark.svg) no-repeat center;
  border-radius: 50%;
  content: "";
  transform: translateX(-50%);
}
@media screen and (min-width: 64em) {
  .box--faq::before {
    left: 0;
    top: 12px;
  }
}
.box--faq__heading {
  font-size: 0.75rem;
  line-height: 1.1666666667;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .box--faq__heading {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 64em) {
  .box--faq__heading {
    font-size: 0.9rem;
  }
}
.box--faq__body p {
  color: #444;
  font-size: 0.7rem;
  line-height: 1.2;
}
@media screen and (min-width: 45em) {
  .box--faq__body p {
    font-size: 0.75rem;
  }
}
.box--list {
  background: #fffaf1;
  border-radius: 0;
  border-top: 9px solid #e1dad0;
  margin: 0 0 1rem;
}
@media screen and (min-width: 64em) {
  .box--list {
    margin-bottom: 1.2rem;
  }
}
.box--list__heading {
  color: #4f7729;
  font-family: "monotype-grotesque", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .box--list__heading {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .box--list__heading {
    font-size: 1.1rem;
  }
}
.sidebar .box--list__heading {
  font-size: 0.9rem;
}
.box--note {
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 40px;
  background: #fffaf1 url(../../images/icon--star.svg) no-repeat 10px 10px;
  border-radius: 0;
  margin: 0 0 1rem;
}
.box--note p {
  font-size: 0.8rem;
  line-height: 1.3333333333;
}
@media screen and (min-width: 45em) {
  .box--note p {
    font-size: 0.9rem;
  }
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
.sidebar-list {
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0 0 1rem;
}
@media screen and (min-width: 64em) {
  .sidebar-list {
    margin-bottom: 1.2rem;
  }
}
.sidebar-list:last-child {
  margin-bottom: 0;
}
.sidebar-list > * {
  margin: 0 0 0.4rem;
}
.sidebar-list > *:last-child {
  margin-bottom: 0;
}
.sidebar-list a {
  text-decoration: none;
}
.sidebar-list a.active {
  color: #444;
}
.sidebar-list--bullets > * {
  margin-bottom: 0.6rem;
  padding-left: 0.8rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .sidebar-list--bullets > * {
    margin-bottom: 0.9rem;
  }
}
.sidebar-list--bullets > *::before {
  position: absolute;
  top: 8px;
  left: 0;
  height: 4px;
  width: 4px;
  background: #4f7729;
  content: "";
  transform: rotate(45deg);
}
.sidebar-list--bullets a {
  color: #444;
}
.sidebar-list--dates > * {
  margin-bottom: 1rem;
  min-height: 1.8rem;
  padding-left: 2.75rem;
  position: relative;
}
.sidebar-list--dates > * a {
  color: #444;
  display: block;
  overflow: hidden;
}
.sidebar-list--dates > * time {
  position: absolute;
  top: 0;
  left: 2px;
  border: 0 solid #e1dad0;
  border-bottom-width: 1px;
  border-top-width: 1px;
  color: #4f7729;
  font-size: 0.7rem;
  line-height: 1;
  padding: 1px 0;
  text-align: center;
  width: 1.95rem;
}
.sidebar-list--dates > * time b {
  display: block;
  font-size: 1rem;
  margin-top: -2px;
}
.sidebar-list--faqs > * {
  margin-bottom: 0.6rem;
  padding-left: 0.85rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .sidebar-list--faqs > * {
    margin-bottom: 0.9rem;
  }
}
.sidebar-list--faqs > *::before {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 10px;
  background: url(../../images/icon--question-mark-green.svg) no-repeat center;
  content: "";
}
.sidebar-list--faqs a {
  color: #444;
}

.list--lower-alpha {
  list-style-type: lower-alpha;
  margin-left: 30px;
}

.alphabetized-list {
  font-size: 0.8rem;
}
@media screen and (min-width: 30em) and (max-width: 44.9375em) {
  .alphabetized-list {
    -webkit-columns: 2 30px;
    -moz-columns: 2 30px;
    columns: 2 30px;
  }
}
@media screen and (min-width: 45em) {
  .alphabetized-list {
    -webkit-columns: 3 30px;
    -moz-columns: 3 30px;
    columns: 3 30px;
    padding: 0 0 20px;
  }
}
.alphabetized-list dt,
.alphabetized-list dd {
  margin: 0 0 8px;
}
@media screen and (min-width: 30em) {
  .alphabetized-list dt,
.alphabetized-list dd {
    display: inline-block;
    width: 100%;
  }
}
.alphabetized-list dt {
  font-weight: 700;
}
.alphabetized-list dd {
  font-weight: 400;
}
.alphabetized-list dd + dt {
  margin-top: 36px;
}
.alphabetized-list a {
  text-decoration: none;
}
.alphabetized-list__nav {
  color: #33312e;
  position: relative;
}
.alphabetized-list__nav::after {
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(../../images/icon--circle-green-arrow-right.svg) no-repeat center;
  background-size: contain;
  content: "";
  width: 14px;
}
.alphabetized-list__nav--prev {
  margin-right: 25px;
  padding-left: 22px;
}
.alphabetized-list__nav--prev::after {
  left: 0;
  transform: rotate(180deg);
}
.alphabetized-list__nav--next {
  padding-right: 22px;
}
.alphabetized-list__nav--next::after {
  right: 0;
}

@media screen and (min-width: 30em) and (max-width: 44.9375em) {
  .columns-lists {
    -webkit-columns: 2 30px;
    -moz-columns: 2 30px;
    columns: 2 30px;
  }
}
@media screen and (min-width: 45em) {
  .columns-lists {
    -webkit-columns: 3 30px;
    -moz-columns: 3 30px;
    columns: 3 30px;
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 64em) {
  .columns-lists {
    padding-top: 50px;
  }
}
.columns-lists__item {
  margin: 0 0 36px;
}
@media screen and (min-width: 30em) {
  .columns-lists__item {
    display: inline-block;
    width: 100%;
  }
}
.columns-lists__item li {
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0 0 8px;
}
.columns-lists__item a {
  text-decoration: none;
}
.columns-lists__heading {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 8px;
}

/*------------------------------------*\
    #DATE-STICKER
\*------------------------------------*/
.date-sticker {
  height: 2rem;
  width: 2rem;
  background: #ef4349;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .date-sticker {
    height: 3.1rem;
    width: 3.1rem;
    font-size: 1rem;
    padding-top: 4px;
  }
}
.date-sticker > * {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
.date-sticker__month {
  font-size: 0.5rem;
}
@media screen and (min-width: 64em) {
  .date-sticker__month {
    font-size: 0.7rem;
  }
}
.date-sticker__day {
  font-size: 1rem;
  margin-top: -2px;
}
@media screen and (min-width: 64em) {
  .date-sticker__day {
    font-size: 1.4rem;
  }
}
.date-sticker__to {
  display: block;
  font-size: 0.45rem;
  margin-bottom: -5px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .date-sticker__to {
    font-size: 0.6rem;
    margin-bottom: -5px;
    margin-top: 2px;
  }
}
.date-sticker__to::before, .date-sticker__to::after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 4px;
  background: #fff;
  content: "";
}
@media screen and (min-width: 64em) {
  .date-sticker__to::before, .date-sticker__to::after {
    width: 6px;
  }
}
.date-sticker__to::before {
  left: 8px;
}
@media screen and (min-width: 64em) {
  .date-sticker__to::before {
    left: 13px;
  }
}
.date-sticker__to::after {
  right: 8px;
}
@media screen and (min-width: 64em) {
  .date-sticker__to::after {
    right: 13px;
  }
}
.date-sticker__to + * {
  margin-top: -4px;
}
@media screen and (min-width: 64em) {
  .date-sticker--multi {
    padding-top: 1px;
  }
}

/*------------------------------------*\
    #COMBO-HEADER
\*------------------------------------*/
.combo-header {
  display: table;
  margin: 0 0 0.65rem;
  width: 100%;
}
.combo-header > * {
  display: table-cell;
}
.combo-header__heading {
  padding-right: 15px;
  width: 100%;
}
.combo-header__link {
  font-size: 0.7rem;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

/*------------------------------------*\
    #FEATURES
\*------------------------------------*/
.feature {
  max-height: 500px;
  margin: 0 20px;
  flex: 0 0;
  flex-basis: calc(33.33% - 40px);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 44.9375em) {
  .feature {
    flex-basis: 100%;
    margin: 0 0 35px 0;
    height: 360px;
  }
}
@media screen and (min-width: 45em) {
  .feature:hover img, .feature:active img, .feature:focus img {
    transform: scale(1.5);
  }
}
.feature:nth-of-type(1) {
  border-top: 15px solid #4f7729;
}
.feature:nth-of-type(2) {
  border-top: 15px solid #688e15;
}
.feature:nth-of-type(3) {
  border-top: 15px solid #82af21;
}
@media screen and (max-width: 44.9375em) {
  .feature:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.feature__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 40px -20px;
}
@media screen and (max-width: 63.9375em) {
  .feature__container {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 44.9375em) {
  .feature__container {
    margin: 0 0;
  }
}
.feature__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: 600;
  font-size: 54px;
  font-size: 2.7rem;
  line-height: 1.3333333333;
  font-family: "monotype-grotesque-condensed", sans-serif;
  width: 90%;
  text-align: center;
  z-index: 1;
}
.feature__overlay {
  background-color: #000;
  opacity: 0.451;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.feature img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  transition: transform 1s ease;
}
@media screen and (max-width: 63.9375em) {
  .feature img {
    object-fit: cover;
  }
}

@media screen and (max-width: 44.9375em) {
  .equal-height-cols {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 44.9375em) {
  .equal-height-cols__item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
}

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
.media {
  background: #fff;
  color: #444;
  font-weight: 400;
  text-decoration: none;
}
.media__img {
  height: 3.9rem;
  width: 3.9rem;
  margin-right: 15px;
}
@media screen and (min-width: 64em) {
  .media__img {
    height: 4.65rem;
    width: 4.65rem;
    margin-right: 20px;
  }
}
.media__body {
  padding: 10px 10px 0 0;
}
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .media__body {
    padding-top: 6px;
  }
}
@media screen and (min-width: 45em) and (max-width: 55.5625em) {
  .media__body {
    padding-top: 6px;
  }
}
@media screen and (min-width: 64em) {
  .media__body {
    padding-top: 13px;
  }
}
.media h3 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 63.9375em) {
  .media h3 {
    max-height: 2.7rem;
  }
}
@media screen and (min-width: 64em) {
  .media h3 {
    font-size: 0.8rem;
    line-height: 1.125;
    margin-bottom: 0.5rem;
  }
}
.media p {
  font-size: 0.7rem;
  line-height: 1.2857142857;
}
.media--sticker {
  position: relative;
}
@media screen and (min-width: 64em) {
  .media--sticker h3 {
    margin: 0.55rem 0 0;
    padding-left: 3.25rem;
  }
}
.media--sticker .date-sticker {
  position: absolute;
  top: -5px;
  left: 0;
}
@media screen and (min-width: 64em) {
  .media--sticker .date-sticker {
    left: 103px;
    top: 16px;
  }
}

/*------------------------------------*\
    #CUSTOM-MEDIA
\*------------------------------------*/
.custom-media {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .custom-media {
    margin-bottom: 30px;
  }
}
.custom-media__label {
  color: #78a22e;
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.1428571429;
}
@media screen and (min-width: 64em) {
  .custom-media__label {
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 0.25rem;
  }
}
.custom-media__heading {
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 64em) {
  .custom-media__heading {
    font-size: 0.9rem;
    line-height: 1.1666666667;
    margin-bottom: 0.5rem;
  }
}
.custom-media__heading__clean {
  margin-bottom: 0;
}
.custom-media__heading a {
  color: #33312e;
  text-decoration: none;
}
.custom-media__heading a:hover, .custom-media__heading a:active, .custom-media__heading a:focus {
  color: #4f7729;
}
@media screen and (min-width: 64em) {
  .custom-media__subheading {
    letter-spacing: -0.015rem;
    margin-bottom: 0.9rem;
  }
}
.custom-media__over {
  min-height: 100%;
}
@media screen and (min-width: 45em) {
  .custom-media__over {
    position: absolute;
    z-index: 1;
  }
}
.custom-media__body {
  background: #fff;
  padding: 10px 15px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .custom-media__body {
    padding: 15px 20px;
  }
}
.custom-media__body > :last-child {
  margin-bottom: 0;
}
.custom-media__body p {
  color: #444;
  font-size: 0.7rem;
  line-height: 1.2857142857;
}
@media screen and (min-width: 64em) {
  .custom-media__body p {
    font-size: 0.75rem;
    line-height: 1.2;
  }
}
.custom-media__body--slant {
  position: relative;
  z-index: 1;
}
.custom-media__body--slant::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #fff;
  content: "";
  height: 50px;
  transform: skewY(-3.5deg);
  transform-origin: bottom right;
}
.custom-media__body--slant > * {
  position: relative;
}
.custom-media__meta {
  font-size: 0.7rem;
  position: absolute;
  top: 23px;
  left: 0px;
}
@media screen and (max-width: 63.9375em) {
  .custom-media__meta {
    font-size: 0.5rem;
    top: 16px;
  }
}
.custom-media__img {
  display: block;
  overflow: hidden;
  position: relative;
}
.custom-media__img--narrow::after {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #fff;
  content: "";
  height: 100px;
}
.promo__item:nth-child(3n+1) .custom-media__img--narrow::after, .promo__item:nth-child(3n+3) .custom-media__img--narrow::after {
  transform: skewY(-4.9deg);
  transform-origin: bottom right;
}
.promo__item:nth-child(3n+2) .custom-media__img--narrow::after {
  transform: skewY(4.9deg);
  transform-origin: bottom left;
}
.custom-media__img--regular::after {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #fff;
  content: "";
  height: 100px;
}
.promo__item:nth-child(3n+1) .custom-media__img--regular::after, .promo__item:nth-child(3n+3) .custom-media__img--regular::after {
  transform: skewY(-3.5deg);
  transform-origin: bottom right;
}
.promo__item:nth-child(3n+2) .custom-media__img--regular::after {
  transform: skewY(3.5deg);
  transform-origin: bottom left;
}
.custom-media__img--wide::after {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #fff;
  content: "";
  height: 100px;
}
.promo__item:nth-child(3n+1) .custom-media__img--wide::after, .promo__item:nth-child(3n+3) .custom-media__img--wide::after {
  transform: skewY(-2.3deg);
  transform-origin: bottom right;
}
.promo__item:nth-child(3n+2) .custom-media__img--wide::after {
  transform: skewY(2.3deg);
  transform-origin: bottom left;
}
.custom-media__img > img {
  display: block;
}
@media screen and (max-width: 44.9375em) {
  .custom-media__img > img {
    width: 100%;
  }
}
.custom-media .date-sticker {
  position: absolute;
  top: -15px;
  right: 5px;
}
@media screen and (min-width: 64em) {
  .custom-media .date-sticker {
    right: -16px;
    top: -20px;
  }
}
.custom-media--side-by-side {
  background: #fff;
  position: relative;
}
@media screen and (max-width: 23.6875em) {
  .custom-media--side-by-side__img {
    display: block;
  }
}
@media screen and (min-width: 23.75em) {
  .custom-media--side-by-side__img {
    float: left;
    margin: 0 15px 0 0;
    max-width: 323px;
    overflow: hidden;
    position: relative;
    width: 40%;
  }
}
@media screen and (min-width: 35.625em) {
  .custom-media--side-by-side__img {
    width: 47.8518518519%;
  }
}
@media screen and (min-width: 64em) {
  .custom-media--side-by-side__img {
    margin-right: 4.4444444444%;
  }
}
@media screen and (min-width: 23.75em) {
  .custom-media--side-by-side__img::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 100%;
    backface-visibility: hidden;
    background: #fff;
    border: 1px solid #fff;
    content: "";
    transform: skewX(-4.7deg);
    transform-origin: top left;
    width: 100px;
  }
}
.custom-media--side-by-side__img > img {
  display: block;
}
@media screen and (max-width: 23.6875em) {
  .custom-media--side-by-side__img > img {
    width: 100%;
  }
}
.custom-media--side-by-side__body {
  padding: 10px 10px;
}
@media screen and (min-width: 30em) {
  .custom-media--side-by-side__body {
    padding-left: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 64em) {
  .custom-media--side-by-side__body {
    padding: 15px 20px 15px 0;
  }
}
.custom-media--side-by-side__body p {
  color: #444;
  font-size: 0.75rem;
  margin-bottom: 0.6rem;
}
.custom-media--side-by-side__body p.custom-media__capacity {
  font-weight: 400;
  color: #4f7729;
}
@media screen and (max-width: 29.9375em) {
  .custom-media--side-by-side__body p:not(.custom-media__subheading) {
    clear: left;
    padding-top: 0.5rem;
  }
}
.custom-media--side-by-side__label {
  color: #4f7729;
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0.45rem;
}
.custom-media--side-by-side__label + .custom-media--side-by-side__label {
  color: #444;
}
.custom-media--side-by-side__tags {
  font-size: 0.65rem;
  font-weight: 400;
}
.custom-media--side-by-side__tags > *:not(:last-child)::after {
  color: #4f7729;
  content: ",";
}
.custom-media--side-by-side__venue {
  font-size: 0.65rem;
  font-weight: 400;
}
.custom-media--side-by-side__venue li {
  line-height: 1.1rem;
}
.custom-media--side-by-side .date-sticker {
  left: 5px;
  right: auto;
  top: -10px;
}
@media screen and (min-width: 64em) {
  .custom-media--side-by-side .date-sticker {
    left: -15px;
    top: -14px;
  }
}

.custom-media--timeline {
  height: 8.5rem;
  margin: 0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 44.9375em) {
  .custom-media--timeline {
    box-sizing: content-box;
    padding-bottom: 115px;
  }
}
.custom-media--timeline__body {
  color: #fff;
  padding: 10px;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 44.9375em) {
  .custom-media--timeline__body {
    bottom: 0;
    box-sizing: border-box;
    height: 115px;
    padding-top: 0;
    width: 100%;
  }
}
@media screen and (min-width: 45em) {
  .custom-media--timeline__body {
    bottom: 0;
    right: 0;
    top: 0;
    width: 50%;
  }
}
.custom-media--timeline__body::before {
  backface-visibility: hidden;
  content: "";
  position: absolute;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 44.9375em) {
  .custom-media--timeline__body::before {
    height: 150%;
    left: -1px;
    right: -1px;
    top: 0;
    transform: skewY(6.5deg);
    transform-origin: top right;
  }
}
@media screen and (min-width: 45em) {
  .custom-media--timeline__body::before {
    bottom: -1px;
    top: -1px;
    transform: skewX(6.5deg);
    transform-origin: bottom right;
    width: 200%;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline__body {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline__body::before {
    left: auto;
    right: 0;
    transform-origin: top right;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline__body {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline__body::before {
    left: auto;
    right: 0;
    transform-origin: top right;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline__body {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline__body::before {
    left: auto;
    right: 0;
    transform-origin: top right;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline__body {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline__body::before {
    left: auto;
    right: 0;
    transform-origin: top right;
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline__body::before {
    background: #44535e;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline__body::before {
    background: rgba(68, 83, 94, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline__body::before {
    background: #635e41;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline__body::before {
    background: rgba(99, 94, 65, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline__body::before {
    background: #4d4c4b;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline__body::before {
    background: rgba(77, 76, 75, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline__body::before {
    background: #968e80;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline__body::before {
    background: rgba(150, 142, 128, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+5) .custom-media--timeline__body::before {
    background: #5c5143;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+5) .custom-media--timeline__body::before {
    background: rgba(92, 81, 67, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+6) .custom-media--timeline__body::before {
    background: #352f25;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+6) .custom-media--timeline__body::before {
    background: rgba(53, 47, 37, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+7) .custom-media--timeline__body::before {
    background: #9d3d22;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+7) .custom-media--timeline__body::before {
    background: rgba(157, 61, 34, 0.9);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+8) .custom-media--timeline__body::before {
    background: #4f7729;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+8) .custom-media--timeline__body::before {
    background: rgba(79, 119, 41, 0.9);
  }
}
.custom-media--timeline__body > * {
  position: relative;
}
@media screen and (max-width: 89.9375em) {
  .custom-media--timeline__img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    max-width: none;
    transform: translateX(-50%);
    width: auto;
  }
}
@media screen and (max-width: 44.9375em) {
  .custom-media--timeline__img {
    height: auto;
    min-width: 100%;
    left: 0;
    transform: translateX(0);
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline__img {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline__img {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline__img {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline__img {
    left: auto;
    right: 0;
  }
}
.custom-media--timeline__pre-heading {
  display: block;
  font-family: "monotype-grotesque", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .custom-media--timeline__pre-heading {
    font-size: 0.9rem;
    padding-top: 5px;
  }
}
.custom-media--timeline h3 {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 64em) {
  .custom-media--timeline h3 {
    font-size: 1.1rem;
  }
}
.custom-media--timeline p {
  font-size: 0.65rem;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .custom-media--timeline p {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+1) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+1) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+1) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #44535e;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+2) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+2) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+2) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #635e41;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+3) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+3) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+3) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #4d4c4b;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+4) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+4) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+4) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #968e80;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+5) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+5) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+5) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #5c5143;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+6) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+6) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+6) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #352f25;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+7) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+7) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+7) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #9d3d22;
  }
}
@media screen and (min-width: 45em) {
  .layout__item:nth-child(8n+8) .custom-media--timeline:hover .custom-media--timeline__body::before, .layout__item:nth-child(8n+8) .custom-media--timeline:active .custom-media--timeline__body::before, .layout__item:nth-child(8n+8) .custom-media--timeline:focus .custom-media--timeline__body::before {
    background: #4f7729;
  }
}

/*------------------------------------*\
    #CTA-BLOCK
\*------------------------------------*/
.cta-block {
  display: block;
  margin: 0 0 20px;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .cta-block {
    margin-bottom: 30px;
  }
}
.cta-block__heading {
  color: #4f7729;
  font-family: "monotype-grotesque", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.1111111111;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .cta-block__heading {
    font-size: 1.1rem;
    line-height: 1.0909090909;
  }
}
.cta-block__subheading {
  color: #000;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.cta-block__body {
  padding: 10px 15px 15px;
}
@media screen and (max-width: 34.9375em) {
  .cta-block__body {
    height: auto !important;
  }
}
.cta-block__body--slanted {
  background: #fff;
}
@media screen and (max-width: 44.9375em) {
  .cta-block__body--round-after {
    padding-top: 0;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .cta-block__body--round-after {
    margin: 0 0 5px;
  }
}
.cta-block__body > :last-child {
  margin-bottom: 0;
}
.cta-block__img {
  display: block;
  overflow: hidden;
  position: relative;
}
.cta-block__img--slanted::after {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #fff;
  content: "";
  height: 100px;
  transform: skewY(-3.6deg);
  transform-origin: bottom right;
}
.cta-block__img--round {
  border-radius: 50%;
  display: inline-block;
  margin: 0 0 0.5rem;
  max-width: 100%;
}
@media screen and (max-width: 44.9375em) {
  .cta-block__img--round {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 6rem;
  }
}
@media screen and (min-width: 45em) {
  .cta-block__img--round {
    max-width: 86.2015503876%;
  }
}
@media screen and (min-width: 64em) {
  .cta-block__img--round {
    margin-bottom: 0.85rem;
  }
}
@media screen and (max-width: 44.9375em) {
  .cta-block__cta {
    padding-left: 15px;
    text-align: left;
  }
}
.cta-block__cta--over {
  position: absolute;
  bottom: 15px;
  left: 50%;
  padding: 0 15px;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 64em) {
  .cta-block__cta--over {
    bottom: 20px;
  }
}
@media screen and (max-width: 44.9375em) {
  .cta-block--round {
    min-height: 6.2rem;
    padding: 0 0 0 6rem;
    position: relative;
  }
}

/*------------------------------------*\
    #FAQS
\*------------------------------------*/
@media screen and (min-width: 50em) and (max-width: 63.9375em) {
  .faqs__item {
    width: 50%;
  }
}

/*------------------------------------*\
    #PAGINATION
\*------------------------------------*/
.pagination {
  margin-bottom: 35px;
}
.pagination__list {
  display: flex;
  margin: 0;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination li a {
  color: #33312e;
  margin: 0 5px;
  font-size: 20px;
  font-size: 1rem;
  line-height: 28px;
  position: relative;
  text-decoration: none;
}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {
  color: #4f7729;
}
@media screen and (max-width: 63.9375em) {
  .pagination li a {
    margin: 0 15px;
  }
}
.pagination li:not(.current):not(.pagination__arrow) a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #33312e;
}
.pagination__arrow a {
  text-decoration: none;
}
.recipe__list ~ .pagination {
  margin-bottom: 65px;
  margin-top: -5px;
}
@media screen and (max-width: 44.9375em) {
  .recipe__list ~ .pagination {
    margin-bottom: 15px;
    margin-top: 25px;
  }
}

.recipe__list ~ .pagination {
  margin-bottom: -10px;
}

.recipe__list--articles ~ .pagination {
  margin-bottom: 40px;
}
@media screen and (max-width: 44.9375em) {
  .recipe__list--articles ~ .pagination {
    margin-bottom: 0;
  }
}

/*------------------------------------*\
    #INTRO
\*------------------------------------*/
@media screen and (max-width: 44.9375em) {
  .intro-column {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .intro-column {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 64em) {
  .intro-column--left {
    padding-left: 20px;
  }
}
@media screen and (min-width: 64em) {
  .intro-column--right {
    padding-left: 20px;
  }
}

/*------------------------------------*\
    #INLINE-BUTTONS
\*------------------------------------*/
.inline-buttons {
  margin: 0 0 15px;
}
.inline-buttons .btn {
  margin: 0 5px 5px 0;
}
.inline-buttons .btn:last-child {
  margin-right: 0;
}
.inline-buttons__label {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0 16px 5px 0;
  vertical-align: middle;
}
@media screen and (min-width: 64em) {
  .inline-buttons__label {
    font-size: 0.9rem;
  }
}

/*------------------------------------*\
    #SORT-CONTENT
\*------------------------------------*/
.sort-content {
  border-top: 2px solid #e1dad0;
  margin: 0 0 20px;
  padding: 12px 0 0;
}
.sort-content__info {
  font-size: 0.9rem;
  font-weight: 400;
}
.sort-content__info em {
  color: #4f7729;
  font-style: normal;
}
@media screen and (min-width: 45em) {
  .sort-content__info {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
@media screen and (min-width: 45em) {
  .sort-content__form {
    float: right;
  }
}

/*------------------------------------*\
    #FILTER-CONTENT
\*------------------------------------*/
.filter-content {
  margin: 0 0 30px;
}
.filter-content > * {
  margin-bottom: 16px;
}
@media screen and (min-width: 45em) {
  .filter-content > * {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (min-width: 45em) {
  .filter-content > *:first-child {
    margin-right: 2rem;
  }
}
.filter-content > * .btn {
  margin-bottom: 0;
}

/*------------------------------------*\
    #MAIN-CONTENT
\*------------------------------------*/
@media screen and (max-width: 44.9375em) {
  .main-content {
    font-size: 0.8rem;
    margin-bottom: 30px;
    padding-top: 10px;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .main-content {
    font-size: 0.9rem;
    margin-bottom: 30px;
    padding-top: 15px;
  }
}
.wrapper--wide .main-content {
  padding-left: 0;
  padding-right: 30px;
}
@media screen and (max-width: 63.9375em) {
  .wrapper--wide .main-content {
    padding: 0;
  }
}

@media screen and (max-width: 63.9375em) {
  .main-content > h1, .main-content > h2, .main-content > h3, .main-content > h4, .main-content > h5, .main-content > h6, .main-content > ul, .main-content > ol, .main-content > dl, .main-content > blockquote, .main-content > p, .main-content > address, .main-content > hr, .main-content > table, .main-content > fieldset, .main-content > figure, .main-content > pre {
    margin-bottom: 1rem;
  }
}
.main-content > h2 {
  color: #4f7729;
  font-family: "monotype-grotesque", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .main-content > h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .main-content > h2 {
    font-size: 1.1rem;
  }
}
.main-content > img,
.main-content > p > img {
  float: left;
  height: auto;
  margin-bottom: 1rem;
  margin-top: 0.25rem;
  max-width: 16.1rem;
  padding-right: 15px;
  width: 50%;
}
@media screen and (min-width: 45em) {
  .main-content > img,
.main-content > p > img {
    margin-bottom: 1.2rem;
    padding-right: 30px;
  }
}
@media screen and (min-width: 45em) {
  .main-content > figure {
    padding: 0.5rem 0;
  }
}
.main-content > figure > img {
  border-right: 3px solid #e1dad0;
  float: left;
  height: auto;
  margin-right: 6px;
  max-width: 16.1rem;
  padding-right: 6px;
  width: 50%;
}
@media screen and (min-width: 45em) {
  .main-content > figure > img {
    margin-right: 14px;
    padding-right: 14px;
  }
}
.main-content > figure > span > img {
  height: auto;
  margin-bottom: 10px;
  max-width: 100%;
}
.main-content > figure figcaption {
  font-size: 0.7rem;
  overflow: hidden;
}
.main-content > ul,
.main-content > ol:not(.pagination) {
  list-style: none;
  margin-left: 0;
}
.main-content > ul li,
.main-content > ol:not(.pagination) li {
  background: url(../../images/icon--bullet-arrow.svg) no-repeat left 5px;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}
@media screen and (min-width: 45em) {
  .main-content > ul li,
.main-content > ol:not(.pagination) li {
    background-position: left 7px;
  }
}
@media screen and (min-width: 64em) {
  .main-content > ul li,
.main-content > ol:not(.pagination) li {
    margin-bottom: 1.2rem;
  }
}
.main-content > :last-child {
  margin-bottom: 0;
}
.main-content .social-share {
  clear: both;
}

/*------------------------------------*\
    #ARTICLE-HEADER
\*------------------------------------*/
.article-header {
  margin: 0 0 1rem;
}
@media screen and (min-width: 64em) {
  .article-header {
    margin-bottom: 1.2rem;
  }
}
.article-header__label {
  color: #4f7729;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.0909090909;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .article-header__label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .article-header__label {
    font-size: 1.1rem;
  }
}
.article-header__label--small {
  font-size: 0.7rem;
  display: block;
  margin-top: 0.8rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .article-header__label--small {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .article-header__label--small {
    font-size: 0.9rem;
  }
}
.article-header__heading {
  color: #444;
  margin-bottom: 0.25rem;
}
.article-header__date, .article-header__categories {
  color: #444;
  font-size: 0.7rem;
}
@media screen and (min-width: 45em) {
  .article-header__date, .article-header__categories {
    font-size: 0.75rem;
  }
}
.article-header__date {
  margin-bottom: 0.2rem;
}
.article-header__categories a {
  font-weight: 400;
}
.article-header__profile {
  font-size: 0.8rem;
  font-weight: 400;
  padding-top: 0.4rem;
}
@media screen and (min-width: 45em) {
  .article-header__profile {
    font-size: 0.9rem;
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .article-header__profile {
    padding-top: 0.6rem;
  }
}
.article-header__profile a {
  text-decoration: none;
}
.article-header > * {
  margin-bottom: 0;
}
.article-header--sticker {
  min-height: 2rem;
  padding-left: 2.5rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .article-header--sticker {
    min-height: 3.1rem;
    padding-left: 4rem;
  }
}
.article-header--sticker .date-sticker {
  position: absolute;
  top: 0;
  left: 0;
}

/*------------------------------------*\
    #TRADER-META
\*------------------------------------*/
.trader-meta__item {
  float: left;
  margin: 0 0 1rem;
  padding-right: 15px;
}
@media screen and (min-width: 40em) {
  .trader-meta__item {
    padding-right: 30px;
  }
}
.trader-meta__item:last-child {
  padding-right: 0;
}
.trader-meta__item--time {
  padding-left: 1.7rem;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .trader-meta__item--time {
    width: 50%;
  }
}
@media screen and (min-width: 40em) {
  .trader-meta__item--time {
    width: 26.6666666667%;
  }
}
.trader-meta__item--time::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.3rem;
  width: 1.3rem;
  background: #4f7729 url(../../images/icon--clock.svg) no-repeat center;
  border-radius: 50%;
  content: "";
}
.trader-meta__item--location {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .trader-meta__item--location {
    clear: left;
    width: 50%;
  }
}
@media screen and (min-width: 40em) {
  .trader-meta__item--location {
    width: 28.8888888889%;
  }
}
@media screen and (max-width: 39.9375em) {
  .trader-meta__item--social {
    float: none;
    overflow: hidden;
  }
}
@media screen and (min-width: 40em) {
  .trader-meta__item--social {
    width: 44.4444444444%;
  }
}
.trader-meta__item > :last-child {
  margin-bottom: 0;
}
.trader-meta__heading {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.05rem;
  margin-bottom: 0;
  padding-top: 0.15rem;
}
@media screen and (min-width: 64em) {
  .trader-meta__heading {
    font-size: 0.9rem;
  }
}
.trader-meta__open-days {
  font-size: 0.7rem;
  line-height: 1.5;
}
.trader-meta__location-link {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.05rem;
  padding: 0.15rem 0 0 1.7rem;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 64em) {
  .trader-meta__location-link {
    font-size: 0.9rem;
  }
}
.trader-meta__location-link::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.3rem;
  width: 1.3rem;
  background: url(../../images/icon--pin-green.svg) no-repeat center;
  border-radius: 50%;
  content: "";
}
.trader-meta__social {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.05rem;
}
@media screen and (min-width: 64em) {
  .trader-meta__social {
    font-size: 0.9rem;
  }
}
.trader-meta__social > * {
  margin: 0 0 0.2rem;
}
.trader-meta__social > *:last-child {
  margin-bottom: 0;
}
.trader-meta__social__link {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 0.15rem 0 0.1rem 1.7rem;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
}
.trader-meta__social__link::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.3rem;
  width: 1.3rem;
  background-color: #4f7729;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  content: "";
}
.trader-meta__social__link--twitter::before {
  background-image: url(../../images/icon--social-twitter.svg);
}
.trader-meta__social__link--facebook::before {
  background-image: url(../../images/icon--social-facebook.svg);
}
.trader-meta__social__link--instagram::before {
  background-image: url(../../images/icon--social-instagram.svg);
}
.trader-meta__slowfood-label {
  color: #4f7729;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.05rem;
  padding-left: 1.7rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .trader-meta__slowfood-label {
    font-size: 0.9rem;
  }
}
.trader-meta__slowfood-label::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  width: 1.4rem;
  background: url(../../images/icon--slowfood.svg) no-repeat center;
  content: "";
}
* + .trader-meta__slowfood-label {
  padding-top: 1.5rem;
}
* + .trader-meta__slowfood-label::before {
  top: 1.5rem;
}

/*------------------------------------*\
    #RECIPE-META
\*------------------------------------*/
.recipe-meta__item {
  font-size: 0.8rem;
  line-height: 1.3rem;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 32.5em) {
  .recipe-meta__item {
    border-left: 2px solid #e1dad0;
    margin-bottom: 1rem;
    padding: 0 20px;
  }
}
@media screen and (min-width: 64em) {
  .recipe-meta__item {
    font-size: 0.9rem;
  }
}
.recipe-meta__item:last-child {
  padding-right: 0;
  padding-left: 0;
  border-left: 0;
}
.recipe-meta__item a {
  font-weight: 400;
  text-decoration: none;
}
.recipe-meta__item dl {
  color: #444;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.recipe-meta__item dt,
.recipe-meta__item dd {
  display: inline-block;
  margin: 0;
}
.recipe-meta__item dd {
  font-weight: 400;
  margin-right: 0.5rem;
}
.recipe-meta__item dd:last-child {
  margin-right: 0;
}
.recipe-meta__item > :last-child {
  margin-right: 0.5rem;
}
.recipe-meta__item::after {
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 32.5em) {
  .recipe-meta__item--serves {
    float: left;
  }
}
.recipe-meta__item--serves::after {
  background: url(../../images/icon--cutlery.svg) no-repeat center;
}
.recipe-meta__item--time {
  display: inline-block;
}
.recipe-meta__item--time::after {
  background: #4f7729 url(../../images/icon--clock.svg) no-repeat center;
}
.recipe-meta__item--print {
  float: right;
  padding-top: 2px;
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .recipe-meta__item--print {
    display: none;
  }
}
.recipe-meta__item--print a {
  display: inline-block;
  padding-right: 2rem;
}
.recipe-meta__item--print > :last-child {
  margin-right: 0;
}
.recipe-meta__item--print::after {
  position: absolute;
  top: 2px;
  right: 0;
  background: url(../../images/icon--print.svg) no-repeat center;
  pointer-events: none;
}

.recipe {
  flex: 0 0;
  flex-basis: calc(33.33% - 40px);
  display: flex;
  flex-direction: column;
  margin: 0 20px 50px 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 63.9375em) {
  .recipe {
    flex: 0 0;
    flex-basis: calc(50% - 40px);
  }
}
@media screen and (max-width: 44.9375em) {
  .recipe {
    flex: 0 0;
    flex-basis: 100%;
    margin: 0 0 30px 0;
  }
  .recipe:last-of-type {
    margin-bottom: 0px;
  }
}
.recipe a {
  color: #33312e;
}
.recipe a:hover, .recipe a:active, .recipe a:focus {
  color: #4f7729;
}
.recipe__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 0px -20px;
  padding-top: 12px;
  width: calc(100% + 40px);
}
@media screen and (max-width: 44.9375em) {
  .recipe__list {
    width: 100%;
    margin: 0;
  }
}
.recipe__list--events {
  padding-top: 25px;
}
.recipe__desc {
  padding: 0 20px;
  margin-bottom: 10px;
}
.recipe__desc a {
  text-decoration: none;
}
.recipe__title {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 24px;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
}
.recipe__title a:not(.recipe__author) {
  text-decoration: none;
}
.recipe__label {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}
.recipe__label a {
  display: flex;
  align-items: center;
}
.recipe__label a:hover, .recipe__label a:active, .recipe__label a:focus {
  color: #4f7729;
}
.recipe__label-container {
  justify-content: flex-end;
  margin-bottom: 39px;
}
@media screen and (min-width: 64em) {
  .recipe__label-container .recipe__label:not(:last-of-type) {
    margin-right: 35px;
  }
}
@media screen and (max-width: 63.9375em) {
  .recipe__label-container {
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 29px;
  }
  .recipe__label-container .recipe__label {
    flex: 1 1;
    flex-basis: 50%;
    margin-bottom: 10px;
    padding-right: 10px;
  }
}
.recipe__label a {
  color: #33312e;
  text-decoration: none;
}
.recipe__label i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  background: #82af21;
  color: white;
  font-weight: 600;
  font-size: 19.86px;
  font-size: 0.993rem;
  line-height: 1.2084592145;
  font-style: normal;
  text-align: center;
  padding-top: 9px;
}
.filters .recipe__label i {
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 1.7142857143;
  padding-top: 4px;
}

.recipe__img {
  position: relative;
}
.recipe__img-labels {
  position: absolute;
  right: 6px;
  bottom: 15px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0;
}
.recipe__img-labels--bm {
  top: 20px;
  right: -7px;
  bottom: unset;
}
.recipe__img-labels .recipe__label {
  margin: 0 4px 5px 0;
}
.recipe__img .date-sticker {
  position: absolute;
  top: -31px;
  left: -31px;
}
@media screen and (max-width: 1480px) {
  .recipe__img .date-sticker {
    position: absolute;
    top: -16px;
    left: -10px;
  }
}
.recipe__img img {
  object-fit: contain;
  width: 100%;
}

/*------------------------------------*\
    #INFO-BLOCKS
\*------------------------------------*/
.info-block {
  margin: 0 0 1rem;
}
@media screen and (min-width: 45em) {
  .info-block {
    margin-bottom: 1.2rem;
  }
}
.info-block__item {
  padding-left: 35px;
  position: relative;
}
@media screen and (max-width: 32.4375em) {
  .info-block__item {
    margin: 0 0 1rem;
  }
  .info-block__item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 32.5em) {
  .info-block__item {
    float: left;
    width: 50%;
  }
}
.info-block__item::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (max-width: 32.4375em) {
  .info-block__item::before {
    top: -1px;
  }
}
@media screen and (min-width: 32.5em) {
  .info-block__item:nth-child(odd) {
    padding-right: 15px;
  }
}
@media screen and (min-width: 32.5em) {
  .info-block__item:nth-child(even) {
    padding-left: 45px;
  }
  .info-block__item:nth-child(even)::before {
    height: 32px;
    width: 32px;
    top: -3px;
  }
}
.info-block__item:only-child {
  padding-right: 0;
  width: 100%;
}
.info-block__item--address::before {
  background-image: url(../../images/icon--pin-green.svg);
}
.info-block__item--time::before {
  background-image: url(../../images/icon--clock-green.svg);
}
.info-block__item--train::before {
  background-image: url(../../images/icon--train.svg);
}
.info-block__item--underground::before {
  background-image: url(../../images/icon--tfl-green.svg);
}
.info-block__item--bus::before {
  background-image: url(../../images/icon--bus.svg);
}
.info-block__item--bike::before {
  background-image: url(../../images/icon--bicycle.svg);
}
.info-block__item--bike-docks::before {
  background-image: url(../../images/icon--bike-dock.svg);
}
.info-block__item--car::before {
  background-image: url(../../images/icon--car.svg);
}
.info-block__item--underground::before {
  background-size: contain;
}
.info-block .info-block__item--flush {
  padding-left: 0;
}
.info-block .info-block__item--flush > .info-block__heading {
  padding-left: 35px;
}
.info-block strong {
  font-weight: 400;
}
.info-block__heading {
  font-size: 0.8rem;
  margin: 0 0 0.6rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .info-block__heading {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 64em) {
  .info-block__heading {
    font-size: 1rem;
  }
}
.info-block__subheading {
  font-size: 0.8rem;
  font-weight: 300;
  margin: 0;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .info-block__subheading {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 64em) {
  .info-block__subheading {
    font-size: 1rem;
  }
}
.info-block__list-item {
  margin: 0 0 0.5rem;
}
.info-block__list-item:last-child {
  margin-bottom: 0;
}
.info-block__undergound-line {
  padding: 0 0 0 1.25rem;
  position: relative;
}
.info-block__undergound-line::before {
  position: absolute;
  top: 4px;
  left: 0;
  height: 0.75rem;
  width: 0.8rem;
  content: "";
}
.info-block__undergound-line--jubilee::before {
  background: #b0b0b0;
}
.info-block__undergound-line--northern::before {
  background: #000;
}
.info-block__times-table {
  font-size: 0.7rem;
  font-weight: 400;
  max-width: 33.75rem;
  width: 100%;
}
@media screen and (min-width: 30em) and (max-width: 44.9375em) {
  .info-block__times-table {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 45em) {
  .info-block__times-table {
    font-size: 0.9rem;
  }
}
.info-block__times-table td {
  border-bottom: 1px solid #e1dad0;
  padding: 5px 15px 5px 0;
  white-space: nowrap;
}
@media screen and (min-width: 22.5em) and (max-width: 29.9375em) {
  .info-block__times-table td {
    min-width: 34.7826086957%;
  }
}
@media screen and (min-width: 30em) {
  .info-block__times-table td {
    min-width: 8rem;
  }
}
@media screen and (min-width: 22.5em) and (max-width: 29.9375em) {
  .info-block__times-table td:first-child {
    min-width: 32.6086956522%;
  }
}
@media screen and (min-width: 30em) {
  .info-block__times-table td:first-child {
    min-width: 7.5rem;
  }
}
.info-block__times-table td:last-child {
  min-width: 0;
  padding-right: 0;
  width: 100%;
}
.info-block__times-table tr:last-child td {
  border-bottom: 0;
}
.info-block__icon-label {
  margin-left: -35px;
  padding: 0 0 0 35px;
  position: relative;
}
.info-block__icon-label::before {
  position: absolute;
  top: -2px;
  left: 0;
  height: 26px;
  width: 26px;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.info-block__icon-label--electric::before {
  background-image: url(../../images/icon--electric.svg);
}
@media screen and (min-width: 32.5em) {
  .info-block__offset {
    margin-left: -35px;
  }
}
.info-block__inner-column {
  margin: 0 0 1rem;
}
.info-block__inner-column:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 32.5em) {
  .info-block__inner-column {
    float: left;
    padding-left: 35px;
    width: 50%;
  }
  .info-block__inner-column:nth-child(odd) {
    padding-right: 15px;
  }
  .info-block__inner-column:nth-child(even) {
    padding-left: 45px;
  }
}
.info-block__inner-column--flush, .info-block__inner-column--flush:nth-child(even) {
  padding-left: 0;
}
.info-block__inner-column--flush:nth-child(odd) {
  padding-right: 30px;
}

.info-section {
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 45em) {
  .info-section {
    margin-bottom: 2rem;
  }
}
.info-section p {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 45em) {
  .info-section p {
    font-size: 0.9rem;
  }
}
.info-section p:last-child {
  margin-bottom: 0;
}
.info-section .info-block__detail {
  font-size: 0.7rem;
  font-weight: 400;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .info-section .info-block__detail {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 64em) {
  .info-section .info-block__detail {
    font-size: 0.8rem;
  }
}

/*------------------------------------*\
    #CONTENT-SECTIONS
\*------------------------------------*/
.content-section {
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .content-section {
    margin-bottom: 0.6rem;
  }
}
@media screen and (min-width: 64em) {
  .content-section {
    margin-bottom: 0.75rem;
  }
}
.content-section:last-child {
  margin: 0 0 1rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .content-section:last-child {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .content-section:last-child {
    margin-bottom: 2rem;
  }
}
.content-section h3 {
  color: #4f7729;
}
.content-section figure:not(.content-section__img) {
  float: left;
  margin: 0 15px 1.2rem 0;
  max-width: 40%;
  width: 8.15rem;
}
@media screen and (min-width: 45em) {
  .content-section figure:not(.content-section__img) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 54.375em) {
  .content-section figure:not(.content-section__img) {
    margin-left: -4.05rem;
  }
}
.content-section figure:not(.content-section__img) figcaption {
  font-size: 0.65rem;
  padding-top: 0.4rem;
}
@media screen and (min-width: 45em) {
  .content-section figure:not(.content-section__img) figcaption {
    font-size: 0.7rem;
    padding-top: 0.9rem;
  }
}
.content-section figure:not(.content-section__img) ~ * {
  overflow: hidden;
}
.content-section__body {
  font-size: 0.8rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .content-section__body {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 64em) {
  .content-section__body {
    font-size: 1rem;
  }
}
.content-section__body--center {
  margin: 0 auto;
  max-width: 33.75rem;
}
@media screen and (min-width: 64em) {
  .content-section__body--center {
    padding-top: 0.6rem;
  }
}
.content-section__body--columns {
  font-size: 0.8rem;
}
@media screen and (min-width: 64em) {
  .content-section__body--columns {
    font-size: 0.9rem;
  }
}
.content-section__body--columns h3 {
  font-size: 0.9rem;
  margin-bottom: 0.7rem;
}
@media screen and (min-width: 64em) {
  .content-section__body--columns h3 {
    font-size: 1rem;
  }
}
.section-heading + .content-section__body--columns {
  padding-top: 0.5rem;
}
@media screen and (min-width: 64em) {
  .section-heading + .content-section__body--columns {
    padding-top: 0.9rem;
  }
}
.content-section__img {
  margin: 0 0 0.8rem;
  text-align: center;
  padding: 0.5rem 0 0;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .content-section__img {
    margin-bottom: 1rem;
    padding-top: 0.6rem;
  }
}
@media screen and (min-width: 64em) {
  .content-section__img {
    margin-bottom: 1.2rem;
    padding-top: 0.75rem;
  }
}
.content-section__img > span {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
}
.content-section__img figcaption {
  color: #4f7729;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0.9rem 0 0;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .content-section__img figcaption {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 64em) {
  .content-section__img figcaption {
    font-size: 1rem;
  }
}

/*------------------------------------*\
    #INPAGE-NAV
\*------------------------------------*/
.inpage-nav {
  border-bottom: 3px solid #dfd4c0;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 0.75rem 0 0.8rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .inpage-nav {
    font-size: 0.8rem;
    padding: 1.05rem 0 1.1rem;
  }
}
.inpage-nav > *::after {
  height: 4px;
  width: 4px;
  background: #444;
  content: "";
  display: inline-block;
  margin: 0 8px 0 12px;
  transform: rotate(45deg);
  vertical-align: middle;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .inpage-nav > *::after {
    margin: 0 10px 0 14px;
  }
}
@media screen and (min-width: 64em) {
  .inpage-nav > *::after {
    margin: 0 14px 0 18px;
  }
}
.inpage-nav > *:last-child::after {
  display: none;
}
.inpage-nav a {
  text-decoration: none;
}
.hero + * .inpage-nav {
  margin-top: -1.5rem;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero + * .inpage-nav {
    margin-top: -2rem;
  }
}
@media screen and (min-width: 64em) {
  .hero + * .inpage-nav {
    margin-top: -3rem;
  }
}

/*------------------------------------*\
    #TABS-NAV
\*------------------------------------*/
.tabs {
  margin: 0 -20px;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.tabs-nav {
  padding: 0 0 26px;
  position: relative;
}
.hero + .tabs-nav {
  margin-top: -40px;
}
@media screen and (max-width: 63.9375em) {
  .hero + .tabs-nav {
    margin-top: -10px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero + .tabs-nav {
    margin-top: -120px;
  }
}
.tabs__item {
  margin: 8px 20px;
}
.tabs__item .btn-new {
  white-space: normal;
}

/*------------------------------------*\
    #BANDS
\*------------------------------------*/
.band {
  margin: 0 0 20px;
  position: relative;
  padding: 75px 0 45px;
}
@media screen and (min-width: 45em) {
  .band {
    margin-bottom: 55px;
    padding: 88px 0 70px;
  }
}
.band::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
}
.band::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
}

/*------------------------------------*\
    #FEED-BLOCK
\*------------------------------------*/
.feed-block {
  margin-bottom: 15px;
}
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .feed-block {
    float: left;
    padding-left: 10px;
    width: 50%;
  }
  .feed-block:nth-child(odd) {
    clear: left;
  }
  .feed-block.layout {
    box-sizing: content-box;
    width: 48.4693877551%;
  }
}
@media screen and (min-width: 64em) {
  .feed-block {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 32.5em) and (max-width: 37.4375em) {
  .feed-block__header {
    height: 1.8rem;
  }
}
@media screen and (min-width: 45em) and (max-width: 55.5625em) {
  .feed-block__header {
    height: 1.8rem;
  }
}
@media screen and (min-width: 45em) and (max-width: 55.5625em) {
  .layout.feed-block .feed-block__header {
    height: auto;
  }
}
.feed-block__item {
  margin: 0 0 10px;
}
.feed-block__item .media__body {
  padding-bottom: 10px;
}
.feed-block__item .custom-media__meta {
  position: relative;
  top: 10px;
  left: 0;
}
@media screen and (min-width: 64em) {
  .feed-block__item .custom-media__meta {
    color: white;
    position: absolute;
    top: 47px;
    left: 94px;
  }
  .feed-block__item .custom-media__meta:before {
    content: none;
  }
}
@media screen and (min-width: 64em) {
  .feed-block__item {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .feed-block--single {
    float: none;
    padding-left: 0;
  }
  .feed-block--single.layout {
    box-sizing: border-box;
    width: auto;
  }
  .feed-block--single > * {
    width: 50%;
  }
}

/*------------------------------------*\
    #FAQS-FEED
\*------------------------------------*/
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .faqs-feed__item {
    width: 50%;
  }
}
.faqs-feed__item > * {
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 1.2rem;
  padding: 1px 0 0 36px;
  position: relative;
}
@media screen and (max-width: 44.9375em) {
  .faqs-feed__item > * {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .faqs-feed__item > * {
    font-size: 0.9rem;
    margin-bottom: 1.4rem;
  }
}
@media screen and (min-width: 64em) {
  .faqs-feed__item > * {
    margin-bottom: 1.8rem;
  }
}
.faqs-feed__item > *::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background: #4f7729 url(../../images/icon--question-mark.svg) no-repeat center;
  border-radius: 50%;
  content: "";
}

/*------------------------------------*\
    #SECTION-MORE
\*------------------------------------*/
.section-more {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .section-more {
    margin-bottom: 30px;
  }
}
.section-more--right {
  text-align: right;
}
@media screen and (max-width: 63.9375em) {
  .section-more--double {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
}
@media screen and (min-width: 64em) {
  .section-more--double::after {
    clear: both;
    content: "";
    display: table;
  }
}
.section-more--double > .btn--prev {
  margin-right: 10px;
}
@media screen and (min-width: 64em) {
  .section-more--double > .btn--prev {
    float: left;
  }
}
@media screen and (min-width: 64em) {
  .section-more--double > .btn--next {
    float: right;
  }
}

/*------------------------------------*\
    #FORMS
\*------------------------------------*/
.form__field {
  color: #000;
  height: 2.45rem;
  padding: 0 48px 0 22px;
  width: 272px;
  display: flex;
  align-items: center;
  border: 2px solid;
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 48px;
}
@media screen and (min-width: 64em) {
  .form__field {
    font-size: 0.9rem;
    line-height: 1.2222222222;
  }
}
.form__field::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.form__field::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form__field:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form__field:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.form__field--textarea {
  height: auto;
  width: 100%;
}
.form__field--tall {
  height: 1.65rem;
  line-height: 1.4;
  padding-top: 5px;
  padding-bottom: 7px;
}
.form__field--tall:focus {
  padding-top: 4px;
  padding-bottom: 6px;
}
.box--newsletter__form .form__field--tall:focus {
  border-bottom: 0;
  box-shadow: inset 0 -2px 0 0 #000;
  padding-bottom: 7px;
}
@media screen and (min-width: 64em) {
  .form__field--tall {
    font-size: 0.9rem;
    height: 2.15rem;
    line-height: 1.3888888889;
    padding-top: 8px;
    padding-bottom: 10px;
  }
  .form__field--tall:focus {
    padding-top: 7px;
    padding-bottom: 9px;
  }
  .box--newsletter__form .form__field--tall:focus {
    border-bottom: 0;
    box-shadow: inset 0 -2px 0 0 #000;
    padding-bottom: 10px;
  }
}
.form__field--full {
  width: 100%;
}
.form__field--under {
  padding-right: 37px;
}
@media screen and (min-width: 64em) {
  .form__field--under {
    padding-right: 41px;
  }
}
.form__field.parsley-error {
  background-color: #e1d0d3;
  box-shadow: inset 0 -2px 0 0 #f34a4a;
}
.form__field.parsley-success {
  box-shadow: inset 0 -2px 0 0 #4f7729;
}
.form__label {
  font-size: 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 44.9375em) {
  .form__label {
    margin: 0 0 5px;
  }
}
@media screen and (min-width: 64em) {
  .form__label {
    font-size: 0.9rem;
  }
}
.form__label--inline {
  display: block;
}
@media screen and (min-width: 45em) {
  .form__label--inline {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    vertical-align: middle;
  }
}
.form__label--inline:last-child {
  margin-right: 0;
}
.form__label--fixed {
  font-weight: 300;
  margin-right: 0;
}
@media screen and (min-width: 45em) {
  .form__label--fixed {
    padding-top: 5px;
    vertical-align: top;
    width: 125px;
  }
}
@media screen and (min-width: 64em) {
  .form__label--fixed {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 45em) {
  .form__label--textarea {
    display: table-cell;
    padding-top: 5px;
    vertical-align: top;
    width: 130px;
  }
}
.form__label--block {
  color: #000;
  display: block;
  font-weight: 300;
  margin: 0 0 0.5rem;
}
.form__label--radio, .form__label--check {
  display: block;
  font-weight: 300;
  overflow: hidden;
  padding: 3px 0 0 15px;
}
@media screen and (min-width: 64em) {
  .form__label--small {
    font-size: 0.8rem;
  }
}
.form__field-wrapper--inline {
  display: inline-block;
  vertical-align: middle;
}
.form__field-wrapper--inline select {
  min-width: 12.25rem;
}
.form__field-wrapper--block {
  display: block;
}
.form__field-wrapper--block--text {
  max-width: 320px;
}
.form__field-wrapper--block--textarea {
  max-width: 490px;
}
@media screen and (max-width: 44.9375em) {
  .form__field-wrapper--textarea {
    width: 100%;
  }
}
@media screen and (min-width: 45em) {
  .form__field-wrapper--textarea {
    display: table-cell;
  }
}
@media screen and (min-width: 45em) {
  .form__field-wrapper--fixed-label-space {
    padding-left: 130px;
  }
}
.form__field-wrapper--select {
  cursor: pointer;
  max-width: 320px;
  overflow: hidden;
  padding-right: 0;
  position: relative;
}
.form__field-wrapper--select::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../../images/icon--circle-green-arrow-down.svg) no-repeat center left;
  content: "";
  pointer-events: none;
  width: 24px;
}
.form__field-wrapper--select > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #e1dad0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.4666666667;
  padding: 3px 30px 3px 10px;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .form__field-wrapper--select > select {
    font-size: 0.8rem;
    line-height: 1.375;
  }
}
.form__field-wrapper--select > select.parsley-error {
  background-color: #e1d0d3;
}
.form__field-wrapper--select > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form__field-wrapper--select > select::-ms-expand {
  display: none;
}
.form__field-wrapper--select--fixed {
  width: 188px;
}
.form__field-wrapper--select--fixed::after {
  background: url(../../images/icon--circle-green-arrow-down.svg) no-repeat center left;
}
.form__field-wrapper--select--fixed > select {
  border-radius: 2px;
  color: #444;
  font-weight: 400;
}
@media screen and (min-width: 64em) {
  .form__field-wrapper--select--fixed > select {
    font-size: 0.9rem;
    line-height: 1.2222222222;
  }
}
.form__field-wrapper--select--fixed > select:-moz-focusring {
  text-shadow: 0 0 0 #444;
}
.form__field-wrapper--radio {
  background-color: #cfc5b7;
  background-image: -webkit-linear-gradient(#cfc5b7, #e1dad0);
  background-image: linear-gradient(#cfc5b7, #e1dad0);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  position: relative;
}
.form__field-wrapper--radio > span {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  background: #d0c6b8;
  border-radius: 50%;
  cursor: pointer;
}
.form__field-wrapper--radio > input[type=radio] {
  visibility: hidden;
}
.form__field-wrapper--radio > input[type=radio]:checked + span {
  background: #4f7729;
}
.form__field-wrapper--check {
  background-color: #cfc5b7;
  background-image: -webkit-linear-gradient(#cfc5b7, #e1dad0);
  background-image: linear-gradient(#cfc5b7, #e1dad0);
  height: 30px;
  width: 30px;
  cursor: pointer;
  float: left;
  position: relative;
}
.form__field-wrapper--check > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.form__field-wrapper--check > input[type=checkbox] {
  visibility: hidden;
}
.form__field-wrapper--check > input[type=checkbox]:checked + span {
  background: url(../../images/icon--green-check.svg) no-repeat center;
}
.form__group--inline {
  display: inline-block;
}
@media screen and (min-width: 45em) {
  .form__group--inline {
    margin: 0 0.4rem 0 0;
    vertical-align: middle;
  }
}
.form__group--inline:last-child {
  margin-bottom: 12px;
}
@media screen and (max-width: 44.9375em) {
  .form__group--inline .form__field-wrapper:not(.form__field-wrapper--select) {
    float: left;
    padding: 0 6px 0 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .form__group--inline.form__group--buttons {
    margin: 0 0 2px -4px;
    vertical-align: bottom;
  }
}
.form__group--block {
  display: block;
  margin: 0 0 20px;
}
.form__group--block:last-child {
  margin-bottom: 0;
}
.form__group--buttons {
  text-align: right;
}
.form__group--buttons > *:not(:last-child) {
  margin-right: 10px;
}
.form__group--absolute {
  position: relative;
  margin: 0;
}
@media screen and (max-width: 44.9375em) {
  .form__group--absolute {
    display: block;
  }
}
.form__group--absolute > * {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-right: 6px;
  margin-bottom: 7px;
}
@media screen and (min-width: 64em) {
  .form__group--absolute > * {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 45em) {
  .form__group--textarea {
    display: table;
    width: 100%;
  }
}
.form__section {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-out;
  visibility: hidden;
}
.form__section.current {
  height: auto;
  opacity: 1;
  margin-left: -15px;
  padding: 50px 0 50px 15px;
  visibility: visible;
}
.form__sub-section {
  margin-left: -15px;
  padding: 25px 0 25px 15px;
}
.form__heading {
  font-size: 0.8rem;
}
@media screen and (min-width: 64em) {
  .form__heading {
    font-size: 0.9rem;
  }
}
.form__heading--flush {
  margin-bottom: 10px;
}
.form__intro {
  margin: 0 0 20px;
}
@media screen and (min-width: 64em) {
  .form__intro {
    margin-bottom: 40px;
  }
}
* + .form__intro {
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  * + .form__intro {
    margin-top: 40px;
  }
}
.form__intro p {
  color: #444;
  font-size: 0.8rem;
}
@media screen and (min-width: 64em) {
  .form__intro p {
    font-size: 0.9rem;
  }
}
.form__matrix th,
.form__matrix td {
  padding: 0 10px 10px 0;
}
@media screen and (min-width: 45em) {
  .form__matrix th,
.form__matrix td {
    padding-right: 20px;
  }
}
.form__matrix th:last-child,
.form__matrix td:last-child {
  padding-right: 0;
}
.form__matrix th {
  font-size: 0.7rem;
  font-weight: 300;
}
@media screen and (min-width: 45em) {
  .form__matrix th {
    font-size: 0.8rem;
  }
}
.form__matrix th:first-child {
  text-align: left;
}
@media screen and (min-width: 45em) {
  .form__matrix td {
    width: 55px;
  }
  .form__matrix td:last-child {
    width: 35px;
  }
}
.form__asterisk-element {
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .form__asterisk-element {
    padding-left: 15px;
  }
}
.form__asterisk {
  position: absolute;
  left: 0;
  color: #4f7729;
  font-weight: 700;
  position: absolute;
}
@media screen and (min-width: 64em) {
  .form__asterisk {
    left: -15px;
  }
}
@media screen and (max-width: 44.9375em) {
  .form--search {
    margin: 0 auto;
    max-width: 300px;
  }
}
.form--content-search {
  margin: 0 0 1rem;
}
@media screen and (min-width: 64em) {
  .form--content-search {
    margin-bottom: 2rem;
  }
}
.form--regular {
  padding: 15px 0 0;
}
.form--category-select {
  margin: 0 0 1.5rem;
}

@media screen and (max-width: 63.9375em) {
  .form--site-search__group {
    display: block;
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .form--site-search__group {
    margin-right: 0;
  }
}
.form--site-search__group:last-child .icon {
  display: block;
}
@media screen and (max-width: 63.9375em) {
  .form--site-search__group:last-child .icon {
    height: 21px;
    width: 21px;
  }
}
@media screen and (max-width: 44.9375em) {
  .form--site-search__group.form__group--inline .form--site-search__field-wrapper {
    float: none;
    padding: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .form--site-search__label {
    float: left;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 64em) {
  .form--site-search__label {
    box-sizing: content-box;
    cursor: pointer;
    margin-right: -37px;
    padding: 1px 37px 1px 0;
    position: relative;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .form--site-search__label > :first-child {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 0;
  }
}
.form--site-search__label > :last-child {
  display: none;
}
.form--site-search__field-wrapper {
  overflow: hidden;
  transition: all 0.75s ease-out;
  width: 0;
}
@media screen and (max-width: 63.9375em) {
  .form--site-search__field {
    padding: 5px 35px 5px 10px;
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .form--site-search.open .form--site-search__label {
    margin-right: 0;
    padding-right: 0;
  }
}
.form--site-search.open .form--site-search__label > :first-child {
  display: none;
}
.form--site-search.open .form--site-search__label > :last-child {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  height: 26px;
  width: 62px;
  background: url(../../images/cancel.svg) no-repeat center right;
  display: inline-block;
  line-height: 26px;
  margin: 0 12px 0 0;
  vertical-align: middle;
}
.form--site-search.open .form--site-search__field-wrapper {
  width: 400px;
}
@media screen and (max-width: 44.9375em) {
  .form--site-search.open .form--site-search__field-wrapper {
    width: calc(100vw - 145px);
  }
}

.parsley-errors-list {
  color: #f34a4a;
  font-size: 0.7rem;
}
.parsley-errors-list > * {
  padding: 0.65rem 0 0 1.25rem;
  position: relative;
}
.parsley-errors-list > *::before {
  position: absolute;
  top: 0.65rem;
  left: 0;
  height: 0.85rem;
  width: 0.85rem;
  background: #f34a4a url(../../images/icon--question-mark-small.svg) no-repeat center;
  border-radius: 50%;
  content: "";
}

.parsley-required {
  display: none !important;
}

.form__search {
  width: 100%;
  position: relative;
}
.form__search input {
  width: 100%;
}
.form__search-icon {
  content: "";
  text-indent: -99999px;
  border: 0;
  background: url(../../images/icon--search-green.svg) no-repeat center;
  width: 30px !important;
  height: 30px;
  display: block;
  position: absolute;
  top: 9px;
  right: 12px;
  cursor: pointer;
}

/*------------------------------------*\
    #TYPEAHEAD
\*------------------------------------*/
.twitter-typeahead {
  vertical-align: middle;
}

.tt-hint {
  color: #999;
}

.tt-menu {
  background: #fff;
  margin-top: 5px;
  width: 100%;
}

.tt-suggestion {
  font-size: 0.8rem;
  font-weight: 400;
  padding: 5px 10px;
}
.tt-suggestion.tt-cursor {
  background: #4f7729;
  color: #fff;
}

/*------------------------------------*\
    #PROGRESS METER
\*------------------------------------*/
.progress-meter {
  padding: 20px 0;
}
.progress-meter__percentage {
  font-size: 0.8rem;
  margin: 0 0 10px;
  text-align: center;
}
.progress-meter__bar {
  background: #e1dad0;
  border-radius: 7px;
  height: 15px;
  overflow: hidden;
}
.progress-meter__bar > * {
  background: #4f7729;
  display: block;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-out;
}

/*------------------------------------*\
    #MAPS
\*------------------------------------*/
.map img {
  width: 100%;
}
.map--interactive {
  margin: 0 0 50px;
}
@media screen and (min-width: 64em) {
  .map--interactive {
    margin-bottom: 70px;
  }
}
.map--interactive__wrapper {
  border: 1px solid #e1dad0;
  padding: 0 0 630px;
}
@media screen and (max-width: 44.9375em) {
  .map--interactive__wrapper {
    padding: 0 0 375px;
  }
}
.map__list {
  margin: 30px 0 15px 0;
  padding: 0;
  line-height: 40px;
  flex: 0 0 33%;
}
.map__list li * {
  text-decoration: none;
}
.map__list:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 44.9375em) {
  .map__list {
    flex: 0 0 100%;
    margin: 15px 0 15px 0;
  }
}
.map__list-heading {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 44.9375em) {
  .map__list-heading {
    margin-bottom: 5px;
  }
}
/*------------------------------------*\
    #GOOGLE MAP INFOWINDOW
\*------------------------------------*/
.infowindow-content__copy {
  padding: 10px 15px 0;
}
.infowindow-content__heading {
  font-family: "URW Clarendon W01", serif;
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0 0 4px;
}
.infowindow-content__heading a {
  display: block;
  padding: 0 20px 0 0;
  position: relative;
  text-decoration: none;
}
.infowindow-content__heading a::after {
  position: absolute;
  top: 1px;
  right: 0;
  height: 14px;
  width: 14px;
  background: url(../../images/icon--circle-green-arrow-right.svg) no-repeat center;
  background-size: 14px auto;
  content: "";
}
.infowindow-content__open {
  color: #444;
  font-family: "URW Clarendon W01", serif;
  font-size: 0.65rem;
  margin: 0;
}

/*------------------------------------*\
    #PAGE-HEADER
\*------------------------------------*/
@media screen and (max-width: 44.9375em) {
  .page-header {
    position: relative;
  }
}

/*------------------------------------*\
    #NOTIFICATION BAR
\*------------------------------------*/
.page-header__notification-bar {
  background: #22201d;
  color: #f9f1e3;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.6em;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  text-align: center;
  z-index: 150;
}
.page-header__notification-bar a {
  color: #78a22e;
  text-decoration: none;
}
.page-header__notification-bar p {
  margin: 0;
}
.page-header__notification-bar .btn-dismiss {
  margin-left: 8px;
  vertical-align: middle;
}

/*------------------------------------*\
    #PAGE-HEADER-BAND
\*------------------------------------*/
@media screen and (max-width: 63.9375em) {
  .page-header__band {
    position: relative;
    padding: 5px 0;
  }
}

/*------------------------------------*\
    #PAGE-HEADER-MAIN
\*------------------------------------*/
.page-header__main {
  margin-bottom: 35px;
  margin-top: 20px;
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .page-header__main {
    margin-bottom: 20px;
    margin-top: 0px;
  }
}

.site-logo {
  padding-left: 0;
  margin: 0 0 0 -7px;
  flex: 0 0;
  flex-basis: 210px;
  transition: all 0.5s ease-out;
}
.site-logo a {
  display: block;
}
.site-logo__icon--palm {
  padding: 10px 0 0 10px;
  margin-left: -3px;
  display: flex;
}
@media screen and (min-width: 64em) {
  .site-logo__icon--palm {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-logo__icon--desk {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-logo {
    flex: 0 0;
    flex-basis: auto;
    margin-left: -7px;
  }
}
@media screen and (max-width: 44.9375em) {
  .site-logo.fade {
    opacity: 0;
    visibility: hidden;
  }
}

.site-logo-online {
  flex: 0 0;
  flex-basis: 220px;
  text-align: right;
  margin-top: -30px;
  transform: translate(6px, 30px);
  padding: 10px 0;
}
@media screen and (max-width: 63.9375em) {
  .site-logo-online {
    position: absolute;
    top: 17px;
    left: 7px;
  }
}

/*------------------------------------*\
    #TODAY
\*------------------------------------*/
.today {
  font-size: 0.7rem;
  height: 1rem;
  line-height: 1.4285714286;
  position: relative;
  z-index: 1000;
  transition: all 0.25s ease-out;
}
@media screen and (min-width: 45em) {
  .today {
    font-size: 0.8rem;
    height: 1.4rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 63.9375em) {
  .today {
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 16px;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
.today__section {
  display: flex;
}
@media screen and (max-width: 63.9375em) {
  .today__section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 44.9375em) {
  .today__section:first-child {
    position: relative;
    z-index: 120;
  }
}
@media screen and (max-width: 44.9375em) {
  .today__section--extra {
    display: block;
    margin: 10px 0 0;
    padding: 0 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .today__section--extra::before {
    position: absolute;
    top: -5px;
    right: -10px;
    left: -10px;
    background: #22201d;
    border-top: 30px solid #33312e;
    box-sizing: content-box;
    content: "";
    height: 30px;
    z-index: 110;
  }
}
@media screen and (max-width: 44.9375em) {
  .today__section--extra > .today__item--market,
.today__section--extra > .today__item--extra {
    position: relative;
  }
}
@media screen and (max-width: 63.9375em) {
  .today__item--base {
    order: 2;
    margin-top: 5px;
    text-align: right;
    flex: 100%;
    transform: translateX(100%);
    transform-style: preserve-3d;
    visibility: hidden;
    transition: all 0.25s ease-out;
  }
  .today__item--base.open {
    transform: translateX(0);
    visibility: visible;
  }
}
.today__item--hours {
  font-weight: 400;
  padding: 0 0 0 23px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .today__item--hours {
    padding-left: 21px;
    margin: 0 5px 0 6px;
  }
}
@media screen and (max-width: 63.9375em) {
  .today__item--hours {
    margin-top: -6px;
  }
}
.today__item--hours::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  background: url(../../images/icon--clock-red.svg) no-repeat center;
  background-size: contain;
  content: "";
  width: 16px;
}
@media screen and (max-width: 44.9375em) {
  .today__item--details-trigger {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .today__item--details-trigger {
    margin: 0 15px 0 0;
  }
}
@media screen and (min-width: 64em) {
  .today__item--details-trigger {
    margin: 0 25px 0 0;
  }
}
.today__item--details-trigger * {
  display: inline-block;
}
.today a {
  color: #33312e;
}
.today a:hover, .today a:active, .today a:focus {
  color: #4f7729;
}

/*------------------------------------*\
    #TODAY-MODULE
\*------------------------------------*/
.today-module {
  position: absolute;
  top: 100%;
  transition: all 0.1s ease-out;
  transform-style: preserve-3d;
  visibility: hidden;
  z-index: 100;
}
@media screen and (max-width: 44.9375em) {
  .today-module {
    left: 0;
    margin: 5px -10px 0;
    right: 0;
    top: auto;
    transform: translateY(-100%);
  }
}
@media screen and (min-width: 45em) {
  .today-module {
    opacity: 0;
    transform: translateY(10px);
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .today-module {
    margin-top: 5px;
  }
}
@media screen and (min-width: 64em) {
  .today-module {
    margin-top: 6px;
  }
}
@media screen and (min-width: 45em) {
  .today-module::before {
    position: absolute;
    top: 0;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 11px solid #33312e;
    content: "";
    margin-left: -13px;
    transition: all 0.15s linear;
    transition-delay: 0.15s;
    transform: translateY(-10px);
    transform-style: preserve-3d;
  }
}
.today-module__wrapper {
  background: #22201d;
  padding: 20px 10px 38px;
}
@media screen and (min-width: 45em) {
  .today-module__wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.today-module__times-table {
  font-size: 0.7rem;
  margin: 0 auto 0.8rem;
  max-width: 360px;
  width: 100%;
}
.today-module__times-table td {
  padding: 0 5px;
}
@media screen and (max-width: 44.9375em) {
  .today-module__times-table td:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 44.9375em) {
  .today-module__times-table td:last-child {
    padding-right: 0;
  }
}
.today-module__times-table .current > * {
  color: #78a22e;
}
.today-module__cta {
  text-align: center;
}
.today-module__cta > *:not(:last-child) {
  margin: 0 0 0.5rem;
}
.today-module__cta .btn {
  background: #33312e;
  border-radius: 0;
  color: #f9f1e3;
  font-size: 0.65rem;
  line-height: 1.3846153846;
  max-width: 280px;
  padding: 6px 35px 6px 10px;
  position: relative;
  text-align: left;
  vertical-align: top;
}
.today-module__cta .btn:hover, .today-module__cta .btn:active, .today-module__cta .btn:focus {
  background-color: #4f7729;
}
.today-module__cta .btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../../images/icon--circle-green-small-arrow-right.svg) no-repeat center left;
  content: "";
  width: 25px;
}
.today-module__close {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  position: absolute;
  bottom: 11px;
  left: 50%;
  height: 0.9rem;
  width: 2.7rem;
  background: url(../../images/close.svg) no-repeat center;
  cursor: pointer;
  transform: translateX(-50%);
}
@media screen and (min-width: 45em) {
  .today-module--times {
    left: 40px;
    width: 360px;
  }
}
@media screen and (min-width: 45em) {
  .today-module--location {
    right: -114px;
    width: 242px;
  }
}
.today-module.open {
  /*    opacity: 1;
      transform: translateY(0);
      visibility: visible;*/
}
.today-module.open::before {
  transform: translateY(0);
}

/*------------------------------------*\
    #SOCIAL
\*------------------------------------*/
.social-networks {
  margin-top: 8px;
}
@media screen and (max-width: 44.9375em) {
  .social-networks {
    margin-right: 6px;
  }
}
.social-networks li,
.social-networks .icon {
  vertical-align: top;
}
.social-networks li {
  margin: 0 17px 0 0;
}
.social-networks > :last-child {
  margin-right: 0;
}
.social-networks svg:hover path, .social-networks svg:active path, .social-networks svg:focus path {
  fill: #82af21;
}

.social-share {
  padding: 10px 0;
}
@media screen and (min-width: 64em) {
  .social-share {
    padding-top: 20px;
  }
}
.social-share > * {
  margin: 0 2px 0 0;
}
.social-share > *:last-child {
  margin-right: 0;
}

/*------------------------------------*\
    #SITE-NAV
\*------------------------------------*/
.site-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-size: 1rem;
  line-height: 24px;
  justify-content: flex-start;
  margin-top: 3px;
}
@media screen and (min-width: 64em) {
  .site-nav {
    min-width: 943px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .site-nav {
    min-width: 830px;
    padding-right: 150px;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav {
    padding: 20px 0 0 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-width: unset;
    position: relative;
    margin-top: 0;
    z-index: 9999;
  }
}
.site-nav__list {
  list-style: none;
  margin: 0;
  max-width: 52.625rem;
  padding: 0;
  transition: all 0.25s ease-out;
  text-align: left;
  background: white;
  width: 100%;
  display: flex;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__list {
    position: absolute;
    top: -20px;
    right: -20px;
    max-width: 50%;
    padding-top: 148px;
    transform: translateX(100%);
    transform-style: preserve-3d;
    visibility: hidden;
    z-index: 100;
    border-bottom: 7px solid #82af21;
    box-shadow: 0px 7px 16.2px 1.8px rgba(51, 49, 46, 0.15);
    display: block;
  }
}
@media screen and (max-width: 44.9375em) {
  .site-nav__list {
    min-width: 300px;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav__list.open {
    transform: translateX(0);
    visibility: visible;
  }
}
@media screen and (min-width: 64em) {
  .site-nav__list.fade {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (min-width: 64em) {
  .lt-ie10 .site-nav__list {
    display: table;
    margin-right: 0;
    padding-right: 25px;
    width: 100%;
  }
}
.site-nav__item {
  display: flex;
  align-items: center;
  height: 38px;
  position: relative;
  justify-content: center;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .site-nav__item {
    margin: 0 -25px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
  .site-nav__item:hover, .site-nav__item:active, .site-nav__item:focus {
    overflow: visible;
  }
  .site-nav__item:hover > a, .site-nav__item:active > a, .site-nav__item:focus > a {
    color: #4f7729;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav__item {
    font-size: 20px;
    font-size: 1rem;
    line-height: 1.2;
    height: 58px;
    justify-content: left;
    padding: 0 20px 0 17px;
  }
}
.site-nav__item.open {
  overflow: visible;
}
.site-nav__item > a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #444;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__item > a {
    border-top: 4px dotted #c0c0c0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    text-decoration: none;
    padding: 0 8px;
  }
}
@media screen and (min-width: 64em) {
  .lt-ie10 .site-nav__item {
    display: table-cell;
  }
}
.site-nav__submenu {
  list-style: none;
  background: white;
  width: 100%;
  cursor: pointer;
  z-index: 10;
  max-height: 0;
  position: absolute;
  top: 38px;
  left: 0;
  box-shadow: 0px 7px 8.01px 0.99px rgba(0, 32, 39, 0.1);
  padding-top: 3px;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__submenu {
    border: 0;
    padding: 0;
    position: unset;
    overflow: hidden;
    transition: 0.75s max-height ease-in-out;
    box-shadow: unset;
  }
}
.site-nav__submenu.open {
  max-height: 500px;
}
.site-nav__submenu.open + .site-nav__item a {
  border-top: 0;
}
.site-nav__submenu-list {
  padding: 0 10px;
  margin: 0;
  border-bottom: 6px solid #8cac3f;
  transition: 0.5s max-height ease-in-out;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__submenu-list {
    padding: 0;
    border: 0;
  }
}
.site-nav__submenu-item {
  height: 50px;
}
.site-nav__submenu-item:not(:last-of-type) {
  border-bottom: 4px dotted #C0BFB8;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__submenu-item {
    background: #4f7729;
    padding-left: 53px;
  }
  .site-nav__submenu-item:not(:last-of-type) {
    border-bottom: 1px solid #fff;
  }
}
.site-nav__submenu-item > a {
  padding: 0 7px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #33312e;
}
.site-nav__submenu-item > a:hover, .site-nav__submenu-item > a:active, .site-nav__submenu-item > a:focus {
  color: #4f7729;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__submenu-item > a {
    color: #fff;
  }
}
.site-nav__trigger-list {
  display: none;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__trigger-list {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.3125;
    text-decoration: none;
    position: absolute;
    top: 13px;
    right: 0;
    vertical-align: middle;
  }
}
.site-nav__close {
  display: none;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__close {
    position: absolute;
    top: 30px;
    right: 12px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
    transition: all 0.1s ease-out;
    transition-delay: 0s;
    z-index: 101;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav__close.open {
    opacity: 1;
    transition-delay: 0.2s;
    visibility: visible;
  }
}
.site-nav__trigger-search {
  text-decoration: none;
  width: 36px;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__trigger-search {
    width: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav__trigger-search svg {
    width: 21px;
    height: 21px;
  }
}
@media screen and (min-width: 64em) {
  .site-nav__trigger-search svg:hover path, .site-nav__trigger-search svg:active path, .site-nav__trigger-search svg:focus path {
    fill: #33312e;
  }
}
.site-nav__search {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  transition: transform 0.75s ease-in-out;
}
.site-nav__search input {
  background: none;
  border: 0;
  padding-left: 10px;
  width: 100%;
}
.site-nav__right {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: -15px;
  padding-right: 30px;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__right {
    padding: 0;
    height: auto;
    justify-content: flex-end;
    position: absolute;
    top: -3px;
    right: 55px;
    transform: none;
  }
}
.site-nav__location {
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
}
@media screen and (max-width: 44.9375em) {
  .site-nav__location {
    height: 50px;
  }
}
@media screen and (max-width: 63.9375em) {
  .site-nav__location svg {
    width: 15px;
    height: 21px;
  }
}
.site-nav__location svg:hover path, .site-nav__location svg:active path, .site-nav__location svg:focus path {
  fill: #33312e;
}
@media screen and (max-width: 63.9375em) {
  .site-nav__location svg path {
    fill: #4f7729;
  }
}

.has-submenu {
  position: relative;
}
@media screen and (min-width: 64em) {
  .has-submenu:hover, .has-submenu:active, .has-submenu:focus {
    background: #4f7729;
  }
  .has-submenu:hover .site-nav__submenu, .has-submenu:active .site-nav__submenu, .has-submenu:focus .site-nav__submenu {
    max-height: 500px;
  }
  .has-submenu:hover > a, .has-submenu:active > a, .has-submenu:focus > a {
    color: white;
  }
}

/**
 * On smaller viewports, the nav is a 2x2 grid of links that lies perfectly
 * fluch with the top and bottom of the home link. On larger viewports, the
 * nav becomes a single row of links vertically centred to the logo, but
 * way over to the right.
 */
/*------------------------------------*\
    #HERO
\*------------------------------------*/
@media screen and (max-width: 32.4375em) {
  .hero--slices {
    height: 0;
    overflow: hidden;
    margin: 0 0 0.75rem;
    padding: 46.6666666667% 0 0;
    position: relative;
  }
}
@media screen and (max-width: 32.4375em) {
  .hero--slices > .wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media screen and (max-width: 44.9375em) {
  .hero-slices {
    margin-left: -6px;
  }
}
@media screen and (max-width: 32.4375em) {
  .hero-slices {
    margin-top: -20%;
  }
}
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .hero-slices {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 45em) {
  .hero-slices {
    margin-left: -14px;
    padding: 0 0 40px;
  }
}
.hero-slices__img {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 44.9375em) {
  .hero-slices__img {
    padding-left: 6px;
  }
}
@media screen and (max-width: 32.4375em) {
  .hero-slices__img {
    width: 25%;
  }
  .hero-slices__img:nth-child(n+5) {
    display: none;
  }
}
@media screen and (min-width: 32.5em) {
  .hero-slices__img {
    width: 12.5%;
  }
}
@media screen and (min-width: 45em) {
  .hero-slices__img {
    padding-left: 14px;
  }
}
.hero-slices__img::after {
  position: absolute;
  top: 100%;
  right: -1px;
  left: 13px;
  backface-visibility: hidden;
  background: #f9f1e3;
  border: 1px solid #f9f1e3;
  content: "";
  height: 100px;
}
@media screen and (max-width: 44.9375em) {
  .hero-slices__img::after {
    left: 5px;
  }
}
.hero-slices__img:nth-child(1)::after {
  transform: skewY(10deg);
  transform-origin: top right;
}
.hero-slices__img:nth-child(4)::after {
  transform: skewY(10deg);
  transform-origin: top right;
}
.hero-slices__img:nth-child(5)::after {
  transform: skewY(10deg);
  transform-origin: top right;
}
.hero-slices__img:nth-child(7)::after {
  transform: skewY(10deg);
  transform-origin: top right;
}
.hero-slices__img:nth-child(2)::after {
  transform: skewY(-10deg);
  transform-origin: top left;
}
.hero-slices__img:nth-child(3)::after {
  transform: skewY(-10deg);
  transform-origin: top left;
}
.hero-slices__img:nth-child(6)::after {
  transform: skewY(-10deg);
  transform-origin: top left;
}
.hero-slices__img:nth-child(8)::after {
  transform: skewY(-10deg);
  transform-origin: top left;
}

.hero-combo {
  height: 216px;
  line-height: 216px;
  margin: 0 0 30px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-combo {
    height: 316px;
    line-height: 316px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 64em) {
  .hero-combo {
    height: 416px;
    line-height: 416px;
    margin-bottom: 60px;
  }
}
.hero-combo__img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  min-width: 1444px;
  transform: translateX(-50%);
  width: 100%;
}
.hero-combo__img img {
  display: block;
  margin: 0 auto;
}
.hero-combo__body {
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.hero-combo__body > .wrapper {
  position: relative;
}
.hero-combo__heading {
  font-family: "monotype-grotesque", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-combo__heading {
    font-size: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .hero-combo__heading {
    font-size: 2.6rem;
  }
}
.hero-combo__heading--delimited::after {
  height: 3px;
  width: 55.7664233577%;
  background: #fff;
  content: "";
  display: block;
  margin: 8px auto;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-combo__heading--delimited::after {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 64em) {
  .hero-combo__heading--delimited::after {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.hero-combo__word-connector {
  font-family: "monotype-grotesque", sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-combo__word-connector {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .hero-combo__word-connector {
    font-size: 0.9rem;
  }
}
.hero-combo__subheading {
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 16px;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-combo__subheading {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .hero-combo__subheading {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}

/*------------------------------------*\
    #SIDEBAR
\*------------------------------------*/
@media screen and (min-width: 64em) {
  .sidebar {
    padding-top: 62px;
  }
}
.sidebar__item {
  margin: 0 0 1.4rem;
}
.sidebar__item p {
  font-size: 0.8125em;
}
@media screen and (min-width: 35em) and (max-width: 63.9375em) {
  .sidebar__item {
    width: 50%;
  }
}
@media screen and (min-width: 35em) and (max-width: 63.9375em) {
  .sidebar__item:nth-child(odd) {
    clear: left;
    padding-right: 15px;
  }
}
@media screen and (min-width: 35em) and (max-width: 63.9375em) {
  .sidebar__item:nth-child(even) {
    padding-left: 15px;
  }
}
.sidebar__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 35em) and (max-width: 63.9375em) {
  .sidebar__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}

/*------------------------------------*\
    #PAGE-FOOTER
\*------------------------------------*/
.page-footer {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 0;
  background-color: #4f6f19;
  color: #fff;
  padding: 85px 0 50px 0px;
  border-bottom: 15px solid #82af21;
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 20px;
}
@media screen and (min-width: 64em) {
  .page-footer {
    margin: 30px -30px 0;
    width: calc(100% + 30px);
  }
}
@media screen and (max-width: 63.9375em) {
  .page-footer {
    justify-content: center;
    padding: 65px 0 50px 0px;
    margin-top: 20px;
  }
}
.page-footer__item {
  height: 48px;
  white-space: nowrap;
}
@media screen and (max-width: 44.9375em) {
  .page-footer__item {
    height: 43px;
  }
}
.page-footer__item--title {
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 36px;
}
@media screen and (max-width: 44.9375em) {
  .page-footer__item--title {
    margin-bottom: 0;
  }
}
.page-footer__item--title a {
  padding: 10px;
}
@media screen and (max-width: 44.9375em) {
  .page-footer__item--address {
    margin-top: -11px;
  }
  .page-footer__item--address div {
    display: inline-block;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__item--charity {
    margin-bottom: 10px;
  }
}
.page-footer__col {
  flex-basis: 20%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(1) {
    order: 1;
  }
}
@media screen and (max-width: 44.9375em) and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(1) {
    padding-bottom: 23px;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(2) {
    order: 3;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(3) {
    order: 2;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(4) {
    order: 4;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col:nth-of-type(5) {
    order: 5;
    margin-top: -8px;
  }
}
@media screen and (max-width: 63.9375em) {
  .page-footer__col {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 44.9375em) {
  .page-footer__col {
    flex-basis: 100%;
  }
}
.page-footer__col a {
  color: white;
  text-decoration: none;
}
.page-footer__col a:hover, .page-footer__col a:active, .page-footer__col a:focus {
  color: #82af21;
}
@media screen and (min-width: 32.5em) and (max-width: 44.9375em) {
  .page-footer__col--address {
    float: left;
    width: 50%;
  }
}
.page-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 63.9375em) {
  .page-footer__links {
    margin-top: 8px;
  }
}

/*------------------------------------*\
    #OWL-CAROUSEL-THEME
\*------------------------------------*/
.owl-carousel {
  margin: 0 0 10px;
}
.owl-carousel .owl-item img {
  box-shadow: 0 3px 6px 0 #7d766b;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.owl-carousel--single .owl-stage {
  left: auto !important;
  right: auto !important;
  text-align: center;
  transform: none !important;
  width: auto !important;
}
.owl-carousel--single .owl-item.active {
  display: inline-block;
  float: none;
  width: 100%;
  height: auto;
}
.owl-carousel--single .owl-item.cloned {
  display: none !important;
}
.owl-carousel--single .owl-item img {
  width: 100%;
  box-shadow: unset;
}

.owl-stage {
  display: flex;
  justify-content: center;
}

.owl-stage-outer {
  padding: 40px 0;
}

.owl-nav {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 60px;
  left: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-nav [class*=owl-] {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  height: 44px;
  width: 44px;
  background: rgba(79, 119, 41, 0.7) url(../../images/icon--arrow.svg) no-repeat center;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  transform: translateY(-50%);
}
.owl-nav .owl-prev {
  left: 8px;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 45em) {
  .owl-nav .owl-prev {
    left: 20px;
  }
}
.owl-nav .owl-next {
  right: 8px;
}
@media screen and (min-width: 45em) {
  .owl-nav .owl-next {
    right: 20px;
  }
}
.owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-dots {
  margin-top: -4px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-dots .owl-dot {
  display: inline-block;
}
.owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  background: #dfd4c0;
  border-radius: 50%;
  display: block;
  margin: 4px;
  transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: #4f7729;
}

.owl-carousel:not(.owl-carousel--single) .owl-nav.disabled,
.owl-carousel:not(.owl-carousel--single) .owl-dots.disabled {
  display: block;
}

/*------------------------------------*\
    #MESSAGE POPUP
\*------------------------------------*/
.message-popup {
  background-color: #f9f1e3;
  height: calc(100vh - 110px);
  margin: 0 auto;
  max-height: 852px;
  max-width: 852px;
  overflow: scroll;
  padding: 55px 20px 30px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 45em) {
  .message-popup {
    height: calc(100vh - 130px);
    padding: 75px 55px 30px;
  }
}
.message-popup__logo {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 45em) {
  .message-popup__logo {
    margin-bottom: 38px;
  }
}
.message-popup__logo img {
  height: auto;
  max-width: 180px;
}
.message-popup__body {
  font-size: 18px;
}
.message-popup__body h2 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media screen and (min-width: 45em) {
  .message-popup__body h2 {
    font-size: 24px;
    margin-bottom: 7px;
  }
}
.message-popup__body p {
  margin-bottom: 6px;
}
.message-popup .mfp-close {
  font-size: 32px;
}

.newsletter {
  flex: 0 0;
  flex-basis: 220px;
}
.newsletter-block {
  padding: 15px 155px;
  border-bottom: 4px dotted #4f7729;
}
.newsletter-block__title {
  font-size: 54px;
  font-size: 2.7rem;
  line-height: 65px;
  font-family: "URW Clarendon W01", serif;
  font-weight: 600;
  color: #4f7729;
  margin-bottom: 33px;
}
.newsletter-block__content--narrow {
  max-width: 440px;
  margin: 0 auto;
}
.newsletter-block__cta {
  text-align: center;
  margin: 43px 0;
}
.newsletter-block__captcha {
  margin: 40px auto 32px auto;
}
.newsletter-block__captcha div {
  margin: 0 auto;
}
@media screen and (max-width: 63.9375em) {
  .newsletter-block__captcha {
    margin: 46px auto 46px auto;
  }
}
@media screen and (max-width: 44.9375em) {
  .newsletter-block__captcha {
    margin-top: 7px;
  }
}
.newsletter-block__input {
  border: 2px solid #444;
  height: 49px;
  display: flex;
  align-items: center;
  width: 80%;
  margin: 46px auto 40px auto;
  text-align: center;
  justify-content: center;
  font-family: "monotype-grotesque", sans-serif;
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 63.9375em) {
  .newsletter-block__input {
    margin: 46px auto 46px auto;
  }
}
@media screen and (max-width: 44.9375em) {
  .newsletter-block__input {
    margin-top: 7px;
    width: 100%;
  }
}
.newsletter-block__input::-webkit-input-placeholder {
  opacity: 1;
}
.newsletter-block__input::-moz-placeholder {
  opacity: 1;
}
.newsletter-block__input:-moz-placeholder {
  opacity: 1;
}
.newsletter-block__input:-ms-input-placeholder {
  opacity: 1;
}
.popup .newsletter-block__input {
  width: 100%;
  margin: 0 auto 20px auto;
}

.newsletter-trigger {
  color: #33312e;
  text-decoration: none;
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 44.9375em) {
  .newsletter-trigger {
    display: block;
    padding: 3px 18px 3px 0;
  }
}
.newsletter-trigger:hover, .newsletter-trigger:active, .newsletter-trigger:focus {
  color: #4f7729;
}
@media screen and (min-width: 45em) {
  .newsletter-trigger::after {
    content: ">";
    display: inline-block;
    margin: 0 0 0 7px;
  }
}
@media screen and (max-width: 44.9375em) {
  .newsletter.open {
    transform: translateX(0);
    visibility: visible;
  }
}

.hero-carousel {
  display: flex;
  align-items: flex-start;
  position: relative;
  list-style: none;
  height: 100%;
  margin: 0;
}
.hero-carousel--recipes {
  margin-bottom: 70px;
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel--recipes {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel--recipes {
    margin-bottom: 5px;
  }
}
.hero-carousel-container {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 70px;
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel-container {
    margin-bottom: 30px;
  }
}
.hero-carousel-container .tns-nav {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel-container .tns-nav {
    position: absolute;
    top: 280px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.hero-carousel-container .tns-liveregion {
  display: none;
}
.hero-carousel-container .tns-controls {
  display: none;
}
.hero-carousel-container .tns-nav {
  z-index: 1;
  height: 30px;
}
.hero-carousel-container .tns-nav button {
  margin: 0 7px;
  border-radius: 50%;
  width: 15px;
  height: 16px;
  padding: 0;
  border: 1px solid white;
  background: transparent;
  cursor: pointer;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel-container .tns-nav button {
    background: #fff;
  }
}
.hero-carousel-container .tns-nav button.tns-nav-active {
  background: #82af21;
  border: 1px solid #82af21;
}
.hero-carousel-container .tns-nav button:hover, .hero-carousel-container .tns-nav button:active, .hero-carousel-container .tns-nav button:focus {
  outline: none;
}
.hero-carousel__wrapper {
  overflow: hidden;
  max-height: calc(100% - 125px);
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__wrapper {
    height: auto;
    padding-bottom: 43px;
    border-bottom: 4px dotted #82af21;
  }
}
.hero-carousel__wrapper--big {
  overflow: hidden;
  max-height: calc(100% - 35px);
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__wrapper--big {
    height: auto;
  }
}
.hero-carousel__item {
  position: relative;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  height: auto;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item {
    display: flex;
    flex-direction: column;
  }
}
.hero-carousel__item-img-wrap {
  height: 436px;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item-img-wrap {
    height: 320px;
  }
}
.hero-carousel__item-img-wrap.compat-object-fit {
  background-size: cover;
  background-position: center center;
}
.hero-carousel__item-img-wrap.compat-object-fit img {
  opacity: 0;
}
.hero-carousel__item-title {
  font-size: 2.7rem;
  font-weight: 600;
  line-height: 60px;
  border-bottom: 4px dotted white;
  padding-bottom: 25px;
  letter-spacing: -0.025em;
  font-family: "monotype-grotesque-condensed", sans-serif;
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel__item-title {
    font-size: 36px;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item-title {
    font-size: 2.25rem;
    line-height: 50px;
    padding-bottom: 17px;
    color: #4f7729;
    border: 0;
  }
}
.hero-carousel--recipes .hero-carousel__item-title {
  padding-bottom: 40px;
  font-size: 36px;
  font-size: 1.8rem;
  line-height: 48px;
  letter-spacing: 0;
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel--recipes .hero-carousel__item-title {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel--recipes .hero-carousel__item-title {
    font-size: 45px;
    font-size: 2.25rem;
    line-height: 50px;
  }
}
.hero-carousel__item-desc {
  margin-bottom: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  font-size: 20px;
  font-size: 1rem;
  line-height: 30px;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item-desc {
    color: #444;
  }
}
.hero-carousel__item-cta {
  position: absolute;
  bottom: 80px;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item-cta {
    position: unset;
  }
}
.hero-carousel__item-cta a {
  padding-left: 38px;
  padding-right: 38px;
  background: #fff;
  color: #444;
}
.hero-carousel__item-cta a:hover, .hero-carousel__item-cta a:active, .hero-carousel__item-cta a:focus {
  background: #82af21;
  color: #fff;
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel__item-cta a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item-cta a {
    background: #444;
    background: #33312e;
    color: white;
    padding-left: 36px;
    padding-right: 48px;
  }
}
@media screen and (max-width: 63.9375em) {
  .hero-carousel--recipes .hero-carousel__item-cta a {
    padding: 11px 60px;
  }
}
.hero-carousel__item img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__item img {
    width: 100%;
  }
}
.hero-carousel__overlay {
  padding: 25px;
  color: white;
  background-color: rgba(51, 49, 46, 0.859);
  width: 31.4%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hero-carousel__overlay {
    width: 40%;
  }
  .hero-carousel--recipes .hero-carousel__overlay {
    padding-top: 35px;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__overlay {
    height: auto;
    width: 50%;
  }
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__overlay {
    opacity: 1;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    padding: 15px 0;
  }
}
.hero-carousel__author {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 24px;
  margin: 10px 0 20px 0;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__author {
    color: #33312e;
    margin-top: 25px;
  }
}
.hero-carousel__author a {
  padding: 0;
  color: white;
  position: unset !important;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__author a {
    color: #33312e;
    background: white;
  }
}
.hero-carousel__loader {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  background-color: #33312e;
  height: 436px;
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 44.9375em) {
  .hero-carousel__loader {
    height: 320px;
  }
}
.hero-carousel__loader.hide {
  opacity: 0;
  visibility: hidden;
}

.listing-carousel {
  display: flex;
  align-items: flex-start;
  margin: 0 0 50px 0;
  position: relative;
  list-style: none;
  max-height: 400px;
}
.listing-carousel__container {
  overflow: hidden;
  position: relative;
}
.listing-carousel__container .tns-liveregion {
  display: none;
}
.listing-carousel__container .tns-controls {
  display: none;
}
.listing-carousel__container .tns-nav {
  z-index: 1;
  height: 30px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.listing-carousel__container .tns-nav button {
  margin: 0 7px;
  border-radius: 50%;
  width: 15px;
  height: 16px;
  padding: 0;
  border: 0;
  background: #dfd4c0;
  cursor: pointer;
}
.listing-carousel__container .tns-nav button.tns-nav-active {
  background: #82af21;
}
.listing-carousel__container .tns-nav button:hover, .listing-carousel__container .tns-nav button:active, .listing-carousel__container .tns-nav button:focus {
  outline: none;
}
.listing-carousel__img {
  text-align: center;
  overflow: hidden;
}
.listing-carousel__img img {
  width: 100%;
  margin: 0 auto;
}
.listing-carousel__img.compat-object-fit {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.std-block {
  padding: 10px 155px 40px;
}
@media screen and (max-width: 63.9375em) {
  .std-block {
    padding: 20px 75px 20px 75px;
  }
}
@media screen and (max-width: 44.9375em) {
  .std-block {
    padding: 15px 0 20px 0;
  }
}
.std-block--wide {
  padding: 15px 0;
}
.std-block--newsletter {
  padding-bottom: 40px;
}
.std-block--newsletter ~ .section-border {
  margin-bottom: 40px;
}
@media screen and (max-width: 44.9375em) {
  .std-block--newsletter ~ .section-border {
    margin: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .std-block--opening-times {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 44.9375em) {
  .std-block--opening-times .std-block__content {
    padding: 0;
  }
}
.std-block--opening-times .std-block__cta {
  margin: 47px 0 40px;
}
.std-block__title {
  font-size: 54px;
  font-size: 2.7rem;
  line-height: 64px;
  font-weight: 600;
  color: #4f7729;
  margin-bottom: 38px;
  font-family: "monotype-grotesque-condensed", sans-serif;
}
@media screen and (max-width: 63.9375em) {
  .std-block__title {
    font-size: 45px;
    font-size: 2.25rem;
    line-height: 50px;
    margin-bottom: 25px;
  }
}
.std-block__title--feature {
  margin-top: 80px;
}
@media screen and (max-width: 63.9375em) {
  .std-block__title--feature {
    margin-top: 60px;
  }
}
@media screen and (max-width: 44.9375em) {
  .std-block__title--feature {
    margin-top: 32px;
  }
}
.std-block__title--sm-mb {
  margin-bottom: 20px;
}
@media screen and (max-width: 44.9375em) {
  .std-block__title--sm-mb {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 63.9375em) {
  .std-block--opening-times .std-block__title {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 63.9375em) {
  .std-block__content {
    font-size: 20px;
    font-size: 1rem;
    line-height: 30px;
  }
}
@media screen and (max-width: 44.9375em) {
  .std-block__content {
    padding: 0 10px;
  }
}
.std-block__content span {
  min-width: 105px;
}
.std-block__content--narrow {
  max-width: 440px;
  margin: -5px auto 0;
}
.std-block__cta {
  justify-content: center;
  text-align: center;
  margin: 43px 0 20px;
}
.std-block__cta button, .std-block__cta a {
  margin: 0 auto;
}
.std-block__cta a {
  display: inline-flex;
}
@media screen and (max-width: 63.9375em) {
  .std-block__cta {
    margin: 25px 0 15px;
  }
}
.std-block__remarks {
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 44.9375em) {
  .std-block__remarks {
    padding: 0 30px;
  }
}
.std-block__remarks a {
  color: #33312e;
}
.std-block__remarks a:hover {
  color: #4f7729;
}
.std-block--opening-times .std-block__remarks {
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 24px;
}
@media screen and (max-width: 63.9375em) {
  .std-block--opening-times .std-block__remarks {
    padding: 0 95px;
  }
}
@media screen and (max-width: 44.9375em) {
  .std-block--opening-times .std-block__remarks {
    padding: 0;
  }
}
.std-block__time-interval {
  width: 105px;
  text-align: left;
}
@media screen and (max-width: 44.9375em) {
  .std-block__time-interval {
    text-align: right;
  }
}

.section-border {
  border-top: 4px dotted #82af21;
  height: 4px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto 40px auto;
}
@media screen and (max-width: 44.9375em) {
  .section-border {
    margin: 0 auto 35px auto;
  }
}

.video {
  display: flex;
  margin-top: 25px;
  margin-bottom: -16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 63.9375em) {
  .video {
    margin-top: 10px;
    margin-bottom: 0px;
  }
}
.video__main {
  flex: 0 0;
  flex-basis: calc(100% - 460px);
  max-width: 54.375rem;
}
@media screen and (max-width: 63.9375em) {
  .video__main {
    flex-basis: calc(100% + 40px);
    margin: 0 -20px;
  }
}
.video__main-embed {
  width: 100%;
  height: auto;
}
.video__main-desc {
  background: #4f7729;
  color: white;
  width: 100%;
  min-height: 126px;
  font-size: 20px;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  margin-top: -5px;
  padding: 30px 15px;
}
.video__main-title {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 1.5;
  flex-basis: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.video__playlist {
  margin: 0 0 0 40px;
  display: flex;
  flex-direction: column;
  flex: 0 0;
}
@media screen and (max-width: 63.9375em) {
  .video__playlist {
    margin: 32px 0 -25px;
    flex-basis: 100%;
  }
}
.video__playlist-item {
  display: flex;
  margin-bottom: 32px;
  cursor: pointer;
  min-width: 420px;
}
@media screen and (max-width: 44.9375em) {
  .video__playlist-item {
    min-width: unset;
  }
}
.video__playlist-item:last-of-type {
  margin-bottom: 25px;
}
.video__playlist-item-details {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.video__playlist-item-title {
  font-size: 16px;
  font-size: 0.8rem;
  line-height: 24px;
  text-transform: uppercase;
  margin: -5px 0 7px 25px;
}
@media screen and (max-width: 44.9375em) {
  .video__playlist-item-title {
    margin: -5px 0 1px 15px;
  }
}
.video__playlist-item:hover .video__playlist-item-title {
  opacity: 0.75;
}
.video__playlist-item-desc {
  font-size: 20px;
  font-size: 1rem;
  line-height: 24px;
  margin: auto 0 auto 25px;
  --max-lines: 3;
  max-height: calc(24px * 3);
  overflow: hidden;
  padding-right: 15px;
}
@media screen and (max-width: 63.9375em) {
  .video__playlist-item-desc {
    max-height: calc(24px * 2);
  }
}
@media screen and (max-width: 44.9375em) {
  .video__playlist-item-desc {
    margin: auto 0 auto 15px;
    padding-right: 0;
  }
}
.video__playlist-item:hover .video__playlist-item-desc {
  opacity: 0.75;
}
.video__playlist-item-duration {
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 24px;
  color: #585654;
  margin: auto 0 -5px 25px;
}
@media screen and (max-width: 44.9375em) {
  .video__playlist-item-duration {
    margin: auto 0 -5px 15px;
  }
}
.video__playlist-item:hover .video__playlist-item-duration {
  opacity: 0.75;
}
.video__playlist-item-thumbnail {
  height: 124px;
  width: 220px;
}
@media screen and (max-width: 63.9375em) {
  .video__playlist-item-thumbnail {
    height: 105px;
    width: 185.85px;
  }
}
@media screen and (max-width: 400px) {
  .video__playlist-item-thumbnail {
    height: 85px;
    width: 150.45px;
  }
}
.video__playlist-item-thumbnail img {
  object-fit: cover;
}

.map-filters {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
}
@media screen and (max-width: 63.9375em) {
  .map-filters {
    display: block;
    background: white;
    width: 100%;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: 50px;
    left: 0;
    box-shadow: 0px 7px 8.01px 0.99px rgba(0, 32, 39, 0.1);
    padding-top: 3px;
  }
}
@media screen and (max-width: 63.9375em) and (max-width: 63.9375em) {
  .map-filters {
    padding: 0;
    overflow: hidden;
    transition: 0.75s max-height ease-in-out;
  }
}
@media screen and (max-width: 63.9375em) {
  .map-filters--recipes {
    padding-top: 20px;
  }
}
.map-filters .site-nav__list {
  visibility: visible !important;
}
.map-filters .btn-new {
  margin: 0 20px 10px;
  padding-left: 22px;
  padding-right: 22px;
  overflow: hidden;
  height: 50px;
}
.map-filters .btn-new:nth-of-type(3) {
  background: #ef7db0;
}
.map-filters .btn-new:nth-of-type(3):hover, .map-filters .btn-new:nth-of-type(3):active, .map-filters .btn-new:nth-of-type(3):focus {
  background: #a4616a;
}
.map-filters .btn-new:nth-of-type(1) {
  background: #b4ce4f;
}
.map-filters .btn-new:nth-of-type(1):hover, .map-filters .btn-new:nth-of-type(1):active, .map-filters .btn-new:nth-of-type(1):focus {
  background: #6ea142;
}
.map-filters .btn-new:nth-of-type(2) {
  background: #e69f51;
}
.map-filters .btn-new:nth-of-type(2):hover, .map-filters .btn-new:nth-of-type(2):active, .map-filters .btn-new:nth-of-type(2):focus {
  background: #9a7a3d;
}
.map-filters .btn-new:nth-of-type(4) {
  background: #b083cc;
}
.map-filters .btn-new:nth-of-type(4):hover, .map-filters .btn-new:nth-of-type(4):active, .map-filters .btn-new:nth-of-type(4):focus {
  background: #5c397a;
}
@media screen and (max-width: 63.9375em) {
  .map-filters .btn-new {
    height: 58px;
    color: #33312e;
    background-color: #fff;
    padding: 0 7px;
    margin-left: 0;
    border-bottom: 4px dotted #c0c0c0;
    width: 100%;
    justify-content: left;
    flex-wrap: wrap;
    overflow: visible;
  }
}
.map-filters .btn-new > a {
  padding: 0 7px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #33312e;
}
.map-filters .btn-new > a:hover, .map-filters .btn-new > a:active, .map-filters .btn-new > a:focus {
  color: #4f7729;
}
@media screen and (max-width: 63.9375em) {
  .map-filters .btn-new > a {
    color: #fff;
  }
}
@media screen and (max-width: 63.9375em) {
  .map-filters .btn-new {
    margin-bottom: 0;
  }
}
.map-filters .btn-new:hover, .map-filters .btn-new:active, .map-filters .btn-new:focus {
  background: #4f7729;
  overflow: visible;
}
.map-filters .btn-new.open {
  max-height: 1000px;
}
.map-filters .btn-new.open + .site-nav__item a {
  border-top: 0;
}
.map-filters .btn-new-list {
  padding: 0;
  margin: 0;
  border-bottom: 6px solid #8cac3f;
  transition: 0.5s max-height ease-in-out;
}
@media screen and (max-width: 63.9375em) {
  .map-filters .btn-new-list {
    padding: 0;
    border: 0;
    box-shadow: 0px 7px 8.01px 0.99px rgba(0, 32, 39, 0.1);
  }
}
.map-filters .btn-new.no-ml {
  margin-left: 0;
}
.map-filters .btn-new.has-submenu.open {
  overflow: hidden;
}
.map-filters__dropdown {
  padding: 25px 68px 10px 0;
  background: white;
  box-shadow: 0px 7px 8.01px 0.99px rgba(0, 32, 39, 0.1);
  border-bottom: 7px solid #82af21;
  color: #33312e;
  z-index: 1000;
  position: absolute;
  top: 49px;
  right: 0;
  text-transform: initial;
  display: flex;
  overflow: hidden;
  transition: all 0.25s ease-in;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .map-filters__dropdown {
    padding-right: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .map-filters__dropdown {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 44.9375em) {
  .map-filters__dropdown {
    padding-bottom: 0;
  }
}
.map-filters__dropdown.open {
  opacity: 1;
  visibility: visible;
}
.map-filters__container {
  margin: 0 -20px 40px -20px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .map-filters__container {
    margin: 0 0;
  }
}
.map-filters__container .form__search {
  margin: 0 20px;
  flex: 0 0;
  flex-basis: calc(33% - 20px);
}
@media screen and (max-width: 63.9375em) {
  .map-filters__container .form__search {
    margin: 0;
    flex: 0 0;
    flex-basis: 400px;
  }
}
@media screen and (max-width: 44.9375em) {
  .map-filters__container .form__search {
    flex: 0 0;
    flex-basis: 100%;
  }
}
.map-filters__container > li {
  position: relative;
}
.map-filters__trigger {
  display: flex;
  align-items: center;
  color: white;
  overflow: hidden;
}
@media screen and (max-width: 63.9375em) {
  .map-filters__trigger {
    padding: 0 55px 0 25px;
    background: #33312e;
    max-width: 420px;
    flex-wrap: wrap;
    margin: 30px 0;
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 20px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
  }
  .map-filters__trigger.open {
    overflow: visible;
  }
}
.map-filters__trigger.open {
  overflow: visible;
}
.map-filters__trigger .site-nav__submenu {
  top: 50px;
}
@media screen and (max-width: 63.9375em) {
  .map-filters__trigger .site-nav__submenu {
    position: unset;
  }
}
.map-filters__trigger .site-nav__list {
  left: 0;
  right: unset;
  transform: unset;
  top: 50px;
  padding-top: 0;
  min-width: unset;
  border: 0;
}
@media screen and (max-width: 63.9375em) {
  .map-filters__trigger .site-nav__list {
    position: unset;
    max-width: unset;
  }
}
.map-filters__trigger .site-nav__item {
  height: 50px;
}
.map-filters__trigger .site-nav__item:nth-of-type(3) {
  background: #ef7db0;
}
.map-filters__trigger .site-nav__item:nth-of-type(3):hover, .map-filters__trigger .site-nav__item:nth-of-type(3):active, .map-filters__trigger .site-nav__item:nth-of-type(3):focus {
  background: #a4616a;
}
.map-filters__trigger .site-nav__item:nth-of-type(1) {
  background: #b4ce4f;
}
.map-filters__trigger .site-nav__item:nth-of-type(1):hover, .map-filters__trigger .site-nav__item:nth-of-type(1):active, .map-filters__trigger .site-nav__item:nth-of-type(1):focus {
  background: #6ea142;
}
.map-filters__trigger .site-nav__item:nth-of-type(2) {
  background: #e69f51;
}
.map-filters__trigger .site-nav__item:nth-of-type(2):hover, .map-filters__trigger .site-nav__item:nth-of-type(2):active, .map-filters__trigger .site-nav__item:nth-of-type(2):focus {
  background: #9a7a3d;
}
.map-filters__trigger .site-nav__item:nth-of-type(4) {
  background: #b083cc;
}
.map-filters__trigger .site-nav__item:nth-of-type(4):hover, .map-filters__trigger .site-nav__item:nth-of-type(4):active, .map-filters__trigger .site-nav__item:nth-of-type(4):focus {
  background: #5c397a;
}
.map-filters__trigger .site-nav__item a {
  flex: 0 0;
  flex-basis: 100%;
  text-transform: capitalize;
  border: 0;
  color: #fff;
}
.map-filters__trigger:after {
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
}

@media screen and (max-width: 400px) {
  .filters__trigger {
    width: 100%;
    padding: 0 48px 0 20px;
  }
}
.filters {
  padding: 25px 0 10px 0;
  background: white;
  box-shadow: 0px 7px 8.01px 0.99px rgba(0, 32, 39, 0.1);
  border-bottom: 7px solid #82af21;
  color: #33312e;
  z-index: 1000;
  position: absolute;
  top: 49px;
  right: 0;
  white-space: nowrap;
  transition: all 0.25s ease-in;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-width: 100vw;
  flex-basis: 100%;
  text-transform: none;
}
@media screen and (max-width: 63.9375em) {
  .filters {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    right: unset;
    left: 0;
    min-width: 100%;
    width: auto;
    padding-bottom: 10px;
  }
}
.filters.open {
  opacity: 1;
  visibility: visible;
}
.filters__container {
  margin-bottom: 56px;
}
@media screen and (max-width: 63.9375em) {
  .filters__container {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.filters__container .btn-new {
  margin: 0 18px 10px;
  overflow: visible !important;
}
.filters__container .btn-new ~ .form__field {
  margin-right: 20px;
  margin-left: 18px;
  cursor: pointer;
}
@media screen and (max-width: 63.9375em) {
  .filters__container .btn-new ~ .form__field {
    margin-left: 20px;
  }
}
.filters__container .btn-new ~ .form__field:hover, .filters__container .btn-new ~ .form__field:active, .filters__container .btn-new ~ .form__field:focus {
  background: initial;
}
.filters__container .btn-new ~ .form__field:after {
  border-color: #4f7729 transparent transparent transparent;
}
.filters__container .btn-new.active {
  background: #82af21;
  color: white;
}
.filters__container > div:nth-of-type(1) {
  flex: 0 0;
  flex-basis: calc(33% - 20px);
  margin-right: 20px;
}
@media screen and (max-width: 63.9375em) {
  .filters__container > div:nth-of-type(1) {
    margin-left: 0;
    max-width: unset;
    flex: 0 0;
    flex-basis: calc(50% - 20px);
  }
}
@media screen and (max-width: 44.9375em) {
  .filters__container > div:nth-of-type(1) {
    flex: 0 0;
    flex-basis: 100%;
  }
}
.filters__container > div:nth-of-type(2) {
  flex: 1 1;
  margin: 0 -20px -10px;
  justify-content: flex-end;
}
@media screen and (max-width: 63.9375em) {
  .filters__container > div:nth-of-type(2) {
    flex-basis: 100%;
    margin: 30px -20px 0;
    justify-content: flex-start;
  }
}
.filters__list {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .filters__list {
    margin: 0 25px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .filters__list {
    width: 100%;
    height: 38px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    margin-right: 0;
    position: relative;
  }
  .filters__list:after {
    position: absolute;
    top: 12px;
    right: 15px;
    transform: translateY(-50%);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 10px 0 10px;
    border-color: #333138 transparent transparent transparent;
  }
  .filters__list.open:after {
    top: 6px;
    transform: rotateX(180deg);
  }
  .filters__list.open {
    height: auto;
  }
}
.filters__list:last-of-type {
  margin-bottom: 0;
}
.filters__list ~ .filters__list--no-title {
  margin-top: -12px;
  font-weight: 600;
}
.filters__list li {
  white-space: nowrap;
  display: flex;
  height: 47px;
  align-items: center;
  padding-right: 15px;
}
@media screen and (max-width: 63.9375em) {
  .filters__list li {
    padding-left: 45px;
  }
}
.filters__list li a {
  color: #33312e;
  text-decoration: none;
  font-size: 20px;
  font-size: 1rem;
  line-height: 1.2;
}
.filters__list li a:hover, .filters__list li a:active, .filters__list li a:focus {
  color: #4f7729;
}
.filters__list li a.active {
  color: #4f7729;
}
.filters__list--no-title {
  padding-left: 0px;
}
.filters__list--no-title li {
  padding-left: 0px;
}
@media screen and (max-width: 44.9375em) {
  .filters__list--no-title li {
    padding-left: 30px;
  }
}
.filters__heading {
  font-weight: 600;
  text-align: left;
  height: 35px;
  margin-bottom: 0;
}
@media screen and (max-width: 63.9375em) {
  .filters__heading {
    padding: 0 15px 0 30px;
    margin-bottom: 3px;
  }
}
.filters__heading a {
  text-decoration: none;
  display: flex;
  height: 100%;
}
.filters__trigger {
  position: relative;
  user-select: none;
}
.filters__trigger span {
  user-select: none;
}
@media screen and (max-width: 63.9375em) {
  .filters__trigger {
    padding: 13px 55px 13px 30px;
    margin-bottom: 0;
    text-align: left;
  }
}
.filters__trigger:hover, .filters__trigger:active, .filters__trigger:focus {
  background: #82af21;
  overflow: visible;
}
.filters__trigger:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
}

@media screen and (max-width: 400px) {
  .filters__trigger {
    width: 100%;
    padding: 13px 48px 13px 20px;
  }
}
.contingency {
  line-height: 28px;
  margin-bottom: 35px;
}
@media screen and (max-width: 63.9375em) {
  .contingency {
    margin-bottom: 25px;
  }
}
.contingency__title {
  margin-top: 12px;
  margin-bottom: 10px;
}
.contingency__title a {
  text-decoration: none;
}
.contingency__desc {
  margin-bottom: 0;
}
.contingency__img {
  margin-top: 58px;
  margin-bottom: 35px;
}
@media screen and (max-width: 44.9375em) {
  .contingency__img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .contingency__img img {
    height: 320px;
    object-fit: cover;
  }
}

.popup {
  visibility: hidden;
  opacity: 0;
  width: 393px;
  position: absolute;
  top: 275px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  transition: all 0.75s ease;
  background: rgba(255,255,255, 0.9);
  border-bottom: 15px solid #82af21;
}
@media screen and (max-width: 44.9375em) {
  .popup {
    width: calc(100% - 30px);
    max-width: 406px;
    position: absolute;
    top: 30%;
    left: 50%;
  }
}
.popup--opening-times {
  width: 610px;
}
@media screen and (max-width: 44.9375em) {
  .popup--opening-times {
    width: calc(100% - 30px);
  }
}
.popup.open {
  visibility: visible;
  opacity: 1;
}
.popup__heading {
  /*height: 59px;*/
  background: rgba(79, 119, 41,0.8);
  color: white;
  font-size: 30px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "monotype-grotesque-condensed", sans-serif;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 0 40px;
}
@media screen and (max-width: 44.9375em) {
  .popup__heading {
    font-size: 45px;
    font-size: 2.25rem;
    line-height: 1.0666666667;
    /*height: 118px;*/
  }
}
@media screen and (max-width: 400px) {
  .popup__heading {
    padding: 0 20px;
  }
}
.popup__close {
  border: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url(../../images/icon--close-white.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
.popup__body {
  font-size: 18px;
  font-size: 0.9rem;
  line-height: 24px;
  text-align: center;
  padding: 18px 30px 27px 30px;
}
@media screen and (max-width: 44.9375em) {
  .popup__body {
    padding: 24px 0 27px 0;
  }
}
.popup--opening-times .popup__body {
  padding: 26px 100px 0px 100px;
}
@media screen and (max-width: 44.9375em) {
  .popup--opening-times .popup__body {
    padding: 28px 0 13px 0;
  }
}

.popup__body-text {
  margin-bottom: 20px;
}
@media screen and (max-width: 44.9375em) {
  .popup__body-text {
    font-size: 20px;
    font-size: 1rem;
    line-height: 30px;
    padding: 0 15px;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 400px) {
  .popup__body-text {
    padding: 0 5px;
  }
}
.popup__remarks {
  text-align: center;
  padding: 0 30px;
  font-size: 14px;
  font-size: 0.7rem;
  line-height: 18px;
  margin-bottom: 25px;
}
.popup--opening-times .popup__remarks {
  margin-bottom: 17px;
  padding: 0;
}

@media screen and (max-width: 44.9375em) {
  .popup__remarks {
    padding: 0 30px;
    font-size: 14px;
    font-size: 0.7rem;
    line-height: 24px;
  }
}
@media screen and (max-width: 400px) {
  .popup__remarks {
    padding: 0 15px;
  }
}
.popup__remarks--no-pad {
  padding: 0;
}
.popup .btn-new {
  position: relative;
}

.click-and-collect {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1314px) {
  .click-and-collect {
    justify-content: center;
  }
}
.click-and-collect__img {
  margin-left: 5px;
}
@media screen and (max-width: 1314px) {
  .click-and-collect__img {
    flex-basis: 100%;
  }
}
.click-and-collect__btn {
  padding: 16px 16px;
  white-space: initial;
  background-color: #333138;
  color: white;
  margin: 48px 0 65px 0;
  text-transform: uppercase;
  text-align: center;
  max-width: 248px;
  text-decoration: none;
}
@media screen and (max-width: 1314px) {
  .click-and-collect__btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 63.9375em) {
  .click-and-collect__container {
    margin-top: 20px;
  }
}

.lds-ripple {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
}
.btnSubmitNewsletter .lds-ripple {
  width: 32px;
  height: 32px;
  visibility: hidden;
  opacity: 0;
}
.btnSubmitNewsletter .lds-ripple.show {
  visibility: visible;
  opacity: 1;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.btnSubmitNewsletter .lds-ripple div {
  animation: lds-ripple--small 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
@keyframes lds-ripple--small {
  0% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    opacity: 0;
  }
}
ul {
  list-style: none;
}

strong {
  font-weight: bold;
}

/**
 * #TRUMPS
 */
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.box:after,
.media:after,
.wrapper:after,
.box--newsletter:after,
.custom-media--side-by-side:after,
.sort-content:after,
.main-content > figure:after,
.trader-meta:after,
.recipe-meta:after,
.info-block:after,
.form__group--block:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken-
 * word format (e.g. `.u-2-of-3`). Use these in your markup:
 *
 * <div class="u-7/12">
 */
.u-1\/1 {
  width: 100% !important;
}

.u-1\/2 {
  width: 50% !important;
}

.u-1\/3 {
  width: 33.3333333333% !important;
}

.u-2\/3 {
  width: 66.6666666667% !important;
}

.u-1\/4 {
  width: 25% !important;
}

.u-2\/4 {
  width: 50% !important;
}

.u-3\/4 {
  width: 75% !important;
}

.u-1\/5 {
  width: 20% !important;
}

.u-2\/5 {
  width: 40% !important;
}

.u-3\/5 {
  width: 60% !important;
}

.u-4\/5 {
  width: 80% !important;
}

/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 44.9375em) {
  .u-1\/1-palm {
    width: 100% !important;
  }

  .u-1\/2-palm {
    width: 50% !important;
  }

  .u-1\/3-palm {
    width: 33.3333333333% !important;
  }

  .u-2\/3-palm {
    width: 66.6666666667% !important;
  }

  .u-1\/4-palm {
    width: 25% !important;
  }

  .u-2\/4-palm {
    width: 50% !important;
  }

  .u-3\/4-palm {
    width: 75% !important;
  }

  .u-1\/5-palm {
    width: 20% !important;
  }

  .u-2\/5-palm {
    width: 40% !important;
  }

  .u-3\/5-palm {
    width: 60% !important;
  }

  .u-4\/5-palm {
    width: 80% !important;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-1\/1-lap {
    width: 100% !important;
  }

  .u-1\/2-lap {
    width: 50% !important;
  }

  .u-1\/3-lap {
    width: 33.3333333333% !important;
  }

  .u-2\/3-lap {
    width: 66.6666666667% !important;
  }

  .u-1\/4-lap {
    width: 25% !important;
  }

  .u-2\/4-lap {
    width: 50% !important;
  }

  .u-3\/4-lap {
    width: 75% !important;
  }

  .u-1\/5-lap {
    width: 20% !important;
  }

  .u-2\/5-lap {
    width: 40% !important;
  }

  .u-3\/5-lap {
    width: 60% !important;
  }

  .u-4\/5-lap {
    width: 80% !important;
  }
}
@media screen and (min-width: 45em) {
  .u-1\/1-lap-and-up {
    width: 100% !important;
  }

  .u-1\/2-lap-and-up {
    width: 50% !important;
  }

  .u-1\/3-lap-and-up {
    width: 33.3333333333% !important;
  }

  .u-2\/3-lap-and-up {
    width: 66.6666666667% !important;
  }

  .u-1\/4-lap-and-up {
    width: 25% !important;
  }

  .u-2\/4-lap-and-up {
    width: 50% !important;
  }

  .u-3\/4-lap-and-up {
    width: 75% !important;
  }

  .u-1\/5-lap-and-up {
    width: 20% !important;
  }

  .u-2\/5-lap-and-up {
    width: 40% !important;
  }

  .u-3\/5-lap-and-up {
    width: 60% !important;
  }

  .u-4\/5-lap-and-up {
    width: 80% !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .u-1\/1-portable {
    width: 100% !important;
  }

  .u-1\/2-portable {
    width: 50% !important;
  }

  .u-1\/3-portable {
    width: 33.3333333333% !important;
  }

  .u-2\/3-portable {
    width: 66.6666666667% !important;
  }

  .u-1\/4-portable {
    width: 25% !important;
  }

  .u-2\/4-portable {
    width: 50% !important;
  }

  .u-3\/4-portable {
    width: 75% !important;
  }

  .u-1\/5-portable {
    width: 20% !important;
  }

  .u-2\/5-portable {
    width: 40% !important;
  }

  .u-3\/5-portable {
    width: 60% !important;
  }

  .u-4\/5-portable {
    width: 80% !important;
  }
}
@media screen and (min-width: 64em) {
  .u-1\/1-desk {
    width: 100% !important;
  }

  .u-1\/2-desk {
    width: 50% !important;
  }

  .u-1\/3-desk {
    width: 33.3333333333% !important;
  }

  .u-2\/3-desk {
    width: 66.6666666667% !important;
  }

  .u-1\/4-desk {
    width: 25% !important;
  }

  .u-2\/4-desk {
    width: 50% !important;
  }

  .u-3\/4-desk {
    width: 75% !important;
  }

  .u-1\/5-desk {
    width: 20% !important;
  }

  .u-2\/5-desk {
    width: 40% !important;
  }

  .u-3\/5-desk {
    width: 60% !important;
  }

  .u-4\/5-desk {
    width: 80% !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .u-1\/1-retina {
    width: 100% !important;
  }

  .u-1\/2-retina {
    width: 50% !important;
  }

  .u-1\/3-retina {
    width: 33.3333333333% !important;
  }

  .u-2\/3-retina {
    width: 66.6666666667% !important;
  }

  .u-1\/4-retina {
    width: 25% !important;
  }

  .u-2\/4-retina {
    width: 50% !important;
  }

  .u-3\/4-retina {
    width: 75% !important;
  }

  .u-1\/5-retina {
    width: 20% !important;
  }

  .u-2\/5-retina {
    width: 40% !important;
  }

  .u-3\/5-retina {
    width: 60% !important;
  }

  .u-4\/5-retina {
    width: 80% !important;
  }
}
/*------------------------------------*\
    #OFFSETS
\*------------------------------------*/
.offset--bottom {
  padding-bottom: 0;
}
.offset--bottom__item {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 45em) and (max-width: 55.8125em) {
  .offset--bottom__item {
    margin-bottom: -25.462962963%;
  }
}
@media screen and (min-width: 55.875em) and (max-width: 63.9375em) {
  .offset--bottom__item {
    margin-bottom: -220px;
  }
}
@media screen and (min-width: 64em) {
  .offset--bottom__item {
    margin-bottom: -240px;
  }
}
@media screen and (min-width: 45em) {
  .offset--over-top {
    padding-top: 40px;
  }
}
@media screen and (min-width: 45em) and (max-width: 55.8125em) {
  .offset--over-top__item {
    padding-top: 25.462962963%;
  }
}
@media screen and (min-width: 55.875em) and (max-width: 63.9375em) {
  .offset--over-top__item {
    padding-top: 220px;
  }
}
@media screen and (min-width: 64em) {
  .offset--over-top__item {
    padding-top: 240px;
  }
}

/*------------------------------------*\
    #STICKY-FOOTER
\*------------------------------------*/
body {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  min-height: 100vh;
}

main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.flex {
  display: flex;
}
.flex.spaced {
  justify-content: space-between;
}
.flex.al-center {
  align-items: center;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.to-right {
  margin-left: auto;
}
.flex.end {
  justify-content: flex-end;
}
.flex.full {
  width: 100%;
}

.center {
  text-align: center;
}

.bold {
  font-weight: 600;
}

.semibold {
  font-weight: 600;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-5 {
  margin-right: 5px;
}

.no-ml {
  margin-left: 0;
}

.required {
  position: relative;
}
.required:after {
  content: "*";
  position: absolute;
  right: -10px;
  top: 0px;
}

.uppercase {
  text-transform: uppercase;
}

ul.no-default-style {
  margin: 0;
  padding: 0;
}

.no-padding {
  padding: 0;
}

@media screen and (max-width: 44.9375em) {
  .no-padding-mob {
    padding: 0;
  }
}

/*------------------------------------*\
    #SHOW-HIDE
\*------------------------------------*/
.hide {
  display: none;
}

@media screen and (max-width: 44.9375em) {
  .hide-palm {
    display: none;
  }
}
@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .hide-lap {
    display: none;
  }
}
@media screen and (min-width: 45em) {
  .hide-lap-and-up {
    display: none;
  }
}
@media screen and (max-width: 63.9375em) {
  .hide-portable {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .hide-desk {
    display: none;
  }
}
@media screen and (max-width: 63.9375em) {
  .u-1\/4-portable {
    width: 25% !important;
  }

  .u-2\/4-portable {
    width: 50% !important;
  }

  .u-3\/4-portable {
    width: 75% !important;
  }
}
@media screen and (min-width: 45em) {
  .u-1\/6-lap-and-up {
    width: 16.6666666667% !important;
  }

  .u-2\/6-lap-and-up {
    width: 33.3333333333% !important;
  }

  .u-3\/6-lap-and-up {
    width: 50% !important;
  }

  .u-4\/6-lap-and-up {
    width: 66.6666666667% !important;
  }

  .u-5\/6-lap-and-up {
    width: 83.3333333333% !important;
  }

  .u-1\/8-lap-and-up {
    width: 12.5% !important;
  }

  .u-2\/8-lap-and-up {
    width: 25% !important;
  }

  .u-3\/8-lap-and-up {
    width: 37.5% !important;
  }

  .u-4\/8-lap-and-up {
    width: 50% !important;
  }

  .u-5\/8-lap-and-up {
    width: 62.5% !important;
  }

  .u-6\/8-lap-and-up {
    width: 75% !important;
  }

  .u-7\/8-lap-and-up {
    width: 87.5% !important;
  }
}
@media screen and (min-width: 64em) {
  .u-1\/6-desk {
    width: 16.6666666667% !important;
  }

  .u-2\/6-desk {
    width: 33.3333333333% !important;
  }

  .u-3\/6-desk {
    width: 50% !important;
  }

  .u-4\/6-desk {
    width: 66.6666666667% !important;
  }

  .u-5\/6-desk {
    width: 83.3333333333% !important;
  }

  .u-1\/8-desk {
    width: 12.5% !important;
  }

  .u-2\/8-desk {
    width: 25% !important;
  }

  .u-3\/8-desk {
    width: 37.5% !important;
  }

  .u-4\/8-desk {
    width: 50% !important;
  }

  .u-5\/8-desk {
    width: 62.5% !important;
  }

  .u-6\/8-desk {
    width: 75% !important;
  }

  .u-7\/8-desk {
    width: 87.5% !important;
  }
}

@media (max-width: 575px) {
  .only--desktop-and-tablet {
      display: none;
  }
}
@media (min-width: 576px) {
  .only--mobile {
    display: none;
  }
}

/**
 * #GLOBAL
 */

/*# sourceMappingURL=main.2019.css.map */