:root {
  scroll-behavior: smooth;
  font-family:var(--font-paragraph);
  /*font-size:var(--font-size-responsive); */
  font-weight: 400;
  line-height: 1.5;
  background-color:var(--color-background);
  color:var(--color-text);
  --color-background: white;
  --color-text: black;
  --color-black: rgb(0,0,0);
  --color-primary: rgb(255,0,0);
  --color-primary-dark: rgb(192,0,0);
  --color-secondary: rgb(128,128,128);
  --color-gray: rgb(128,128,128);
  --color-gray-dark: rgb(64,64,64);
  --color-gray-light: rgb(192,192,192);
  --color-highlight: rgb(255,255,0); /* #FFFF00 */
  --font-heading: sans-serif;
  --font-title: sans-serif;
  --font-paragraph: sans-serif;
  --font-symbol: 'Material Symbols Outlined Variable', 'Material Symbols Outlined', 'Segoe UI Symbol', 'Apple Symbols', system-ui, sans-serif;
  --font-monospace: 'monospace';
  --font-size-responsive: clamp(16px, 1.25vw, 22.5px);
  --font-size-fixed: 16px;
  --font-size-huge: 12rem;
  --font-size-huge-leading: 1;
  --font-size-huge-kerning: 0em;
  --font-size-xxxlarge: 7rem;
  --font-size-xxlarge: 5rem;
  --font-size-xlarge: 3rem;
  --font-size-large: 1.75rem;
  --font-size-normal: 1rem;
  --font-size-small: .9rem;
  --font-size-xsmall: .75rem;
  --font-size-xxsmall: .65rem;
  --font-weight-bold: 500;
  --alert-text-size: .7rem;

  /* --spacing-increment-fluid: 2.5vw;
  --spacing-increment-fixed: 16px; */

  --spacing-xsmall: 2vw;
  --spacing-small: 4vw;
  --spacing-medium: 6vw;
  --spacing-large: 12vw;
  --spacing-xlarge: 16vw;
  --element-p-margin-top: .5em;
  --element-p-margin-bottom: .5em;

  --header-height: 15vw;
  --footer-height: 30vw;

  /* --wp-login-bar: 0;
  --wp-login-bar: 32px; */

  /* would like to delete these */
  /*--spacing-default: 4vw;
  --spacing-inner: 2vw;
  --spacing-default-mobile: 4vw;
  --spacing-inner-mobile: 2vw;
  --content-spacing-horizontal: 4rem;
  --content-spacing-horizontal-mobile: 1rem;
  --content-spacing-vertical: 4rem;
  --content-spacing-vertical-mobile: 1rem;*/
}

/* WORDPRESS UI */

  #wp-admin-bar-top-secondary #wp-admin-bar-my-account {
    display: none !important;
  }

/* SCREEN */

  .Widescreen { display:none; }
  .Desktop { display:none; }
  .Tablet { display:none; }
  .Mobile { display:none; }

/* COMMON ELEMENTS */

  /* h1, h2, h3, h4, h5, h6 { font-family:var(--font-heading); } */
  h1, h2, h3 { line-height:1; margin-top:1rem; margin-bottom:1rem; margin-block-start:1rem!important; }
  .Heading { font-family:var(--font-title); font-weight:bold; }
  .Heading.Default { font-size:var(--var-font-size-default); }
  .Heading.Sans { font-family:var(--font-title); }

  .Symbols {
    font-family: var(--font-symbol);
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  }

  /* .Eyebrow { margin-bottom:.5em; font-size:var(--font-size-small); font-weight:bold; letter-spacing:.2em; text-transform:uppercase; } */

  .Columns { display:flex; }
  .Columns .Column { width:50%; background-size:cover; background-position:center; }

  /* .Buttons { display:flex; }
  .Buttons .Cta { margin-right:1em; width:fit-content; }
  .Buttons .Cta:hover button { background-color:var(--color-blue); color:white; }
  .Buttons .Cta:last-of-type button { border-top-right-radius:1.25vw; border-bottom-right-radius:1.25vw; } */

  .Cta { position:relative; width:fit-content; display:inline-block; background-color:var(--color-primary); font-size:inherit; }
  .Cta button {
    position:relative; margin:0; padding:1em; width:fit-content; height:100%; flex-direction:column; justify-content:center; background-color:inherit;
    font-size:inherit; font-weight:bold; /*line-height:1.5em;*/ color:white; }
  .Cta::after {
    content: '';
    display: block;
    width: 1em;
    height: 100%;
    background-color: var(--color-secondary);
    position: absolute;
    bottom: 0;
    right: -1em;
    /*border-radius: 0 .5em .5em 0;*/
    border-radius: unset;
  }
  .Cta:hover::after { background-color:var(--color-highlight); }
  .Cta:hover button { background-color:var(--color-primary); color:var(--color-highlight); /*font-weight:bold;*/ /*text-shadow: 0 0 0.5px currentColor; */ }

  .Code { font-size:var(--font-size-xsmall); }

  .Fluid {
    --font-size-huge: 8.1vw;
    --font-size-xxxlarge: 4.5vw;
  }

  :target {
    scroll-margin-top: calc(6vw + 2em);
  }

  #wpadminbar {
    position: fixed !important;
    top: 0 !important;
  }

  .wp-block-heading:first-child { margin-top:0; margin-block-start:0!important; }
  .wp-block-cover, .wp-block-cover-image { padding:0; }


@media (min-width: 1441px) {
  :root {
    font-size:18.7px;
    --spacing-increment-fluid: 36px;
    --spacing-increment-fixed: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  :root { }
}

@media (max-width: 767px) {
  :root {
    font-size: 2.5vw;
    --font-size-huge: 4rem;
    --font-size-xxxlarge: 3rem;
    --font-size-xxlarge: 2rem;
    --font-size-xlarge: 1.75rem;
    --font-size-large: 1.4rem;
    --font-size-small: .95rem;
    --font-size-xsmall: .9rem;
    --font-size-xxsmall: .85rem;
    --header-height: 15vw;
    --wp-login-bar: 46px!important;
  }
  .Columns { flex-direction:column; }
  .Columns .Column { width:100%; }
  /* project specific */
  .Hero .Social { display:none; }
}