/* =====================================================================
   abcTheme OPTIONS
   Edit these variables to restyle the whole site (colors, fonts, sizes).
   You can also override them per page in Page Settings > Advanced >
   Page Header Tags, e.g. <style>:root{--abc-primary:#0a7cff}</style>
   ===================================================================== */
:root {
  /* Brand colors */
  --abc-primary: #da2e29;
  --abc-primary-dark: #b3211d;
  --abc-secondary: #1d2434;
  --abc-accent: #f4b63f;

  /* Neutrals */
  --abc-text: #5d6475;
  --abc-heading: #161b26;
  --abc-muted: #8b93a5;
  --abc-bg: #ffffff;
  --abc-bg-alt: #f5f6f9;
  --abc-border: #e6e8ee;
  --abc-dark: #11151e;

  /* Typography (self-hosted, see fonts/fonts.css) */
  --abc-font-body: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --abc-font-heading: 'Alata', 'Open Sans', system-ui, sans-serif;
  --abc-font-size: 16px;
  --abc-line-height: 1.75;

  /* Layout */
  --abc-container: 1240px;
  --abc-gutter: 30px;
  --abc-radius: 6px;
  --abc-section-space: 100px;
  --abc-module-gap: 1.5rem;   /* space between two modules in the same boxed pane (full-width panes: always 0) */
  --abc-row-gap: calc(var(--abc-gutter) / 2); /* space above/below each boxed row; set 0 for no gaps between rows */

  /* Clear-Overlay: logo over the first module */
  --abc-over-x: 15px;
  --abc-over-y: 25px;
  --abc-over-logo-h: 50px;

  /* Header */
  --abc-header-height: 84px;
  --abc-header-height-sticky: 68px;
  --abc-topbar-bg: var(--abc-secondary);
  --abc-topbar-color: rgba(255,255,255,.75);
  --abc-header-bg: #ffffff;
  --abc-menu-color: var(--abc-heading);
  --abc-menu-hover: var(--abc-primary);
  --abc-dropdown-bg: #ffffff;

  /* Page title banner */
  --abc-banner-image: url('../img/banner.svg');
  --abc-banner-overlay: rgba(17, 21, 30, .55);
  --abc-banner-height: 340px;

  /* Footer */
  --abc-footer-bg: #11151e;
  --abc-footer-color: rgba(255,255,255,.65);
  --abc-footer-heading: #ffffff;

  /* Page loader look (it is off by default; switch it on in abcBuilder > Theme settings) */
  --abc-loader-display: flex;
}