/* Global variables */
:root {
  --grid-gap: var(--space-m);
  --rounded: var(--radius-s);
}
ol.breadcrumb {
  padding: 0;
}
/* Global custom button styling */
[class*="btn--"] {
  transition: 0.4s;
}
/* Global text styling */
.outline-white {
  color: rgba(255, 255, 255, 0);
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: inherit;
  border-right-color: inherit;
  border-bottom-color: inherit;
  border-left-color: inherit;
  /*text-transform: uppercase;*/
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
}
.bg--dark-gradient {
  position: relative;
  z-index: 0;
  background: var(--base-ultra-dark);
}
.bg--dark-gradient:before {
  content: "";
  position: absolute;
  z-index: -10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: -webkit-radial-gradient(ellipse farthest-corner at 68% 10%, var(--base-dark) 2%, var(--base-dark) 12%, transparent 30%), -webkit-radial-gradient(ellipse farthest-corner at 20% 100%, var(--base-dark) 2%, var(--base-dark) 10%, transparent 30%);
  background: radial-gradient(ellipse farthest-corner at 68% 10%, var(--base-dark) 5%, transparent 30%), radial-gradient(ellipse farthest-corner at 20% 100%, var(--base-dark) 10%, transparent 30%);
  background-size: cover;
}
/* Duotone styling*/
.duotone {
  max-width: 450px;
  position: relative;
}
.duotone::before, .duotone::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.duotone img {
  filter: grayscale(1) brightness(120%);
}
.duotone::after {
  background: var(--base-light);
  mix-blend-mode: multiply;
}
.duotone::before {
  background: var(--base-utlra-light);
  mix-blend-mode: lighten;
}
/* Global header overlay styling */
[data-overlay="Overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
[data-overlay="Overlay"] .hdr {
  background-color: transparent;
}
[data-overlay="Overlay"] .fr-header-bravo__top-link-text.brxe-text-basic {
  color: white;
}
[data-overlay="Overlay"] .fr-hero-bravo__top-link-icon.brxe-icon {
  color: white;
  fill: white !important;
}
[data-overlay="Overlay"] .brxe-nav-menu .bricks-nav-menu li a {
  color: white;
}
[data-cta-footer="Yes"] {
  display: none !important;
}
/* Global WS Form styling
 ** form[data-id="123"] Target form ID 123 on any page.
 ** https://wsform.com/knowledgebase/styling-forms-with-css/
 */
/*Labels*/
/* 
 .wsf-form .wsf-field-wrapper .wsf-label {
    color: #fff;
}
*/
/*Fields*/
/*
.wsf-form .wsf-field-wrapper .wsf-field {
    background: #fff;
    color: #000;
}
*/
/*Placeholders*/
/*
.wsf-form .wsf-field-wrapper .wsf-field::placeholder {
    color: #999;
}
*/
/*Helptext*/
/*
.wsf-form .wsf-field-wrapper .wsf-help {
    color: #fff;
}
*/
/*
.accent-blur{
    --before-display: flex;
    --before-opacity: .125;
    --before-inset: 0 auto auto 1em;
    --before-width: 50rem;
    --before-rotate: 45deg;
    --before-blur: 50px;
    --before-color: var(--action);
    --after-display: flex;
    --after-opacity: 0.125;
    --after-inset: auto 1em 0 auto;
    --after-width: 50rem;
    --after-rotate: 25deg;
    --after-blur: 45px;
    --after-color: var(--secondary);
    --overflow: visible;
    isolation: isolate;
    overflow: var(--overflow);
    position: relative;
}

.accent-blur:before{
    opacity: var(--before-opacity);
    content: "";
    display: var(--before-display);
    width: var(--before-width);
    aspect-ratio: 1/1;
    background-color: var(--before-color);
    position: absolute;
    inset: var(--before-inset);
    z-index: -1;
    filter: blur(var(--before-blur));
    transform: rotate(var(--before-rotate));
}

.accent-blur::after {
    opacity: var(--after-opacity);
    content: "";
    display: var(--after-display);
    width: var(--after-width);
    aspect-ratio: 1/1;
    background-color: var(--after-color);
    position: absolute;
    inset: var(--after-inset);
    z-index: -1;
    filter: blur(var(--after-blur));
    transform: rotate(var(--after-rotate));
}
*/
