/*###############################
SCSS VARIABLES
################################*/
/* Measure these, used for correct spacings with overlay headers 
bp / measures height
*/
/* Auto Spacing */
/* using box-shadow for focus state */
/*--- TYPOGRAPHY H6 down to to H1---*/
/*---  COLORS ---*/
/* Default lightness values */
/* Color map */
/*--- BUTTONS --*/
/*##################
FUNCTIONS & MIXINS
###################*/
@media (min-width: 320px) {
  :root {
    --header-height: 61px;
  }
}
@media (min-width: 479px) {
  :root {
    --header-height: 61px;
  }
}
@media (min-width: 768px) {
  :root {
    --header-height: 61px;
  }
}
@media (min-width: 992px) {
  :root {
    --header-height: 61px;
  }
}
body {
  height: 100%;
}
footer {
  margin-top: auto;
}
/*##################
CSS COLORS
###################*/
:root {
  --focus-color: var(--primary-trans-50);
  --focus-width: 3px;
  --primary: #e0001a;
  --primary-trans-10: rgba(224, 0, 26, 0.1);
  --primary-trans-20: rgba(224, 0, 26, 0.2);
  --primary-trans-30: rgba(224, 0, 26, 0.3);
  --primary-trans-40: rgba(224, 0, 26, 0.4);
  --primary-trans-50: rgba(224, 0, 26, 0.5);
  --primary-trans-60: rgba(224, 0, 26, 0.6);
  --primary-trans-70: rgba(224, 0, 26, 0.7);
  --primary-trans-80: rgba(224, 0, 26, 0.8);
  --primary-trans-90: rgba(224, 0, 26, 0.9);
  --primary-hover: #66000c;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-hover-trans-10: rgba(102, 0, 12, 0.1);
  --primary-hover-trans-20: rgba(102, 0, 12, 0.2);
  --primary-hover-trans-30: rgba(102, 0, 12, 0.3);
  --primary-hover-trans-40: rgba(102, 0, 12, 0.4);
  --primary-hover-trans-50: rgba(102, 0, 12, 0.5);
  --primary-hover-trans-60: rgba(102, 0, 12, 0.6);
  --primary-hover-trans-70: rgba(102, 0, 12, 0.7);
  --primary-hover-trans-80: rgba(102, 0, 12, 0.8);
  --primary-hover-trans-90: rgba(102, 0, 12, 0.9);
  --primary-ultra-light: #ffe6e8;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-ultra-light-trans-10: rgba(255, 230, 232, 0.1);
  --primary-ultra-light-trans-20: rgba(255, 230, 232, 0.2);
  --primary-ultra-light-trans-30: rgba(255, 230, 232, 0.3);
  --primary-ultra-light-trans-40: rgba(255, 230, 232, 0.4);
  --primary-ultra-light-trans-50: rgba(255, 230, 232, 0.5);
  --primary-ultra-light-trans-60: rgba(255, 230, 232, 0.6);
  --primary-ultra-light-trans-70: rgba(255, 230, 232, 0.7);
  --primary-ultra-light-trans-80: rgba(255, 230, 232, 0.8);
  --primary-ultra-light-trans-90: rgba(255, 230, 232, 0.9);
  --primary-light: #ffb3bb;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-light-trans-10: rgba(255, 179, 187, 0.1);
  --primary-light-trans-20: rgba(255, 179, 187, 0.2);
  --primary-light-trans-30: rgba(255, 179, 187, 0.3);
  --primary-light-trans-40: rgba(255, 179, 187, 0.4);
  --primary-light-trans-50: rgba(255, 179, 187, 0.5);
  --primary-light-trans-60: rgba(255, 179, 187, 0.6);
  --primary-light-trans-70: rgba(255, 179, 187, 0.7);
  --primary-light-trans-80: rgba(255, 179, 187, 0.8);
  --primary-light-trans-90: rgba(255, 179, 187, 0.9);
  --primary-medium: #ff001e;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-dark: #80000f;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-dark-trans-10: rgba(128, 0, 15, 0.1);
  --primary-dark-trans-20: rgba(128, 0, 15, 0.2);
  --primary-dark-trans-30: rgba(128, 0, 15, 0.3);
  --primary-dark-trans-40: rgba(128, 0, 15, 0.4);
  --primary-dark-trans-50: rgba(128, 0, 15, 0.5);
  --primary-dark-trans-60: rgba(128, 0, 15, 0.6);
  --primary-dark-trans-70: rgba(128, 0, 15, 0.7);
  --primary-dark-trans-80: rgba(128, 0, 15, 0.8);
  --primary-dark-trans-90: rgba(128, 0, 15, 0.9);
  --primary-ultra-dark: #330006;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-ultra-dark-trans-10: rgba(51, 0, 6, 0.1);
  --primary-ultra-dark-trans-20: rgba(51, 0, 6, 0.2);
  --primary-ultra-dark-trans-30: rgba(51, 0, 6, 0.3);
  --primary-ultra-dark-trans-40: rgba(51, 0, 6, 0.4);
  --primary-ultra-dark-trans-50: rgba(51, 0, 6, 0.5);
  --primary-ultra-dark-trans-60: rgba(51, 0, 6, 0.6);
  --primary-ultra-dark-trans-70: rgba(51, 0, 6, 0.7);
  --primary-ultra-dark-trans-80: rgba(51, 0, 6, 0.8);
  --primary-ultra-dark-trans-90: rgba(51, 0, 6, 0.9);
  --action: #c8041b;
  --action-trans-10: rgba(200, 4, 27, 0.1);
  --action-trans-20: rgba(200, 4, 27, 0.2);
  --action-trans-30: rgba(200, 4, 27, 0.3);
  --action-trans-40: rgba(200, 4, 27, 0.4);
  --action-trans-50: rgba(200, 4, 27, 0.5);
  --action-trans-60: rgba(200, 4, 27, 0.6);
  --action-trans-70: rgba(200, 4, 27, 0.7);
  --action-trans-80: rgba(200, 4, 27, 0.8);
  --action-trans-90: rgba(200, 4, 27, 0.9);
  --action-hover: #64020d;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-hover-trans-10: rgba(100, 2, 13, 0.1);
  --action-hover-trans-20: rgba(100, 2, 13, 0.2);
  --action-hover-trans-30: rgba(100, 2, 13, 0.3);
  --action-hover-trans-40: rgba(100, 2, 13, 0.4);
  --action-hover-trans-50: rgba(100, 2, 13, 0.5);
  --action-hover-trans-60: rgba(100, 2, 13, 0.6);
  --action-hover-trans-70: rgba(100, 2, 13, 0.7);
  --action-hover-trans-80: rgba(100, 2, 13, 0.8);
  --action-hover-trans-90: rgba(100, 2, 13, 0.9);
  --action-ultra-light: #fee6e9;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-ultra-light-trans-10: rgba(254, 230, 233, 0.1);
  --action-ultra-light-trans-20: rgba(254, 230, 233, 0.2);
  --action-ultra-light-trans-30: rgba(254, 230, 233, 0.3);
  --action-ultra-light-trans-40: rgba(254, 230, 233, 0.4);
  --action-ultra-light-trans-50: rgba(254, 230, 233, 0.5);
  --action-ultra-light-trans-60: rgba(254, 230, 233, 0.6);
  --action-ultra-light-trans-70: rgba(254, 230, 233, 0.7);
  --action-ultra-light-trans-80: rgba(254, 230, 233, 0.8);
  --action-ultra-light-trans-90: rgba(254, 230, 233, 0.9);
  --action-light: #fdb4bd;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-light-trans-10: rgba(253, 180, 189, 0.1);
  --action-light-trans-20: rgba(253, 180, 189, 0.2);
  --action-light-trans-30: rgba(253, 180, 189, 0.3);
  --action-light-trans-40: rgba(253, 180, 189, 0.4);
  --action-light-trans-50: rgba(253, 180, 189, 0.5);
  --action-light-trans-60: rgba(253, 180, 189, 0.6);
  --action-light-trans-70: rgba(253, 180, 189, 0.7);
  --action-light-trans-80: rgba(253, 180, 189, 0.8);
  --action-light-trans-90: rgba(253, 180, 189, 0.9);
  --action-medium: #fa0522;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-dark: #7d0311;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-dark-trans-10: rgba(125, 3, 17, 0.1);
  --action-dark-trans-20: rgba(125, 3, 17, 0.2);
  --action-dark-trans-30: rgba(125, 3, 17, 0.3);
  --action-dark-trans-40: rgba(125, 3, 17, 0.4);
  --action-dark-trans-50: rgba(125, 3, 17, 0.5);
  --action-dark-trans-60: rgba(125, 3, 17, 0.6);
  --action-dark-trans-70: rgba(125, 3, 17, 0.7);
  --action-dark-trans-80: rgba(125, 3, 17, 0.8);
  --action-dark-trans-90: rgba(125, 3, 17, 0.9);
  --action-ultra-dark: #320107;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-ultra-dark-trans-10: rgba(50, 1, 7, 0.1);
  --action-ultra-dark-trans-20: rgba(50, 1, 7, 0.2);
  --action-ultra-dark-trans-30: rgba(50, 1, 7, 0.3);
  --action-ultra-dark-trans-40: rgba(50, 1, 7, 0.4);
  --action-ultra-dark-trans-50: rgba(50, 1, 7, 0.5);
  --action-ultra-dark-trans-60: rgba(50, 1, 7, 0.6);
  --action-ultra-dark-trans-70: rgba(50, 1, 7, 0.7);
  --action-ultra-dark-trans-80: rgba(50, 1, 7, 0.8);
  --action-ultra-dark-trans-90: rgba(50, 1, 7, 0.9);
  --secondary: #4aa5a1;
  --secondary-trans-10: rgba(74, 165, 161, 0.1);
  --secondary-trans-20: rgba(74, 165, 161, 0.2);
  --secondary-trans-30: rgba(74, 165, 161, 0.3);
  --secondary-trans-40: rgba(74, 165, 161, 0.4);
  --secondary-trans-50: rgba(74, 165, 161, 0.5);
  --secondary-trans-60: rgba(74, 165, 161, 0.6);
  --secondary-trans-70: rgba(74, 165, 161, 0.7);
  --secondary-trans-80: rgba(74, 165, 161, 0.8);
  --secondary-trans-90: rgba(74, 165, 161, 0.9);
  --secondary-hover: #204644;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-hover-trans-10: rgba(32, 70, 68, 0.1);
  --secondary-hover-trans-20: rgba(32, 70, 68, 0.2);
  --secondary-hover-trans-30: rgba(32, 70, 68, 0.3);
  --secondary-hover-trans-40: rgba(32, 70, 68, 0.4);
  --secondary-hover-trans-50: rgba(32, 70, 68, 0.5);
  --secondary-hover-trans-60: rgba(32, 70, 68, 0.6);
  --secondary-hover-trans-70: rgba(32, 70, 68, 0.7);
  --secondary-hover-trans-80: rgba(32, 70, 68, 0.8);
  --secondary-hover-trans-90: rgba(32, 70, 68, 0.9);
  --secondary-ultra-light: #edf7f7;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-ultra-light-trans-10: rgba(237, 247, 247, 0.1);
  --secondary-ultra-light-trans-20: rgba(237, 247, 247, 0.2);
  --secondary-ultra-light-trans-30: rgba(237, 247, 247, 0.3);
  --secondary-ultra-light-trans-40: rgba(237, 247, 247, 0.4);
  --secondary-ultra-light-trans-50: rgba(237, 247, 247, 0.5);
  --secondary-ultra-light-trans-60: rgba(237, 247, 247, 0.6);
  --secondary-ultra-light-trans-70: rgba(237, 247, 247, 0.7);
  --secondary-ultra-light-trans-80: rgba(237, 247, 247, 0.8);
  --secondary-ultra-light-trans-90: rgba(237, 247, 247, 0.9);
  --secondary-light: #cae7e6;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-light-trans-10: rgba(202, 231, 230, 0.1);
  --secondary-light-trans-20: rgba(202, 231, 230, 0.2);
  --secondary-light-trans-30: rgba(202, 231, 230, 0.3);
  --secondary-light-trans-40: rgba(202, 231, 230, 0.4);
  --secondary-light-trans-50: rgba(202, 231, 230, 0.5);
  --secondary-light-trans-60: rgba(202, 231, 230, 0.6);
  --secondary-light-trans-70: rgba(202, 231, 230, 0.7);
  --secondary-light-trans-80: rgba(202, 231, 230, 0.8);
  --secondary-light-trans-90: rgba(202, 231, 230, 0.9);
  --secondary-medium: #4fb0ab;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-dark: #285856;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-dark-trans-10: rgba(40, 88, 86, 0.1);
  --secondary-dark-trans-20: rgba(40, 88, 86, 0.2);
  --secondary-dark-trans-30: rgba(40, 88, 86, 0.3);
  --secondary-dark-trans-40: rgba(40, 88, 86, 0.4);
  --secondary-dark-trans-50: rgba(40, 88, 86, 0.5);
  --secondary-dark-trans-60: rgba(40, 88, 86, 0.6);
  --secondary-dark-trans-70: rgba(40, 88, 86, 0.7);
  --secondary-dark-trans-80: rgba(40, 88, 86, 0.8);
  --secondary-dark-trans-90: rgba(40, 88, 86, 0.9);
  --secondary-ultra-dark: #102322;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-ultra-dark-trans-10: rgba(16, 35, 34, 0.1);
  --secondary-ultra-dark-trans-20: rgba(16, 35, 34, 0.2);
  --secondary-ultra-dark-trans-30: rgba(16, 35, 34, 0.3);
  --secondary-ultra-dark-trans-40: rgba(16, 35, 34, 0.4);
  --secondary-ultra-dark-trans-50: rgba(16, 35, 34, 0.5);
  --secondary-ultra-dark-trans-60: rgba(16, 35, 34, 0.6);
  --secondary-ultra-dark-trans-70: rgba(16, 35, 34, 0.7);
  --secondary-ultra-dark-trans-80: rgba(16, 35, 34, 0.8);
  --secondary-ultra-dark-trans-90: rgba(16, 35, 34, 0.9);
  --accent: #177997;
  --accent-trans-10: rgba(23, 121, 151, 0.1);
  --accent-trans-20: rgba(23, 121, 151, 0.2);
  --accent-trans-30: rgba(23, 121, 151, 0.3);
  --accent-trans-40: rgba(23, 121, 151, 0.4);
  --accent-trans-50: rgba(23, 121, 151, 0.5);
  --accent-trans-60: rgba(23, 121, 151, 0.6);
  --accent-trans-70: rgba(23, 121, 151, 0.7);
  --accent-trans-80: rgba(23, 121, 151, 0.8);
  --accent-trans-90: rgba(23, 121, 151, 0.9);
  --accent-hover: #0d4759;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-hover-trans-10: rgba(13, 71, 89, 0.1);
  --accent-hover-trans-20: rgba(13, 71, 89, 0.2);
  --accent-hover-trans-30: rgba(13, 71, 89, 0.3);
  --accent-hover-trans-40: rgba(13, 71, 89, 0.4);
  --accent-hover-trans-50: rgba(13, 71, 89, 0.5);
  --accent-hover-trans-60: rgba(13, 71, 89, 0.6);
  --accent-hover-trans-70: rgba(13, 71, 89, 0.7);
  --accent-hover-trans-80: rgba(13, 71, 89, 0.8);
  --accent-hover-trans-90: rgba(13, 71, 89, 0.9);
  --accent-ultra-light: #e9f7fc;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-ultra-light-trans-10: rgba(233, 247, 252, 0.1);
  --accent-ultra-light-trans-20: rgba(233, 247, 252, 0.2);
  --accent-ultra-light-trans-30: rgba(233, 247, 252, 0.3);
  --accent-ultra-light-trans-40: rgba(233, 247, 252, 0.4);
  --accent-ultra-light-trans-50: rgba(233, 247, 252, 0.5);
  --accent-ultra-light-trans-60: rgba(233, 247, 252, 0.6);
  --accent-ultra-light-trans-70: rgba(233, 247, 252, 0.7);
  --accent-ultra-light-trans-80: rgba(233, 247, 252, 0.8);
  --accent-ultra-light-trans-90: rgba(233, 247, 252, 0.9);
  --accent-light: #bce8f5;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-light-trans-10: rgba(188, 232, 245, 0.1);
  --accent-light-trans-20: rgba(188, 232, 245, 0.2);
  --accent-light-trans-30: rgba(188, 232, 245, 0.3);
  --accent-light-trans-40: rgba(188, 232, 245, 0.4);
  --accent-light-trans-50: rgba(188, 232, 245, 0.5);
  --accent-light-trans-60: rgba(188, 232, 245, 0.6);
  --accent-light-trans-70: rgba(188, 232, 245, 0.7);
  --accent-light-trans-80: rgba(188, 232, 245, 0.8);
  --accent-light-trans-90: rgba(188, 232, 245, 0.9);
  --accent-medium: #21b2de;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-dark: #11596f;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-dark-trans-10: rgba(17, 89, 111, 0.1);
  --accent-dark-trans-20: rgba(17, 89, 111, 0.2);
  --accent-dark-trans-30: rgba(17, 89, 111, 0.3);
  --accent-dark-trans-40: rgba(17, 89, 111, 0.4);
  --accent-dark-trans-50: rgba(17, 89, 111, 0.5);
  --accent-dark-trans-60: rgba(17, 89, 111, 0.6);
  --accent-dark-trans-70: rgba(17, 89, 111, 0.7);
  --accent-dark-trans-80: rgba(17, 89, 111, 0.8);
  --accent-dark-trans-90: rgba(17, 89, 111, 0.9);
  --accent-ultra-dark: #07242c;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --accent-ultra-dark-trans-10: rgba(7, 36, 44, 0.1);
  --accent-ultra-dark-trans-20: rgba(7, 36, 44, 0.2);
  --accent-ultra-dark-trans-30: rgba(7, 36, 44, 0.3);
  --accent-ultra-dark-trans-40: rgba(7, 36, 44, 0.4);
  --accent-ultra-dark-trans-50: rgba(7, 36, 44, 0.5);
  --accent-ultra-dark-trans-60: rgba(7, 36, 44, 0.6);
  --accent-ultra-dark-trans-70: rgba(7, 36, 44, 0.7);
  --accent-ultra-dark-trans-80: rgba(7, 36, 44, 0.8);
  --accent-ultra-dark-trans-90: rgba(7, 36, 44, 0.9);
  --neutral: black;
  --neutral-trans-10: rgba(0, 0, 0, 0.1);
  --neutral-trans-20: rgba(0, 0, 0, 0.2);
  --neutral-trans-30: rgba(0, 0, 0, 0.3);
  --neutral-trans-40: rgba(0, 0, 0, 0.4);
  --neutral-trans-50: rgba(0, 0, 0, 0.5);
  --neutral-trans-60: rgba(0, 0, 0, 0.6);
  --neutral-trans-70: rgba(0, 0, 0, 0.7);
  --neutral-trans-80: rgba(0, 0, 0, 0.8);
  --neutral-trans-90: rgba(0, 0, 0, 0.9);
  --neutral-hover: #333;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-hover-trans-10: rgba(51, 51, 51, 0.1);
  --neutral-hover-trans-20: rgba(51, 51, 51, 0.2);
  --neutral-hover-trans-30: rgba(51, 51, 51, 0.3);
  --neutral-hover-trans-40: rgba(51, 51, 51, 0.4);
  --neutral-hover-trans-50: rgba(51, 51, 51, 0.5);
  --neutral-hover-trans-60: rgba(51, 51, 51, 0.6);
  --neutral-hover-trans-70: rgba(51, 51, 51, 0.7);
  --neutral-hover-trans-80: rgba(51, 51, 51, 0.8);
  --neutral-hover-trans-90: rgba(51, 51, 51, 0.9);
  --neutral-ultra-light: #f2f2f2;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-ultra-light-trans-10: rgba(242, 242, 242, 0.1);
  --neutral-ultra-light-trans-20: rgba(242, 242, 242, 0.2);
  --neutral-ultra-light-trans-30: rgba(242, 242, 242, 0.3);
  --neutral-ultra-light-trans-40: rgba(242, 242, 242, 0.4);
  --neutral-ultra-light-trans-50: rgba(242, 242, 242, 0.5);
  --neutral-ultra-light-trans-60: rgba(242, 242, 242, 0.6);
  --neutral-ultra-light-trans-70: rgba(242, 242, 242, 0.7);
  --neutral-ultra-light-trans-80: rgba(242, 242, 242, 0.8);
  --neutral-ultra-light-trans-90: rgba(242, 242, 242, 0.9);
  --neutral-light: #d9d9d9;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-light-trans-10: rgba(217, 217, 217, 0.1);
  --neutral-light-trans-20: rgba(217, 217, 217, 0.2);
  --neutral-light-trans-30: rgba(217, 217, 217, 0.3);
  --neutral-light-trans-40: rgba(217, 217, 217, 0.4);
  --neutral-light-trans-50: rgba(217, 217, 217, 0.5);
  --neutral-light-trans-60: rgba(217, 217, 217, 0.6);
  --neutral-light-trans-70: rgba(217, 217, 217, 0.7);
  --neutral-light-trans-80: rgba(217, 217, 217, 0.8);
  --neutral-light-trans-90: rgba(217, 217, 217, 0.9);
  --neutral-medium: gray;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-dark: #404040;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-dark-trans-10: rgba(64, 64, 64, 0.1);
  --neutral-dark-trans-20: rgba(64, 64, 64, 0.2);
  --neutral-dark-trans-30: rgba(64, 64, 64, 0.3);
  --neutral-dark-trans-40: rgba(64, 64, 64, 0.4);
  --neutral-dark-trans-50: rgba(64, 64, 64, 0.5);
  --neutral-dark-trans-60: rgba(64, 64, 64, 0.6);
  --neutral-dark-trans-70: rgba(64, 64, 64, 0.7);
  --neutral-dark-trans-80: rgba(64, 64, 64, 0.8);
  --neutral-dark-trans-90: rgba(64, 64, 64, 0.9);
  --neutral-ultra-dark: #1a1a1a;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
  --neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
  --neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
  --neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --neutral-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
  --black: black;
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-30: rgba(0, 0, 0, 0.3);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-50: rgba(0, 0, 0, 0.5);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-70: rgba(0, 0, 0, 0.7);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --white: white;
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-30: rgba(255, 255, 255, 0.3);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-50: rgba(255, 255, 255, 0.5);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-70: rgba(255, 255, 255, 0.7);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
}
body.bricks-is-frontend *:focus.focus--primary {
  --focus-color: var(--primary);
}
body.bricks-is-frontend .focus--primary *:focus, body.bricks-is-frontend .focus--primary:focus-within {
  --focus-color: var(--primary);
}
body.bricks-is-frontend *:focus.focus--action {
  --focus-color: var(--action);
}
body.bricks-is-frontend .focus--action *:focus, body.bricks-is-frontend .focus--action:focus-within {
  --focus-color: var(--action);
}
body.bricks-is-frontend *:focus.focus--secondary {
  --focus-color: var(--secondary);
}
body.bricks-is-frontend .focus--secondary *:focus, body.bricks-is-frontend .focus--secondary:focus-within {
  --focus-color: var(--secondary);
}
body.bricks-is-frontend *:focus.focus--accent {
  --focus-color: var(--accent);
}
body.bricks-is-frontend .focus--accent *:focus, body.bricks-is-frontend .focus--accent:focus-within {
  --focus-color: var(--accent);
}
body.bricks-is-frontend *:focus.focus--neutral {
  --focus-color: var(--neutral);
}
body.bricks-is-frontend .focus--neutral *:focus, body.bricks-is-frontend .focus--neutral:focus-within {
  --focus-color: var(--neutral);
}
body.bricks-is-frontend *:focus.focus--black {
  --focus-color: var(--black);
}
body.bricks-is-frontend .focus--black *:focus, body.bricks-is-frontend .focus--black:focus-within {
  --focus-color: var(--black);
}
body.bricks-is-frontend *:focus.focus--white {
  --focus-color: var(--white);
}
body.bricks-is-frontend .focus--white *:focus, body.bricks-is-frontend .focus--white:focus-within {
  --focus-color: var(--white);
}
/*##################
CSS SPACING / SIZING
###################*/
:root {
  --space-xs: clamp(1rem, 0vw + 1rem, 1rem);
  --space-s: clamp(1rem, 0.7317073171vw + 0.6487804878rem, 1.6rem);
  --space-m: clamp(1.6rem, 1.1707317073vw + 1.0380487805rem, 2.56rem);
  --space-l: clamp(2.56rem, 1.8731707317vw + 1.6608780488rem, 4.096rem);
  --space-xl: clamp(4.096rem, 2.9970731707vw + 2.657404878rem, 6.5536rem);
  --space-xxl: clamp(6.5536rem, 4.7953170732vw + 4.2518478049rem, 10.48576rem);
  --section-space-xs: clamp(5rem, 0vw + 5rem, 5rem);
  --section-space-s: clamp(5rem, 3.0487804878vw + 3.5365853659rem, 7.5rem);
  --section-space-m: clamp(7.5rem, 4.5731707317vw + 5.3048780488rem, 11.25rem);
  --section-space-l: clamp(11.25rem, 6.8597560976vw + 7.9573170732rem, 16.875rem);
  --section-space-xl: clamp(16.875rem, 10.2896341463vw + 11.9359756098rem, 25.3125rem);
  --section-space-xxl: clamp(25.3125rem, 15.4344512195vw + 17.9039634146rem, 37.96875rem);
  --radius-xs: clamp(1rem, 0vw + 1rem, 1rem);
  --radius-s: clamp(1rem, 0.7317073171vw + 0.6487804878rem, 1.6rem);
  --radius-m: clamp(1.6rem, 1.1707317073vw + 1.0380487805rem, 2.56rem);
  --radius-l: clamp(2.56rem, 1.8731707317vw + 1.6608780488rem, 4.096rem);
  --radius-xl: clamp(4.096rem, 2.9970731707vw + 2.657404878rem, 6.5536rem);
  --radius-xxl: clamp(6.5536rem, 4.7953170732vw + 4.2518478049rem, 10.48576rem);
  --radius-50: 50%;
  --radius-circle: 50%;
}
:where(section) {
  padding-block: var(--section-space-m);
  padding-inline: var(--space-s);
}
.brxe-container {
  row-gap: var(--content-gap);
}
section > div:where(:not(.bricks-shape-divider)) {
  gap: var(--grid-gap);
  row-gap: var(--grid-gap);
  column-gap: var(--grid-gap);
}
/* add ".bb-no-auto" to disable on an individual list */
.brxe-text ul:not(.bb-no-auto) > li:not(:last-child), .brxe-text ol:not(.bb-no-auto) > li:not(:last-child), .brxe-text-basic ul:not(.bb-no-auto) > li:not(:last-child), .brxe-text-basic ol:not(.bb-no-auto) > li:not(:last-child) {
  margin-bottom: 0.7em;
}
/* Default section and container widths */
.brxe-container {
  width: 900px;
}
.brxe-section {
  max-width: 2500px;
}
/*##################
GRID
###################*/
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}
/*##################
CSS GAPS
###################*/
:root {
  --content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
}
/*@see https://htmlcssfreebies.com/css-box-shadow-examples/ */
:root {
  --box-shadow-m: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  --box-shadow-l: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  --box-shadow-xl: 0 25px 50px -12px rgba(0,0,0,0.25);
}
/*##################
CSS TEXT
###################*/
:root {
  --h6: clamp(1.6rem, 0vw + 1.6rem, 1.6rem);
  --h5: clamp(1.6rem, 0.643902439vw + 1.2909268293rem, 2.128rem);
  --h4: clamp(2.128rem, 0.8563902439vw + 1.7169326829rem, 2.83024rem);
  --h3: clamp(2.83024rem, 1.1389990244vw + 2.2835204683rem, 3.7642192rem);
  --h2: clamp(3.7642192rem, 1.5148687024vw + 3.0370822228rem, 5.006411536rem);
  --h1: clamp(5.006411536rem, 2.0147753742vw + 4.0393193564rem, 6.6585273429rem);
  --text-xs: clamp(1rem, 0vw + 1rem, 1rem);
  --text-s: clamp(1rem, 0.3658536585vw + 0.8243902439rem, 1.3rem);
  --text-m: clamp(1.3rem, 0.4756097561vw + 1.0717073171rem, 1.69rem);
  --text-l: clamp(1.69rem, 0.6182926829vw + 1.3932195122rem, 2.197rem);
  --text-xl: clamp(2.197rem, 0.8037804878vw + 1.8111853659rem, 2.8561rem);
  --text-xxl: clamp(2.8561rem, 1.0449146341vw + 2.3545409756rem, 3.71293rem);
}
/* Note: we can't reduce specificity here or they will get overriden by frontend.min.css */
h1 {
  font-size: var(--h1);
}
h2 {
  font-size: var(--h2);
}
h3 {
  font-size: var(--h3);
}
h4 {
  font-size: var(--h4);
}
h5 {
  font-size: var(--h5);
}
h6 {
  font-size: var(--h6);
}
body {
  font-size: var(--text-m);
}
/* Default Heading color, best done here so templates work properly*/
h1:not([class*="header"], [class*="heading"]), h2:not([class*="header"], [class*="heading"]), h3:not([class*="header"], [class*="heading"]), h4:not([class*="header"], [class*="heading"]), h5:not([class*="header"], [class*="heading"]), h6:not([class*="header"], [class*="heading"]) {
  color: var(--neutral-dark);
}
/* Default Line Height */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
}
p {
  line-height: 1.5;
}
:where(.brxe-text) a {
  color: var(--action);
}
:where(.brxe-text) a:is(:hover, :focus) {
  color: var(--action-hover);
}
/*##################
BUTTONS
###################*/
:root {
  --btn-padding-block: 0.5em;
  --btn-padding-inline: 1em;
  --btn-min-width: 20remrem;
  --btn-line-height: 1.2;
  --btn-font-weight: 400;
  --btn-font-style: normal;
  --btn-font-size: var(--text-m);
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-letter-spacing: 0;
  --btn-text-transform: none;
  --btn-border-width: 0.25rem;
  --btn-outline-border-width: 0.25rem;
  --btn-border-style: solid;
  --btn-border-radius: 0.3em;
  --btn-transition-duration: 0.3s;
}
/*##################
A11Y
###################*/
body.bricks-is-frontend :where(:focus), body.bricks-is-frontend :focus {
  outline: none;
  box-shadow: 0 0 3px 3px var(--primary-trans-50);
}
.clickable-parent:not(a) {
  position: static;
}
.clickable-parent:not(a) a {
  position: static;
}
.clickable-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
button.clickable-parent, a.clickable-parent {
  position: static;
}
button.clickable-parent::after, a.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
.bricks-area a.clickable-parent::after {
  content: "";
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*##################
FROM automatic-bricks.css
###################*/
.btn--action, .btn--primary, .btn--secondary, .btn--accent, .btn--base, .btn--black, .btn--white {
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-size: var(--btn-font-size, var(--text-m));
  font-weight: var(--btn-font-weight);
  font-style: var(--btn-font-style);
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--btn-background);
  color: var(--btn-text-color);
  border-color: var(--btn-border-color);
  transition: all var(--btn-transition-duration) ease;
}
.btn--action:hover, .btn--primary:hover, .btn--secondary:hover, .btn--accent:hover, .btn--base:hover, .btn--black:hover, .btn--white:hover {
  background: var(--btn-background-hover);
  border-color: var(--btn-border-color-hover);
  color: var(--btn-text-color-hover);
  text-decoration: var(--btn-text-decoration-hover);
}
.btn--action:focus, .btn--primary:focus, .btn--secondary:focus, .btn--accent:focus, .btn--base:focus, .btn--black:focus, .btn--white:focus {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
  outline: none;
}
.btn--action.btn--outline, .btn--primary.btn--outline, .btn--secondary.btn--outline, .btn--accent.btn--outline, .btn--base.btn--outline, .btn--black.btn--outline, .btn--white.btn--outline {
  background: transparent;
  border-width: var(--btn-outline-border-width);
  color: var(--btn-outline-text-color);
}
.btn--action.btn--outline:hover, .btn--primary.btn--outline:hover, .btn--secondary.btn--outline:hover, .btn--accent.btn--outline:hover, .btn--base.btn--outline:hover, .btn--black.btn--outline:hover, .btn--white.btn--outline:hover {
  background: var(--btn-outline-background-hover);
  color: var(--btn-outline-text-color-hover);
  border-color: var(--btn-outline-border-hover);
}
.btn--action {
  --btn-background: var(--action);
  --btn-background-hover: var(--action-hover);
  --btn-text-color: var(--action-ultra-light);
  --btn-text-color-hover: var(--action-ultra-light);
  --btn-border-color: var(--action);
  --btn-border-color-hover: var(--action-hover);
  --btn-outline-background-hover: var(--action-hover);
  --btn-outline-border-hover: var(--action-hover);
  --btn-outline-text-color: var(--action);
  --btn-outline-text-color-hover: var(--action-ultra-light);
  --focus-color: var(--action-dark);
}
.btn--primary {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --btn-outline-background-hover: var(--primary-hover);
  --btn-outline-border-hover: var(--primary-hover);
  --btn-outline-text-color: var(--primary);
  --btn-outline-text-color-hover: var(--primary-ultra-light);
  --focus-color: var(--primary-dark);
}
.btn--secondary {
  --btn-background: var(--secondary);
  --btn-background-hover: var(--secondary-hover);
  --btn-text-color: var(--secondary-ultra-light);
  --btn-text-color-hover: var(--secondary-ultra-light);
  --btn-border-color: var(--secondary);
  --btn-border-color-hover: var(--secondary-hover);
  --btn-outline-background-hover: var(--secondary-hover);
  --btn-outline-border-hover: var(--secondary-hover);
  --btn-outline-text-color: var(--secondary);
  --btn-outline-text-color-hover: var(--secondary-ultra-light);
  --focus-color: var(--secondary-dark);
}
.btn--accent {
  --btn-background: var(--accent);
  --btn-background-hover: var(--accent-hover);
  --btn-text-color: var(--accent-ultra-light);
  --btn-text-color-hover: var(--accent-ultra-light);
  --btn-border-color: var(--accent);
  --btn-border-color-hover: var(--accent-hover);
  --btn-outline-background-hover: var(--accent-hover);
  --btn-outline-border-hover: var(--accent-hover);
  --btn-outline-text-color: var(--accent);
  --btn-outline-text-color-hover: var(--accent-ultra-light);
  --focus-color: var(--accent-dark);
}
.btn--black {
  --btn-background: var(--black);
  --btn-background-hover: var(--white);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--black);
  --btn-border-color: var(--black);
  --btn-border-color-hover: var(--white);
  --btn-outline-background-hover: var(--white);
  --btn-outline-border-hover: var(--white);
  --btn-outline-text-color: var(--black);
  --btn-outline-text-color-hover: var(--black);
  --focus-color: var(--action);
}
.btn--white {
  --btn-background: var(--white);
  --btn-background-hover: var(--action-hover);
  --btn-text-color: var(--black);
  --btn-text-color-hover: var(--white);
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--black);
  --btn-outline-background-hover: var(--white-hover);
  --btn-outline-border-hover: var(--white-hover);
  --btn-outline-text-color: var(--white);
  --btn-outline-text-color-hover: var(--action-ultra-light);
  --focus-color: var(--action);
}
.focus-parent:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--shadow:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent--shadow :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--outline:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.focus-parent--outline :focus {
  outline: none !important;
  box-shadow: none !important;
}
/*#################################
# bb Extra Utils, Not found in ACSS
# As of 29th Oct 2023
####################################*/
ul:where(.list--none), ul:where(.list-none), ol:where(.list--none), ol:where(.list-none) {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.bb-inset-0 {
  inset: 0;
}
.bb-absolute {
  position: absolute;
}
.bb-relative {
  position: relative;
}
.bb-fixed {
  position: fixed;
}
.bb-overflow-hidden {
  overflow: hidden;
}
.bb-line-clamp {
  --line-count: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line-count);
  /*fix stupid IOS multi line issue. Any non "inline" elements breaks line clamp */
}
.bb-line-clamp > p {
  display: inline;
}
.bb-line-clamp.bb-line-clamp--2 {
  --line-count: 2;
}
.bb-line-clamp.bb-line-clamp--3 {
  --line-count: 3;
}
.bb-line-clamp.bb-line-clamp--4 {
  --line-count: 4;
}
.bb-line-clamp.bb-line-clamp--5 {
  --line-count: 5;
}
.bb-line-clamp.bb-line-clamp--6 {
  --line-count: 6;
}
.bb-line-clamp.bb-line-clamp--7 {
  --line-count: 7;
}
.bb-line-clamp.bb-line-clamp--8 {
  --line-count: 8;
}
.bb-line-clamp.bb-line-clamp--9 {
  --line-count: 9;
}
.bb-line-clamp.bb-line-clamp--10 {
  --line-count: 10;
}
.bb-line-clamp.bb-line-clamp--11 {
  --line-count: 11;
}
.bb-line-clamp.bb-line-clamp--12 {
  --line-count: 12;
}
.bb-line-clamp.bb-line-clamp--13 {
  --line-count: 13;
}
.bb-line-clamp.bb-line-clamp--14 {
  --line-count: 14;
}
.bb-line-clamp.bb-line-clamp--15 {
  --line-count: 15;
}
.bb-line-clamp.bb-line-clamp--16 {
  --line-count: 16;
}
.bb-line-clamp.bb-line-clamp--17 {
  --line-count: 17;
}
.bb-line-clamp.bb-line-clamp--18 {
  --line-count: 18;
}
.bb-line-clamp.bb-line-clamp--19 {
  --line-count: 19;
}
.bb-line-clamp.bb-line-clamp--20 {
  --line-count: 20;
}
/*###############################
#
# All of your overrides go here. 
#################################*/
:root {
  /*Example to make h1 bigger than the multiplier*/
  /* --h1: 6rem; */
  /* --h1: clamp(2rem, 3.6585365854vw + 0.243902439rem, 5rem); */
}