/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/
[class*=grid],
[class*=col-],
[class*=mobile-],
.grid:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*=col-] {
  float: left;
  min-height: 1px;
  padding-right: 20px; /* column-space */
}

[class*=col-] [class*=col-]:last-child {
  padding-right: 0;
}

.grid {
  width: 100%;
  max-width: 1140px;
  min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
  margin: 0 auto;
  /*overflow: hidden;*/
}

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

.grid-pad {
  padding-top: 20px;
  padding-left: 20px; /* grid-space to left */
  padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
  float: right;
}

/* Content Columns */
.col-1-1 {
  width: 100%;
}

.col-2-3, .col-8-12 {
  width: 66.66%;
}

.col-1-2, .col-6-12 {
  width: 50%;
}

.col-1-3, .col-4-12 {
  width: 33.33%;
}

.col-1-4, .col-3-12 {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6, .col-2-12 {
  width: 16.667%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-9 {
  width: 11.1%;
}

.col-1-10 {
  width: 10%;
}

.col-1-11 {
  width: 9.09%;
}

.col-1-12 {
  width: 8.33%;
}

/* Layout Columns */
.col-11-12 {
  width: 91.66%;
}

.col-10-12 {
  width: 83.333%;
}

.col-9-12 {
  width: 75%;
}

.col-5-12 {
  width: 41.66%;
}

.col-7-12 {
  width: 58.33%;
}

/* Pushing blocks */
.push-2-3, .push-8-12 {
  margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
  margin-left: 50%;
}

.push-1-3, .push-4-12 {
  margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6, .push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%;
}

@media handheld, only screen and (max-width: 768px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px; /* grid-space to left */
    padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }
  [class*=col-] {
    width: auto;
    float: none;
    margin: 10px 0;
    padding-left: 0;
    padding-right: 10px; /* column-space */
  }
  [class*=col-] [class*=col-] {
    padding-right: 0;
  }
  /* Mobile Layout */
  [class*=mobile-col-] {
    float: left;
    margin: 0 0 20px;
    padding-left: 0;
    padding-right: 10px; /* column-space */
    padding-bottom: 0;
  }
  .mobile-col-1-1 {
    width: 100%;
  }
  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }
  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }
  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }
  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }
  .mobile-col-1-5 {
    width: 20%;
  }
  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }
  .mobile-col-1-7 {
    width: 14.28%;
  }
  .mobile-col-1-8 {
    width: 12.5%;
  }
  .mobile-col-1-9 {
    width: 11.1%;
  }
  .mobile-col-1-10 {
    width: 10%;
  }
  .mobile-col-1-11 {
    width: 9.09%;
  }
  .mobile-col-1-12 {
    width: 8.33%;
  }
  /* Layout Columns */
  .mobile-col-11-12 {
    width: 91.66%;
  }
  .mobile-col-10-12 {
    width: 83.333%;
  }
  .mobile-col-9-12 {
    width: 75%;
  }
  .mobile-col-5-12 {
    width: 41.66%;
  }
  .mobile-col-7-12 {
    width: 58.33%;
  }
  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
/*****************
	CONFIGURATIONS TO SIMPLEGRID
******************/
.grid {
  max-width: 1280px;
  border: 1px solid red;
}

.grid-pad {
  padding-top: 76px;
  padding-left: 76px;
  padding-bottom: 76px;
  padding-right: 56px;
}

[class*=col-] {
  padding-right: 24px;
  border: 1px solid grey;
}

@media (max-width: 568px) {
  .mobile-col-1-2.xs,
  .mobile-col-10-12.xs,
  .mobile-col-2-3.xs,
  .mobile-col-1-3.xs {
    float: none;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .grid {
    border: 1px solid green;
  }
  .grid-pad {
    padding-top: 60px;
    padding-left: 20px;
    padding-bottom: 60px;
    padding-right: 0px;
  }
  [class*=col-] {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .grid {
    border: 1px solid blue;
  }
  .grid-pad {
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 50px;
    padding-right: 0px;
  }
  [class*=col-] {
    padding-right: 20px;
    margin: 0;
  }
  [class*=mobile-col-] {
    padding-right: 20px;
    margin: 0;
  }
}
@media (max-width: 568px) {
  .grid-pad {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 40px;
    padding-right: 0px;
  }
}
/*
@media (max-width: 768px){
	.grid-pad{padding-top: 40px; padding-left: 30px; padding-bottom: 30px;}
	[class*='col-'] {padding-right: 30px;}
	//.mobile-col-1-1{margin-bottom: 10px;}
}

@media (max-width: 568px){
	.grid-pad{padding-top: 40px; padding-left: 20px; padding-bottom: 20px;}
	[class*='col-'] {padding-right: 20px;}
}
*/
/**************
	VARIABLES
***************/
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-Bold.woff2") format("woff2"), url("/assets/fonts/CrimsonText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-Regular.woff2") format("woff2"), url("/assets/fonts/CrimsonText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-BoldItalic.woff2") format("woff2"), url("/assets/fonts/CrimsonText-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-SemiBold.woff2") format("woff2"), url("/assets/fonts/CrimsonText-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-Italic.woff2") format("woff2"), url("/assets/fonts/CrimsonText-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url("/assets/fonts/CrimsonText-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/CrimsonText-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fjalla One";
  src: url("/assets/fonts/FjallaOne-Regular.woff2") format("woff2"), url("/assets/fonts/FjallaOne-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Condensed";
  src: url("/assets/fonts/FiraSansCondensed-Regular.woff2") format("woff2"), url("/assets/fonts/FiraSansCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**************
	TYPOGRAPHY
***************/
.title--1 {
  font-family: "Fjalla One", sans-serif;
  font-size: 2.4rem;
  line-height: 1.5;
}

.title--2 {
  font-family: "Fjalla One", sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
}

.display--1 {
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 5.4rem;
}

.display--2 {
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 4.8rem;
  line-height: 1.2;
}

.display--3 {
  font-family: "Crimson Text", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 3.4rem;
}

.flavour--1 {
  font-size: 2.4rem;
}

.caption--1 {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
}

.caption--2 {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
}

.instructional {
  font-style: italic;
  line-height: 1.3;
  color: rgba(33, 33, 33, 0.8);
  margin: 10px 0px;
}

.small-print {
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .display--1 {
    font-size: 5rem;
  }
  .display--2 {
    font-size: 4.4rem;
  }
  .display--3 {
    font-size: 3rem;
  }
  .flavour--1 {
    font-size: 2rem;
  }
}
@media (max-width: 568px) {
  .display--1 {
    font-size: 3.8rem;
  }
  .display--2 {
    font-size: 3rem;
  }
  .display--3 {
    font-size: 2.8rem;
  }
  .flavour--1 {
    font-size: 1.9rem;
  }
}
/**************
	BUTTONS
***************/
.btn {
  background: none;
  border: none;
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 14px;
  line-height: 44px;
  min-width: 100px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  text-decoration: none;
}

.btn svg {
  margin-left: 6px;
}

.btn__ghost--red {
  padding: 10px 20px;
  color: #800000;
  border: 2px solid #800000;
}

.btn__ghost--red:hover {
  background: rgba(128, 0, 0, 0.7);
  color: #ffffff !important;
}

.btn__ghost--red:active,
.btn__ghost--red.active {
  background: #800000;
  color: #ffffff !important;
}

.btn__ghost--white {
  padding: 2px 14px;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.btn__ghost--white:hover {
  background: #ffffff;
  color: #005500;
}

.btn--red {
  font-size: 1.6rem;
  background: rgba(128, 0, 0, 0.7);
  color: #ffffff;
}

.btn--red:hover {
  background: #800000;
}

.btn--red:active {
  color: #ffffff;
  background: #800000;
}

.btn--red--inactive {
  opacity: 0.2;
}

.btn--red--active {
  background: #800000;
}

.btn--red-2 {
  background: rgba(128, 0, 0, 0.7);
  color: #ffffff;
}

.btn--red-2:active, .btn--red-2:active {
  color: #ffffff;
  background: #800000;
}

.btn--white {
  font-size: 1.6rem;
  background: rgba(255, 255, 255, 0.9);
  color: #800000;
}

.btn--white:hover {
  background: #ffffff;
}

.btn--gold {
  background: rgba(236, 232, 216, 0.7);
  border: 1px solid rgba(236, 232, 216, 0.2);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.btn--full {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.btn--inline {
  display: inline;
}

.btn-tag--small {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.4rem;
  text-transform: none;
  letter-spacing: 0.4px;
  color: #212121;
  font-weight: 400;
  padding: 4px 12px;
  line-height: normal;
  background: rgba(128, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.btn-tag--large {
  text-transform: none;
  color: #212121;
  padding: inherit 24px;
  background: rgba(128, 0, 0, 0.2);
}

.btn-tag--large:hover,
.btn-tag--large.active {
  color: #ffffff;
  background: #800000;
}

.btn--back {
  margin-bottom: 60px;
}

.btn--back svg {
  margin-left: 0px;
  margin-right: 6px;
}

.btn--back-bottom {
  margin-top: 60px;
}

.btn--disabled {
  opacity: 50%;
}

/********************
GLOBAL
********************/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

.grid, [class*=col-] {
  border: none;
}

body {
  background: #ffffff;
  font-size: 1.85em;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
}

[data-ember-action]:not(:disabled) {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #212121;
}

p, address {
  line-height: 1.4;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

p a {
  text-decoration: underline;
}

span {
  line-height: 1.4;
}

sup {
  font-size: 1.2rem;
  vertical-align: super;
}

small {
  font-size: 1.4rem;
}

/*** HEADER ***/
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo img {
  width: 100px;
  height: 100px;
  display: block;
}

.header-top_links {
  float: right;
}

header h1 {
  font-family: "Fjalla One", sans-serif;
  font-size: 2.6rem;
  text-transform: uppercase;
  margin-right: auto;
  margin-left: 20px;
  color: #800000;
}

header h1 span {
  font-family: "Crimson Text", serif;
  font-size: 1.4rem;
  display: block;
}

nav {
  padding: 26px 0px 24px 0px;
  float: right;
}

nav ul {
  display: flex;
}

nav ul a, .header-top_links a {
  margin-right: 14px;
  font-family: "Fjalla One", sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.02em;
}

nav ul a {
  border-bottom: 2px solid transparent;
}

nav ul li:last-child a, .header-top_links a:last-child {
  margin-right: 0px;
}

nav ul a:hover, .header-top_links a:hover {
  border-bottom: 2px solid #800000;
  color: #800000;
  cursor: pointer;
}

nav ul a:visited {
  color: #212121;
}

nav ul a.active {
  color: #800000;
  border-bottom: 2px solid #800000;
}

.mobile-menu-btn {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  font-family: "Fjalla One", sans-serif;
  color: #212121;
  font-size: 1.6rem;
  display: none;
  text-transform: uppercase;
}

.mobile-menu-btn svg {
  margin-right: 6px;
  font-size: 18px;
}

.xs-only {
  display: none;
}

@media (max-width: 768px) {
  nav {
    text-align: center;
    float: none;
    padding: 0px;
  }
  .mobile-menu-btn {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 70px;
  }
  header h1 {
    font-size: 2.2rem;
    margin-left: 0px;
  }
  nav ul {
    flex-direction: column;
    display: none;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  nav li {
    margin: 15px 0px;
    text-align: center;
  }
  nav ul li a {
    margin-right: 0px;
  }
  .nav-mobile--visible {
    display: block;
  }
}
@media (max-width: 568px) {
  .logo {
    margin-left: 0px;
  }
  .logo img {
    width: 90px;
    height: 90px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: -10px;
  }
  header h1 {
    font-size: 2rem;
    margin-left: 0px;
  }
  header h1 span {
    font-size: 1.1rem;
  }
}
@media (max-width: 500px) {
  header h1 {
    font-size: 1.8rem;
  }
  header .logo {
    margin-left: auto;
  }
  .header-top_links {
    float: none;
    display: none;
  }
  .xs-only {
    display: block;
  }
}
@media (max-width: 360px) {
  header .grid-pad {
    padding-left: 10px;
  }
  header h1 span {
    font-size: 1rem;
  }
}
/*** FOOTER ***/
footer {
  background: linear-gradient(180deg, #005500 0%, #0E380E 100%);
  color: #ffffff;
  position: relative;
}

footer a {
  color: #ffffff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

.footer__wrapper {
  display: flex;
}

.footer__logo img {
  margin: 0 auto;
  width: 100%;
  max-width: 217px;
  height: auto;
  display: block;
}

footer nav a {
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 10px;
}

footer nav a.active {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}

footer nav a:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 2px solid #ffffff;
}

footer nav a:visited {
  color: #ffffff;
}

.footer__content {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
}

.footer__content--top-row {
  padding-bottom: 26px;
  display: flex;
  align-items: center;
}

.footer__content--top-row .title--2 {
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer__content--bottom-row {
  border-top: 1px solid #ffffff;
  width: 100%;
}

.footer__content--bottom-row ul {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}

.footer__content--bottom-row li {
  margin: 10px 14px;
}

.footer__socials {
  display: flex;
  align-items: flex-start;
}

.social {
  margin-right: 10px;
}

.social svg {
  height: 18px;
  display: inline-block;
}

.social img {
  width: 17px;
  height: auto;
  display: inline-block;
}

.jump-to-top {
  position: absolute;
  top: 40px;
  right: 0px;
  padding: 14px;
  font-size: 14px;
  background: #800000;
  display: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 0px 0px 2px #444444;
}

@media (max-width: 768px) {
  .jump-to-top {
    display: block;
  }
  .footer__logo {
    max-width: 160px;
    height: auto;
    margin: 20px auto;
  }
  .footer__wrapper, .footer__content--top-row {
    flex-direction: column;
    text-align: center;
  }
  .footer__content--bottom-row ul {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
  .footer__content--bottom-row li {
    display: inline-block;
    margin-bottom: 10px;
  }
  .footer__socials {
    margin-top: 20px;
    justify-content: center;
  }
}
@media (max-width: 568px) {
  .social:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}
/*** SECTIONS ***/
section h2 {
  margin-bottom: 40px;
}

/**************
	COMPONENTS
***************/
section h2 {
  margin-top: 40px;
}

/*** PAGE HERO ***/
.page-hero {
  background: #005500;
  display: flex;
  align-items: center;
  min-height: 340px;
  color: #ffffff;
  z-index: 1000;
}

.page-hero h1 {
  color: #ffffff;
}

.page-hero p {
  margin: 12px 0px;
}

.page-hero .btn__ghost--white {
  margin-top: 20px;
}

@media (max-width: 568px) {
  .page-hero {
    min-height: 200px;
  }
}
/*** FORM ***/
input, select, textarea {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-size: 1.8rem;
  padding: 0px 12px;
  background: rgba(236, 232, 216, 0.7);
  border: 1px solid rgba(236, 232, 216, 0.7);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

textarea {
  line-height: 1.2;
  padding: 10px;
}

.form-input {
  line-height: 44px;
}

.form-input--search {
  min-width: 280px;
}

.form-input--number {
  width: 100px;
  margin-left: 20px;
}

.form-legend {
  padding: 5px;
  font-size: 2rem;
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-select {
  min-width: 280px;
  height: 44px;
  background: #ffffff;
  border: 1px solid rgba(128, 0, 0, 0.7);
}

.form--inline {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.form--inline * {
  margin-right: 12px;
}

.form--inline *:last-child {
  margin-right: 0px;
}

.form-label {
  display: block;
  font-size: 1.8rem;
  line-height: 1.2;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

.form--full {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

form fieldset, .fieldset {
  margin-bottom: 20px;
}

.form-header {
  margin-top: 20px;
}

.form-header--border {
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
}

.form-input--checkbox {
  margin-left: -20px;
}

.form__message {
  margin: 40px 0px;
  background: rgba(236, 232, 216, 0.2);
  border: 1px solid #ece8d8;
  padding: 40px 20px;
  text-align: center;
}

.form__message svg {
  font-size: 40px;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.form__message--success svg {
  color: #005500;
}

.form__message--error svg {
  color: #800000;
}

.ember-power-select-trigger {
  width: 100%;
  max-width: 280px;
}

@media (max-width: 768px) {
  form fieldset.mobile-col-1-1 {
    margin-bottom: 20px;
  }
  .form--inline {
    display: block;
  }
  .form--inline label {
    display: block;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .form--inline {
    display: flex;
    flex-direction: column;
  }
  .form--inline input {
    margin-bottom: 8px;
    display: block;
    min-width: 0px;
    width: 100%;
    margin-right: 0px;
    box-sizing: border-box;
  }
  .form--inline .btn {
    display: block;
    width: 100%;
    max-width: 480px;
  }
  .ember-power-select-trigger {
    max-width: none;
    box-sizing: border-box;
  }
}
/*** PAGINATION  ***/
.pagination button {
  min-width: 44px;
  width: 44px !important;
}

.pagination button svg {
  margin-left: 0px;
}

.pagination span {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-size: 1.5rem;
  display: block;
  margin-top: 8px;
  font-style: italic;
}

.pagination--right {
  text-align: right;
}

.pagination--center {
  text-align: center;
}

/*** FIGURE ***/
figure {
  background: #ece8d8;
  position: relative;
  display: block;
}

figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

figure figcaption {
  position: absolute;
  bottom: 0px;
  background: rgba(236, 232, 216, 0.8);
  padding: 5px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.figure--1 {
  max-width: 360px;
  height: 240px;
  margin-right: 20px;
}

.figure--2 {
  width: 100%;
  max-width: 380px;
  height: 420px;
}

.figure--3 {
  width: 72px;
  height: 58px;
}

.figure--3 img {
  height: 58px;
  object-position: center;
}

.figure--4 {
  max-width: 264px;
  height: 264px;
}

.figure--5 {
  width: 100%;
  max-width: 360px;
  height: 450px;
}

.figure--6 {
  width: 168px;
  height: 220px;
}

.figure--7 {
  max-width: 360px;
  height: 240px;
  margin-right: 20px;
  min-width: 360px;
}

.figure--8 {
  max-width: 360px;
  height: 240px;
}

.in-article {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  background: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.in-article img {
  position: static;
}

.in-article .tall {
  max-height: 800px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
}

.in-article figcaption {
  position: static;
  padding: 8px;
  margin-top: -4px;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
}

@media (max-width: 568px) {
  .figure--7 {
    min-width: 0px;
  }
}
/*** STUBS ***/
.stubs-header {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.stubs-header h2 {
  margin-bottom: 0px;
}

.stubs-header .form-select {
  min-width: 160px;
}

.stub {
  margin-bottom: 80px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.stub-date {
  font-family: "Fjalla One", sans-serif;
  font-size: 2rem;
  letter-spacing: 2%;
  text-transform: uppercase;
  line-height: 1.3;
}

.stub--a {
  display: flex;
}

.stub--a .stub-date {
  width: 25%;
  padding-right: 20px;
  text-align: right;
}

.stub--a .stub-body {
  width: 75%;
}

.stub--a .stub-img {
  max-width: 100%;
  margin-bottom: 8px;
}

.stub--b .stub-date {
  margin-bottom: 8px;
  display: block;
}

.stub--a .btn:hover,
.stub--b .btn:hover {
  color: #ffffff;
  text-decoration: none;
}

.stub .btn {
  margin-top: 10px;
  display: inline-block;
}

.stub-extra {
  border-top: 1px solid rgba(33, 33, 33, 0.5);
  border-bottom: 1px solid rgba(33, 33, 33, 0.5);
  padding: 6px 0px;
  margin: 10px 0px;
}

.stub-figure {
  margin-bottom: 10px;
}

.stub-figure--default {
  background: #ece8d8;
  display: flex;
  justify-content: center;
  align-content: center;
}

.stub-figure--default img {
  position: static;
  object-fit: inherit;
  width: 60%;
  height: auto;
}

.stub-body__other {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 0px;
  margin: 10px 0px;
}

.stub-body img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.stub p a {
  text-decoration: none;
}

.stub p a:hover,
.stub a:hover {
  color: #800000;
  text-decoration: underline;
}

.stub em {
  line-height: 1.2;
}

.stubs--gallery {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

.stubs--gallery li {
  flex-basis: 33.333%;
  padding-right: 20px;
}

.stubs--gallery-2 li {
  flex-basis: 50%;
  padding: 20px;
  text-align: center;
}

.stubs--gallery-2 figure {
  margin-left: auto;
  margin-right: auto;
}

.stubs--gallery span {
  line-height: 1.3;
}

.stubs--gallery .tags {
  margin-top: 10px;
}

.stubs--gallery-b .video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  margin-bottom: 10px;
}

.stubs--gallery-b iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.stubs--gallery em {
  display: block;
}

.stubs--gallery-3 {
  margin-left: -24px;
  margin-right: -24px;
  flex-wrap: nowrap;
}

.stubs--gallery-3 .stub {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 0px;
}

.stubs--gallery-3 .stub-figure {
  margin-bottom: 0px;
}

.stubs--gallery-4 {
  flex-wrap: nowrap;
}

.stubs--gallery-4 li {
  flex-basis: 33.333%;
  padding-left: 20px;
  padding-right: 20px;
}

.stubs--gallery li strong {
  display: block;
  margin-bottom: 10px;
}

.donation-stubs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  margin-bottom: 40px;
}

.donation-stub {
  padding: 20px;
}

.donation-stubs .well {
  height: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .stubs--gallery li {
    flex-basis: 50%;
  }
  .stubs--gallery-3 {
    margin-left: 0px;
    margin-right: 0px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .stubs--gallery-3 .stub {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }
  .stubs--gallery-3 figure {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .donation-stubs {
    display: block;
  }
  .stubs--gallery-3 {
    flex-direction: column;
  }
  .stubs--gallery-3 figure {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 568px) {
  .stubs--gallery {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .stubs--gallery li {
    flex-basis: 100%;
    margin-bottom: 40px;
    text-align: center;
    padding-right: 0px;
  }
  .stubs--gallery figure {
    margin-left: auto;
    margin-right: auto;
  }
  .stub--a {
    flex-direction: column;
  }
  .stub--a .stub-date {
    width: 100%;
    text-align: left;
    margin-bottom: 8px;
  }
  .stub--a .stub-date br {
    display: none;
  }
  .stub--a .stub-body {
    width: 100%;
  }
}
/*** ARTICLES ***/
.article-title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 60px;
  line-height: 1.3;
}

.article-img {
  max-width: 100%;
  height: auto;
}

.article-img-caption {
  font-size: 1.5rem;
  font-family: "Fira Sans Condensed", sans-serif;
  line-height: 1.3;
  background: rgba(236, 232, 216, 0.5);
  padding: 4px;
  margin-bottom: 40px;
}

.article-body {
  min-height: 400px;
}

.article-body h1 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 40px;
}
.article-body h1:first-child {
  margin-top: 0px;
}
.article-body a {
  text-decoration: underline;
}
.article-body a:hover {
  color: #800000;
}
.article-body p {
  margin-bottom: 20px;
}
.article-body p:last-child {
  margin-bottom: 0px;
}
.article-body em {
  font-style: italic;
}
.article-body i {
  font-style: italic;
}
.article-body h2 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.article-body h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.article-body ol, .article-body ul {
  margin-bottom: 34px;
  margin-left: 20px;
  padding-left: 0px;
}
.article-body ol {
  list-style-type: decimal;
  list-style-position: outside;
}
.article-body ul {
  list-style-type: circle;
}
.article-body ol li, .article-body ul li {
  line-height: 1.4em;
}
.article-body figure {
  margin-bottom: 40px;
  margin-top: 20px;
  background: none;
}
.article-body img {
  max-width: 100%;
  position: static;
}
.article-body figure figcaption {
  margin-top: -4px;
  position: static;
  font-size: 1.4rem;
  padding: 10px;
  font-family: "Fira Sans Condensed", sans-serif;
  line-height: 1.3;
}
.article-body .article__video-container {
  margin-bottom: 34px;
}
.article-body .article__video-wrapper {
  margin-bottom: 30px;
}
.article-body .article__video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.article-body .article__video iframe,
.article-body .article__video object,
.article-body .article__video embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.article-body .article__video-caption {
  display: block;
  text-align: left;
  font-size: 1.4rem;
  padding: 10px;
  font-family: "Fira Sans Condensed", sans-serif;
  line-height: 1.3;
  background: rgba(236, 232, 216, 0.5);
}
.article-body .article__external-link-wrapper {
  margin: 20px 0px;
}
.article-body .article__external-link {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.article-body .article__external-link svg {
  font-size: 12px;
  margin-right: 10px;
}
.article-body .article__gallery {
  margin: 30px 0px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.article-body .article__gallery button {
  background: none;
  border: none;
  padding: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 25%;
  flex-grow: 1;
}
.article-body .article__gallery img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.article-body .article__gallery button:hover {
  cursor: pointer;
}
.article-body .article__gallery button:hover img {
  border: 2px solid #d4aa00;
}
.article-body .article__gallery button:focus {
  outline: none;
}
.article-body .article__gallery button:focus img {
  border: 2px solid #d4aa00;
}

.article-aside h3 {
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 10px;
}

.article-aside h3:first-child {
  margin-top: 0px;
}

.article-aside dt {
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 10px;
}

.article-aside dt:first-child {
  margin-top: 0px;
}

.article-aside .article-aside-details__map {
  height: 220px;
  width: 100%;
  background: grey;
  margin: 20px 0px;
  position: relative;
}

.article-aside address {
  line-height: 1.4;
}

.address-block {
  margin-bottom: 30px;
  line-height: 1.4;
}

.address-block strong {
  display: block;
}

.address-block span {
  display: block;
}

@media (max-width: 768px) {
  .article-aside {
    margin-top: 40px;
  }
}
@media (max-width: 568px) {
  .article-body .article__gallery button {
    max-width: 50%;
  }
}
/*** ATTACHMENTS ***/
.attachments {
  margin-top: 60px;
}

.attachments-title {
  display: block;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.attachment {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.attachment svg {
  margin-right: 15px;
  flex-shrink: 0;
}

.attachment-content {
  display: flex;
  flex-direction: column;
}

.attachment p {
  margin-bottom: 0px;
}

.attachment span {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.6rem;
}

.attachment:hover p {
  text-decoration: underline;
}

/*** SHARE ***/
.share {
  margin-top: 40px;
}

.share a {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  min-width: 120px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.share svg {
  margin-right: 15px;
  font-size: 18px;
  margin-left: 0px;
}

.share img {
  width: 18px;
  height: auto;
  margin-right: 15px;
}

/*** WELL ***/
.well {
  padding: 60px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 60px;
}

.well--2 {
  padding: 30px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid rgba(236, 232, 216, 0.4);
}

@media (max-width: 768px) {
  .well {
    padding: 40px;
  }
}
@media (max-width: 568px) {
  .well {
    padding: 20px;
  }
}
/*** CTA ***/
.cta .grid-pad {
  padding-top: 80px;
  padding-bottom: 80px;
}

/*** PHOTO VIEWER ***/
.photo-viewer-desc {
  margin-bottom: 30px;
}

.photo-viewer-desc .title--1 {
  display: block;
}

.photo-viewer {
  margin-top: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.viewer {
  min-width: 568px;
}

.viewer figure {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
  padding-bottom: 80px;
}

.viewer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.viewer figcaption {
  position: absolute;
  bottom: 0px;
  padding: 10px;
  background: rgba(236, 232, 216, 0.6);
}

.photo-viewer .controls {
  float: right;
}

.controls .prev svg {
  margin-right: 6px;
}

.thumbs {
  padding-right: 0px !important;
}

.thumbs ul {
  margin-left: 8%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: flex-end;
}

.thumbs li {
  margin-right: 20px;
  margin-bottom: 10px;
  opacity: 0.4;
}

.thumbs li button {
  background: none;
  width: 72px;
  height: 60px;
  border: none;
  padding: 0px;
}

.thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbs .active,
.thumbs li:hover {
  opacity: 1;
}

.thumbs .pagination {
  margin-top: 20px;
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .thumbs ul {
    margin-left: 0px;
  }
}
@media (max-width: 1024px) {
  .photo-viewer-wrapper {
    text-align: center;
  }
  figcaption {
    text-align: left;
  }
  .thumbs {
    margin-top: 20px;
  }
  .viewer, .thumbs {
    width: 100%;
  }
  .thumbs ul {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .thumbs {
    display: none;
  }
  .thumbs ul {
    margin-left: 0px;
    justify-content: center;
  }
  .viewer {
    min-width: 0px;
  }
}
/*** TAGS ***/
.tags {
  margin-top: 10px;
}

/*** TICKETS ***/
.tickets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
}

.tickets li {
  padding: 10px;
}

.ticket {
  border: 1px solid rgba(236, 232, 216, 0.8);
  width: 204px;
  min-height: 250px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 20px;
  text-align: center;
  padding-bottom: 40px;
}

.ticket strong {
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #800000;
  font-size: 2.4rem;
}

.ticket span {
  display: block;
  font-family: "Fjalla One", sans-serif;
  font-size: 3rem;
}

.ticket fieldset {
  margin-top: 30px;
  margin-bottom: 8px;
}

/*** SPLIT VIEW ***/
.split-view {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.split-view-child--55 {
  flex-basis: 55%;
}

.split-view-child--45 {
  flex-basis: 45%;
}

.split-view-child--33 {
  flex-basis: 33.33%;
  padding: 20px;
}

.split-view-child--50 {
  flex-basis: 50%;
}

@media (max-width: 768px) {
  .split-view {
    flex-direction: column;
  }
  .split-view.grid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .split-view-child:first-child .grid-pad {
    padding-bottom: 0px;
  }
}
/*** ICON WITH COUNT ***/
.icon-with-count span {
  margin-left: 1px;
  width: 20px;
  height: 20px;
  background: #800000;
  color: #ffffff;
  border-radius: 14px;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}

/*** CTA ***/
.cta p a {
  color: #800000;
}

/*** LIKE DL ***/
.like-dl {
  margin-top: 40px;
  clear: both;
}

.like-dl h3 {
  display: flex;
  clear: both;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-transform: uppercase;
  background: rgba(236, 232, 216, 0.9);
  display: block;
  padding-top: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d4aa00;
}

.like-dl h4 {
  font-family: "Crimson Text", serif;
  display: block;
  font-weight: 600;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 10px;
  background: rgba(236, 232, 216, 0.6);
  margin-bottom: 40px;
  clear: both;
  padding-right: 0px;
}

.like-dl h4:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #d4aa00;
  border-radius: 4px;
  float: left;
  margin-right: 8px;
  margin-top: 4px;
}

/*** ITEM VIEWER ***/
.item-viewer__main-photo {
  margin-bottom: 20px;
}

.item-viewer__views {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.item-viewer__views figure {
  flex-basis: 72px;
  margin-right: 20px;
  margin-bottom: 14px;
  box-sizing: border-box;
}

.item-price {
  font-size: 4rem;
  font-family: "Fjalla One", sans-serif;
  margin-bottom: 20px;
  display: block;
}

.item-name {
  margin-bottom: 10px;
}

.item-desc {
  margin-bottom: 30px;
}

.item-stock {
  font-size: 1.6rem;
  font-family: "Fira Sans Condensed", sans-serif;
  margin-bottom: 20px;
  display: block;
}

.item-form form {
  display: flex;
}

.item-form fieldset {
  width: 200px;
  display: flex;
}

.item-form .btn {
  height: 44px;
  margin-left: 20px;
}

.item-form .cart-text {
  display: block;
  font-size: 1.5rem;
}

.cart-text a {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .item-viewer__views {
    margin-bottom: 40px;
  }
}
/*** COUNTER SET ***/
.counter-set {
  display: flex;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.counter-set__button {
  background: none;
  border: none;
  border: 1px solid rgba(128, 0, 0, 0.25);
  border-radius: 4px;
  min-width: 44px;
  height: 44px;
  font-size: 2rem;
}

.counter-set__input-text {
  flex-grow: 1;
  font-family: "Fira Sans Condensed", sans-serif;
  width: 100%;
  margin-left: 6px;
  margin-right: 6px;
  text-align: center;
  background: none;
  border: 1px solid rgba(128, 0, 0, 0.25);
  border-radius: 4px;
}

/*** FEATURED MEMBER ***/
.featured-member {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.featured-member-figure {
  margin-bottom: 20px;
}

/*** HOME-HERO ***/
.home-hero {
  background-image: url("../assets/images/home-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-hero .grid-pad {
  height: 500px;
  position: relative;
}

.home-hero .col-1-1 {
  position: absolute;
  width: auto;
  bottom: 60px;
}

.home-hero .well {
  padding: 40px;
  width: auto;
}

@media (max-width: 1024px) {
  .home-hero {
    background-image: url("../assets/images/home-1-1024px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 768px) {
  .home-hero .well {
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media (max-width: 568px) {
  .home-hero {
    background-image: url("../assets/images/home-1-568px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .home-hero .grid-pad {
    height: 300px;
  }
  .home-hero .col-1-1 {
    bottom: 20px;
  }
}
/*** HERO OVERLAY ***/
.hero-overlay {
  position: relative;
}

.hero--static {
  height: 340px;
}

.hero--dynamic {
  min-height: 320px;
  height: 450px;
}

.hero__picture {
  width: 100%;
  height: 100%;
  display: block;
}

.hero__picture::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 85, 0, 0.66);
  z-index: 1000;
}

.hero__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2000;
  height: 100%;
}

.hero-overlay .page-hero {
  background: none;
}

/*** SPLIT BG ***/
.split-bg {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
}

.split-bg picture {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%;
}

.split-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .split-bg {
    flex-direction: column;
  }
  .split-bg .grid {
    padding-right: 0px;
    padding-left: 0px;
  }
  .split-bg picture {
    position: static;
    width: 100%;
    height: 300px;
  }
}
/*** STICKY ***/
.sticky {
  position: sticky;
  top: 0px;
  padding: 20px;
  background: #ffffff;
  z-index: 5000;
}

@media (max-width: 568px) {
  .sticky {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.test-flex {
  display: flex;
}

.child {
  flex-basis: 50%;
}

.child--1 {
  padding-right: 40px;
  margin-top: auto;
  margin-bottom: auto;
}

.child--2 {
  display: flex;
  justify-content: flex-end;
}

.test {
  margin-right: 20px;
}

.test picture {
  width: 240px;
  height: 240px;
  position: relative;
  display: block;
  z-index: 10;
}

.test picture:first-child {
  margin-left: -120px;
}

.test picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.picture-2 {
  margin-left: 80px;
  margin-top: -80px;
}

@media (max-width: 768px) {
  .test-flex {
    flex-direction: column;
  }
  .child {
    flex-basis: 100%;
  }
  .child--1 {
    margin-bottom: 30px;
  }
  .child--2 .test {
    width: 100%;
    display: flex;
  }
  .test picture {
    width: 50%;
  }
  .test picture:first-child {
    margin-left: 0px;
  }
  .picture-2 {
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 568px) {
  .child--2 .test {
    flex-direction: column;
  }
  .test picture {
    width: 100%;
  }
  .test picture:first-child {
    margin-bottom: 10px;
  }
}
/*** DEFAULT STATEMENT ***/
.default {
  min-height: 250px;
  text-align: left;
}

.default--middle {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .default {
    min-height: auto;
    margin-bottom: 40px;
  }
}
/*** PHOTO MODAL ***/
.photo-modal {
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px;
  position: fixed;
  z-index: 5000;
  background: rgb(0, 0, 0);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.photo-modal figure {
  position: static;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: none;
  display: flex;
}

.photo-modal img {
  height: auto !important;
  box-sizing: border-box;
  position: static;
  object-fit: contain !important;
  object-position: center !important;
}

.photo-modal button {
  border: none;
  padding: 4px;
  border-radius: 4px;
  position: absolute;
  top: 40px;
  right: 40px;
  background: #fff !important;
  text-transform: uppercase;
  color: #800000;
}

.photo-modal--hidden {
  display: none;
}

.photo-modal--visible {
  display: block;
}

@media (max-width: 568px) {
  .photo-modal button {
    right: 20px;
  }
}
.form__message--options {
  display: flex;
  margin-top: 30px;
}

.form__message--options li {
  flex-basis: 50%;
}

.form__message--options li div {
  height: 100%;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.form__message--options li p {
  margin-top: auto;
  margin-bottom: auto;
}

.form__message--options li:first-child {
  margin-right: 20px;
}

@media (max-width: 900px) {
  .form__message--options {
    flex-direction: column;
  }
  .form__message--options li:first-child {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.cc-brands {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.cc-brands li {
  flex-basis: 33.333%;
  padding: 2px 10px;
  align-items: center;
  align-content: center;
}

.cc-brands li:first-child {
  margin-right: 0px;
}

/*** FOOTNOTES ***/
.footnotes {
  margin-top: 60px;
  border-top: 1px solid #d4aa00;
  padding-top: 8px;
}

.footnotes strong {
  margin-bottom: 8px;
  display: block;
}

.footnotes p {
  font-size: 1.4rem;
}

.sup-link {
  color: #800000;
  text-decoration: none;
}

/*** PICTURE GRID ***/
.picture-grid-position {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 300px;
  margin-bottom: 10px;
  overflow: hidden;
} /*width: calc(50% - 24px); */
.picture-grid {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  height: calc(100% + 12px);
}

.picture-grid-container {
  height: 50%;
  position: relative;
}

.picture-grid img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  object-fit: cover;
} /* transform: scale(1.2); border: 8px solid white; */
.picture-grid .hidden {
  display: none;
}

.picture-grid-position--left {
  left: 0px;
}

.picture-grid-position--right {
  right: 0px;
}

@media (max-width: 1023px) {
  .picture-grid-position {
    width: calc(50% - 24px);
  }
  .picture-grid {
    flex-wrap: wrap;
  }
  .picture-grid-container {
    width: 50%;
  }
  .picture-grid .hidden {
    display: block;
  }
}
@media (max-width: 768px) {
  .picture-grid-position {
    position: static;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
  } /*width: calc(50vw - 30px); */
  .picture-grid {
    height: 400px;
  }
}
/*** CONTENT UNIQUE ***/
@media (max-width: 1023px) {
  .content-unique {
    margin-right: calc(50% + 30px);
  }
}
/*** PHOTO STRIP***/
.photo-strip {
  display: flex;
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
}

.photo-strip li {
  width: 25%;
}

.photo-strip figure {
  overflow: hidden;
  height: 200px;
  width: 100%;
}

.photo-strip figure img {
  position: static;
}

@media (max-width: 768px) {
  .photo-strip {
    flex-wrap: wrap;
  }
  .photo-strip li {
    width: 50%;
    box-sizing: border-box;
  }
  .photo-strip figure {
    height: 180px;
  }
}
@media (max-width: 568px) {
  .photo-strip {
    position: static;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .photo-strip li {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .photo-strip figure {
    height: 200px;
  }
  .photo-strip figure img {
    object-position: 50% 20%;
  }
}
/*** SHOP ROCKET ***/
.sr-container * {
  font-family: "Crimson Text", serif !important;
  font-size: 2rem !important;
}

.sr-products .sr-item .sr-item-info .sr-name {
  font-family: "Crimson Text", serif !important;
  font-size: 1.8rem !important;
}

.sr-products .sr-item .sr-item-info .sr-price-holder * {
  font-family: "Fira Sans Condensed", sans-serif !important;
  font-size: 2rem !important;
}

.sr-buttons-standard .sr-product-buttons .sr-product-buttons-actions .sr-product-button {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-ribbons div {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-price-holder .sr-price {
  color: rgba(33, 33, 33, 0.8) !important;
}

.sr-modal .sr-product-description * {
  font-family: "Crimson Text", serif !important;
  line-height: 1.25 !important;
  font-size: 1.8rem !important;
}

.sr-modal .sr-product-description {
  margin-bottom: 40px !important;
  font-family: "Crimson Text", serif !important;
}

.sr-modal .sr-product-description p {
  margin-bottom: 0px !important;
}

.sr-modal-details-data .sr-product-name {
  font-family: "Crimson Text", serif !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

.sr-modal-details-data .sr-product-price {
  font-family: "Fira Sans Condensed", sans-serif !important;
  color: rgba(33, 33, 33, 0.8) !important;
}

.sr-modal-details-data .sr-ribbons div {
  border-radius: 4px !important;
}

.sr-product-options-row {
  max-width: 320px !important;
}

.sr-product-options-row .sr-add-to-cart.sr-button {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-product-options-row .sr-add-to-cart.sr-button span {
  font-size: 1.8rem !important;
}

.sr-product-options-row .sr-label .sr-label-text, .sr-quantity-input, select {
  font-family: "Crimson Text", serif !important;
  font-size: 1.8rem !important;
}

.sr-modal-content .sr-back-text.sr-back-to-products {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-modal-container .sr-modal .sr-product-tabs .sr-tabs-list {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-tab-data p {
  font-family: "Crimson Text", serif !important;
}

.sr-product-meta {
  font-family: "Crimson Text", serif !important;
  margin-bottom: 40px !important;
}

.sr-product-meta span {
  font-size: 1.8rem !important;
}

.sr-related-products h3 {
  font-family: "Fjalla One", sans-serif !important;
  font-size: 1.8rem !important;
  border-bottom: 1px solid rgba(33, 33, 33, 0.7);
  text-transform: uppercase;
}

.sr-related-products .sr-price {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-view-cart.sr-button {
  background: #005500 !important;
  max-width: 320px;
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-view-cart.sr-button span {
  font-size: 1.8rem !important;
}

.sr-action-container * {
  font-family: "Fira Sans Condensed", sans-serif !important;
}

.sr-cart * {
  font-family: "Crimson Text", serif !important;
  font-size: 1.85rem !important;
}

.sr-cart .sr-footer-navigate span {
  font-size: 2rem !important;
  line-height: auto !important;
}

.sr-payment-success {
  font-family: "Crimson Text", serif !important;
}

.sr-payment-success .sr-checkout-thanks,
.sr-payment-success .sr-payment-email {
  font-size: 1.8rem !important;
}

.sr-payment-success li label,
.sr-payment-success li span,
.sr-payment-success .sr-payment-instructions p,
.sr-payment-success .sr-payment-instructions a {
  font-size: 1.8rem !important;
}

.sr-element .sr-modal .sr-alert-modal-dialog .sr-btn {
  background: #800000 !important;
}

.sr-modal .sr-checkout-confirmation-text * {
  font-size: 1.8rem !important;
}

/*** RESULT LIST ***/
.result-list {
  font-family: "Fjalla One", sans-serif;
  margin-left: 20px;
  list-style: decimal;
  list-style-position: inside;
}

.result-list .title--2 {
  margin-bottom: 10px;
}

.result-list p {
  font-family: "Crimson Text", serif;
  font-style: italic;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.result-list .bull {
  padding: 0px 8px;
  color: #800000;
}

.result-list li {
  border-bottom: 1px solid #212121;
  padding-top: 20px;
  padding-bottom: 20px;
}

.result-list li:last-child {
  border-bottom: none;
}

/**************
	UTILITIES
***************/
/*** BACKGROUNDS ***/
.bg-white {
  background: #ffffff;
}

.bg-red {
  background: #800000;
}

.bg-red--10 {
  background: rgba(128, 0, 0, 0.1);
}

.bg-red--90 {
  background: rgba(128, 0, 0, 0.9);
}

.bg-gold--20 {
  background: rgba(236, 232, 216, 0.2);
}

.bg-gold--30 {
  background: rgba(236, 232, 216, 0.3);
}

.bg-gold--40 {
  background: rgba(236, 232, 216, 0.4);
}

.bg-gold--70 {
  background: rgba(236, 232, 216, 0.7);
}

.bg-gold {
  background: #ece8d8;
}

.bg-green--3 {
  background: rgba(0, 85, 0, 0.03);
}

.bg-goldp {
  background: #d4aa00;
}

.bg-goldp--60 {
  background: rgba(212, 170, 0, 0.6);
}

.two-colour-bg--1 {
  background: linear-gradient(to right, #ECE8DB 45%, rgba(236, 232, 219, 0.2) 45%);
}

.two-colour-bg--2 {
  background: linear-gradient(to right, #D4AA00 50%, rgba(0, 85, 0, 0.03) 50%);
}

@media (max-width: 768px) {
  .two-colour-bg--1 {
    background: #ece8d8;
  }
  .two-colour-bg--2 {
    background: none;
  }
}
/*** CLEARFIX ***/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*** PADDINGS ***/
.pad__top--0 {
  padding-top: 0px;
}

.pad__right--0 {
  padding-right: 0px;
}

.pad__bot--0 {
  padding-bottom: 0px;
}

.pad__right--24 {
  padding-right: 24px;
}

.pad__40 {
  padding: 40px;
}

.split-bg-content-padding {
  padding: 76px;
  padding-right: 56px;
}

@media (max-width: 1024px) {
  .split-bg-content-padding {
    padding-top: 60px;
    padding-left: 20px;
    padding-bottom: 60px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .split-bg-content-padding {
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 50px;
    padding-right: 20px;
  }
}
@media (max-width: 568px) {
  .split-bg-content-padding {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 40px;
    padding-right: 20px;
  }
}
/*** MARGINS ***/
.margin__top--auto {
  margin-top: auto;
}

.margin__bottom--auto {
  margin-bottom: auto;
}

.margin__left-right--auto {
  margin-left: auto;
  margin-right: auto;
}

.margin__top--none {
  margin-top: 0px;
}

.margin__bottom--none {
  margin-bottom: 0px;
}

.margin__top--10 {
  margin-top: 10px;
}

.margin__top--20 {
  margin-top: 20px;
}

.margin__top--30 {
  margin-top: 30px;
}

.margin__top--40 {
  margin-top: 40px;
}

.margin__top--60 {
  margin-top: 60px;
}

.margin__bottom--10 {
  margin-bottom: 10px;
}

.margin__bottom--20 {
  margin-bottom: 20px;
}

.margin__bottom--30 {
  margin-bottom: 30px;
}

.margin__bottom--40 {
  margin-bottom: 40px;
}

.margin__bottom--60 {
  margin-bottom: 60px;
}

/*** HEIGHTS ***/
.height--100 {
  height: 100%;
}

/*** DISPLAYS ***/
.dis__flex {
  display: flex;
}

.dis__flex--col {
  flex-direction: column;
}

.dis__block {
  display: block;
}

.dis__cent--vert {
  height: 100%;
}

.dis__flex--nowrap {
  flex-wrap: nowrap;
}

.dis__justifycontent--center {
  justify-content: center;
}

.display-content {
  display: block;
}

.hide-content {
  display: none;
}

/*** FLEX ***/
.flex__grow--1 {
  flex-grow: 1;
}

/*** POSITIONS ***/
.position--relative {
  position: relative;
}

.object-position--top {
  object-position: top;
}

.object-position--center {
  object-position: center;
}

/*** FLOAT ***/
.float--left {
  float: left;
}

.float--right {
  float: right;
}

.float--none {
  float: none;
}

/*** TEXT ***/
.text--time {
  letter-spacing: 0.8px;
}

.text--uppercase {
  text-transform: uppercase;
}

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

.text--left {
  text-align: left;
}

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

.text--red {
  color: #800000;
}

.text--white {
  color: #ffffff;
}

/*** SEPARATOR ***/
.separator {
  border-top: 1px solid rgba(33, 33, 33, 0.2);
  margin: 40px 0px;
}

.separator--2 {
  height: 1px;
  border-top: 1px solid #d4aa00;
  position: relative;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.separator--2 span {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 100%;
  border: 8px solid #d4aa00;
  position: absolute;
  margin-left: 50%;
  left: -12px;
  top: -12px;
}

/*** LISTS ***/
.list--ul {
  list-style-type: disc;
  margin-left: 20px;
}

.list--ul li {
  margin-bottom: 6px;
  line-height: 1.3;
}

.list--ol {
  margin-left: 20px;
}

.list--ol li {
  line-height: 1.4;
  margin-bottom: 20px;
}

.list--two-col {
  column-count: 2;
  column-gap: 20px;
}

.list-container {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
}

.list-container ol {
  flex-basis: 50%;
  box-sizing: border-box;
  padding-right: 40px;
}

.list--custom-ol {
  list-style: none;
  counter-reset: list-counter;
}

.list--custom-ol li {
  counter-increment: list-counter;
  margin-bottom: 20px;
  line-height: 1.4;
}

.list--custom-ol li::before {
  content: "(" counter(list-counter, lower-alpha) ") ";
}

.data-list dt {
  margin-bottom: 10px;
}

.data-list dd {
  margin-bottom: 34px;
}

@media (max-width: 768px) {
  .list-container {
    justify-content: flex-start;
    flex-direction: column;
  }
  .list-container ol {
    flex-basis: 100%;
    padding-right: 20px;
  }
}
/*** BORDERS ***/
.border-bottom--gold-60 {
  border-bottom: 1px solid rgba(236, 232, 216, 0.6);
}

/*** MAX-WIDTHS ***/
.max-width--60 {
  max-width: 60%;
}

.max-width--80 {
  max-width: 80%;
}

@media (max-width: 768px) {
  .max-width--60 {
    max-width: none;
  }
  .max-width--80 {
    max-width: none;
  }
}
/*** TEXT HIDE ***/
.text--hide {
  font-size: 0px;
  color: transparent;
  background-color: transparent;
  border: 0;
}

/*** LOADING ***/
.loading {
  margin-left: 20px;
  margin-bottom: -4px;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

/*** SPECIFIC ***/
#history {
  background: url("../assets/images/history-1.jpg");
  background-size: cover;
  background-position: center;
}

#history .max-width--80 {
  background: rgba(255, 255, 255, 0.4);
  padding: 40px;
  backdrop-filter: blur(2px);
}

#ball-pictures {
  margin-top: 40px;
}

#ball-pictures li {
  margin-bottom: 20px;
}

#plf-colour {
  background: #000;
}

#plf-colour .grid {
  display: flex;
  flex-direction: column;
  color: #fff;
  text-align: center;
  align-items: center;
}

#plf-colour .display--3 {
  line-height: 1.2;
  margin-top: 30px;
}

.inline-container {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.85rem;
}

.inline-container h1 span {
  color: #800000;
}

.inline-container .main-form input[type=submit] {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.6rem;
  padding: 10px 20px;
  border-radius: 4px;
  background: rgba(128, 0, 0, 0.7);
  color: #ffffff;
}

.inline-container .main-form input[type=text] {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-size: 1.8rem;
  padding: 0px 12px;
  background: rgba(236, 232, 216, 0.7);
  border: 1px solid rgba(236, 232, 216, 0.7);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
}

#ball-copy .grid-pad {
  padding-left: 320px;
  padding-right: 320px;
}

#after-event-msg {
  margin-bottom: 180px;
}

@media (max-width: 1023px) {
  #picture-grid-1 {
    display: none;
  }
  #ball-copy .grid-pad {
    padding-left: 20px;
    padding-right: 20px;
  }
  #ball-copy .content-unique {
    width: 50%;
  }
}
@media (max-width: 768px) {
  #proud-history {
    padding-bottom: 80px;
    text-align: center;
  }
  #proud-history h2 {
    margin-top: 40px;
  }
  #meal-options li {
    padding-left: 0px;
  }
  #attire {
    margin-top: 20px;
  }
  #join-option-2 .well {
    margin-top: 20px;
  }
  #battle-honours-list .dis__flex {
    flex-direction: column;
  }
  #battle-honours-list figure {
    margin-left: auto;
    margin-right: auto;
  }
  #ball-pictures-aside {
    margin-top: 60px;
  }
  #ball-pictures {
    display: block;
    max-width: 568px;
    margin-left: auto;
    margin-right: auto;
  }
  #ball-copy .content-unique {
    width: 100%;
    margin-right: 0px;
    padding-right: 20px;
  }
  #after-event-msg {
    margin-bottom: 340px;
  }
}
@media (max-width: 568px) {
  #home-soldiers-ball .max-width--60 {
    max-width: none;
    margin-bottom: 60px;
  }
  #history {
    background: url("../assets/images/history-1-768px.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 300px;
  }
  #history .max-width--80 {
    background: none;
    padding: 0px;
    backdrop-filter: blur(0px);
  }
  #after-event-msg {
    margin-bottom: 0px;
  }
}