.background-bar\:themed {
  --background-theme:var(--theme-primary);
  background: var(--background-theme);
}
.background-bar\:themed-gradient {
  --background-theme:var(--theme-background-bar);
  background: var(--background-theme);
}

body > header.background-bar\:themed ~ .background-bar\:inherit, body > header.background-bar\:themed ~ * > .background-bar\:inherit {
  --background-theme:var(--theme-primary);
  background: var(--background-theme);
}
body > header.background-bar\:themed-gradient ~ .background-bar\:inherit, body > header.background-bar\:themed-gradient ~ * > .background-bar\:inherit {
  --background-theme:var(--theme-background-bar);
  background: var(--background-theme);
}

.background-bar\:brand {
  --background-theme:#ff2871;
  background: var(--background-theme);
}
.background-bar\:brand-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  background: var(--background-theme);
}

body > header.background-bar\:brand ~ .background-bar\:inherit, body > header.background-bar\:brand ~ * > .background-bar\:inherit {
  --background-theme:#ff2871;
  background: var(--background-theme);
}
body > header.background-bar\:brand-gradient ~ .background-bar\:inherit, body > header.background-bar\:brand-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  background: var(--background-theme);
}

.background-bar\:blue {
  --background-theme:#0F72C0;
  background: var(--background-theme);
}
.background-bar\:blue-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-secondary, #04A5E5) var(--gradient-offset, 33%), var(--theme-primary, #0F72C0));
  background: var(--background-theme);
}

body > header.background-bar\:blue ~ .background-bar\:inherit, body > header.background-bar\:blue ~ * > .background-bar\:inherit {
  --background-theme:#0F72C0;
  background: var(--background-theme);
}
body > header.background-bar\:blue-gradient ~ .background-bar\:inherit, body > header.background-bar\:blue-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-secondary, #04A5E5) var(--gradient-offset, 33%), var(--theme-primary, #0F72C0));
  background: var(--background-theme);
}

.background-bar\:green {
  --background-theme:#176D7D;
  background: var(--background-theme);
}
.background-bar\:green-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-secondary, #0C9B9A) var(--gradient-offset, 33%), var(--theme-primary, #176D7D));
  background: var(--background-theme);
}

body > header.background-bar\:green ~ .background-bar\:inherit, body > header.background-bar\:green ~ * > .background-bar\:inherit {
  --background-theme:#176D7D;
  background: var(--background-theme);
}
body > header.background-bar\:green-gradient ~ .background-bar\:inherit, body > header.background-bar\:green-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-secondary, #0C9B9A) var(--gradient-offset, 33%), var(--theme-primary, #176D7D));
  background: var(--background-theme);
}

.background-bar\:yellow {
  --background-theme:#FE9900;
  background: var(--background-theme);
}
.background-bar\:yellow-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #FE9900) var(--gradient-offset, 33%), var(--theme-secondary, #FDC705));
  background: var(--background-theme);
}

body > header.background-bar\:yellow ~ .background-bar\:inherit, body > header.background-bar\:yellow ~ * > .background-bar\:inherit {
  --background-theme:#FE9900;
  background: var(--background-theme);
}
body > header.background-bar\:yellow-gradient ~ .background-bar\:inherit, body > header.background-bar\:yellow-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #FE9900) var(--gradient-offset, 33%), var(--theme-secondary, #FDC705));
  background: var(--background-theme);
}

.background-bar\:grey {
  --background-theme:#F7F7F7;
  background: var(--background-theme);
}
.background-bar\:grey-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #787878) var(--gradient-offset, 33%), var(--theme-secondary, #5f5f5f));
  background: var(--background-theme);
}

body > header.background-bar\:grey ~ .background-bar\:inherit, body > header.background-bar\:grey ~ * > .background-bar\:inherit {
  --background-theme:#F7F7F7;
  background: var(--background-theme);
}
body > header.background-bar\:grey-gradient ~ .background-bar\:inherit, body > header.background-bar\:grey-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #787878) var(--gradient-offset, 33%), var(--theme-secondary, #5f5f5f));
  background: var(--background-theme);
}

.background-bar\:black {
  --background-theme:#333333;
  background: var(--background-theme);
}
.background-bar\:black-gradient {
  --background-theme:#454646;
  background: var(--background-theme);
}

body > header.background-bar\:black ~ .background-bar\:inherit, body > header.background-bar\:black ~ * > .background-bar\:inherit {
  --background-theme:#333333;
  background: var(--background-theme);
}
body > header.background-bar\:black-gradient ~ .background-bar\:inherit, body > header.background-bar\:black-gradient ~ * > .background-bar\:inherit {
  --background-theme:#454646;
  background: var(--background-theme);
}

.background-bar\:red {
  --background-theme:#C90023;
  background: var(--background-theme);
}
.background-bar\:red-gradient {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #C90023) var(--gradient-offset, 33%), var(--theme-secondary, #cb3d00));
  background: var(--background-theme);
}

body > header.background-bar\:red ~ .background-bar\:inherit, body > header.background-bar\:red ~ * > .background-bar\:inherit {
  --background-theme:#C90023;
  background: var(--background-theme);
}
body > header.background-bar\:red-gradient ~ .background-bar\:inherit, body > header.background-bar\:red-gradient ~ * > .background-bar\:inherit {
  --background-theme:linear-gradient(var(--gradient-angle, 270deg), var(--theme-primary, #C90023) var(--gradient-offset, 33%), var(--theme-secondary, #cb3d00));
  background: var(--background-theme);
}

.background-bar\:white {
  --background-theme:#FFFFFF;
  background: var(--background-theme);
}
.background-bar\:white-gradient {
  --background-theme:#FFFFFF;
  background: var(--background-theme);
}

body > header.background-bar\:white ~ .background-bar\:inherit, body > header.background-bar\:white ~ * > .background-bar\:inherit {
  --background-theme:#FFFFFF;
  background: var(--background-theme);
}
body > header.background-bar\:white-gradient ~ .background-bar\:inherit, body > header.background-bar\:white-gradient ~ * > .background-bar\:inherit {
  --background-theme:#FFFFFF;
  background: var(--background-theme);
}

before-main[class*="background-bar:"] {
  padding-top: var(--before-main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--before-main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}
before-main > *[class*="background-bar:"] {
  padding-top: var(--before-main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--before-main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}

main[class*="background-bar:"] {
  padding-top: var(--main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}
main > *[class*="background-bar:"] {
  padding-top: var(--main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}

after-main[class*="background-bar:"] {
  padding-top: var(--after-main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--after-main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}
after-main > *[class*="background-bar:"] {
  padding-top: var(--after-main-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--after-main-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}

body > footer[class*="background-bar:"] {
  padding-top: var(--footer-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--footer-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}
body > footer > *[class*="background-bar:"] {
  padding-top: var(--footer-padding-top, var(--background-bar-padding-top, var(--spacer1)));
  padding-bottom: var(--footer-padding-bottom, var(--background-bar-padding-bottom, var(--spacer1)));
}
/*# sourceMappingURL=../../sourcemaps/components/sections/background-bar.css.map */