:root {
  --font-size-base: 16px;
  --padding-base: 1rem;
  --bp-sm: 40em;
  --padding-sm: 1.125rem;
  --bp-md: 56.25em;
  --padding-md: 1.25rem;
  --bp-lg: 80em;
  --padding-lg: 2.5rem;
  --bp-xlg: 100em;
  --padding-xlg: 4.375rem;
  --bg-color-bg0: transparent;
  --bg-color-bg1: #fff;
  --bg-color-white: #fff;
  --bg-color-bg2: #F1F9FF;
  --bg-color-tbd: #F1F9FF;
  --bg-color-bg3: #2699FB;
  --bg-color-tbd-dark: #2699FB;
  --constrain-content: 92.5rem;
  --constrain-content-raw: 87.5rem;
  --constrain-narrow: 59.75rem;
  --constrain-narrow-raw: 57.25rem; }

.has-bg0-background-color {
  background: transparent; }

.has-white-background-color,
.has-bg1-background-color {
  background: #fff; }

.has-tbd-background-color,
.has-bg2-background-color {
  background: #F1F9FF; }

.has-tbd-dark-background-color,
.has-bg3-background-color {
  background: #2699FB; }

.constrain-content {
  max-width: 92.5rem; }

.constrain-content-raw {
  max-width: 87.5rem; }

.constrain-narrow {
  max-width: 59.75rem; }

.constrain-narrow-raw {
  max-width: 57.25rem; }

:root {
  --wireframe-white: #fff;
  --wireframe-light: #ddd;
  --wireframe-mid: #999;
  --wireframe-dark: #444;
  --wireframe-black: #111;
  --color-acclaim-light-grey: #f2f2f2;
  --color-acclaim-tan: #e0dfda;
  --color-acclaim-white: #fff;
  --color-acclaim-button-blue: #3273dc;
  --color-acclaim-button-grey: #48443d;
  --color-primary: var(--wireframe-dark);
  --color-secondary: var(--wireframe-black);
  --color-accent: var(--color-acclaim-button-grey);
  --color-neutral: var(--wireframe-light);
  --color-light: var(--wireframe-light);
  --color-text: var(--wireframe-black);
  --color-dark-background: var(--wireframe-dark);
  --color-text-on-dark: var(--color-acclaim-white);
  --color-link: var(--wireframe-black);
  --color-link-hover: var(--wireframe-mid);
  --color-header-background: var(--color-acclaim-tan);
  --color-menu-background: var(--wireframe-dark);
  --backdrop-tinted: rgba(20, 20, 20, 0.8);
  --font-family-primary: 'Open Sans', 'Source Sans Pro', sans-serif;
  --font-family-secondary: 'serif';
  --font-size-title: 4rem;
  --font-size-lg: 3rem;
  --font-size-md: 2rem;
  --font-size-fine-print: 0.75rem;
  --font-weight-light: 300;
  --font-weight-medium: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --line-height-tight: 1.1;
  --line-height-base: 1.45;
  --line-height-loose: 1.7;
  --letter-spacing-base: 0;
  --spacing-p-tag: 1rem;
  --spacing-tight: 1rem;
  --spacing-normal: 2rem;
  --spacing-loose: 3rem;
  --brick-spacing: 2rem;
  --brick-spacing-tight: 1rem;
  --brick-spacing-loose: 3rem;
  --section-spacing: 4rem;
  --gutter-width: 2rem;
  --z-index-nav: 200;
  --z-index-fixed-header: 100;
  --z-index-drawer: 500;
  --z-index-modal: 1300;
  --box-shadow-0: none;
  --box-shadow-1: 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  --box-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-3: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-4: 0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
  --box-shadow-5: 0 19px 38px rgba(0, 0, 0, 0.3),
    0 15px 12px rgba(0, 0, 0, 0.22);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --duration-shortest: 150ms;
  --duration-short: 200ms;
  --duration-standard: 375ms;
  --duration-long: 400ms; }

.sr-only,
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

.focusable:focus, .focusable:active {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto; }

.breadcrumb__title {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal; }

.has-light-background a,
a {
  color: var(--color-accent);
  text-decoration: none; }
  .has-light-background a:visited,
  a:visited {
    color: var(--color-accent); }
  .has-light-background a:hover, .has-light-background a:focus,
  a:hover,
  a:focus {
    color: var(--color-secondary); }
  .has-light-background a:active,
  a:active {
    color: var(--color-secondary); }

.has-dark-background a {
  color: var(--color-acclaim-tan);
  text-decoration: none; }
  .has-dark-background a:visited {
    color: var(--color-acclaim-tan); }
  .has-dark-background a:hover, .has-dark-background a:focus {
    color: var(--color-acclaim-white); }
  .has-dark-background a:active {
    color: var(--color-acclaim-white); }

p a {
  text-decoration: underline; }

.list--clean {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list--clean li {
    padding-left: 0; }
    .list--clean li::before {
      display: none; }

.list--inline {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .list--inline li {
    padding-left: 0; }
  .list--inline > li {
    display: inline; }

html {
  box-sizing: border-box; }

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

body {
  overflow-x: hidden; }

figure {
  margin: 0;
  padding: 0; }

.node--unpublished {
  outline: 2px dashed #ffa1bd; }

.sm-show,
.md-show,
.lg-show {
  display: none !important; }

@media (min-width: 40em) {
  .sm-show {
    display: initial !important; } }

@media (min-width: 56.25em) {
  .md-show {
    display: initial !important; } }

@media (min-width: 80em) {
  .lg-show {
    display: initial !important; } }

#toast-container > div {
  filter: alpha(opacity=100);
  opacity: 1; }

#toast-container .toast-success {
  background-color: #cde2c2;
  color: #324e24; }

#toast-container .toast-error {
  background-color: #ff9580;
  color: #4d0d00; }

#toast-container .toast-info {
  background-color: #cde2c2;
  color: #324e24; }

#toast-container .toast-warning {
  background-color: #f9eaa8;
  color: #685607; }

html {
  font-size: 16px; }

body {
  color: var(--color-text);
  font-family: var(--font-family-primary);
  line-height: var(--line-height-base); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-secondary); }

p {
  margin-bottom: var(--spacing-p-tag);
  margin-top: 0; }

/* All these are done by adding debug-[tool] class to the html tag */
/* debug-boundaries: Shows boundaries of each element */
html.debug-boundaries * {
  background: rgba(255, 0, 0, 0.1);
  box-shadow: 0 0 0 1px red; }

/* debug-grid: Show grid through everything */
html.debug-grid {
  background: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPGRlZnM+CiAgICAgIDxwYXR0ZXJuIGlkPSJzbWFsbEdyaWQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgPHBhdGggZD0iTSAxMCAwIEwgMCAwIDAgMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iZ3JheSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KICAgICAgPC9wYXR0ZXJuPgogICAgICA8cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgIDxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI3NtYWxsR3JpZCkiLz4KICAgICAgICA8cGF0aCBkPSJNIDEwMCAwIEwgMCAwIDAgMTAwIiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8L3BhdHRlcm4+CiAgICA8L2RlZnM+CiAgICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIiAvPgogIDwvc3ZnPg=="); }

html.debug-grid body {
  opacity: 0.8; }

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .menu li {
    padding-left: 0; }
    .menu li::before {
      display: none; }
  @media print {
    .menu {
      display: none; } }

.menu__item {
  margin-bottom: 0; }

.menu--main {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .menu--main li {
    padding-left: 0; }
  .menu--main > li {
    display: inline; }
  .menu--main .menu__link.has-subnav {
    position: relative; }
  .menu--main > .menu__item {
    display: inline-block;
    position: relative; }
    .menu--main > .menu__item > .menu__link {
      background-color: transparent;
      border: 0;
      display: inline-block;
      font-weight: var(--font-weight-semibold);
      margin-right: var(--spacing-normal);
      padding: 0;
      position: relative;
      text-decoration: none;
      text-transform: uppercase; }
      .menu--main > .menu__item > .menu__link.has-subnav {
        padding-right: 25px; }
      .menu--main > .menu__item > .menu__link.has-subnav::after {
        background-size: 16px 16px;
        content: '';
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-40%); }
  .menu--main .menu__subnav {
    background-color: var(--color-dark);
    display: none;
    left: 0;
    margin: var(--spacing-tight) 0 0;
    padding: 0;
    position: absolute;
    top: 0; }
    .menu--main .menu__subnav .menu__link {
      color: var(--color-text-on-dark);
      display: block;
      line-height: var(--line-height-tight);
      padding: var(--spacing-tight) var(--spacing-normal);
      position: relative;
      text-decoration: none;
      width: 12.5rem; }
      .menu--main .menu__subnav .menu__link:visited {
        color: var(--color-text-on-dark); }
      .menu--main .menu__subnav .menu__link:hover, .menu--main .menu__subnav .menu__link:focus {
        color: var(--color-text-on-dark); }
      .menu--main .menu__subnav .menu__link:active {
        color: var(--color-text-on-dark); }
      .menu--main .menu__subnav .menu__link:hover, .menu--main .menu__subnav .menu__link:focus {
        background-color: var(--color-accent); }
    .menu--main .menu__subnav .menu__subnav {
      margin: 0; }

.menu--footer {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .menu--footer li {
    padding-left: 0; }
  .menu--footer > li {
    display: inline; }

.menu--account {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .menu--account li {
    padding-left: 0; }
  .menu--account > li {
    display: inline; }
  .menu--account .menu__link {
    font-size: var(--spacing-tight); }

.menu--submenu {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .menu--submenu li {
    padding-left: 0; }
  .menu--submenu > li {
    display: inline; }

.breadcrumb {
  background-color: var(--color-site-background);
  color: var(--color-strong-text);
  font-size: --font-size-base;
  letter-spacing: --letter-spacing-base;
  min-height: 2rem; }

.breadcrumb__list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0; }
  .breadcrumb__list li {
    padding-left: 0; }
  .breadcrumb__list > li {
    display: inline; }

.breadcrumb__item {
  margin-right: 0.25em; }
  .breadcrumb__item::after {
    color: var(--color-medium-text);
    content: '|';
    margin-left: 0.25em; }
  .breadcrumb__item:last-child::after {
    content: '';
    margin-left: 0; }

@media (max-width: 40em) {
  .breadcrumb__list .breadcrumb__item {
    display: none; }
    .breadcrumb__list .breadcrumb__item:nth-last-child(2) {
      display: block; }
      .breadcrumb__list .breadcrumb__item:nth-last-child(2)::after {
        display: none; }
      .breadcrumb__list .breadcrumb__item:nth-last-child(2)::before {
        color: var(--color-medium-text);
        content: '<';
        content: '\f060';
        font-family: 'Font Awesome 5 Pro';
        font-size: 1rem;
        font-weight: 400;
        margin-right: 0.25em; }
    .breadcrumb__list .breadcrumb__item .breadcrumb__link {
      text-decoration: none;
      vertical-align: text-bottom; } }

.breadcrumb__link {
  color: var(--color-accent);
  text-decoration: none; }
  .breadcrumb__link:visited {
    color: var(--color-accent); }
  .breadcrumb__link:hover, .breadcrumb__link:focus {
    color: var(--color-strong-text); }
  .breadcrumb__link:active {
    color: var(--color-strong-text); }

button {
  outline: none; }

.user-is-tabbing button:focus {
  outline: 1px solid var(--color-accent); }

.button {
  background-color: var(--color-accent);
  border-radius: 0.25rem;
  color: var(--color-text-on-dark);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-accent);
  text-transform: uppercase; }
  .button:visited {
    color: var(--color-text-on-dark); }
  .button:hover, .button:focus {
    background-color: var(--color-secondary);
    color: var(--color-text-on-dark);
    border-color: var(--color-secondary); }
  .button:active {
    background-color: var(--color-primary);
    color: var(--color-text-on-dark); }
  .button:focus {
    outline-color: var(--color-primary); }
  .button[disabled] {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    cursor: default;
    pointer-events: none;
    border-color: var(--color-neutral); }
  .button + .button {
    margin-left: 0.5rem; }
    [dir='rtl'] .button + .button {
      margin-left: 0;
      margin-right: 0.5rem; }

.has-dark-background .button,
.button--on-dark,
.button--white {
  background-color: var(--color-light);
  border-radius: 0;
  color: var(--color-primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-light);
  line-height: var(--line-height-tight);
  min-height: auto;
  min-width: 222px; }
  .has-dark-background .button:visited,
  .button--on-dark:visited,
  .button--white:visited {
    color: var(--color-primary); }
  .has-dark-background .button:hover, .has-dark-background .button:focus,
  .button--on-dark:hover,
  .button--on-dark:focus,
  .button--white:hover,
  .button--white:focus {
    background-color: var(--wireframe-white);
    color: var(--color-primary);
    border-color: var(--wireframe-white); }
  .has-dark-background .button:active,
  .button--on-dark:active,
  .button--white:active {
    background-color: var(--color-light);
    color: var(--color-primary); }
  .has-dark-background .button:focus,
  .button--on-dark:focus,
  .button--white:focus {
    outline-color: var(--color-light); }
  .has-dark-background .button[disabled],
  .button--on-dark[disabled],
  .button--white[disabled] {
    background-color: rgba(255, 255, 255, 0.4);
    color: var(--color-primary);
    cursor: default;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0.4); }

.button--disabled {
  background-color: var(--color-neutral);
  border-radius: 0.25rem;
  color: var(--color-secondary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-secondary); }
  .button--disabled:visited {
    color: var(--color-secondary); }
  .button--disabled:hover, .button--disabled:focus {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    border-color: var(--color-secondary); }
  .button--disabled:active {
    background-color: var(--color-primary);
    color: var(--color-text-on-dark); }
  .button--disabled:focus {
    outline-color: var(--color-primary); }
  .button--disabled[disabled] {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    cursor: default;
    pointer-events: none;
    border-color: var(--color-neutral); }

.button--link {
  background-color: transparent;
  border-radius: 0.25rem;
  color: var(--color-accent);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-accent); }
  .button--link:visited {
    color: var(--color-accent); }
  .button--link:hover, .button--link:focus {
    background-color: transparent;
    color: var(--color-secondary);
    border-color: var(--color-secondary); }
  .button--link:active {
    background-color: transparent;
    color: var(--color-primary); }
  .button--link:focus {
    outline-color: transparent; }
  .button--link[disabled] {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    cursor: default;
    pointer-events: none;
    border-color: var(--color-neutral); }

.button--danger {
  background-color: #e62600;
  color: var(--color-text-on-dark); }
  .button--danger:hover, .button--danger:focus {
    background-color: #4d0d00; }
  .button--danger:active {
    background-color: #e62600; }

.button--secondary {
  background-color: transparent;
  border-radius: 0.25rem;
  color: var(--color-text);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-text);
  text-transform: uppercase;
  text-transform: uppercase; }
  .button--secondary:visited {
    color: var(--color-text); }
  .button--secondary:hover, .button--secondary:focus {
    background-color: transparent;
    color: var(--color-accent);
    border-color: var(--color-accent); }
  .button--secondary:active {
    background-color: transparent;
    color: var(--color-accent); }
  .button--secondary:focus {
    outline-color: transparent; }
  .button--secondary[disabled] {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    cursor: default;
    pointer-events: none;
    border-color: var(--color-neutral); }

.has-dark-background .button,
.button--secondary-on-dark,
.button--secondary-white {
  background-color: var(--color-light);
  border-radius: 0;
  color: var(--color-primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-light);
  text-transform: uppercase; }
  .has-dark-background .button:visited,
  .button--secondary-on-dark:visited,
  .button--secondary-white:visited {
    color: var(--color-primary); }
  .has-dark-background .button:hover, .has-dark-background .button:focus,
  .button--secondary-on-dark:hover,
  .button--secondary-on-dark:focus,
  .button--secondary-white:hover,
  .button--secondary-white:focus {
    background-color: var(--wireframe-white);
    color: var(--color-primary);
    border-color: var(--wireframe-white); }
  .has-dark-background .button:active,
  .button--secondary-on-dark:active,
  .button--secondary-white:active {
    background-color: var(--color-light);
    color: var(--color-primary); }
  .has-dark-background .button:focus,
  .button--secondary-on-dark:focus,
  .button--secondary-white:focus {
    outline-color: var(--color-light); }
  .has-dark-background .button[disabled],
  .button--secondary-on-dark[disabled],
  .button--secondary-white[disabled] {
    background-color: rgba(255, 255, 255, 0.4);
    color: var(--color-primary);
    cursor: default;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0.4); }

.button--large {
  font-size: 2rem;
  padding: 2rem 3rem; }

.button--small {
  font-size: 0.8rem;
  padding: 0.5rem 1rem; }

.button--full {
  width: 100%; }

.button--default-size {
  line-height: var(--line-height-tight);
  min-height: auto;
  min-width: 222px; }

#agegate.clean-theme {
  background: #fff;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: cover; }
  #agegate.clean-theme .site-name__text {
    font-size: var(--font-size-base); }
  #agegate.clean-theme h2 {
    color: var(--color-primary);
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    line-height: 45px;
    text-align: left; }
  #agegate.clean-theme .agegate-message {
    background-color: transparent;
    margin: auto;
    max-width: 500px;
    padding: 5%;
    text-align: left;
    width: 100%; }
    #agegate.clean-theme .agegate-message p {
      color: var(--color-text);
      font-weight: var(--font-weight-light);
      letter-spacing: 0.3px;
      line-height: 26px;
      max-width: 600px; }
  #agegate.clean-theme .state-selector-agegate {
    display: flex;
    flex-direction: column;
    max-width: 600px; }
    #agegate.clean-theme .state-selector-agegate label {
      color: var(--color-accent);
      text-transform: uppercase; }
  #agegate.clean-theme select {
    background-image: inline("../images/mobile-arrow-down.svg");
    appearance: initial;
    background-color: transparent;
    background-position: right;
    background-repeat: no-repeat;
    border: 0;
    border-bottom: 1px solid var(--color-text);
    color: var(--color-text);
    margin: 0.5rem 0;
    padding: 0.5rem 0;
    position: relative; }
  #agegate.clean-theme .state-selector-description {
    font-size: var(--font-size-base);
    font-style: italic; }
  #agegate.clean-theme .button.verify-age {
    background-color: var(--color-primary);
    width: 200px; }
    #agegate.clean-theme .button.verify-age:hover {
      color: var(--color-text-on-dark);
      text-decoration: none; }
  #agegate.clean-theme p.no-ship-error,
  #agegate.clean-theme p.select-a-state-message {
    color: var(--color-accent);
    font-weight: var(--font-weight-semibold); }
  #agegate.clean-theme p.select-a-state-message {
    margin-top: 0.5rem; }

@media (min-width: 80em) {
  #agegate.clean-theme .agegate-message {
    max-width: 100%;
    padding: 5% 10%; }
  #agegate.clean-theme h2 {
    font-size: var(--font-size-title);
    line-height: 65px; } }

.jfe-more-less-toggle__trigger {
  color: var(--color-accent);
  display: block; }

.jfe-more-less-toggle__content {
  overflow: hidden;
  transition: all 0.5s; }

.jfe-more-less-toggle.is-collapsed .jfe-more-less-toggle__content {
  max-height: 2.5em; }

.jfe-pic {
  margin: 0;
  width: 100%; }

.jfe-pic__picture {
  display: block;
  height: 100%; }

.jfe-pic__image {
  display: block;
  height: 100%;
  margin: auto;
  object-fit: contain;
  width: 100%; }

.jfe-pic.jfe-pic--exact {
  width: auto; }
  .jfe-pic.jfe-pic--exact .jfe-pic__picture {
    height: auto; }
  .jfe-pic.jfe-pic--exact .jfe-pic__image {
    height: auto;
    width: auto; }

.jfe-product {
  color: var(--color-secondary); }

.jfe-product__inner {
  margin: auto; }

.jfe-product__media-area {
  position: relative; }

.jfe-product__product-images-wrapper {
  align-items: flex-end;
  background: var(--color-neutral);
  display: flex;
  justify-content: center;
  padding: 30px 10px;
  position: relative; }

.jfe-product__product-images-wrapper .jfe-pic__picture {
  height: 60vh; }

.jfe-product__data-wrapper {
  color: var(--color-secondary); }

.jfe-product__flag-text {
  color: var(--color-accent);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.19px;
  padding: 30px 0 0;
  text-transform: uppercase; }

.jfe-product__brand {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.72px;
  padding: 10px 0 7px;
  text-transform: uppercase; }

.jfe-product__title-pieces {
  flex: 1;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.1px;
  line-height: 30px;
  padding-bottom: 7px;
  text-transform: uppercase; }

.jfe-product__price {
  color: var(--color-primary);
  font-family: var(--font-family-secondary);
  font-size: 36px;
  letter-spacing: 0.16px; }

.price--retail {
  color: var(--color-accent);
  padding-right: 5px;
  text-decoration: line-through; }

.jfe-product__under-price {
  display: flex;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  justify-content: flex-start;
  padding-bottom: 1.5em;
  padding-top: 0.7em; }

.jfe-product__under-price div::before {
  content: '|';
  padding: 0 0.4em; }

.jfe-product__under-price div:first-child::before {
  content: '';
  padding: 0; }

.jfe-product__add-to-cart-wrapper .ew-soldout {
  font-size: 1.25rem;
  font-weight: 600;
  min-width: 334px;
  text-align: center;
  text-transform: uppercase; }

.jfe-product__add-to-cart-wrapper .ew-notforsale a {
  line-height: var(--line-height-tight);
  min-height: auto;
  min-width: 222px; }

.jfe-product__favorite-wrapper {
  overflow: hidden;
  padding-bottom: 1em; }

.flag-favorite div {
  display: none; }

.flag-favorite a {
  color: var(--color-primary);
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.625rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  padding: 1px;
  text-rendering: auto;
  width: 1.1em; }
  .flag-favorite a::before {
    content: '\f004'; }

.flag-favorite.action-flag a {
  font-weight: 300; }

.flag-favorite.action-unflag a {
  font-weight: 900; }

.jfe-product__detail-item {
  display: flex;
  line-height: 18px;
  padding-bottom: 20px;
  text-transform: uppercase; }

.jfe-product__detail-item-label {
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.6px;
  width: 100px; }

.jfe-product__detail-item-text {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.9px; }

.jfe-product__description-label {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding-bottom: 1em;
  text-transform: uppercase; }

@media (min-width: 40em) {
  .jfe-product__inner {
    display: grid;
    gap: 35px 50px;
    grid-template-areas: 'promo promo' 'media details' 'other other';
    grid-template-columns: 1fr 1fr; }
  .jfe-product__promo-wrapper {
    grid-area: promo; }
  .jfe-product__media-area-wrapper {
    grid-area: media; }
  .jfe-product__data-wrapper {
    grid-area: details; }
  .jfe-product__add-to-cart-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    .jfe-product__add-to-cart-wrapper .field--name-field-ewinery-product-id {
      margin-bottom: 0;
      max-width: 350px; }
    .jfe-product__add-to-cart-wrapper .jfe-product__favorite-wrapper {
      padding: 0 0 0 2em; } }

@media (min-width: 56.25em) {
  .jfe-product__inner {
    grid-template-areas: 'promo promo' 'media details' 'other other'; }
  .jfe-product__flag-text {
    letter-spacing: 0.9px; }
  .jfe-product__media-accent {
    height: 60%;
    left: -5%;
    position: absolute;
    top: 10%;
    width: 30%; } }

.winery-info {
  display: grid;
  gap: 20px;
  grid-template-columns: 100%; }

.winery-info__title {
  font-size: 1.6875rem;
  font-weight: 500;
  letter-spacing: 1.35px;
  text-transform: uppercase; }

.winery-info__description {
  padding-bottom: 1rem; }

.winery-info__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .winery-info__links a {
    color: var(--color-accent);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.9px;
    padding-bottom: 1em;
    text-transform: uppercase; }

.winery-info .winery-info__links a {
  text-decoration: none; }

.winery-info__photo-wrapper {
  display: none; }

@media (min-width: 40em) {
  .winery-info {
    gap: 45px;
    grid-template-columns: 2fr 1fr; }
  .winery-info__links {
    justify-content: flex-start; }
    .winery-info__links a {
      margin-right: 5vw; }
  .winery-info__photo-wrapper {
    display: block; } }

@media (min-width: 56.25em) {
  .winery-info {
    gap: 45px;
    grid-template-columns: 3fr 2fr; }
  .winery-info__description {
    padding-bottom: 55px; } }

.jfe-product__detail-item-includes {
  flex-direction: column; }
  .jfe-product__detail-item-includes .jfe-product__detail-item-label {
    margin-bottom: var(--spacing-p-tag); }
  .jfe-product__detail-item-includes .jfe-product__detail-item-text a {
    color: var(--color-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-light);
    line-height: var(--line-height-base);
    text-decoration: underline;
    text-transform: capitalize; }

.mini-cart.mini-cart .cart-dialog {
  max-width: 100%;
  width: 37.5rem; }

.jfe-product-preview__inner {
  display: flex; }
  .jfe-product-preview__inner .jfe-product__product-images-wrapper {
    align-items: center;
    margin-right: 2rem;
    padding: 0.75rem;
    width: 7.75rem; }
    .jfe-product-preview__inner .jfe-product__product-images-wrapper .field {
      margin: 0; }
  .jfe-product-preview__inner .jfe-product__data-wrapper {
    flex: 1;
    margin: 0;
    padding: 0; }

.remove-product-modal {
  padding: 1rem; }
  .remove-product-modal .jfe-product--remove-modal {
    padding: 3rem 0; }
  .remove-product-modal .jfe-product__brand {
    padding: 0; }
  .remove-product-modal .jfe-product__display-name {
    padding: 0; }
  .remove-product-modal .jfe-product__under-price {
    padding: 0; }
  .remove-product-modal h2.title {
    color: var(--color-primary);
    font-family: var(--font-family-secondary);
    font-size: 2.5rem; }
  .remove-product-modal .qm-close-modal {
    font-size: 5rem;
    line-height: 0.5; }

.jfe-product--teaser .jfe-product__media-area {
  background: var(--color-neutral);
  padding: 2rem;
  position: relative; }

.messages__outside-wrapper {
  padding: 1em; }

.messages {
  padding: 1em; }

.messages--status {
  background-color: #cde2c2;
  border: 2px solid #77b259; }
  .messages--status a {
    font-weight: var(--font-weight-bold);
    color: #497134; }
    .messages--status a:visited {
      color: #497134; }
    .messages--status a:hover, .messages--status a:focus {
      color: #fff; }
    .messages--status a:active {
      color: #fff; }

.messages--warning {
  background-color: #f9eaa8;
  border: 2px solid #f0c818; }

.messages--error {
  background-color: #ff9580;
  border: 2px solid #e62600; }

.toggle-switch--on .toggle-switch__off {
  display: none; }

.toggle-switch--off .toggle-switch__on {
  display: none; }

.region-footer {
  background-color: var(--color-neutral);
  min-height: 15em; }

.region-footer-bottom {
  background-color: var(--color-dark-background);
  color: var(--color-text-on-dark);
  min-height: 2em;
  padding: 1em;
  text-align: center; }

.page > header {
  position: sticky; }

.region-header {
  align-items: center;
  background-color: var(--color-accent);
  display: flex;
  padding: 1rem; }
  .region-header .block--filter-drawer-trigger {
    margin-right: 1rem; }
    @media (min-width: 40em) {
      .region-header .block--filter-drawer-trigger {
        margin-right: 2rem; } }
  .region-header .block--site-branding {
    flex: 1;
    text-transform: uppercase; }
    @media (min-width: 40em) {
      .region-header .block--site-branding {
        font-size: 2rem; } }
  .region-header .icon-only {
    background: transparent;
    border: none;
    color: var(--color-acclaim-tan);
    cursor: pointer;
    font-size: 1.2rem; }
    .region-header .icon-only .toggle-switch__label {
      font-size: 1rem; }
    .region-header .icon-only:hover {
      color: var(--color-acclaim-white); }
    @media (min-width: 40em) {
      .region-header .icon-only {
        font-size: 2rem; } }
  .region-header .js-toggle-swtich {
    align-items: center;
    display: flex; }
  @media (min-width: 56.25em) {
    .region-header {
      position: relative; }
      .region-header .block--filter-drawer-trigger {
        display: none; }
      .region-header .block--top-icon-menu {
        width: 30%; }
        .region-header .block--top-icon-menu .jfe-rawhtml__inner {
          display: flex;
          flex-direction: row;
          justify-content: space-around; } }

.page {
  background: #f2f2f2; }

.jfe-accordion__trigger {
  background: none;
  border: 0;
  color: var(--color-accent);
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  padding-left: 3rem;
  position: relative;
  text-align: left; }
  .jfe-accordion__trigger:hover {
    color: var(--color-main-secondary); }
  .jfe-accordion__trigger:active {
    color: var(--color-main-primary); }

.jfe-accordion__status-icon {
  left: 0;
  position: absolute;
  top: 0.75rem;
  transform: translateY(-50%); }

.jfe-accordion__content-drawer {
  overflow: hidden;
  transition: max-height 0.4s ease-out; }

.jfe-accordion.is-closed .jfe-accordion__content-drawer {
  max-height: 0; }

.jfe-accordion.is-closed .jfe-accordion__status-icon--opened {
  display: none; }

.jfe-accordion.is-open .jfe-accordion__status-icon--closed {
  display: none; }

.jfe-attached-block {
  max-width: var(--constrain-content); }

.jfe-section .jfe-attached-block {
  margin: initial; }

/*  jfe_cta_tile:
    description: Large spacious tiles used for various calls to action with background color or colored overlay on image.
    styles:
      look1:
        name: TBD
        description: 
*/
.jfe-cta-tile {
  overflow: hidden;
  position: relative; }

.jfe-cta-tile__background-image {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }
  .jfe-cta-tile__background-image .jfe-pic {
    height: 100%;
    width: 100%; }
  .jfe-cta-tile__background-image img {
    height: 100%;
    object-fit: cover;
    width: 100%; }

.jfe-cta-tile__text-wrapper {
  position: relative;
  text-align: center; }

/*
      look1:
        name: Default Button Style - Centered 
        description: Call to action styled as the site default button centered.
      look2:
        name: Outline look - centered 
        description: Call to action styled as an outline button in default colors.
      look3:
        name: Default Button Style - Left Aligned 
        description: Call to action styled as the site default button but left aligned.
*/
.jfe-cta {
  text-align: center; }

.jfe-cta__inner {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-cta .jfe-cta__link {
  margin-left: auto; }

.jfe-cta.is-style-look2 .jfe-cta__link {
  background-color: transparent;
  border-radius: 0.25rem;
  color: var(--color-text);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  line-height: var(--line-height-base);
  padding: 0.4rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--duration-short) var(--ease-in), border var(--duration-short) var(--ease-in);
  vertical-align: top;
  white-space: normal;
  border: 2px solid var(--color-text);
  text-transform: uppercase; }
  .jfe-cta.is-style-look2 .jfe-cta__link:visited {
    color: var(--color-text); }
  .jfe-cta.is-style-look2 .jfe-cta__link:hover, .jfe-cta.is-style-look2 .jfe-cta__link:focus {
    background-color: transparent;
    color: var(--color-accent);
    border-color: var(--color-accent); }
  .jfe-cta.is-style-look2 .jfe-cta__link:active {
    background-color: transparent;
    color: var(--color-accent); }
  .jfe-cta.is-style-look2 .jfe-cta__link:focus {
    outline-color: transparent; }
  .jfe-cta.is-style-look2 .jfe-cta__link[disabled] {
    background-color: var(--color-neutral);
    color: var(--color-text-on-dark);
    cursor: default;
    pointer-events: none;
    border-color: var(--color-neutral); }

.jfe-cta.is-style-look2 .jfe-cta__inner {
  text-align: center; }

.jfe-cta.is-style-look3 {
  padding-left: 0;
  padding-right: 0; }
  .jfe-cta.is-style-look3 .jfe-cta__inner {
    text-align: left; }
  .jfe-cta.is-style-look3 .jfe-cta__link {
    margin-left: 0; }

.jfe-heading + .jfe-cta {
  margin-top: -0.5rem;
  padding-top: 0; }

/*
  jfe_featured_wine:
    description: Allows choice of ewinery_wine nodes and displays them based on look, has optional text and CTA.
    styles:
      look1:
        TBD
*/
.jfe-featured-wine__inner {
  margin: 0 auto;
  max-width: var(--constrain-content); }

/*
  jfe_heading:
    styles:
      look1:
        name: Page Title 
        description: TO BE COPIED FROM YML

*/
.jfe-heading__inner {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-hero {
  overflow: hidden;
  position: relative; }

.jfe-image-gallery__inner {
  margin-bottom: var(--gutter-width);
  padding-left: var(--gutter-width);
  padding-right: var(--gutter-width); }

@media (min-width: 56.25em) {
  .jfe-image-gallery__inner {
    display: grid;
    gap: var(--gutter-width);
    grid-template-columns: repeat(3, 1fr); } }

/*
  jfe_image:
    styles:
      look1:
        name: Full width, edge to edge.
        description: Image will fill container to the edge but keep the aspect ratio of the uploaded image (scale only).

      look2:
        name: Content Width
        description: Centered image scaled to the site's content width.

      look3:
        name: Narrow Width 
        description: Centered image scaled to site's narrow width.

      look4:
        name: Exact Size For Pre-Sized Images
        description: Image will display as uploaded with a max of.


*/
.jfe-image__caption {
  color: var(--color-secondary);
  font-size: 0.8em;
  font-style: italic; }

.jfe-image.is-style-look1 .jfe-pic {
  max-width: 100%; }

.jfe-image.is-style-look2 .jfe-pic {
  margin: auto;
  max-width: var(--constrain-narrow); }

.jfe-image.is-style-look3 .jfe-pic {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-image.is-style-look4 .jfe-pic {
  margin: auto; }

/*
      look1:
        name: Text Left Media Right (on Desktop)
        description: Text Left and Media Right until mobile breakpoint then stacked media bottom.
        images:
          media_image:
            type: single_field
            source: field_jfe_media_box_image
            crop: crop
            shape: 6x5
      look2:
        name: Media Left Text Right (on Desktop)
        description: Media Left and Text Right until mobile breakpoint then stacked media bottom.
        images:
          media_image:
            type: single_field
            source: field_jfe_media_box_image
            crop: crop
            shape: 6x5
      look3:
        name: Text Left Media Right (16x9 for video) 
        description: Text Left Media Right deisgned to fit 16x9 video or image cropped to fit.
        images:
          media_image:
            type: single_field
            source: field_jfe_media_box_image
            crop: crop
            shape: 16x9
      look4:
        name: Media Left (16x9 for video) Text Right
        description: Media Left deisgned to fit 16x9 video or image cropped to fit and text right.
        images:
          media_image:
            type: single_field
            source: field_jfe_media_box_image
            crop: crop
            shape: 16x9


*/
.jfe-media-box {
  position: relative; }

.jfe-media-box__inner {
  display: flex;
  flex-direction: column; }

.jfe-media-box__sub {
  padding-bottom: 1rem; }

.jfe-media-box__body-text {
  padding-bottom: 2rem; }

.jfe-media-box__text-wrapper {
  align-self: center;
  flex: 1;
  padding: 0 18px; }

.jfe-media-box__text-wrapper > *:last-child {
  margin-bottom: 1em; }

.jfe-media-box__links-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1em; }

.jfe-media-box__cta {
  margin-bottom: 1em; }

.jfe-media-box__media-wrapper {
  flex: 1;
  position: relative; }

.jfe-media-box__video {
  height: 100%;
  width: 100%; }

.has-video-with-image-fallback .jfe-media-box__video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

@media (min-width: 40em) {
  .jfe-media-box {
    padding: 0 2em; }
  .jfe-media-box__links-wrapper {
    flex-direction: row;
    justify-content: space-evenly; }
  .jfe-media-box__media-wrapper {
    margin-left: -2em;
    margin-right: -2em; } }

@media (min-width: 56.25em) {
  .jfe-media-box {
    padding: 0; }
  .jfe-media-box__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .jfe-media-box__media-wrapper {
    flex: 0 0 35%;
    margin: 0; }
  .jfe-media-box__text-wrapper {
    align-self: center;
    flex: 1 0 auto;
    position: relative;
    text-align: left; }
  .jfe-media-box .jfe-heading .jfe-heading__text {
    text-align: left; }
  .jfe-media-box__links-wrapper {
    justify-content: flex-start; }
  .jfe-media-box__cta {
    margin-right: var(--gutter-width); } }

@media (min-width: 80em) {
  .jfe-media-box__media-wrapper {
    margin-top: 0; }
  .jfe-media-box .jfe-heading {
    margin-bottom: 1em; } }

.jfe-media-box.is-style-look1 .jfe-media-box__text-wrapper {
  text-align: center; }

@media (min-width: 56.25em) {
  .jfe-media-box.is-style-look1 .jfe-media-box__inner {
    flex-direction: row; }
  .jfe-media-box.is-style-look1 .jfe-media-box__text-wrapper {
    flex: 1 1 auto;
    padding-left: var(--gutter-width);
    padding-right: var(--gutter-width);
    text-align: left; }
  .jfe-media-box.is-style-look1 .jfe-media-box__media-wrapper {
    flex: 0 0 60%;
    margin-left: 0;
    margin-top: 0; } }

@media (min-width: 80em) {
  .jfe-media-box.is-style-look1 .jfe-media-box__text-wrapper {
    padding-left: var(--gutter-width);
    padding-right: var(--gutter-width); } }

.jfe-media-box.is-style-look2 .jfe-heading__text {
  text-align: left; }

.jfe-media-box.is-style-look2 .jfe-media-box__links-wrapper {
  flex-direction: row;
  justify-content: flex-start; }

.jfe-media-box.is-style-look2 .jfe-media-box__cta + .jfe-media-box__cta {
  margin-left: 1em; }

@media (min-width: 56.25em) {
  .jfe-media-box.is-style-look2 .jfe-media-box__inner {
    flex-direction: row-reverse; }
  .jfe-media-box.is-style-look2 .jfe-media-box__text-wrapper {
    flex: 1 1 40%;
    padding-left: var(--gutter-width);
    padding-right: var(--gutter-width); }
  .jfe-media-box.is-style-look2 .jfe-media-box__media-wrapper {
    flex: 0 0 60%;
    margin: 0; } }

.jfe-media-box.is-style-look3 .jfe-media-box__inner {
  text-align: left; }

.jfe-media-box.is-style-look3 .jfe-media-box__links-wrapper {
  align-items: flex-start;
  justify-content: flex-start; }

.jfe-media-box.is-style-look4 .jfe-media-box__inner {
  flex-direction: column-reverse;
  text-align: center; }

.jfe-media-box.is-style-look4 .jfe-heading__text {
  text-align: center; }

.jfe-media-box.is-style-look4 .jfe-media-box__text-wrapper {
  padding-top: 2rem; }

@media (min-width: 56.25em) {
  .jfe-media-box.is-style-look3 .jfe-media-box__text-wrapper {
    flex: 1;
    padding-left: var(--gutter-width);
    padding-top: 0; }
  .jfe-media-box.is-style-look3 .jfe-media-box__media-wrapper {
    flex: 1;
    margin-top: 0; }
  .jfe-media-box.is-style-look3 .jfe-media-box__body-text {
    padding-bottom: 2rem; }
  .jfe-media-box.is-style-look4 .jfe-media-box__inner {
    flex-direction: row-reverse; }
  .jfe-media-box.is-style-look4 .jfe-heading .jfe-heading__text {
    text-align: left; }
  .jfe-media-box.is-style-look4 .jfe-media-box__text-wrapper {
    flex: 1;
    padding-left: var(--gutter-width);
    padding-top: 0; }
  .jfe-media-box.is-style-look4 .jfe-media-box__body-text {
    padding-bottom: 2rem; }
  .jfe-media-box.is-style-look4 .jfe-media-box__media-wrapper {
    flex: 1;
    margin-top: 0; } }

@media (min-width: 80em) {
  .jfe-media-box.is-style-look3 .jfe-heading,
  .jfe-media-box.is-style-look4 .jfe-heading {
    margin-bottom: 0; }
  .jfe-media-box.is-style-look3 .jfe-media-box__text-wrapper,
  .jfe-media-box.is-style-look4 .jfe-media-box__text-wrapper {
    padding-left: var(--gutter-width);
    padding-right: var(--gutter-width); }
  .jfe-media-box.is-style-look3 .jfe-media-box__text-wrapper {
    padding-right: var(--gutter-width); }
  .jfe-media-box.is-style-look3 .jfe-media-box__media-wrapper {
    padding-right: var(--gutter-width); } }

.jfe-quote__inner {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-quote__text {
  font-size: 2rem; }
  .jfe-quote__text p:first-of-type::before {
    content: '\201C'; }
  .jfe-quote__text p:last-of-type::after {
    content: '\201D'; }

.jfe-quote__title {
  color: var(--color-primary); }

.jfe-quote__citation {
  color: var(--color-secondary); }

.jfe-quote.is-style-look1 {
  text-align: center; }

.jfe-quote.is-style-look1 .jfe-quote__inner {
  max-width: var(--constrain-narrow); }

.jfe-rawhtml .jfe-rawhtml__inner {
  margin: 0 auto; }

.jfe-rawhtml.is-style-look2 .jfe-rawhtml__inner {
  max-width: var(--constrain-content); }

.jfe-rawhtml.is-style-look3 .jfe-rawhtml__inner {
  max-width: var(--constrain-narrow); }

/*
  jfe_section:
    styles:
      look1:
        name: Normal Section 
        description: Standard full-width section (default)

      look2:
        name: Content Width Section
        description: Standard section constrained to content width;

      look3: 
        name: Flex-Row stretch
        description: Each brick in this section displays evenly in a row.


*/
.jfe-section {
  margin-bottom: var(--brick-spacing);
  overflow: hidden;
  position: relative; }

.jfe-section__inner {
  margin: 0 auto;
  position: relative; }

.jfe-section.has-background .jfe-section__inner {
  padding: 3em 0; }

.jfe-section__background {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.jfe-section__background-video,
.jfe-section__background-image {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.jfe-section__background-image .jfe-pic img,
.jfe-section__background-video video {
  height: 100%;
  object-fit: cover;
  width: 100%; }

@media (min-width: 56.25em) {
  .jfe-section.has-background .jfe-section__inner {
    padding: 5em 0; } }

.jfe-section .jfe-brick {
  margin-bottom: 0 !important; }

.jfe-section.is-style-look2 .jfe-section__inner {
  margin: 0 auto;
  max-width: var(--constrain-content); }

@media (min-width: 40em) {
  .jfe-section.is-style-look3 .jfe-section__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch; }
    .jfe-section.is-style-look3 .jfe-section__content > div {
      flex: 1; } }

@media (min-width: 56.25em) {
  .jfe-section.is-style-look3 .jfe-section__content {
    flex-wrap: nowrap; } }

.jfe-textarea__inner {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-text-label__text p:last-child {
  margin-bottom: 0; }

.jfe-text-label.is-style-look1 {
  text-align: center; }

.jfe-textarea .jfe-textarea__inner {
  margin: auto;
  max-width: var(--constrain-content); }

.jfe-textarea.is-style-look2 .jfe-textarea__inner {
  max-width: var(--constrain-narrow); }

.acclaim-card__review {
  border-left: 3px solid rgba(9, 9, 9, 0.14);
  display: none;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.5rem; }

.show-reviews .acclaim-card__review {
  display: block; }

/**Card View**/
.cardView {
  border-bottom: 3px solid rgba(9, 9, 9, 0.14);
  padding: 15px;
  position: relative; }

.acclaim-card__title {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  padding-bottom: 0.2em; }

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

.acclaim-card__score {
  display: inline-block;
  font-weight: var(--font-weight-bold);
  margin-right: 1rem; }

.acclaim-card__score-suffix {
  font-weight: var(--font-weight-semibold); }

.accolade {
  display: inline-block;
  margin-left: 1.5rem; }

.acclaim-card__info-button {
  display: none;
  position: absolute;
  right: 1rem;
  top: 1rem; }

/**
 * @file
 * 
 */
.acclaim--admin-table {
  padding-right: 1rem; }
  .acclaim--admin-table .view__header {
    padding-top: 1rem; }
  .acclaim--admin-table .view__content {
    overflow-x: auto; }

.js .dropbutton-widget {
  background-color: white;
  border: 1px solid #ccc; }

.js .dropbutton-widget:hover {
  border-color: #b8b8b8; }

.dropbutton .dropbutton-action > * {
  padding: 0.1em 0.5em;
  white-space: nowrap; }

.dropbutton .secondary-action {
  border-top: 1px solid #e8e8e8; }

.dropbutton-multiple .dropbutton {
  border-right: 1px solid #e8e8e8;
  /* LTR */ }

[dir='rtl'] .dropbutton-multiple .dropbutton {
  border-left: 1px solid #e8e8e8;
  border-right: 0 none; }

.dropbutton-multiple .dropbutton .dropbutton-action > * {
  margin-right: 0.25em;
  /* LTR */ }

[dir='rtl'] .dropbutton-multiple .dropbutton .dropbutton-action > * {
  margin-left: 0.25em;
  margin-right: 0; }

.js .dropbutton-widget {
  background: #fff;
  background-image: linear-gradient(top, #fff, #e8e8e8);
  background-image: linear-gradient(to bottom, #fff, #e8e8e8);
  border: 1px solid;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  border-radius: 1em;
  color: #3a3a3a;
  cursor: pointer;
  margin: 0.125em 0;
  overflow: hidden;
  text-align: center; }

.js .dropbutton-widget:hover {
  border-color: #e4e4e4 #d2d2d2 #b4b4b4; }

.js .dropbutton-widget .button {
  background: transparent none;
  border: none;
  margin: 0;
  padding: 0.32em 1em; }

.js .dropbutton-multiple .dropbutton-widget,
.js[dir='rtl'] .dropbutton-multiple .dropbutton-widget {
  background-color: #fff;
  padding: 0; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton {
  padding-right: 2em;
  /* LTR */
  position: relative; }

.js[dir='rtl'] .dropbutton-multiple .dropbutton-widget .dropbutton {
  padding-left: 2em;
  padding-right: 0; }

.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
  margin-right: 0;
  /* LTR */ }

[dir='rtl'].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
  margin-left: 0; }

.js .dropbutton .secondary-action {
  border-top-color: #ccc; }

.js .dropbutton-toggle button {
  background-color: #e8e8e8;
  background-image: linear-gradient(top, #e8e8e8, #d2d2d2);
  background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2); }

.js .dropbutton-toggle .dropbutton-arrow:hover {
  background: #ccc; }

.js .dropbutton a {
  border-bottom: 0 none;
  color: #3a3a3a; }

.js .dropbutton .dropbutton-action:hover,
.js .dropbutton a:hover {
  background: #dedede;
  border-bottom: 0 none; }

.js input.form-autocomplete {
  display: block;
  width: 100%; }

/*Publication Date*/
.form-item-pub-date-min {
  display: inline-block; }

.form-item-pub-date-max {
  display: inline-block; }

.form-item .js-form-item-quick-search {
  width: 100%; }

.form-item-top-pub {
  width: 100%; }

/*.js-form-item {width:33%; float:left; padding:5px;}*/
#edit-pub-date-wrapper {
  width: 100%; }

#vbo-action-form-wrapper {
  padding: 1rem 0; }

.view__filters {
  background: #fff;
  border: 1px solid rgba(9, 9, 9, 0.14);
  border-radius: 0.25rem;
  box-shadow: var(--box-shadow-1);
  grid-area: filters;
  padding: 1rem;
  padding-bottom: 3rem;
  position: relative;
  width: 17rem; }
  .view__filters select {
    display: none; }
  .view__filters select.show {
    display: initial;
    width: 100%; }
  .view__filters #edit-quick-search {
    max-width: 100%; }
  .view__filters .form-item {
    padding: 1.5rem 0 0.25rem; }
  .view__filters .form-item-quick-search {
    padding-top: 0; }
  .view__filters label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.04375rem; }
  .view__filters #edit-score--wrapper legend {
    padding-top: 1rem; }
  .view__filters #edit-score {
    margin-top: -1.5rem; }
  .view__filters .form-item-score {
    padding: 0 1rem 0 0; }
    .view__filters .form-item-score label {
      font-family: var(--font-family-primary);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-medium);
      letter-spacing: 0.03125rem; }
  .view__filters #edit-pub-date-wrapper {
    margin-top: 0.7rem; }
    .view__filters #edit-pub-date-wrapper fieldset-wrapper {
      margin-top: -0.5rem; }
  .view__filters .form-item-pub-date-min {
    margin-top: -0.5rem;
    padding-top: 0; }
  .view__filters legend {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.04375rem;
    padding: 0 1rem; }
  .view__filters .fieldgroup legend {
    padding: 0; }
  @media (min-width: 56.25em) {
    .view__filters .form-item-sort-by,
    .view__filters .form-item-sort-order,
    .view__filters .form-item-items-per-page {
      display: none; } }

.acclaim--show-filters .view__filters {
  position: absolute;
  right: 100%;
  z-index: var(--z-index-drawer); }

.acclaim--show-filters .view__filters--shown {
  height: 85%;
  overflow-y: auto;
  position: fixed;
  right: 0;
  width: 100%; }

@media (min-width: 56.25em) {
  .acclaim--show-filters .view__filters {
    grid-area: filters;
    position: relative;
    right: auto; }
  .acclaim--show-filters .view__filters--shown {
    height: auto;
    overflow-y: hidden;
    position: relative;
    right: auto;
    width: 17rem; } }

.form-actions {
  padding-top: 0.5rem; }

@media (min-width: 56.25em) {
  .acclaim--show-filters {
    display: grid;
    grid-template-areas: 'filters header' 'filters content' 'filters footer';
    grid-template-columns: 20rem auto;
    grid-template-rows: auto; } }

.acclaim--show-filters .view__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-area: header;
  justify-content: space-between; }
  .acclaim--show-filters .view__header .form-item-items-per-page select {
    width: 4rem; }
  .acclaim--show-filters .view__header .view__sort-by {
    display: flex;
    flex-wrap: wrap; }
  .acclaim--show-filters .view__header .form-item-sort-by {
    margin-right: 1em; }

.acclaim--show-filters .view__content {
  grid-area: content; }

.acclaim--show-filters .view__footer {
  grid-area: footer;
  margin-top: 1rem; }

.acclaim--show-filters .view__feed-icons {
  grid-area: footer;
  margin-top: 1rem; }

.view__footer .pager {
  display: flex;
  justify-content: center; }
  .view__footer .pager li.is-active {
    background: var(--color-acclaim-white);
    border-radius: 4px; }
    .view__footer .pager li.is-active a {
      color: var(--color-text); }
      .view__footer .pager li.is-active a:visited {
        color: var(--color-text); }
      .view__footer .pager li.is-active a:hover, .view__footer .pager li.is-active a:focus {
        color: var(--color-text); }
      .view__footer .pager li.is-active a:active {
        color: var(--color-text); }
  .view__footer .pager ul.pager__items {
    margin: 0;
    padding: 0; }
  .view__footer .pager a {
    padding: 0 0.5rem; }

.acclaim--rows-of-cards {
  padding: 1rem; }

.acclaim--rows-of-cards .view__row {
  align-items: flex-start;
  display: flex; }
  .acclaim--rows-of-cards .view__row .views-field-views-bulk-operations-bulk-form {
    padding-right: 1rem;
    padding-top: 1.1rem; }
    .acclaim--rows-of-cards .view__row .views-field-views-bulk-operations-bulk-form input {
      transform: scale(1.5); }
  .acclaim--rows-of-cards .view__row .views-field-rendered-entity {
    flex: 1; }

.region-header h1 {
  color: var(--color-acclaim-tan); }

/**
 * @file
 * Visual styles for progress bar.
 *
 * @see progress.js
 */
.progress__track {
  border-color: #b3b3b3;
  border-radius: 10em;
  background-color: #f2f1eb;
  background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
  background-image: linear-gradient(#e7e7df, #f0f0f0);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.16); }

.progress__bar {
  height: 16px;
  margin-top: -1px;
  margin-left: -1px;
  /* LTR */
  padding: 0 1px;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  -webkit-animation: animate-stripes 3s linear infinite;
  -moz-animation: animate-stripes 3s linear infinite;
  border: 1px #07629a solid;
  border-radius: 10em;
  background: #057ec9;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
  background-size: 40px 40px; }

[dir="rtl"] .progress__bar {
  margin-right: -1px;
  margin-left: 0;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse; }

@media screen and (prefers-reduced-motion: reduce) {
  .progress__bar {
    -webkit-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none; } }

/**
   * Progress bar animations.
   */
@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 0 0, -80px 0; } }

@-ms-keyframes animate-stripes {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 0 0, -80px 0; } }

@keyframes animate-stripes {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 0 0, -80px 0; } }

/*a, .link {
  text-decoration: none;
  color: #0074bd;
  font-size: 12px !important;
}
*/
.pager__items li {
  display: inline-block; }

.l-sidebar {
  background: white;
  box-shadow: 1px 1px 1px 1px grey;
  margin-left: 1rem;
  margin-top: 1rem;
  padding: 25px;
  width: 22%; }

table {
  border: 1px solid #333;
  border-collapse: collapse; }

td {
  border: 1px solid #aaa;
  border-collapse: collapse;
  margin: 0;
  padding: 2px 4px; }

/*# sourceMappingURL=styles.css.map */