/* Without cookie banner: site look (cream, black, pill buttons, Neue Montreal + FeatureDeck).
   Fonts come from the theme's own @font-face rules. Load after cookieconsent.css. */
#cc-main {
  --cc-font-family: NeueMontreal, "Helvetica Neue", Arial, sans-serif;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 9999px;
  --cc-modal-margin: 1rem;
  --cc-z-index: 2147483000;
  --cc-bg: #f9f7f2;
  --cc-primary-color: #000;
  --cc-secondary-color: #000;
  --cc-link-color: #000;
  --cc-btn-primary-bg: #000;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #000;
  --cc-btn-primary-hover-bg: #effe82;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-primary-hover-border-color: #000;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #000;
  --cc-btn-secondary-border-color: #000;
  --cc-btn-secondary-hover-bg: #effe82;
  --cc-btn-secondary-hover-color: #000;
  --cc-btn-secondary-hover-border-color: #000;
  --cc-separator-border-color: #deddd0;
  --cc-toggle-on-bg: #000;
  --cc-toggle-off-bg: #9a998f;
  --cc-toggle-on-knob-bg: #f9f7f2;
  --cc-toggle-off-knob-bg: #f9f7f2;
  --cc-toggle-enabled-icon-color: #000;
  --cc-toggle-disabled-icon-color: #9a998f;
  --cc-toggle-readonly-bg: #deddd0;
  --cc-toggle-readonly-knob-bg: #f9f7f2;
  --cc-toggle-readonly-knob-icon-color: #000;
  --cc-section-category-border: #deddd0;
  --cc-cookie-category-block-bg: #fff;
  --cc-cookie-category-block-border: #deddd0;
  --cc-cookie-category-block-hover-bg: #fff;
  --cc-cookie-category-block-hover-border: #000;
  --cc-cookie-category-expanded-block-bg: #fff;
  --cc-cookie-category-expanded-block-hover-bg: #fff;
  --cc-overlay-bg: rgba(0, 0, 0, .55);
  --cc-footer-bg: #f9f7f2;
  --cc-footer-color: #000;
  --cc-footer-border-color: #deddd0;
  font-weight: 400;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid #000;
  box-shadow: none;
}

/* Titles in the display serif used for the site's headlines */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: FeatureDeck, Georgia, serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.05;
  letter-spacing: -.01em;
}

/* The library reuses the button radius for the category boxes; keep only the buttons as pills */
#cc-main .pm__section,
#cc-main .pm__section--toggle,
#cc-main .pm__section--toggle .pm__section-desc-wrapper,
#cc-main .pm__section-title {
  border-radius: 0;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  font-size: .9375rem;
  line-height: 1.45;
}

/* Buttons like the site's .btn-primary: uppercase pill */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-size: .8125rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: uppercase;
  min-height: 2.75rem;
}

#cc-main a,
#cc-main .cc__link {
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none;
}

#cc-main .cm__footer {
  font-size: .8125rem;
}

/* Visible keyboard focus everywhere */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main input:focus-visible + .section__toggle-wrapper,
#cc-main .section__toggle:focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
}

/* Touch screens keep :hover after a tap, which left a lime button behind */
@media (hover: none) {
  #cc-main {
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-secondary-hover-bg: transparent;
    --cc-btn-secondary-hover-color: #000;
  }
}

/* The theme hides the system pointer and draws its own cursor (z-index 10000): keep it above the banner.
   html + div outrank the theme's own rule, which loads after this file. */
html body.body-main div.cursor {
  z-index: 2147483001;
}

/* [without_cookie_table] on the Cookie Policy page */
.ws-cookie-table {
  margin: 2rem 0 2.5rem;
}

.ws-cookie-table__title {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 .5rem;
}

.ws-cookie-table p {
  margin: 0 0 1rem;
}

.ws-cookie-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9375rem;
  line-height: 1.4;
}

.ws-cookie-table th,
.ws-cookie-table td {
  text-align: left;
  vertical-align: top;
  padding: .625rem 1rem .625rem 0;
  border-bottom: 1px solid #deddd0;
}

.ws-cookie-table th {
  font-weight: 500;
  border-bottom-color: #000;
}

.ws-cookie-table td:first-child {
  width: 30%;
  overflow-wrap: anywhere;
}

.ws-cookie-table td:last-child {
  width: 20%;
  padding-right: 0;
}