/*###############################
SCSS VARIABLES
################################*/
/* Measure these, used for correct spacings with overlay headers 
bp / measures height
*/
/* Animation VARS: Note, not currently in ACSS*/
/* Auto Spacing */
/* Only affects headings inside .brxe-text */
/* using box-shadow for focus state */
/*--- TYPOGRAPHY H6 down to to H1---*/
/*---  COLORS ---*/
/* Default lightness values */
/* Color map */
/*--- BUTTONS --*/
/*##################
FUNCTIONS & MIXINS
###################*/
/*##################
Measured heights and utils
###################*/
@media (min-width: 320px) {
  :root {
    --header-height: 80px;
  }
}
@media (min-width: 479px) {
  :root {
    --header-height: 150px;
  }
}
@media (min-width: 768px) {
  :root {
    --header-height: 150px;
  }
}
@media (min-width: 992px) {
  :root {
    --header-height: 150px;
  }
}
body {
  height: 100%;
}
footer {
  margin-top: auto;
}
/*##################
Animation Defaults
###################*/
:root {
  --animation-duration-fast: 0.2s;
  --animation-timing-fast: ease;
  --animation-duration-medium: 0.6s;
  --animation-timing-medium: ease;
  --animation-duration-slow: 1.5s;
  --animation-timing-slow: ease;
  --perspective-default: 1000;
}
/*##################
CSS COLORS
###################*/
:root {
  --focus-color: var(--primary-trans-50);
  --focus-width: 3px;
  --primary: #41b461;
  --primary-trans-10: rgba(65, 180, 97, 0.1);
  --primary-trans-20: rgba(65, 180, 97, 0.2);
  --primary-trans-30: rgba(65, 180, 97, 0.3);
  --primary-trans-40: rgba(65, 180, 97, 0.4);
  --primary-trans-50: rgba(65, 180, 97, 0.5);
  --primary-trans-60: rgba(65, 180, 97, 0.6);
  --primary-trans-70: rgba(65, 180, 97, 0.7);
  --primary-trans-80: rgba(65, 180, 97, 0.8);
  --primary-trans-90: rgba(65, 180, 97, 0.9);
  --primary-hover: #1b4b29;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-hover-trans-10: rgba(27, 75, 41, 0.1);
  --primary-hover-trans-20: rgba(27, 75, 41, 0.2);
  --primary-hover-trans-30: rgba(27, 75, 41, 0.3);
  --primary-hover-trans-40: rgba(27, 75, 41, 0.4);
  --primary-hover-trans-50: rgba(27, 75, 41, 0.5);
  --primary-hover-trans-60: rgba(27, 75, 41, 0.6);
  --primary-hover-trans-70: rgba(27, 75, 41, 0.7);
  --primary-hover-trans-80: rgba(27, 75, 41, 0.8);
  --primary-hover-trans-90: rgba(27, 75, 41, 0.9);
  --primary-ultra-light: #ecf8f0;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-ultra-light-trans-10: rgba(236, 248, 240, 0.1);
  --primary-ultra-light-trans-20: rgba(236, 248, 240, 0.2);
  --primary-ultra-light-trans-30: rgba(236, 248, 240, 0.3);
  --primary-ultra-light-trans-40: rgba(236, 248, 240, 0.4);
  --primary-ultra-light-trans-50: rgba(236, 248, 240, 0.5);
  --primary-ultra-light-trans-60: rgba(236, 248, 240, 0.6);
  --primary-ultra-light-trans-70: rgba(236, 248, 240, 0.7);
  --primary-ultra-light-trans-80: rgba(236, 248, 240, 0.8);
  --primary-ultra-light-trans-90: rgba(236, 248, 240, 0.9);
  --primary-light: #c7ebd1;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-light-trans-10: rgba(199, 235, 209, 0.1);
  --primary-light-trans-20: rgba(199, 235, 209, 0.2);
  --primary-light-trans-30: rgba(199, 235, 209, 0.3);
  --primary-light-trans-40: rgba(199, 235, 209, 0.4);
  --primary-light-trans-50: rgba(199, 235, 209, 0.5);
  --primary-light-trans-60: rgba(199, 235, 209, 0.6);
  --primary-light-trans-70: rgba(199, 235, 209, 0.7);
  --primary-light-trans-80: rgba(199, 235, 209, 0.8);
  --primary-light-trans-90: rgba(199, 235, 209, 0.9);
  --primary-medium: #4b6;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-dark: #225e33;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-dark-trans-10: rgba(34, 94, 51, 0.1);
  --primary-dark-trans-20: rgba(34, 94, 51, 0.2);
  --primary-dark-trans-30: rgba(34, 94, 51, 0.3);
  --primary-dark-trans-40: rgba(34, 94, 51, 0.4);
  --primary-dark-trans-50: rgba(34, 94, 51, 0.5);
  --primary-dark-trans-60: rgba(34, 94, 51, 0.6);
  --primary-dark-trans-70: rgba(34, 94, 51, 0.7);
  --primary-dark-trans-80: rgba(34, 94, 51, 0.8);
  --primary-dark-trans-90: rgba(34, 94, 51, 0.9);
  --primary-ultra-dark: #0e2514;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --primary-ultra-dark-trans-10: rgba(14, 37, 20, 0.1);
  --primary-ultra-dark-trans-20: rgba(14, 37, 20, 0.2);
  --primary-ultra-dark-trans-30: rgba(14, 37, 20, 0.3);
  --primary-ultra-dark-trans-40: rgba(14, 37, 20, 0.4);
  --primary-ultra-dark-trans-50: rgba(14, 37, 20, 0.5);
  --primary-ultra-dark-trans-60: rgba(14, 37, 20, 0.6);
  --primary-ultra-dark-trans-70: rgba(14, 37, 20, 0.7);
  --primary-ultra-dark-trans-80: rgba(14, 37, 20, 0.8);
  --primary-ultra-dark-trans-90: rgba(14, 37, 20, 0.9);
  --action: #41b461;
  --action-trans-10: rgba(65, 180, 97, 0.1);
  --action-trans-20: rgba(65, 180, 97, 0.2);
  --action-trans-30: rgba(65, 180, 97, 0.3);
  --action-trans-40: rgba(65, 180, 97, 0.4);
  --action-trans-50: rgba(65, 180, 97, 0.5);
  --action-trans-60: rgba(65, 180, 97, 0.6);
  --action-trans-70: rgba(65, 180, 97, 0.7);
  --action-trans-80: rgba(65, 180, 97, 0.8);
  --action-trans-90: rgba(65, 180, 97, 0.9);
  --action-hover: #1b4b29;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-hover-trans-10: rgba(27, 75, 41, 0.1);
  --action-hover-trans-20: rgba(27, 75, 41, 0.2);
  --action-hover-trans-30: rgba(27, 75, 41, 0.3);
  --action-hover-trans-40: rgba(27, 75, 41, 0.4);
  --action-hover-trans-50: rgba(27, 75, 41, 0.5);
  --action-hover-trans-60: rgba(27, 75, 41, 0.6);
  --action-hover-trans-70: rgba(27, 75, 41, 0.7);
  --action-hover-trans-80: rgba(27, 75, 41, 0.8);
  --action-hover-trans-90: rgba(27, 75, 41, 0.9);
  --action-ultra-light: #ecf8f0;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-ultra-light-trans-10: rgba(236, 248, 240, 0.1);
  --action-ultra-light-trans-20: rgba(236, 248, 240, 0.2);
  --action-ultra-light-trans-30: rgba(236, 248, 240, 0.3);
  --action-ultra-light-trans-40: rgba(236, 248, 240, 0.4);
  --action-ultra-light-trans-50: rgba(236, 248, 240, 0.5);
  --action-ultra-light-trans-60: rgba(236, 248, 240, 0.6);
  --action-ultra-light-trans-70: rgba(236, 248, 240, 0.7);
  --action-ultra-light-trans-80: rgba(236, 248, 240, 0.8);
  --action-ultra-light-trans-90: rgba(236, 248, 240, 0.9);
  --action-light: #c7ebd1;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-light-trans-10: rgba(199, 235, 209, 0.1);
  --action-light-trans-20: rgba(199, 235, 209, 0.2);
  --action-light-trans-30: rgba(199, 235, 209, 0.3);
  --action-light-trans-40: rgba(199, 235, 209, 0.4);
  --action-light-trans-50: rgba(199, 235, 209, 0.5);
  --action-light-trans-60: rgba(199, 235, 209, 0.6);
  --action-light-trans-70: rgba(199, 235, 209, 0.7);
  --action-light-trans-80: rgba(199, 235, 209, 0.8);
  --action-light-trans-90: rgba(199, 235, 209, 0.9);
  --action-medium: #4b6;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-dark: #225e33;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-dark-trans-10: rgba(34, 94, 51, 0.1);
  --action-dark-trans-20: rgba(34, 94, 51, 0.2);
  --action-dark-trans-30: rgba(34, 94, 51, 0.3);
  --action-dark-trans-40: rgba(34, 94, 51, 0.4);
  --action-dark-trans-50: rgba(34, 94, 51, 0.5);
  --action-dark-trans-60: rgba(34, 94, 51, 0.6);
  --action-dark-trans-70: rgba(34, 94, 51, 0.7);
  --action-dark-trans-80: rgba(34, 94, 51, 0.8);
  --action-dark-trans-90: rgba(34, 94, 51, 0.9);
  --action-ultra-dark: #0e2514;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --action-ultra-dark-trans-10: rgba(14, 37, 20, 0.1);
  --action-ultra-dark-trans-20: rgba(14, 37, 20, 0.2);
  --action-ultra-dark-trans-30: rgba(14, 37, 20, 0.3);
  --action-ultra-dark-trans-40: rgba(14, 37, 20, 0.4);
  --action-ultra-dark-trans-50: rgba(14, 37, 20, 0.5);
  --action-ultra-dark-trans-60: rgba(14, 37, 20, 0.6);
  --action-ultra-dark-trans-70: rgba(14, 37, 20, 0.7);
  --action-ultra-dark-trans-80: rgba(14, 37, 20, 0.8);
  --action-ultra-dark-trans-90: rgba(14, 37, 20, 0.9);
  --secondary: #41b461;
  --secondary-trans-10: rgba(65, 180, 97, 0.1);
  --secondary-trans-20: rgba(65, 180, 97, 0.2);
  --secondary-trans-30: rgba(65, 180, 97, 0.3);
  --secondary-trans-40: rgba(65, 180, 97, 0.4);
  --secondary-trans-50: rgba(65, 180, 97, 0.5);
  --secondary-trans-60: rgba(65, 180, 97, 0.6);
  --secondary-trans-70: rgba(65, 180, 97, 0.7);
  --secondary-trans-80: rgba(65, 180, 97, 0.8);
  --secondary-trans-90: rgba(65, 180, 97, 0.9);
  --secondary-hover: #1b4b29;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-hover-trans-10: rgba(27, 75, 41, 0.1);
  --secondary-hover-trans-20: rgba(27, 75, 41, 0.2);
  --secondary-hover-trans-30: rgba(27, 75, 41, 0.3);
  --secondary-hover-trans-40: rgba(27, 75, 41, 0.4);
  --secondary-hover-trans-50: rgba(27, 75, 41, 0.5);
  --secondary-hover-trans-60: rgba(27, 75, 41, 0.6);
  --secondary-hover-trans-70: rgba(27, 75, 41, 0.7);
  --secondary-hover-trans-80: rgba(27, 75, 41, 0.8);
  --secondary-hover-trans-90: rgba(27, 75, 41, 0.9);
  --secondary-ultra-light: #ecf8f0;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-ultra-light-trans-10: rgba(236, 248, 240, 0.1);
  --secondary-ultra-light-trans-20: rgba(236, 248, 240, 0.2);
  --secondary-ultra-light-trans-30: rgba(236, 248, 240, 0.3);
  --secondary-ultra-light-trans-40: rgba(236, 248, 240, 0.4);
  --secondary-ultra-light-trans-50: rgba(236, 248, 240, 0.5);
  --secondary-ultra-light-trans-60: rgba(236, 248, 240, 0.6);
  --secondary-ultra-light-trans-70: rgba(236, 248, 240, 0.7);
  --secondary-ultra-light-trans-80: rgba(236, 248, 240, 0.8);
  --secondary-ultra-light-trans-90: rgba(236, 248, 240, 0.9);
  --secondary-light: #c7ebd1;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-light-trans-10: rgba(199, 235, 209, 0.1);
  --secondary-light-trans-20: rgba(199, 235, 209, 0.2);
  --secondary-light-trans-30: rgba(199, 235, 209, 0.3);
  --secondary-light-trans-40: rgba(199, 235, 209, 0.4);
  --secondary-light-trans-50: rgba(199, 235, 209, 0.5);
  --secondary-light-trans-60: rgba(199, 235, 209, 0.6);
  --secondary-light-trans-70: rgba(199, 235, 209, 0.7);
  --secondary-light-trans-80: rgba(199, 235, 209, 0.8);
  --secondary-light-trans-90: rgba(199, 235, 209, 0.9);
  --secondary-medium: #4b6;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-dark: #225e33;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-dark-trans-10: rgba(34, 94, 51, 0.1);
  --secondary-dark-trans-20: rgba(34, 94, 51, 0.2);
  --secondary-dark-trans-30: rgba(34, 94, 51, 0.3);
  --secondary-dark-trans-40: rgba(34, 94, 51, 0.4);
  --secondary-dark-trans-50: rgba(34, 94, 51, 0.5);
  --secondary-dark-trans-60: rgba(34, 94, 51, 0.6);
  --secondary-dark-trans-70: rgba(34, 94, 51, 0.7);
  --secondary-dark-trans-80: rgba(34, 94, 51, 0.8);
  --secondary-dark-trans-90: rgba(34, 94, 51, 0.9);
  --secondary-ultra-dark: #0e2514;
  /* skip trans "medium" because ACSS currently does as of Nov 2023 */
  --secondary-ultra-dark-trans-10: rgba(14, 37, 20, 0.1);
  --secondary-ultra-dark-trans-20: rgba(14, 37, 20, 0.2);
  --secondary-ultra-dark-trans-30: rgba(14, 37, 20, 0.3);
  --secondary-ultra-dark-trans-40: rgba(14, 37, 20, 0.4);
  --secondary-ultra-dark-trans-50: rgba(14, 37, 20, 0.5);
  --secondary-ultra-dark-trans-60: rgba(14, 37, 20, 0.6);
  --secondary-ultra-dark-trans-70: rgba(14, 37, 20, 0.7);
  --secondary-ultra-dark-trans-80: rgba(14, 37, 20, 0.8);
  --secondary-ultra-dark-trans-90: rgba(14, 37, 20, 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(0.5rem, 0vw + 0.5rem, 0.5rem);
  --space-s: clamp(0.5rem, 0.7317073171vw + 0.1487804878rem, 1.1rem);
  --space-m: clamp(1.1rem, 1.6097560976vw + 0.3273170732rem, 2.42rem);
  --space-l: clamp(2.42rem, 3.5414634146vw + 0.720097561rem, 5.324rem);
  --space-xl: clamp(5.324rem, 7.7912195122vw + 1.5842146341rem, 11.7128rem);
  --space-xxl: clamp(11.7128rem, 17.1406829268vw + 3.4852721951rem, 25.76816rem);
  --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(0.5rem, 0vw + 0.5rem, 0.5rem);
  --radius-s: clamp(0.5rem, 0.7317073171vw + 0.1487804878rem, 1.1rem);
  --radius-m: clamp(1.1rem, 1.6097560976vw + 0.3273170732rem, 2.42rem);
  --radius-l: clamp(2.42rem, 3.5414634146vw + 0.720097561rem, 5.324rem);
  --radius-xl: clamp(5.324rem, 7.7912195122vw + 1.5842146341rem, 11.7128rem);
  --radius-xxl: clamp(11.7128rem, 17.1406829268vw + 3.4852721951rem, 25.76816rem);
  --radius-50: 50%;
  --radius-circle: 50%;
}
html {
  scroll-behavior: smooth;
}
: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);
}
.brxe-text h1, .brxe-text h2, .brxe-text h3, .brxe-text h4, .brxe-text h5 {
  margin-block-end: 0.7em;
}
/* 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: 1300px;
}
.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-l);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-l);
}
/*@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: var(--animation-duration-fast);
}
/*##################
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); */
}