#brx-content .show-popup {
  color: var(--color-primary);
  cursor: pointer;
}



:root {
  --fluid-min-width: 360;
  --fluid-max-width: 1360;
  --fluid-bp: calc(
    (100vw - (var(--fluid-min-width) * 1px)) /
    (var(--fluid-max-width) - var(--fluid-min-width))
  );
  --max-width: calc(var(--fluid-max-width) *1px);
}

@media screen and (min-width: 1440px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f--2-min: 8.96;
  --f--2-max: 11.52;
  --step--2: calc(
    ((var(--f--2-min) / 10) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );

/* text-s */
  --f--1-min: 11.20;
  --f--1-max: 14.40;
  --step--1: calc(
    ((var(--f--1-min) / 10) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );

/* text-s-larger */
  --f--1L-min: (var(--f--1-min) * 1.1);
  --f--1L-max: (var(--f--1-max) * 1.1);
  --step--1L: calc(
    ((var(--f--1L-min) / 10) * 1rem) + (var(--f--1L-max) - var(--f--1L-min)) *
      var(--fluid-bp)
  );

/* text-m */
  --f-0-min: 14.00;
  --f-0-max: 18.00;
  --step-0: calc(
    ((var(--f-0-min) / 10) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );

/* text-m-larger */
  --f-0L-min: (var(--f-0-min) * 1.1);
  --f-0L-max: (var(--f-0-max) * 1.1);
  --step-0L: calc(
    ((var(--f-0L-min) / 10) * 1rem) + (var(--f-0L-max) - var(--f-0L-min)) *
      var(--fluid-bp)
  );

/* text-l */
  --f-1-min: 17.50;
  --f-1-max: 22.50;
  --step-1: calc(
    ((var(--f-1-min) / 10) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );

/* text-l-larger */
  --f-1L-min: (var(--f-1-min) * 1.1);
  --f-1L-max: (var(--f-1-max) * 1.1);
  --step-1L: calc(
    ((var(--f-1L-min) / 10) * 1rem) + (var(--f-1L-max) - var(--f-1L-min)) *
      var(--fluid-bp)
  );

/* h4 */
  --f-2-min: 21.88;
  --f-2-max: 28.13;
  --step-2: calc(
    ((var(--f-2-min) / 10) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );

/* h4-larger */
  --f-2L-min: (var(--f-2-min) * 1.1);
  --f-2L-max: (var(--f-2-max) * 1.1);
  --step-2L: calc(
    ((var(--f-2L-min) / 10) * 1rem) + (var(--f-2L-max) - var(--f-2L-min)) *
      var(--fluid-bp)
  );

/* h3 */
  --f-3-min: 27.34;
  --f-3-max: 35.16;
  --step-3: calc(
    ((var(--f-3-min) / 10) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );

/* h3-larger */
  --f-3L-min: (var(--f-3-min) * 1.1);
  --f-3L-max: (var(--f-3-max) * 1.1);
  --step-3L: calc(
    ((var(--f-3L-min) / 10) * 1rem) + (var(--f-3L-max) - var(--f-3L-min)) *
      var(--fluid-bp)
  );

/* h2 */
  --f-4-min: 34.18;
  --f-4-max: 43.95;
  --step-4: calc(
    ((var(--f-4-min) / 10) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );

/* h2-larger */
  --f-4L-min: (var(--f-4-min) * 1.1);
  --f-4L-max: (var(--f-4-max) * 1.1);
  --step-4L: calc(
    ((var(--f-4L-min) / 10) * 1rem) + (var(--f-4L-max) - var(--f-4L-min)) *
      var(--fluid-bp)
  );

/* h1 */
  --f-5-min: 42.72;
  --f-5-max: 54.93;
  --step-5: calc(
    ((var(--f-5-min) / 10) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );

/* h1-larger */
  --f-5L-min: (var(--f-5-min) * 1.1);
  --f-5L-max: (var(--f-5-max) * 1.1);
  --step-5L: calc(
    ((var(--f-5L-min) / 10) * 1rem) + (var(--f-5L-max) - var(--f-5L-min)) *
      var(--fluid-bp)
  );

  --text-xs: var(--step--2);
  --text-s: var(--step--1);
  --text-s-larger: var(--step--1L);
  --text-larger: var(--step-0L);
  --text-m: var(--step-0);
  --text-l:  var(--step-1);
  --text-xl: var(--step-2);
  --text-xxl: var(--step-3);
  --h1: var(--step-5);
  --h1-larger: var(--step-5L);
  --h2: var(--step-4);
  --h2-larger: var(--step-4L);
  --h3: var(--step-3);
  --h3-larger: var(--step-3L);
  --h4: var(--step-2);
  --h4-larger: var(--step-2L);
}

h1, h1 p {
  font-size: var(--step-5);
}
h1.text--larger {
  font-size: var(--step-5L);
}

h2 {
  font-size: var(--step-4);
}
h2.text--larger {
  font-size: var(--step-4L);
}

h3 {
  font-size: var(--step-3);
}
h3.text--larger {
  font-size: var(--step-3L);
}

h4 {
  font-size: var(--step-1);
}

h4.text--larger {
  font-size: var(--step-1L);
}

.text--larger, .text--larger p, text--m.text--larger, p.text--larger {
  font-size: var(--step-0L);
}

.text--xs, .text--xs > p, .text--xs > ol li, .text--xs > ul li {
  font-size: var(--step--2);
}
.text--s, .text--s > p, .text--s > ol li, .text--s > ul li {
  font-size: var(--step--1);
}
.text--s.text--larger, .text--s.text--larger > p, .text--s.text--larger > ol li, .text--s.text--larger > ul li {
  font-size: var(--step--1L);
}
p, .text--m, .text--m > p, .text--m > ol li, .text--m > ul li {
  font-size: var(--step-0);
  max-inline-size: 65;
}
.text--l, .text--l > p, .text--l > ol li, .text--l > ul li {
  font-size: var(--step-1);
}
.text--xl, .text--xl > p, .text--xl > ol li, .text--xl > ul li {
  font-size: var(--step-2);
}
.text--xxl, .text--xxl > p, .text--xxl > ol li, .text--xxl > ul li {
  font-size: var(--step-3);
}


:root {
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --radius-50: 50%;
  --radius-circle: 50%;
  --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));
  --content-gap: 2rem;
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
  --paragraph-spacing: 1em;
  --heading-spacing: 1.5em;
  --list-spacing: 1em;
  --list-item-spacing: 0.5em;
  --focus-color: var(--primary);
  --focus-width: 0.2rem;
  --focus-offset: 0.25em;
  --text-m-length: 65;
  --box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.1), 0 10px 10px -10px rgba(0, 0, 0, 0.28), 0 30px 45px -10px rgba(0, 0, 0, 0.36);
  --box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.4), 0 7.5px 10px -5px rgba(0, 0, 0, 0.6), 0 18px 24.1px -5px rgba(0, 0, 0, 0.8), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
  --box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.2), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.4), 0 12.5px 10px -5px rgba(0, 0, 0, 0.6), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.9), 0 41.8px 33.4px -5px rgba(0, 0, 0, 1), 0 80px 80px -5px rgba(0, 0, 0, 1);
  --box-shadow:   0.3px 2.1px 2.2px rgba(0, 0, 0, 0.028),
  0.7px 5.1px 5.3px rgba(0, 0, 0, 0.04),
  1.3px 9.5px 10px rgba(0, 0, 0, 0.05),
  2.2px 17px 17.9px rgba(0, 0, 0, 0.06),
  4.2px 31.8px 33.4px rgba(0, 0, 0, 0.072),
  10px 76px 80px rgba(0, 0, 0, 0.1);
}

html {
  font-size: 62.5% !important;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-block-size: 100vh;
}
input, button, textarea, select {
  font: inherit;
}
.focus-parent:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.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;
}
.hidden-accessible {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}

.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;
  z-index: 10;
}
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;
  z-index: 10;
}
.bricks-area a.clickable-parent::after {
  content: '';
  position: relative;
}

svg:not([height]) {
  min-height: 6px;
}

svg:not([width]) {
  min-width: 6px;
}




@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;
  }
}

p {
  max-inline-size: 65;
}
.pad--xs {
  padding: var(--space-xs);
}
.pad--s {
  padding: var(--space-s);
}
.pad--m {
  padding: var(--space-m);
}
.pad--l {
  padding: var(--space-l);
}
.pad--xl {
  padding: var(--space-xl);
}
.pad--xxl {
  padding: var(--space-xxl);
}
.pad-header--xs {
  padding: var(--space-xs) var(--section-padding-x);
}
.pad-header--s {
  padding: var(--space-s) var(--section-padding-x);
}
.pad-header--m {
  padding: var(--space-m) var(--section-padding-x);
}
.pad-header--l {
  padding: var(--space-l) var(--section-padding-x);
}
.pad-header--xl {
  padding: var(--space-xl) var(--section-padding-x);
}
.pad-header--xxl {
  padding: var(--space-xxl) var(--section-padding-x);
}
.pad--none {
  padding: 0 !important;
}
figure[class*="overlay--"]::before {
  z-index: 0;
}

p:where(:only-of-type), li:not(nav li, nav a), blockquote {
  text-wrap: pretty;
}

.balance {
  text-wrap: balance;
}
.balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6 {
  text-wrap: balance;
}
.unbalance {
  text-wrap: pretty;
}
.unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
  text-wrap: pretty;
}
.box-shadow--m {
  box-shadow: var(--box-shadow-m);
}
.box-shadow--l {
  box-shadow: var(--box-shadow-l);
}
.box-shadow--xl {
  box-shadow: var(--box-shadow-xl);
}

.box-shadow {
  box-shadow: var(--box-shadow);
}

.text-shadow {
  text-shadow: 0 0 5px rgba(0,0,0,0.8);
}



@media (min-width: 1360px) {
  .breakout--full {
    inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    margin-inline: calc(-50vw + 50%) !important;
    align-self: flex-start;
  }
}
@media (max-width: 1360px) {
  [class*="breakout--"]:not(.breakout--full) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
  }
}
.grid--1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--1 > * {
  grid-column: 1 !important;
}
.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--7 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--8 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  inline-size: 100%;
}

.gap--xs {
  gap: var(--space-xs);
}
.gap--s {
  gap: var(--space-s);
}
.gap--m {
  gap: var(--space-m);
}
.gap--l {
  gap: var(--space-l);
}
.gap--xl {
  gap: var(--space-xl);
}
.gap--xxl {
  gap: var(--space-xxl);
}
.rounded--xs {
  border-radius: 0.4444444444rem;
}
.rounded--s {
  border-radius: 0.6666666667rem;
}
.rounded--m {
  border-radius: 1rem;
}
.rounded--l {
  border-radius: 1.5rem;
}
.rounded--xl {
  border-radius: 2.25rem;
}
.rounded--xxl {
  border-radius: 3.375rem;
}
.rounded--50 {
  border-radius: 50%;
}
.rounded--circle {
  border-radius: 50%;
}

[class*="rounded--"] {
  overflow: hidden;
}

[class*="grid--"],
.brxe-container[class*="grid--"] {
  align-items: stretch;
}

ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  margin-block-end: 0;
}




@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104)));
    --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104)));
    --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 104)));
    --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 104)));
    --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 104)));
    --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 104)));
    --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 104)));
    --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 104)));
    --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 104)));
    --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 104)));
    --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((100vw - 32rem) / 104)));
    --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104)));
  }
  @media (min-width: 1280px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 5.3333333333rem;
      --section-space-s: 8rem;
      --section-space-m: 12rem;
      --section-space-l: 18rem;
      --section-space-xl: 27rem;
      --section-space-xxl: 40.5rem;
      --section-padding-x: 3rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2564102564vw + 0.9846153846rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.3846153846vw + 1.4769230769rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5769230769vw + 2.2153846154rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.2507692308vw + 2.7989538462rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.3898715385vw + 3.4997747077rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(4.2695929915vw + 4.3183535315rem), 10.125rem);
    --section-space-xs: clamp(3.2rem, calc(2.0512820513vw + 2.5435897436rem), 5.3333333333rem);
    --section-space-s: clamp(4.8rem, calc(3.0769230769vw + 3.8153846154rem), 8rem);
    --section-space-m: clamp(7.2rem, calc(4.6153846154vw + 5.7230769231rem), 12rem);
    --section-space-l: clamp(9.5976rem, calc(8.0792307692vw + 7.0122461538rem), 18rem);
    --section-space-xl: clamp(12.7936008rem, calc(13.6599992308vw + 8.4224010462rem), 27rem);
    --section-space-xxl: clamp(17.0538698664rem, calc(22.5443558977vw + 9.8396759791rem), 40.5rem);
    --section-padding-x: clamp(2.4rem, calc(0.5769230769vw + 2.2153846154rem), 3rem);
  }
}

b, strong {
    font-weight: bold;
}

p {
    text-wrap: auto;
    text-wrap: pretty; /* won't work in Safari */
}

body, p, span {
  font-family: var(--font-family-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-headings);
}

.bricks-button {
    transition: all 200ms ease-out;
}

.bricks-button:hover {
    transform: scale(1.05);
}

.bricks-button:not(.outline):hover {
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
}

.bkgrd-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.bkgrd-image img {
  object-fit: cover;
  object-position: 50% 50%;
}

.primary {
  color: var(--color-primary);
}

.testimonial {
  position: relative;
}

.testimonial .quote-open, .testimonial .quote-close {
  position: absolute;
  fill: var(--color-primary);
  opacity: 0.1;
  width: var(--space-l);
  height: auto;
} 

.testimonial .quote-open {
  top: -1rem;
  left: -2rem;    
}

.testimonial .quote-close {
  bottom: -2rem;
  right: -2rem;
}

/*** FORM styling ************************/

.brxe-form .form-group input:focus-visible, .brxe-form .form-group select:focus-visible {
  outline: none !important;
}

.brxe-form ul.options-wrapper label {
  font-size: var(--text-s);
  color: #363636;
}

.form-reverse .brxe-form ul.options-wrapper label, .form-reverse-alt .brxe-form ul.options-wrapper label {
  font-size: var(--text-s);
  color: #fff;
}

.brxe-form .form-group input {
  background: none;
}

.form-reverse .brxe-form .form-group input, .form-reverse-alt .brxe-form select {
  color: #fff;
}

.form-reverse .brxe-form .form-group input::placeholder, .form-reverse-alt .brxe-form .form-group input::placeholder {
  color: rgba(255,255,255,0.5);
}


.form-reverse .brxe-form .form-group label, .form-reverse .brxe-form .form-group .label  {
  color: #444;
}

.form-reverse .bricks-button[class*="primary"]:not(.outline) {
  background-color: var(--color-primary-light-70)!important;
  border-color: #fff;
}

.form-reverse .input, .form-reverse input:not([type=submit]), .form-reverse select, .form-reverse textarea {
  color: #fff;
}

.form-reverse select {
  background-image: linear-gradient(45deg, transparent 50%, #fff 0), linear-gradient(135deg, #fff 50%, transparent 0);
}


/* CUSTOM checkbox and radio button styling */

:root {
  --unchecked: var(--color-primary-light-10);
  --unchecked-border: var(--color-primary-light-30);
  --checked-bkgrd: var(--color-primary);
  --checked-border: var(--color-primary-dark-80);
}

.form-reverse {
  --unchecked: var(--color-primary-light-80);
  --unchecked-border: var(--color-primary-light-20);
  --checked-bkgrd: var(--color-primary-light-60);
  --checked-border: #fff;

}


/* Hide the default checkbox */
.form-group ul.options-wrapper li input[type="checkbox"], .form-group ul.options-wrapper li input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-group ul.options-wrapper li label {
  display: inline-flex;
  margin-left: 8px;
  transition: color 0.2s ease 0s;
  position: relative;
  line-height: 28px;
}

/* Create a custom checkbox */
.form-group ul.options-wrapper li label:before {
  content: "";
  position: relative;
  box-shadow: var(--unchecked-border) 0px 0px 0px 2px;
  background-color: var(--unchecked);
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  transform-origin: 0px 10px;
  top: 3px;
  left: -8px !important;  
  padding: 0px;
  box-sizing: border-box;
  display: flex;
}

/* Create a custom radio button */
.form-group ul.options-wrapper li input[type="radio"] ~ label:before {
    border-radius: 50%;
}

.form-group ul.options-wrapper li label:hover:before {
    box-shadow: var(--checked-bkgrd) 0px 0px 0px 2px;
}

.form-reverse .form-group ul.options-wrapper li label:hover:before {
    box-shadow: #444 0px 0px 0px 2px;
}


.form-group ul.options-wrapper li label:hover {
    color: var(--checked-bkgrd);
}

.form-reverse .form-group ul.options-wrapper li label:hover {
    color: #444;
}


.form-group ul.options-wrapper li input:checked ~ label:before {
  box-shadow: var(--checked-border) 0px 0px 0px 2px;
  background-color: var(--checked-bkgrd);
}

.form-reverse .brxe-form select:hover, .form-reverse .brxe-form .form-group input:hover {
  border-color: #444;
}


/* Checkbox "checked" icon */
.form-group ul.options-wrapper li input[type="checkbox"] ~ label:after {
  content: "";
  position: absolute;
  visibility: hidden;
    left: -2px;
    top: 5px;
    width: 8px;
    height: 14px;
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
  transition: all 200ms ease-in-out;
}

/* Radio "checked" icon" */
.form-group ul.options-wrapper li input[type="radio"] ~ label:after {
  content: "";
  position: absolute;
  visibility: hidden;
    left: -4px;
    top: 8px;
    width: 12px;
    height: 12px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms ease-in-out;
}


.form-group ul.options-wrapper li input:checked ~ label:after {
  visibility: visible;
}




/* *********** MEDIA QUERIES ****************************/

@media only screen and (max-width: 768px) {
    .grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}