@property --htmlWidth {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}
:root {
  --spc-v-t: 3em;
  --spc-v-b: 3em;
  --spc-v: 3em 3em;
  --spc-v-hlf: 1.5em 1.5em;
  --hdng-sz-h1: 3.2em;
  --hdng-sz-h2: 2.8em;
  --hdng-sz-h3: 2.4em;
  --hdng-sz-h4: 2em;
  --hdng-sz-h5: 1.6em;
  --hdng-sz-h6: 1.2em;
}

/**
 * easing-gradient
 * A SASS function for https://larsenwork.com/easing-gradients/
 * 
 * @author  Lu, Yu-Lei
 *
 * @param {String}      $direction    - Same as linear-gradient. e.g. to right, 30deg
 * @param {String}      $easing       - linear, ease-{in|out|in-out}-{quad|cubic|quart|quint}
                                        e.g. ease-in-out-quint
 * @param {Number}      $steps        - Segments between each given color stops.
 * @param {List|String} $color-stops  - List of color and position(optional). Same as css linear-gradient
 *
 * @example sass - easing-gradient(90deg, ease-in-out-quad, 8, blue, red)
 * @output linear-gradient(to right, blue 0%, #0a00f5 14.2857142857%, #2a00d5 28.5714285714%, #5e00a1 42.8571428571%, #a1005e 57.1428571429%, #d5002a 71.4285714286%, #f5000a 85.7142857143%, red 100%)
 */
body.no-scroll #brx-header,
body.no-scroll #brx-content,
body.no-scroll #brx-footer {
  padding-right: var(--bdn-scrollbar-width);
}

:target {
  padding-top: calc(var(--bdn-header-height) + var(--wp-admin--admin-bar--height, 0));
  margin-top: calc((var(--bdn-header-height) + var(--wp-admin--admin-bar--height, 0)) * -1);
}

h1 .highlight,
h1 em {
  color: #fbbb10;
}

h1 em {
  font-style: normal;
}

h2 .highlight,
h2 em {
  color: #fbbb10;
}

h2 em {
  font-style: normal;
}

h3 .highlight,
h3 em {
  color: #fbbb10;
}

h3 em {
  font-style: normal;
}

h4 .highlight,
h4 em {
  color: #fbbb10;
}

h4 em {
  font-style: normal;
}

h5 .highlight,
h5 em {
  color: #fbbb10;
}

h5 em {
  font-style: normal;
}

h6 .highlight,
h6 em {
  color: #fbbb10;
}

h6 em {
  font-style: normal;
}

.section-intro .brxe-text {
  max-width: var(--bdn-content-width-med);
  text-wrap: balance;
  font-size: var(--bdn-text-l);
  line-height: 1.4;
}

.dark {
  color: var(--bdn-light);
}

#brx-header .bricks-search-form {
  flex-direction: row-reverse;
}
#brx-header .bricks-search-form .fa-magnifying-glass {
  font-size: 1.5em;
}

.bricks-mobile-menu-wrapper {
  padding: var(--bdn-space-4xl);
}

#brx-header .brxe-nav-nested > ul {
  overflow-y: visible;
}
#brx-header .brxe-nav-nested > ul::after {
  content: "";
  position: absolute;
  right: -5em;
  height: 100%;
  width: 5em;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3673469388) 14.2857142857%, rgba(0, 0, 0, 0.2551020408) 28.5714285714%, rgba(0, 0, 0, 0.1632653061) 42.8571428571%, rgba(0, 0, 0, 0.0918367347) 57.1428571429%, rgba(0, 0, 0, 0.0408163265) 71.4285714286%, rgba(0, 0, 0, 0.0102040816) 85.7142857143%, rgba(0, 0, 0, 0) 100%);
}
#brx-header .brxe-nav-nested.brx-open .brxe-toggle.is-active path {
  fill: var(--bdn-dark-30);
}

html body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button {
  padding: var(--bdn-space-3xs) var(--bdn-space-s);
  background: var(--bdn-tertiary);
  font-size: var(--bdn-text-m);
  font-weight: 600;
  border: 0.2em solid var(--bdn-tertiary);
  transition: all 0.25s ease-in-out;
  outline: 0;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0.2em 0.2em 0 0 currentColor;
}
html body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button:is(:hover, :focus, :active) {
  transform: translate(-0.1rem, -0.1rem);
  border-color: currentColor;
}

#cv-submission-form .wrapper {
  padding: var(--bdn-space-l);
  background-color: var(--bdn-secondary);
  color: var(--bdn-light);
}
#cv-submission-form h2 {
  margin-bottom: 0.5em;
  font-size: var(--bdn-text-l);
  color: var(--bdn-primary);
}
#cv-submission-form > :first-child {
  margin-top: var(--bdn-space-m);
}
#cv-submission-form label,
#cv-submission-form legend,
#cv-submission-form .gfield_description {
  color: inherit;
}
#cv-submission-form .gfield_required {
  color: var(--bdn-primary);
}
html body #cv-submission-form .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button {
  background: var(--bdn-primary);
  color: var(--bdn-text-body);
  border-color: var(--bdn-primary);
  box-shadow: 0.2em 0.2em 0 0 currentColor;
}
html body #cv-submission-form .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button:is(:hover, :focus, :active) {
  border-color: currentColor;
}
#cv-submission-form .gfield--type-consent {
  display: flex;
  align-items: center;
  gap: 1em;
}
#cv-submission-form .gfield_consent_description {
  margin: 0;
}

.brxe-counter {
  position: relative;
}

.suffix {
  position: absolute;
}

#brx-content > section:first-child {
  padding-top: 0;
}

#banner > .brxe-container,
#banner > .brxe-container > *,
#talent-insights > .brxe-container,
#talent-insights > .brxe-container > *,
#why-work > .brxe-container,
#why-work > .brxe-container > * {
  position: relative;
}
#banner > .brxe-container::before,
#talent-insights > .brxe-container::before,
#why-work > .brxe-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: repeat-y;
  background-position-x: -5px;
  background-size: 101% auto;
}

#banner h2 {
  max-width: 8em;
  text-wrap: balance;
}
#banner > .brxe-container::before {
  background-image: url(img/grid-faded-yellow.svg);
  background-position-y: -5px;
}

#talent-insights > .brxe-container::before,
#why-work > .brxe-container::before {
  background-image: url(img/grid-faded-pale-yellow.svg);
  background-position-y: -22px;
}

#talent-insights .suffix {
  right: -0.9em;
}
#talent-insights > .brxe-container::before {
  background-position-y: -22px;
}

#why-work .suffix {
  right: 0.35em;
}

/*# sourceMappingURL=frontend-front-page.css.map */