/* Durfina Systems theme for CookieConsent 3.
   Loaded after cookieconsent.css so the vendor file stays untouched and can be
   swapped for a newer release without re-applying any of this.

   The site has no rounded corners anywhere, so neither does the banner. */

#cc-main{
  --cc-font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,sans-serif;
  --cc-modal-border-radius:0;
  --cc-btn-border-radius:0;
  --cc-pm-toggle-border-radius:0;
  --cc-modal-margin:1.25rem;
  --cc-z-index:2147483000;

  --cc-bg:#ffffff;
  --cc-primary-color:#111111;
  --cc-secondary-color:#4a4a4a;
  --cc-link-color:#0f62fe;
  --cc-separator-border-color:rgba(0,0,0,.18);
  --cc-overlay-bg:rgba(10,10,10,.6);

  --cc-btn-primary-bg:#0f62fe;
  --cc-btn-primary-color:#ffffff;
  --cc-btn-primary-border-color:#0f62fe;
  --cc-btn-primary-hover-bg:#0043ce;
  --cc-btn-primary-hover-color:#ffffff;
  --cc-btn-primary-hover-border-color:#0043ce;

  --cc-btn-secondary-bg:#ffffff;
  --cc-btn-secondary-color:#111111;
  --cc-btn-secondary-border-color:#111111;
  --cc-btn-secondary-hover-bg:#0a0a0a;
  --cc-btn-secondary-hover-color:#ffffff;
  --cc-btn-secondary-hover-border-color:#0a0a0a;

  --cc-cookie-category-block-bg:#f4f4f4;
  --cc-cookie-category-block-border:#f4f4f4;
  --cc-cookie-category-block-hover-bg:#ececec;
  --cc-cookie-category-block-hover-border:#ececec;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#e3e3e3;

  --cc-toggle-on-bg:#0f62fe;
  --cc-toggle-off-bg:#8f8f8f;
  --cc-toggle-on-knob-bg:#ffffff;
  --cc-toggle-off-knob-bg:#ffffff;
  --cc-toggle-enabled-icon-color:#0f62fe;
  --cc-toggle-disabled-icon-color:#8f8f8f;
  --cc-toggle-readonly-bg:#d4d4d4;
  --cc-toggle-readonly-knob-bg:#ffffff;
  --cc-toggle-readonly-knob-icon-color:#d4d4d4;

  --cc-footer-bg:#f4f4f4;
  --cc-footer-color:#4a4a4a;
  --cc-footer-border-color:rgba(0,0,0,.18);
}

/* Square, uppercase, letterspaced — the same button language as the site. */
#cc-main .cm__btn,
#cc-main .pm__btn{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.9rem 1.4rem;
  border-width:1px;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}

/* A hairline instead of the default shadow keeps the panel flat like the rest
   of the site. */
#cc-main .cm,
#cc-main .pm{
  box-shadow:none;
  border:1px solid rgba(0,0,0,.18);
}

#cc-main .cm__title,
#cc-main .pm__title{
  font-weight:800;
  letter-spacing:-.01em;
}

#cc-main .pm__section-title,
#cc-main .pm__badge{
  border-radius:0;
}

/* The banner sits bottom-left as a card; on narrow screens it goes full width. */
#cc-main .cm--box{max-width:26rem;}