@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%)
 */
@layer bricks {
  .bricks-button {
    cursor: pointer;
    white-space: nowrap;
  }
}
.brxe-button {
  border-radius: 0.05em;
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: transparent;
}
.brxe-button:is(:hover, :active) {
  outline-color: inherit;
}
.brxe-button.bricks-background-dark:is(:hover, :active) {
  outline-color: var(--bdn-secondary);
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: var(--bdn-header-height, var(--bdn-initial-header-height, 97px));
}

.current-menu-item a {
  pointer-events: none;
}

body.no-scroll #brx-header,
body.no-scroll #brx-content,
body.no-scroll #brx-footer {
  padding-right: var(--bdn-scrollbar-width);
}

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

#banner {
  min-height: calc(100vh - var(--bdn-initial-header-height) - var(--wp-admin--admin-bar--height, 0px));
  padding-bottom: 0;
  align-self: stretch !important;
  width: 100%;
  align-items: stretch;
}

.brxe-image a,
a.brxe-image {
  overflow: hidden;
}
.brxe-image a:is(:hover, :active, :focus) img,
a.brxe-image:is(:hover, :active, :focus) img {
  transform: scale(1.05);
}

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

#brx-header .brxe-toggle {
  z-index: 1002;
}
#brx-header .brxe-toggle path {
  transition: all 0.3s;
}
#brx-header .brxe-toggle.is-active path {
  fill: white;
}

#site-navigation .brxe-button {
  margin-right: auto;
}
#site-navigation .brx-offcanvas-inner {
  overflow-x: visible;
}
#site-navigation .brx-offcanvas-inner::after {
  content: "";
  position: absolute;
  left: -5em;
  height: 100%;
  width: 5em;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5142857143) 14.2857142857%, rgba(0, 0, 0, 0.3571428571) 28.5714285714%, rgba(0, 0, 0, 0.2285714286) 42.8571428571%, rgba(0, 0, 0, 0.1285714286) 57.1428571429%, rgba(0, 0, 0, 0.0571428571) 71.4285714286%, rgba(0, 0, 0, 0.0142857143) 85.7142857143%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

#brx-footer .search-box .options-content {
  border-color: white;
}

html body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button {
  padding: var(--bdn-space-3xs) var(--bdn-space-s);
  background: transparent;
  font-size: var(--bdn-text-m);
  font-weight: 600;
  border: 2px solid currentColor;
  transition: all 0.25s ease-in-out;
  border-radius: 0.05em;
  cursor: pointer;
  outline: 2px solid;
  outline-color: transparent;
  outline-offset: 2px;
}
html body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer .button.gform_button:is(:hover, :focus, :active) {
  outline-color: currentColor;
}

.brxe-user-carousel {
  position: relative;
  min-width: 0;
  width: 100%;
}
.brxe-user-carousel .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
.brxe-user-carousel .user-slide {
  position: relative;
  overflow: hidden;
}
.brxe-user-carousel .user-slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.brxe-user-carousel .user-slide:hover .user-name {
  opacity: 1;
}
.brxe-user-carousel .user-slide:hover a {
  transform: scale(1.05);
}
.brxe-user-carousel .user-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.brxe-user-carousel .bricks-swiper-button-prev {
  left: 50px;
}
.brxe-user-carousel .bricks-swiper-button-next {
  right: 50px;
}
.brxe-user-carousel .user-name {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  color: white;
  padding: 1rem;
  text-align: center;
  font-weight: 500;
  transition: all 0.3s ease;
}

label {
  color: inherit;
}

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

.multi-filter input[type=checkbox],
.search-box input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
  display: grid;
  place-content: center;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid currentColor;
}
.multi-filter input[type=checkbox]::before,
.search-box input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em currentColor;
}
.multi-filter input[type=checkbox]:checked::before,
.search-box input[type=checkbox]:checked::before {
  transform: scale(1);
}
.multi-filter input[type=checkbox]:focus,
.search-box input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
.multi-filter .options-content,
.search-box .options-content {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: currentColor;
  color: var(--bdn-secondary);
}

#talent-monitors-listing .brxe-post-title a {
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}
#talent-monitors-listing .brxe-post-title a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 3px;
  background-color: currentColor;
  transition: all 0.3s;
}
#talent-monitors-listing .brxe-post-title a:hover::after {
  right: 50%;
}
#talent-monitors-listing .brxe-post-title a::after {
  left: 50%;
  right: 50%;
}
#talent-monitors-listing .brxe-post-title a:hover::after {
  left: 25%;
  right: 25%;
}

/*# sourceMappingURL=frontend-recruitment.css.map */