/* Arctic Font & Colors */
:root {
  --arctic-body-font: "Source Sans 3", sans-serif;
  --arctic-heading-font: "Source Sans 3", sans-serif;
  --color-arctic-blue: #1d6de2;
  --color-arctic-teal: #0ac1d8;
  --color-polar-night: #002133;
  --color-polar-fog: #e6ebf0;
  --color-polar-day: #fbfcfd;
  --color-white: #fff;
  --color-arctic-blue-shade: #1258bd;
  --color-polar-night-1000: #3a4c5f;
  --color-polar-night-900: #4d6470;
  --color-polar-night-800: #596f7a;
  --color-polar-night-700: #667a85;
  --color-polar-night-600: #809099;
  --color-polar-night-500: #99a6ad;
  --color-polar-night-400: #b2bcc1;
  --color-polar-night-300: #ccd3d6;
  --color-polar-night-200: #e5e8ea;
  --color-polar-night-100: #f2f4f5;
  --color-polar-fog-1000: #3a4c5f;
  --color-polar-fog-900: #496078;
  --color-polar-fog-800: #597592;
  --color-polar-fog-700: #6785a3;
  --color-polar-fog-600: #8099b2;
  --color-polar-fog-500: #99adc1;
  --color-polar-fog-400: #b3c2d1;
  --color-polar-fog-300: #ccd6e0;
  --color-polar-fog-200: #e6ebf0;
  --color-polar-fog-100: #f2f5f7;
  --color-mosaic-blue-300: #d1e2f2;
  --color-mosaic-blue-200: #e9f3fc;
  --color-mosaic-blue-100: #eef4fa;
  --color-spring-teal: #c5eef3;
  --color-spring-ocean: rgba(190, 234, 253);
  --color-spring-ocean-70: rgba(190, 234, 253, 0.7);
  --color-spring-ocean-50: rgba(190, 234, 253, 0.5);
  --color-ocean: #2abaf8;
  --color-alert: #cf2e2e;
  --color-alert-fall: #a51414;
  --color-alert-spring: #f8d1d1;
  --color-success: #4d9f1a;
  --color-success-fall: #457434;
  --color-success-spring: #d6f9cb;
  --color-warning: #ffce09;
  --color-warning-fall: #d9af07;
  --color-warning-spring: #fff5c3;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.hs-module {
  /* fluid from 768 to 1440 */
  --content-width: 76rem;
  --module-x-padding: clamp(1.5rem, -4.7857rem + 13.0952vw, 7rem);
  --module-y-padding: clamp(2.5rem, 0.2143rem + 4.7619vw, 4.5rem); /* 72 */
  --module-y-padding-x2: clamp(5rem, 0.4286rem + 9.5238vw, 9rem); /* 144 */

  margin-block: 0;
  /* margin-inline: auto;
  max-width: 90rem;
  padding-inline: var(--section-x-padding); */
  padding-block: var(--module-y-padding);
  padding-inline: max(var(--module-x-padding), (100% - var(--content-width)) / 2);
  position: relative;

  & + &,
  & + .wp-block-highspot-section,
  .wp-block-highspot-section + & {
    margin-block: 0;
  }
}