/*
 * Spacing Units
 * --
 * These can be used directly within SASS, but are also used to generate a set
 * of responsive utility classes that can be applied directly to markup.
 *
 * See `utilities/_spacer-classes.scss` for details.
 */
/* structural */
/* ---------- */
/* page gutter between invisible page boundary and viewport */
/* 1/2 spacing between elements such as tiles, etc */
/* standard spacing between typographical components */
/* desktop default sticky header height */
/* desktop sticky header height when scrolling */
/*
 * Settings: Breakpoints
 * --
 */
/*
 * Media query mixin which references the $breakpoints map set above
 *
 * Usage:
 *    @include query('md') {
 *      // styles here
 *    }
 */
/*
 * Tools: Asset Path
 * --
 * Function which returns a path relative to the theme directory
 * Usage:
 *   background-image: url(asset-path('images/background.png'));
 *
 */
/*
 * Tools: Internet Explorer Only
 * --
 * This is a mixin which allows CSS to be targeted at IE 10 & 11 only
 */
/*
 * Common styles for checkbox and radio inputs.
 *
 * 1. Hides browser control offscreen
 * 2. Styles ::before pseudo element of the following <label> as the
 *    checkbox / radio element
 * 3. Prevent collapsing to 0 width on IE
 */
.wsf input[type=radio], .wsf input[type=checkbox] {
  position: absolute;
  left: -9999px;
  /* 1 */
  width: 0;
  height: 0;
}
.wsf input[type=radio] + label, .wsf input[type=checkbox] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 0;
}
.wsf input[type=radio] + label::before, .wsf input[type=checkbox] + label::before {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 3 */
  content: "";
  border: 2px solid #272725;
  /* 2 */
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* 3 */
}
.wsf input[type=radio]:focus + label::before, .wsf input[type=checkbox]:focus + label::before {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #d6e26e;
          box-shadow: 0 0 0 2px #d6e26e;
}
.wsf input[type=radio]:checked + label::before, .wsf input[type=checkbox]:checked + label::before {
  background-color: currentColor;
  background-position: center center;
  background-size: contain;
}
.wsf input[type=radio]:disabled + label, .wsf input[type=checkbox]:disabled + label, .wsf input[type=radio]:disabled + label::before, .wsf input[type=checkbox]:disabled + label::before {
  color: #a9a9a9;
  border-color: #a9a9a9;
}

body {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #272725;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 580px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}

h1 {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
}

h2 {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36.4px;
}

h3 {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 29.4px;
}

h4 {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.15px;
  text-transform: uppercase;
}

h5 {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.15px;
}

p.copy-heading {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.1px;
}

p {
  color: #1c2a2a;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.1px;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

p.publication-info {
  font-size: 14px;
  font-weight: 500;
}

b,
strong {
  font-weight: 700;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.no-wrap {
  white-space: nowrap;
}

blockquote {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.36;
}
blockquote + * {
  margin-top: 32px;
}

* + blockquote {
  margin-top: 32px;
}

.two-column-content {
  overflow: hidden;
}
.two-column-content > .outer {
  margin-left: -10px;
  margin-right: -10px;
}
.two-column-content > .outer > .inner {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.two-column-content > .outer > .inner > * {
  display: table-cell;
  vertical-align: top;
  padding: 0 10px;
}
* + .two-column-content {
  margin-top: 20px;
}

button.as-link,
.button.as-link,
.as-link.login-button,
.as-link.notify-button,
.as-link.menu-button,
.wsf input.as-link[type=submit],
.wsf button.as-link[type=submit] {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: inherit;
  text-transform: none;
  line-height: inherit;
  color: #4a90e2;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
button.as-link:hover, button.as-link:focus,
.button.as-link:hover,
.as-link.login-button:hover,
.as-link.notify-button:hover,
.as-link.menu-button:hover,
.wsf input.as-link[type=submit]:hover,
.button.as-link:focus,
.as-link.login-button:focus,
.as-link.notify-button:focus,
.as-link.menu-button:focus,
.wsf input.as-link[type=submit]:focus {
  outline: none;
  color: #4a90e2;
  text-decoration: underline;
  background-color: transparent;
}
button.as-link:focus,
.button.as-link:focus,
.as-link.login-button:focus,
.as-link.notify-button:focus,
.as-link.menu-button:focus,
.wsf input.as-link[type=submit]:focus {
  outline: thin dotted #4a90e2;
}
button.as-link.as-text,
.button.as-link.as-text,
.as-link.as-text.login-button,
.as-link.as-text.notify-button,
.as-link.as-text.menu-button,
.wsf input.as-link.as-text[type=submit] {
  color: #272725;
}
button.as-link.as-text:hover, button.as-link.as-text:focus,
.button.as-link.as-text:hover,
.as-link.as-text.login-button:hover,
.as-link.as-text.notify-button:hover,
.as-link.as-text.menu-button:hover,
.wsf input.as-link.as-text[type=submit]:hover,
.button.as-link.as-text:focus,
.as-link.as-text.login-button:focus,
.as-link.as-text.notify-button:focus,
.as-link.as-text.menu-button:focus,
.wsf input.as-link.as-text[type=submit]:focus {
  color: #272725;
}
button.as-link.as-text:focus,
.button.as-link.as-text:focus,
.as-link.as-text.login-button:focus,
.as-link.as-text.notify-button:focus,
.as-link.as-text.menu-button:focus,
.wsf input.as-link.as-text[type=submit]:focus {
  outline: thin dotted #272725;
}
button.as-link[disabled],
.button.as-link[disabled],
.as-link[disabled].login-button,
.as-link[disabled].notify-button,
.as-link[disabled].menu-button,
.wsf input.as-link[disabled][type=submit] {
  cursor: text;
  text-decoration: none;
  color: #777777;
}
button.as-link[disabled]:hover, button.as-link[disabled]:focus,
.button.as-link[disabled]:hover,
.as-link[disabled].login-button:hover,
.as-link[disabled].notify-button:hover,
.as-link[disabled].menu-button:hover,
.wsf input.as-link[disabled][type=submit]:hover,
.button.as-link[disabled]:focus,
.as-link[disabled].login-button:focus,
.as-link[disabled].notify-button:focus,
.as-link[disabled].menu-button:focus,
.wsf input.as-link[disabled][type=submit]:focus {
  color: #777777;
}
button.as-link[disabled]:focus,
.button.as-link[disabled]:focus,
.as-link[disabled].login-button:focus,
.as-link[disabled].notify-button:focus,
.as-link[disabled].menu-button:focus,
.wsf input.as-link[disabled][type=submit]:focus {
  outline: none;
}

a.as-text {
  color: #272725;
  text-decoration: none;
}
a.as-text:hover, a.as-text:focus {
  text-decoration: underline;
}

.featured-document {
  position: relative;
  padding: 20px;
  background-color: #f4f4f4;
}

* + .featured-document {
  margin-top: 20px;
}

hr {
  display: block;
  height: 1px;
  margin: 32px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #dddddd;
}

* + .media {
  margin-top: 32px;
}

address {
  font-style: normal;
}

::-moz-selection {
  background: #272725;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #272725;
  color: #fff;
  text-shadow: none;
}

@media screen and (max-width: 580px) {
  h1 {
    font-size: 45px;
    line-height: 45px;
  }
  h2 {
    font-size: 28px;
    line-height: 34px;
  }
  h3 {
    font-size: 16px;
    line-height: 35px;
  }
  h4 {
    font-size: 14px;
    line-height: 30px;
  }
  p.copy-heading {
    font-size: 16px;
  }
  p {
    font-size: 16px;
  }
  blockquote {
    font-size: 18px;
  }
  .two-column-content {
    overflow: visible;
  }
  .two-column-content > .outer {
    margin-left: 0;
    margin-right: 0;
  }
  .two-column-content > .outer > .inner {
    display: block;
    width: auto;
  }
  .two-column-content > .outer > .inner > * {
    display: block;
    padding: 0;
  }
  .two-column-content > .outer > .inner > * + * {
    margin-top: 20px;
  }
  .featured-document {
    min-height: 0;
    padding-bottom: 20px;
  }
  .featured-document > .inner {
    display: block;
    width: auto;
  }
  .featured-document > .inner > * {
    display: block;
    padding-left: 0;
    text-align: left;
  }
  .featured-document > .inner > * + * {
    margin-top: 20px;
  }
}
h1,
.h1 {
  font-size: 55px;
  line-height: 62px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  h1,
  .h1 {
    font-size: 45px;
    line-height: 50px;
  }
}

h2,
.h2 {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}

h3,
.h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  h3,
  .h3 {
    font-size: 18px;
  }
}

h4,
.h4 {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 580px) {
  h4,
  .h4 {
    font-size: 14px;
  }
}

a {
  text-decoration: none;
}
a.external::after {
  content: url(/_resources/themes/worksafe/images/icon-external-link.svg);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-size: cover) or (mask-size: cover)) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
  a.external::after {
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
            mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}

.link-index {
  display: none;
}

figure {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}
figure img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
figure figcaption {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  width: auto;
  padding: 10px 0;
  border-bottom: solid 1px #dddddd;
}
@media screen and (min-width: 581px) {
  figure.small {
    float: left;
    width: 340px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 581px) {
  figure.half-width {
    width: calc(50% - 10px);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  figure.half-width + figure.half-width {
    margin-right: 0;
  }
}
@media screen and (min-width: 581px) {
  figure.figure--no-wrap {
    float: none;
  }
}
figure.with-zoom > .inner {
  position: relative;
}
figure.with-zoom > .inner .zoom-toggle {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  display: none; /* no point in having zoom on mobile as zoomed image is smaller... */
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-color: rgba(238, 238, 238, 0.55);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (min-width: 581px) {
  figure.with-zoom > .inner .zoom-toggle {
    display: block;
  }
}
figure.with-zoom > .inner .zoom-toggle .svg-holder svg {
  width: 32px;
  height: 32px;
}
figure.with-zoom > .inner .zoom-toggle .svg-holder svg .line {
  stroke: #272725;
}
figure.with-zoom > .inner .zoom-toggle:hover, figure.with-zoom > .inner .zoom-toggle:focus {
  background-color: rgba(238, 238, 238, 0.9);
}
figure.with-zoom > .inner .zoom-toggle:hover .svg-holder svg .line, figure.with-zoom > .inner .zoom-toggle:focus .svg-holder svg .line {
  stroke: #f67a44;
}

table {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
}
table th, table td {
  padding: 10px 16px;
  vertical-align: top;
  text-align: left;
}
table th > img, table td > img {
  display: block;
  margin: 0;
  padding: 0;
  width: 200px;
}
table th {
  background-color: #e0e88f;
  font-weight: 700;
}
table tr:nth-child(odd) > td {
  background-color: #f7f9e3;
}

/*
 * Objects: Layout
 * --
 * Defines a flex-based column layout.
 * Should be used with the utility classes defined in `utilities/_column-classes.scss` for column sizing.
 *
 * Example:
 *
 *    <div class="o-layout">
 *      <div class="o-layout__item col-md-4 col-lg-3"></div>
 *      <div class="o-layout__item col-md-8 col-lg-9"></div>
 *    </div>
 */
.o-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.o-layout__item {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.o-layout__item--push-right {
  margin-left: auto;
}

.o-layout--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.o-layout--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-page #main-page-area {
  padding-top: 0;
}

.homepage-elements .element-banner h1,
.homepage-elements .element-content-image h2,
.homepage-elements .element-latest-news__articles--article__title,
.homepage-elements .element-grid-cards__title--text,
.homepage-elements .element-grid-cards__list--item__title,
.homepage-elements .element-tiles__list--tile__title {
  letter-spacing: -0.5px;
}

/**
 * Components: Page Feedback Form
 * --
 *
 */
.page-feedback-form {
  overflow: hidden;
}

.page-feedback-form__close-button {
  float: right;
}

.page-feedback-form__message {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}

.guidance-section .section__title {
  max-width: 100%;
}
.guidance-section .section__title:after {
  width: 72px;
  background-color: #D8E17E;
}
.guidance-section .guidance-content ul {
  list-style: none;
  padding-left: 0;
}

.page-maintenance .site-header__section--left,
.page-maintenance .site-header__section--right,
.page-maintenance .breadcrumbs,
.page-maintenance .banner,
.page-maintenance .page-updated,
.page-maintenance .site-header__mobile-buttons {
  display: none;
}

.maintenance-section__inner {
  text-align: center;
  padding: 100px 20px;
}
.maintenance-section__icon {
  margin-bottom: 60px;
  width: 100%;
  max-width: 200px !important;
}
.maintenance-section__content {
  max-width: 850px;
  margin: 0 auto;
}
.maintenance-section__content h2 {
  margin-bottom: 15px;
}
.maintenance-section__content p {
  font-size: 18px;
}
@media screen and (min-width: 1000px) {
  .maintenance-section__icon {
    margin-bottom: 100px;
    max-width: 300px !important;
  }
  .maintenance-section__content p {
    font-size: 25px;
  }
}

/*
  ===============================================================================
  SEARCH PAGE SPECIFIC STYLES
  ===============================================================================
*/
/*
  ==========================
  search form / filters
  ==========================
*/
.keyword-wrapper {
  position: relative;
}
.keyword-wrapper input.text {
  padding-right: 90px;
}
.keyword-wrapper button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  border: none;
  text-align: center;
  line-height: 60px;
  color: #272725;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.keyword-wrapper button:before {
  font-size: 40px;
  line-height: 60px !important;
}
.keyword-wrapper button:hover, .keyword-wrapper button:focus {
  color: #dc3e38;
}

.result-summary {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}

/*
  ==========================
  search results
  ==========================
*/
.search-results {
  /* spacing above result set */
  /* ------------------------ */
}
.search-results article {
  /* consultation item variation */
  /* --------------------------- */
  /* publication item variation */
  /* --------------------------- */
}
.search-results article > .inner > *.image-holder {
  width: 200px;
}
.search-results article > .inner > *.image-holder .image-icon {
  margin-left: -5%;
}
.search-results article.consultation-item > .upper {
  padding-right: 180px;
}
.search-results article.publication-item .attrributes {
  font-size: 16px;
}
* + .search-results {
  margin-top: 20px;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    search form / filters
    ==========================
  */
  .keyword-wrapper input.text {
    padding: 12px 54px 12px 10px !important;
    font-size: 18px !important;
  }
  .keyword-wrapper button {
    width: 46px;
    line-height: 46px;
  }
  .keyword-wrapper button:before {
    font-size: 26px;
    line-height: 46px !important;
  }
  /*
    ==========================
    search results
    ==========================
  */
  .search-results article {
    /* consultation item variation */
    /* --------------------------- */
  }
  .search-results article.consultation-item > .upper {
    padding-right: 0;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
.page-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (min-width: 600px) {
  .page-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
  }
}

.page-details--updated {
  margin: 0;
  text-align: left;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page-details--feedback-cue {
  margin: 0;
  text-align: left;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 600px) {
  .page-details--feedback-cue {
    text-align: right;
  }
}

.page-feedback-cue__response {
  color: #272725;
}
.page-feedback-cue__response--selected {
  font-weight: 700;
}
.page-feedback-cue__response--not-selected {
  color: #535354;
}

.ResourcesPage #breadcrumbs {
  display: none;
}

.engagement-resources {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 600px) {
  .engagement-resources {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 600px) {
  #js-toggle-filters {
    display: none;
  }
}
#js-toggle-filters .hide {
  display: none;
}
#js-toggle-filters .show {
  display: inline;
}
#js-toggle-filters.expanded .hide {
  display: inline;
}
#js-toggle-filters.expanded .show {
  display: none;
}

.engagement-resources__filters {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 600px) {
  .engagement-resources__filters {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    max-width: 250px;
  }
}
@media (max-width: 600px) {
  .engagement-resources__filters {
    max-height: 0;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
  }
}

.filter-group:not(:last-child) {
  margin-bottom: 20px;
}
.filter-group.collapsed .filter-group__filters {
  height: 0;
}
.filter-group.collapsed .filter-group__header img {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.filter-group__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 0;
}
.filter-group__header p {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.filter-group__header img {
  width: 15px;
  height: auto;
  -webkit-transition: rotate 0.2s ease;
  transition: rotate 0.2s ease;
}

.filter-group__filters {
  overflow: hidden;
  background: #fff;
}
.filter-group__filters .checkbox-wrapper {
  width: 100%;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
}
.filter-group__filters .checkbox-wrapper:not(:last-child) {
  margin-bottom: 10px;
}
.filter-group__filters .checkbox-wrapper input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filter-group__filters .checkbox-wrapper .checkbox-label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20px;
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
}
.filter-group__filters .checkbox-wrapper .checkbox-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  background: #fff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.filter-group__filters .checkbox-wrapper .checkbox-label:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  margin-top: -1px;
}
.filter-group__filters .checkbox-wrapper input[type=checkbox]:checked + .checkbox-label:before {
  background: #000;
}
.filter-group__filters .checkbox-wrapper input[type=checkbox]:checked + .checkbox-label:after {
  opacity: 1;
}

.engagement-resources__heading {
  margin-bottom: 10px;
}
.engagement-resources__heading.desktop-heading {
  display: none;
}
.engagement-resources__heading.mobile-heading {
  display: block;
}
@media (min-width: 600px) {
  .engagement-resources__heading.desktop-heading {
    display: block;
  }
  .engagement-resources__heading.mobile-heading {
    display: none;
  }
}
.engagement-resources__heading h1 {
  font-size: 55px;
  letter-spacing: 0px;
  line-height: 120%;
  font-weight: bold;
  margin-bottom: 12px;
}
.engagement-resources__heading p {
  font-weight: 300;
  font-size: 18px;
  letter-spacing: -0.1px;
  line-height: 140%;
}

.engagement-resources__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.engagement-resources__cards ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.engagement-resources__cards ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  list-style: none;
  border: 1px solid #000;
  border-radius: 4px;
}
@media (min-width: 600px) and (max-width: 1280px) {
  .engagement-resources__cards ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
  }
}
@media (min-width: 1280px) {
  .engagement-resources__cards ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333% - 13.3333333333px);
            flex: 0 0 calc(33.333% - 13.3333333333px);
  }
}

.resource {
  position: relative;
}
.resource a {
  text-decoration: none;
  color: inherit;
}

.resource__background {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.resource__background svg {
  width: 18px;
  opacity: 0.75;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.resource__tag {
  position: absolute;
  line-height: 0;
  top: 20px;
  left: 0;
  background: #d9d9d9;
  border: 1px solid #000;
  border-left: 0;
  padding: 0px 8px;
}
.resource__tag span {
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
}

.resource__inner {
  width: 100%;
  padding: 20px 20px 50px;
}

.resource__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.15px;
  margin: 0 0 10px 0;
}

.resource__description {
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.1px;
  margin: 0;
  padding: 0;
}

.resource__issue {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.resource__issue--inner {
  position: relative;
  padding: 0 15px 5px 0;
}
.resource__issue--inner:hover .resource__issue--tooltip {
  display: block;
}

.resource__issue--tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 6px);
  right: 5px;
}
.resource__issue--tooltip span {
  display: block;
  padding: 8px 12px;
  background-color: #272725;
  color: #fff;
  font-weight: 300;
  line-height: 140%;
  font-size: 12px;
  text-wrap: nowrap;
}
.resource__issue--tooltip span::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #272725 transparent transparent transparent;
  -webkit-transform: rotate(0deg) translateY(6px);
      -ms-transform: rotate(0deg) translateY(6px);
          transform: rotate(0deg) translateY(6px);
}

.load-more {
  width: 200px;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.load-more.loading {
  background-color: #272725;
  border-color: #272725;
  pointer-events: none;
}
.load-more.loading .load-more__text {
  display: none;
}
.load-more.loading .load-more__loading {
  display: block;
}
.load-more .load-more__loading {
  display: none;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.load-more .load-more__loading img {
  display: block;
  width: auto;
  height: 100%;
}

.BrochurePage .highlight-block {
  margin-bottom: 0;
}
.BrochurePage .nonvisual-indicator {
  display: none;
}
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock {
  max-width: 1040px;
  justify-self: center;
}
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock .black .button--primary, .BrochurePage .heyday__worksafe__elemental__elementhighlightblock .black .wsf input[type=submit], .wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock .black input[type=submit],
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock .black .wsf button[type=submit],
.wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock .black button[type=submit],
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock .purple .button--primary,
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock .purple .wsf input[type=submit],
.wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock .purple input[type=submit],
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock .purple .wsf button[type=submit],
.wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock .purple button[type=submit],
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock blue .button--primary,
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock blue .wsf input[type=submit],
.wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock blue input[type=submit],
.BrochurePage .heyday__worksafe__elemental__elementhighlightblock blue .wsf button[type=submit],
.wsf .BrochurePage .heyday__worksafe__elemental__elementhighlightblock blue button[type=submit] {
  color: black !important;
  text-decoration: none;
}
.BrochurePage .element-content {
  padding: 32px 0 !important;
}
@media (min-width: 600px) {
  .BrochurePage .element-content {
    padding: 50px 0 !important;
  }
}
.BrochurePage .element-content h2 {
  font-size: 28px;
}
.BrochurePage .element-content h2,
.BrochurePage .element-content h3 {
  margin-bottom: 32px;
}
.BrochurePage .element-content h4 {
  margin-bottom: 16px;
  padding-top: 16px;
}
.BrochurePage .element-content p:has(+ ul) {
  padding-bottom: 5px !important;
}
.BrochurePage .element-content p:has(+ ol) {
  padding-bottom: 5px !important;
}
.BrochurePage .element-content ul,
.BrochurePage .element-content ol {
  padding-bottom: 16px;
}
.BrochurePage .element-content ul ul,
.BrochurePage .element-content ul ol,
.BrochurePage .element-content ol ul,
.BrochurePage .element-content ol ol {
  padding-bottom: 0 !important;
}
.BrochurePage .element-content p {
  padding-bottom: 16px;
}
.BrochurePage .element-content a {
  text-decoration: underline;
}
.BrochurePage .element-alert ul,
.BrochurePage .element-alert ol,
.BrochurePage .element-content ul,
.BrochurePage .element-content ol {
  margin-left: 20px;
}
.BrochurePage .element-accordion {
  padding: 32px 0;
}
.BrochurePage .element-accordion.pt-0 {
  padding-top: 0 !important;
}
.BrochurePage .element-accordion.pb-0 {
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  .BrochurePage .element-accordion {
    padding: 50px 0;
  }
}
.BrochurePage .element-two-col {
  padding: 32px 0 !important;
}
@media (min-width: 600px) {
  .BrochurePage .element-two-col {
    padding: 50px 0 !important;
  }
}
.BrochurePage .element-two-col h2 {
  margin-bottom: 32px;
}
.BrochurePage .element-document-set {
  padding: 32px 0 12px !important;
}
@media (min-width: 600px) {
  .BrochurePage .element-document-set {
    padding: 50px 0 30px !important;
  }
}
.BrochurePage .element-document-set h2 {
  margin-bottom: 32px;
}

/*
  ===============================================================================
  ICONS
  ===============================================================================
*/
/*
  ==========================
  svg default styling / behaviour
  ==========================
*/
/* NOTE: This SVG implementation is not ideal. Overlapping font icons and SVG icons pending decision on fonts to use and whether they are editable, etc. To prevent hold up of project, dual CSS has been created for either scenario :-(  */
.svg-holder {
  display: block;
  margin: 0;
  padding: 0;
}
.svg-holder svg {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.svg-holder svg .line {
  stroke: #272725;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
 * Components: Worksafe Forms
 * --
 * Due complex dependencies on the existing form styles, the new styles must be
 * scoped with the .wsf class to remove any chance of breaking existing forms -
 * especially those implemented as Angular components.
 */
.wsf label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .wsf label {
    font-size: 16px;
    line-height: 24px;
  }
}
.wsf input[type=text],
.wsf input[type=email],
.wsf input[type=password],
.wsf input[type=search],
.wsf input[type=url],
.wsf input[type=tel],
.wsf input[type=number],
.wsf input[type=date],
.wsf input[type=datetime-local],
.wsf input[type=time],
.wsf input[type=week],
.wsf input[type=month],
.wsf textarea,
.wsf select {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #272725;
  text-align: left;
  border: 2px solid #272725;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  border-radius: 0;
  background-color: #fff;
}
@media screen and (max-width: 580px) {
  .wsf input[type=text],
  .wsf input[type=email],
  .wsf input[type=password],
  .wsf input[type=search],
  .wsf input[type=url],
  .wsf input[type=tel],
  .wsf input[type=number],
  .wsf input[type=date],
  .wsf input[type=datetime-local],
  .wsf input[type=time],
  .wsf input[type=week],
  .wsf input[type=month],
  .wsf textarea,
  .wsf select {
    font-size: 16px;
    line-height: 24px;
  }
}
.wsf input[type=text]::-webkit-input-placeholder,
.wsf input[type=email]::-webkit-input-placeholder,
.wsf input[type=password]::-webkit-input-placeholder,
.wsf input[type=search]::-webkit-input-placeholder,
.wsf input[type=url]::-webkit-input-placeholder,
.wsf input[type=tel]::-webkit-input-placeholder,
.wsf input[type=number]::-webkit-input-placeholder,
.wsf input[type=date]::-webkit-input-placeholder,
.wsf input[type=datetime-local]::-webkit-input-placeholder,
.wsf input[type=time]::-webkit-input-placeholder,
.wsf input[type=week]::-webkit-input-placeholder,
.wsf input[type=month]::-webkit-input-placeholder,
.wsf textarea::-webkit-input-placeholder,
.wsf select::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::-moz-placeholder,
.wsf input[type=email]::-moz-placeholder,
.wsf input[type=password]::-moz-placeholder,
.wsf input[type=search]::-moz-placeholder,
.wsf input[type=url]::-moz-placeholder,
.wsf input[type=tel]::-moz-placeholder,
.wsf input[type=number]::-moz-placeholder,
.wsf input[type=date]::-moz-placeholder,
.wsf input[type=datetime-local]::-moz-placeholder,
.wsf input[type=time]::-moz-placeholder,
.wsf input[type=week]::-moz-placeholder,
.wsf input[type=month]::-moz-placeholder,
.wsf textarea::-moz-placeholder,
.wsf select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]:-ms-input-placeholder,
.wsf input[type=email]:-ms-input-placeholder,
.wsf input[type=password]:-ms-input-placeholder,
.wsf input[type=search]:-ms-input-placeholder,
.wsf input[type=url]:-ms-input-placeholder,
.wsf input[type=tel]:-ms-input-placeholder,
.wsf input[type=number]:-ms-input-placeholder,
.wsf input[type=date]:-ms-input-placeholder,
.wsf input[type=datetime-local]:-ms-input-placeholder,
.wsf input[type=time]:-ms-input-placeholder,
.wsf input[type=week]:-ms-input-placeholder,
.wsf input[type=month]:-ms-input-placeholder,
.wsf textarea:-ms-input-placeholder,
.wsf select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::-ms-input-placeholder,
.wsf input[type=email]::-ms-input-placeholder,
.wsf input[type=password]::-ms-input-placeholder,
.wsf input[type=search]::-ms-input-placeholder,
.wsf input[type=url]::-ms-input-placeholder,
.wsf input[type=tel]::-ms-input-placeholder,
.wsf input[type=number]::-ms-input-placeholder,
.wsf input[type=date]::-ms-input-placeholder,
.wsf input[type=datetime-local]::-ms-input-placeholder,
.wsf input[type=time]::-ms-input-placeholder,
.wsf input[type=week]::-ms-input-placeholder,
.wsf input[type=month]::-ms-input-placeholder,
.wsf textarea::-ms-input-placeholder,
.wsf select::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::-webkit-input-placeholder, .wsf input[type=email]::-webkit-input-placeholder, .wsf input[type=password]::-webkit-input-placeholder, .wsf input[type=search]::-webkit-input-placeholder, .wsf input[type=url]::-webkit-input-placeholder, .wsf input[type=tel]::-webkit-input-placeholder, .wsf input[type=number]::-webkit-input-placeholder, .wsf input[type=date]::-webkit-input-placeholder, .wsf input[type=datetime-local]::-webkit-input-placeholder, .wsf input[type=time]::-webkit-input-placeholder, .wsf input[type=week]::-webkit-input-placeholder, .wsf input[type=month]::-webkit-input-placeholder, .wsf textarea::-webkit-input-placeholder, .wsf select::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::-moz-placeholder, .wsf input[type=email]::-moz-placeholder, .wsf input[type=password]::-moz-placeholder, .wsf input[type=search]::-moz-placeholder, .wsf input[type=url]::-moz-placeholder, .wsf input[type=tel]::-moz-placeholder, .wsf input[type=number]::-moz-placeholder, .wsf input[type=date]::-moz-placeholder, .wsf input[type=datetime-local]::-moz-placeholder, .wsf input[type=time]::-moz-placeholder, .wsf input[type=week]::-moz-placeholder, .wsf input[type=month]::-moz-placeholder, .wsf textarea::-moz-placeholder, .wsf select::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]:-ms-input-placeholder, .wsf input[type=email]:-ms-input-placeholder, .wsf input[type=password]:-ms-input-placeholder, .wsf input[type=search]:-ms-input-placeholder, .wsf input[type=url]:-ms-input-placeholder, .wsf input[type=tel]:-ms-input-placeholder, .wsf input[type=number]:-ms-input-placeholder, .wsf input[type=date]:-ms-input-placeholder, .wsf input[type=datetime-local]:-ms-input-placeholder, .wsf input[type=time]:-ms-input-placeholder, .wsf input[type=week]:-ms-input-placeholder, .wsf input[type=month]:-ms-input-placeholder, .wsf textarea:-ms-input-placeholder, .wsf select:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::-ms-input-placeholder, .wsf input[type=email]::-ms-input-placeholder, .wsf input[type=password]::-ms-input-placeholder, .wsf input[type=search]::-ms-input-placeholder, .wsf input[type=url]::-ms-input-placeholder, .wsf input[type=tel]::-ms-input-placeholder, .wsf input[type=number]::-ms-input-placeholder, .wsf input[type=date]::-ms-input-placeholder, .wsf input[type=datetime-local]::-ms-input-placeholder, .wsf input[type=time]::-ms-input-placeholder, .wsf input[type=week]::-ms-input-placeholder, .wsf input[type=month]::-ms-input-placeholder, .wsf textarea::-ms-input-placeholder, .wsf select::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]::placeholder,
.wsf input[type=email]::placeholder,
.wsf input[type=password]::placeholder,
.wsf input[type=search]::placeholder,
.wsf input[type=url]::placeholder,
.wsf input[type=tel]::placeholder,
.wsf input[type=number]::placeholder,
.wsf input[type=date]::placeholder,
.wsf input[type=datetime-local]::placeholder,
.wsf input[type=time]::placeholder,
.wsf input[type=week]::placeholder,
.wsf input[type=month]::placeholder,
.wsf textarea::placeholder,
.wsf select::placeholder {
  /* Most modern browsers support this now. */
  color: #949494;
  opacity: 1;
}
.wsf input[type=text]:not(.search-form__field):focus,
.wsf input[type=email]:not(.search-form__field):focus,
.wsf input[type=password]:not(.search-form__field):focus,
.wsf input[type=search]:not(.search-form__field):focus,
.wsf input[type=url]:not(.search-form__field):focus,
.wsf input[type=tel]:not(.search-form__field):focus,
.wsf input[type=number]:not(.search-form__field):focus,
.wsf input[type=date]:not(.search-form__field):focus,
.wsf input[type=datetime-local]:not(.search-form__field):focus,
.wsf input[type=time]:not(.search-form__field):focus,
.wsf input[type=week]:not(.search-form__field):focus,
.wsf input[type=month]:not(.search-form__field):focus,
.wsf textarea:not(.search-form__field):focus,
.wsf select:not(.search-form__field):focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #d6e26e;
          box-shadow: 0 0 0 2px #d6e26e;
}
.wsf input[type=text]:disabled,
.wsf input[type=email]:disabled,
.wsf input[type=password]:disabled,
.wsf input[type=search]:disabled,
.wsf input[type=url]:disabled,
.wsf input[type=tel]:disabled,
.wsf input[type=number]:disabled,
.wsf input[type=date]:disabled,
.wsf input[type=datetime-local]:disabled,
.wsf input[type=time]:disabled,
.wsf input[type=week]:disabled,
.wsf input[type=month]:disabled,
.wsf textarea:disabled,
.wsf select:disabled {
  color: #a9a9a9;
  border-color: #a9a9a9;
}
.wsf input[type=checkbox] + label::before {
  width: 25px;
  height: 25px;
}
@media screen and (min-width: 581px) {
  .wsf input[type=checkbox] + label::before {
    width: 24px;
    height: 24px;
  }
}
.wsf input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M15 4.67l-7.397 9L4 9.206' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.wsf input[type=radio] + label::before {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
@media screen and (min-width: 581px) {
  .wsf input[type=radio] + label::before {
    width: 24px;
    height: 24px;
  }
}
.wsf input[type=radio]:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' r='10' cx='12' cy='12' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .wsf select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url(/_resources/themes/worksafe/images/icon-chevron.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 50px;
  }
}
.wsf select::-ms-expand {
  border: none;
  background-color: transparent;
  appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
}
.wsf textarea {
  height: auto;
  resize: vertical;
  padding-top: 10px;
  padding-bottom: 10px;
}
.wsf input[type=file] {
  display: block;
  width: 100%;
}
.wsf fieldset {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.wsf fieldset > legend {
  padding: 0;
  margin-bottom: 20px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .wsf fieldset > legend {
    font-size: 16px;
    line-height: 24px;
  }
}
.wsf .field + .field,
.wsf .fieldgroup-field,
.wsf .g-recaptcha {
  margin-top: 32px;
}
.wsf .field.nocaptcha label {
  display: none !important;
}
.wsf .form-text,
.wsf label.right,
.wsf .description,
.wsf .description p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
.wsf .form-gap {
  margin-bottom: 32px;
}
.wsf .optionset .middleColumn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.wsf .optionset .middleColumn label {
  font-weight: 300;
  cursor: pointer;
}
.wsf .Actions {
  background: transparent;
  border-top: none;
  padding: 0;
  margin-top: 20px;
}
.wsf .Actions input[type=submit] {
  text-transform: none;
}
.wsf .Actions input[type=submit]:hover {
  text-decoration: none;
}
.wsf .error,
.wsf .error-message,
.wsf .required {
  color: #dc3e38;
}
.wsf .good,
.wsf .success {
  color: #2bb33b;
}
.wsf .message,
.wsf .error,
.wsf .good {
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 20px;
}
.wsf .message--large {
  font-size: 16px;
  line-height: 24px;
}

.req-indicator {
  opacity: 0.5;
  font-size: 14px;
  font-weight: 400;
}

.googlemapfield-updateaddress {
  display: none;
}

/*
  ===============================================================================
  COMMON PAGE ELEMENTS
  ===============================================================================
*/
/*
  ==========================
  general
  ==========================
*/
html,
body {
  height: 100%;
}

body {
  min-width: 320px;
}

/* sticky footer */
/* ------------- */
#page-wrapper {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#page-wrapper-inner {
  display: table-row;
  height: 1px;
  width: 100%;
}

#page-wrapper-inner {
  height: auto;
}

.wrapper {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 100%;
}

body:not(.BrochurePage) .wrapper {
  max-width: 1042px;
}
@media screen and (max-width: 580px) {
  body:not(.BrochurePage) .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.wrapper--full-width {
  max-width: none;
}

/* accessibility links on focus */
/* ---------------------------- */
#accessibility-links {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -99999em;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  font-size: 14px;
}
#accessibility-links a {
  text-decoration: none;
}
#accessibility-links a:hover, #accessibility-links a:focus {
  text-decoration: underline;
  outline: none;
}
#accessibility-links.active {
  position: fixed;
  left: 0;
  z-index: 1000;
  width: auto;
  height: auto;
  margin: 0;
  padding: 30px;
  background-color: #ffffff;
  opacity: 1;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  clip: auto;
}

/*
  ==========================
  common column layouts
  ==========================
*/
.columns {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
  /* 2 columns */
  /* --------- */
  /* 3 columns */
  /* --------- */
  /* 4 columns */
  /* --------- */
  /* column + column spacing */
  /* ----------------------- */
  /* standard spacing */
  /* ---------------- */
}
.columns > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
}
.columns > .inner > .column {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.columns.two > .inner > .column {
  width: 50%;
}
.columns.three > .inner > .column {
  width: 33.3334%;
}
.columns.three > .inner > .column.double {
  width: 66.6667%;
}
.columns.four > .inner > .column {
  width: 25%;
}
.columns.four > .inner > .column.double {
  width: 50%;
}
.columns.four > .inner > .column.triple {
  width: 75%;
}
.columns + .columns {
  margin-top: 20px;
}
* + .columns {
  margin-top: 20px;
}

/*
  ==========================
  basic table layout
  ==========================
*/
.table {
  display: table;
  width: 100%;
  /* basic single row table layout */
  /* ----------------------------- */
  /* multi-row table layout */
  /* ---------------------- */
  /* fixed layout option */
  /* ------------------- */
  /* variable width */
  /* -------------- */
}
.table > * {
  display: table-cell;
  word-break: break-word;
}
.table > .row {
  display: table-row;
}
.table > .row.empty {
  font-size: 48%;
}
.table > .row > * {
  display: table-cell;
  word-break: break-word;
}
.table.fixed-layout {
  table-layout: fixed;
}
.table.variable-width {
  width: auto;
}

/*
  ==========================
  common close button
  ==========================
*/
.close-button {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /* hamburger styling */
  /* ----------------- */
  /* hover state */
  /* ----------- */
}
.close-button > .lines, .close-button > .lines:before, .close-button > .lines:after {
  display: inline-block;
  width: 33px;
  height: 2px;
  margin: 0;
  padding: 0;
  background-color: #272725;
  border-radius: 1px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  -ms-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.close-button > .lines {
  position: relative;
  vertical-align: middle;
  background-color: transparent;
}
.close-button > .lines:before, .close-button > .lines:after {
  position: absolute;
  left: 0;
  content: "";
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.close-button > .lines:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.close-button > .lines:after {
  bottom: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.close-button:hover > .lines:before, .close-button:hover > .lines:after, .close-button:focus > .lines:before, .close-button:focus > .lines:after {
  background-color: #dc3e38;
}
.close-button:focus {
  outline: dotted 1px;
}

.twitter-feed .twitter-feed__icon {
  width: 30px;
  height: 30px;
}
.twitter-feed > .wrapper > .inner {
  display: table;
  width: 100%;
  max-width: 880px;
  height: 176px;
  margin: 0 auto;
}
.twitter-feed > .wrapper > .inner > * {
  display: table-cell;
  padding: 20px 0 20px 50px;
  vertical-align: middle;
}
.twitter-feed > .wrapper > .inner > * > span {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #272725;
}
.twitter-feed > .wrapper > .inner > * > span a.twitter-link {
  position: absolute;
  top: 0;
  left: -50px;
  display: block;
  overflow: hidden;
  color: #272725;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.twitter-feed > .wrapper > .inner > * > span a.twitter-link:hover, .twitter-feed > .wrapper > .inner > * > span a.twitter-link:focus {
  color: #a9a9a9;
}
.twitter-feed > .wrapper > .inner > * > span .fade, .twitter-feed > .wrapper > .inner > * > span .fade[style] {
  overflow: hidden !important;
}
* + .twitter-feed {
  margin-top: 20px;
}
.promo-slider + .twitter-feed {
  margin-top: 0;
}

/*
  ==========================
  full viewport width element
  ==========================
*/
.full-viewport-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/*
  ==========================
  # target offset on page load
  ==========================
*/
#main-page-content :target:before {
  content: "";
  display: block;
  height: 86px; /* fixed header height + spacing */
  margin-top: -86px; /* negative fixed header height + spacing */
}

#main-page-content .alphabet-content-item:before {
  display: none;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
@media screen and (max-width: 1000px) {
  #page-wrapper {
    overflow: auto;
  }
  /*
    ==========================
    common column layouts
    ==========================
  */
  .columns {
    /* tablet 2 columns */
    /* ---------------- */
  }
  .columns.tablet-two > .inner > .column {
    width: 50%;
  }
  /*
    ==========================
    page update and feedback
    ==========================
  */
  .page-update-feedback {
    margin-left: 0;
    margin-right: 0;
  }
  .page-update-feedback > .outer {
    padding-left: 0;
  }
  .page-update-feedback > .outer > .inner > * {
    padding-left: 0;
    padding-right: 0;
  }
  /*
    ==========================
    full viewport width element
    ==========================
  */
  .full-viewport-width {
    width: auto;
    left: 0;
    right: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  .columns {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    /* 2 / 3 / 4 columns */
    /* ----------------- */
  }
  .columns > .inner {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .columns > .inner > .column {
    display: block;
    vertical-align: text-bottom;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .columns > .inner > .column + .column {
    margin-top: 20px;
  }
  .columns.two > .inner > .column, .columns.three > .inner > .column, .columns.four > .inner > .column {
    width: auto;
  }
  .columns.two > .inner > .column.double, .columns.three > .inner > .column.double, .columns.four > .inner > .column.double {
    width: auto;
  }
  .columns.two > .inner > .column.triple, .columns.three > .inner > .column.triple, .columns.four > .inner > .column.triple {
    width: auto;
  }
  /*
    ==========================
    basic table layout
    ==========================
  */
  .table {
    /* stack on mobile option */
    /* ---------------------- */
  }
  .table.mobile-stack {
    display: block;
  }
  .table.mobile-stack > * {
    display: block;
  }
  .table.mobile-stack > .row > * {
    display: block;
  }
  /*
    ==========================
    page update and feedback
    ==========================
  */
  .page-update-feedback > .outer > .inner {
    display: block;
    width: auto;
  }
  .page-update-feedback > .outer > .inner > * {
    display: block;
    text-align: left;
  }
  .page-update-feedback > .outer > .inner > * + * {
    margin-top: 20px;
  }
  * + .page-update-feedback {
    margin-top: 60px;
  }
  /*
    ==========================
    twitter feed
    ==========================
  */
  .twitter-feed > .wrapper > .inner > * {
    padding-left: 40px;
    font-size: 14px;
  }
  .twitter-feed > .wrapper > .inner > * > span a.twitter-link {
    left: -40px;
  }
  /*
    ==========================
    full viewport width element
    ==========================
  */
  .full-viewport-width {
    margin-left: -20px;
    margin-right: -20px;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
  ==========================
  all IE (IE9 and below)
  ==========================
*/
.ie {
  /*
    ==========================
    common column layouts
    ==========================
  */
}
.ie .columns {
  overflow: hidden;
  /* 2 columns */
  /* --------- */
  /* 3 columns */
  /* --------- */
  /* 4 columns */
  /* --------- */
}
.ie .columns > .inner {
  width: 100%;
  margin: 0;
  padding: 0;
}
.ie .columns > .inner > .column {
  display: block;
  float: left;
}
.ie .columns.two > .inner > .column {
  width: 50%;
}
.ie .columns.two > .inner > .column:nth-child(2n+1) {
  clear: left;
}
.ie .columns.three > .inner > .column {
  width: 33.33%;
}
.ie .columns.three > .inner > .column:nth-child(3n+1) {
  clear: left;
}
.ie .columns.three > .inner > .column.double {
  width: 66.66%;
}
.ie .columns.four > .inner > .column {
  width: 25%;
}
.ie .columns.four > .inner > .column:nth-child(4n+1) {
  clear: left;
}
.ie .columns.four > .inner > .column.double {
  width: 50%;
}
.ie .columns.four > .inner > .column.triple {
  width: 75%;
}

/*
  ==========================
  IE8 and below
  ==========================
*/
.lt-ie-9 {
  /*
    ==========================
    full viewport width element
    ==========================
  */
}
.lt-ie-9 .full-viewport-width {
  width: auto;
  position: static;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/** --------------------------------------------
 * Helpers
 * -------------------------------------------- */
.hide {
  display: none;
}

#main-page-area {
  position: relative;
}
#main-page-area > .wrapper .page-layout-wrapper {
  margin: 52px -10px 0 -10px;
}
#main-page-area > .wrapper .page-layout-wrapper > .inner {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border: none;
}
#main-page-area > .wrapper .page-layout-wrapper > .inner > * {
  display: table-cell;
  vertical-align: top;
  margin: 0;
  padding: 0 10px;
  border: none;
  /* left hand column */
  /* ---------------- */
}
#main-page-area > .wrapper .page-layout-wrapper > .inner > *.lhs-column {
  width: 33.333%;
}

@media screen and (max-width: 1000px) {
  #main-page-area {
    padding-top: 66px;
  }
  #main-page-area > .wrapper .page-layout-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  #main-page-area > .wrapper .page-layout-wrapper > .inner {
    display: block;
    width: auto;
  }
  #main-page-area > .wrapper .page-layout-wrapper > .inner > * {
    display: block;
    padding: 0;
    /* left hand column */
    /* ---------------- */
  }
  #main-page-area > .wrapper .page-layout-wrapper > .inner > *.lhs-column {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  #main-page-area {
    padding-top: 92px;
  }
  #main-page-area > .wrapper .page-layout-wrapper {
    margin-top: 32px;
  }
}
/*
 * Components: Modal
 * --
 */
.modal {
  display: none;
  position: fixed;
  z-index: 20;
  top: 66px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: #fff;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
.scrolling .modal, .forced-scrolling .modal {
  top: 66px;
}
@media screen and (min-width: 581px) {
  .modal {
    top: 145px;
  }
}

.modal-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.modal-inner .scroll-content-inner {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 580px) {
  .home-page .modal-inner .scroll-content-inner {
    padding-top: 65px;
  }
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal__header :last-child {
  margin-left: auto;
}

/*
 * Components: Banner
 * --
 * Shown at the top of most pages. Has a 'hero' variant for the Home Page
 */
.banner {
  background-color: #f9faf8;
  padding: 40px 0 60px;
}
.banner .wrapper {
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1042px;
}

.banner--hero {
  padding: 0;
  background-size: cover;
  background-position: center center;
}

.banner--light {
  color: #fff;
}

.banner__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 581px) {
  .banner__inner {
    padding: 32px 0;
  }
}
.banner--hero .banner__inner {
  height: 280px;
}
@media screen and (min-width: 581px) {
  .banner--hero .banner__inner {
    height: 380px;
  }
}

.banner__links {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.banner__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.banner__image {
  display: block;
}

.banner__section-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  padding-left: 0.2em;
}
@media screen and (max-width: 580px) {
  .banner__section-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.banner__title {
  max-width: 100%;
}
.banner--hero .banner__title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .banner--hero .banner__title {
    font-size: 28px;
  }
}

/*
  ===============================================================================
  BOXES
  ===============================================================================
*/
/*
  ==========================
  general
  ==========================
*/
.box {
  display: block;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #eeeeee;
  overflow: hidden;
  /*
    ==========================
    squared version
    ==========================
  */
  /*
    ==========================
    box acting as link
    ==========================
  */
  /*
    ==========================
    white variation
    ==========================
  */
  /*
    ==========================
    dark variation with white text
    ==========================
  */
  /*
    ==========================
    full background image variation
    ==========================
  */
}
.box:before {
  content: "";
  display: block;
  width: 0;
  height: auto;
  margin: 0;
  padding: 0 0 75% 0;
  float: left;
}
.box > .inner {
  padding: 10px 10px 14px 10px;
  /* title styling */
  /* ------------- */
  /* sub-title styling */
  /* ----------------- */
  /* icon styles */
  /* ----------- */
  /* link style overrides */
  /* -------------------- */
  /* paragraph spacing */
  /* ----------------- */
}
.box > .inner .as-title {
  position: relative;
  text-transform: uppercase;
}
.box > .inner .as-title:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 68px;
  height: 1px;
  background-color: #943a7a;
}
.box > .inner h3, .box > .inner .h3 {
  margin-top: 0 !important;
  font-size: 22px;
  line-height: 1.27;
  font-weight: 500;
}
.box > .inner * + .as-title {
  margin-top: 8px !important;
}
.box > .inner .sub-title {
  font-size: 15px;
  line-height: 1.26;
  font-weight: 400;
  text-transform: uppercase;
}
.box > .inner .icon-holder {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 1;
  color: #943a7a;
  /* svg alternative */
  /* --------------- */
}
.box > .inner .icon-holder.svg-holder {
  height: 40px;
}
.box > .inner .icon-holder.svg-holder svg {
  height: 40px;
  width: auto;
}
.box > .inner .icon-holder.svg-holder svg .line {
  stroke: #943a7a;
}
.box > .inner * + .icon-holder {
  margin-top: 10px;
}
.box > .inner a {
  color: #272725;
  text-decoration: none;
}
.box > .inner * + p {
  margin-top: 10px;
}
.box.square:before {
  padding-bottom: 100%;
}
.box.link {
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.box.link > .inner {
  /* title styling */
  /* ------------- */
  /* icon styles */
  /* ----------- */
}
.box.link > .inner .as-title:after {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.box.link > .inner .icon-holder {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.box.link:hover, .box.link:focus, .box.link.hover {
  background-color: #9ad4d4;
}
.box.link:hover > .inner, .box.link:focus > .inner, .box.link.hover > .inner {
  /* title styling */
  /* ------------- */
  /* icon styles */
  /* ----------- */
}
.box.link:hover > .inner .as-title:after, .box.link:focus > .inner .as-title:after, .box.link.hover > .inner .as-title:after {
  background-color: #272725;
}
.box.link:hover > .inner .icon-holder, .box.link:focus > .inner .icon-holder, .box.link.hover > .inner .icon-holder {
  color: #272725;
  /* svg alternative */
  /* --------------- */
}
.box.link:hover > .inner .icon-holder.svg-holder svg .line, .box.link:focus > .inner .icon-holder.svg-holder svg .line, .box.link.hover > .inner .icon-holder.svg-holder svg .line {
  stroke: #272725;
}
.box.white {
  background-color: #ffffff;
}
.box.white > .inner {
  /* title styling */
  /* ------------- */
}
.box.white > .inner .as-title:after {
  background-color: #f67a44;
}
.box.dark {
  background-color: #777777;
  color: #ffffff;
  /* box acting as link */
  /* ------------------ */
}
.box.dark > .inner {
  /* title styling */
  /* ------------- */
  /* icon styles */
  /* ----------- */
  /* link style overrides */
  /* -------------------- */
}
.box.dark > .inner .as-title:after {
  background-color: #9ad4d4;
}
.box.dark > .inner .icon-holder {
  color: #9ad4d4;
  /* svg alternative */
  /* --------------- */
}
.box.dark > .inner .icon-holder.svg-holder svg .line {
  stroke: #9ad4d4;
}
.box.dark > .inner a {
  color: #ffffff;
}
.box.dark.link:hover, .box.dark.link:focus, .box.dark.link.hover {
  background-color: #943a7a;
}
.box.dark.link:hover > .inner, .box.dark.link:focus > .inner, .box.dark.link.hover > .inner {
  /* title styling */
  /* ------------- */
  /* icon styles */
  /* ----------- */
}
.box.dark.link:hover > .inner .as-title:after, .box.dark.link:focus > .inner .as-title:after, .box.dark.link.hover > .inner .as-title:after {
  background-color: #ffffff;
}
.box.dark.link:hover > .inner .icon-holder, .box.dark.link:focus > .inner .icon-holder, .box.dark.link.hover > .inner .icon-holder {
  color: #ffffff;
  /* svg alternative */
  /* --------------- */
}
.box.dark.link:hover > .inner .icon-holder.svg-holder svg .line, .box.dark.link:focus > .inner .icon-holder.svg-holder svg .line, .box.dark.link.hover > .inner .icon-holder.svg-holder svg .line {
  stroke: #ffffff;
}
.box.full-image {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: cover;
  /* as link */
  /* ------- */
}
.box.full-image:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #222222;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.box.full-image > .inner {
  position: relative;
  z-index: 2;
  color: #ffffff;
  /* title styling */
  /* ------------- */
  /* icon styles */
  /* ----------- */
  /* link style overrides */
  /* -------------------- */
}
.box.full-image > .inner .as-title:after {
  background-color: #f67a44;
}
.box.full-image > .inner .icon-holder {
  color: #ffffff;
  /* svg alternative */
  /* --------------- */
}
.box.full-image > .inner .icon-holder.svg-holder svg .line {
  stroke: #ffffff;
}
.box.full-image > .inner a {
  color: #ffffff;
}
.box.full-image.link:hover, .box.full-image.link:focus, .box.full-image.link.hover {
  /* title styling */
  /* ------------- */
}
.box.full-image.link:hover:after, .box.full-image.link:focus:after, .box.full-image.link.hover:after {
  opacity: 0.44;
}
.box.full-image.link:hover .as-title:after, .box.full-image.link:focus .as-title:after, .box.full-image.link.hover .as-title:after {
  background-color: #f67a44;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
@media screen and (max-width: 1000px) {
  /*
    ==========================
    general
    ==========================
  */
  .box:before {
    padding-bottom: 50%;
  }
}
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    general
    ==========================
  */
  .box:before {
    content: none;
    display: none;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/**
 * Callout component
 * ---
 * Used to give feedback to the user, mostly in forms.
 */
.callout {
  padding: 16px 20px;
  max-width: 65ch;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #0369A1;
  background-color: #F0F9FF;
  border-color: #E0F2FE;
}
.callout p, .callout li {
  font-size: 14px !important;
  line-height: 26px !important;
}
.callout ul {
  margin-top: 0.5em !important;
}
.callout li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.callout :last-child {
  margin-bottom: 0;
}

.callout--success {
  color: #37866C;
  background-color: #F0FDF4;
  border-color: #DCFCE7;
}

.callout--warning {
  color: #B45309;
  background-color: #FFFBEB;
  border-color: #FEF3C7;
}

.callout--danger {
  color: #B91C1C;
  background-color: #FEF2F2;
  border-color: #FEE2E2;
}

/*
 * Components: List Item
 * --
 * Used for the A-Z topic list. Contains a left-aligned title and optional sub-title which is aligned to the right.
 */
.list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  color: #272725;
}
.list-item + .list-item {
  border-top: 1px solid #e1e5da;
}

.list-item__title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
  display: block;
  width: 100%;
}
@media screen and (max-width: 580px) {
  .list-item__title {
    font-size: 28px;
  }
}

.list-item__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.list-item__link:hover {
  color: #afbd4d;
}

.list-item__subtitle {
  padding-left: 20px;
}

/*
  ===============================================================================
  PROMO SLIDERS
  ===============================================================================
*/
/*
  ==========================
  general
  ==========================
*/
.promo-slider {
  margin-top: 40px;
  /* slides */
  /* ------ */
  /* bullets */
  /* ------- */
  /* nav arrows */
  /* ---------- */
  /*
    ==========================
    deep extra height variant
    ==========================
  */
  /*
    ==========================
    margin spacing
    ==========================
  */
}
.promo-slider > .inner {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.promo-slider .royalSlider {
  height: 400px;
}
.promo-slider .rsSlide > .slide {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  /* colour options instead of image */
  /* ------------------------------- */
}
.promo-slider .rsSlide > .slide > .outer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.68)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.68) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#99000000", GradientType=1);
}
.promo-slider .rsSlide > .slide > .outer > .wrapper {
  height: 100%;
}
.promo-slider .rsSlide > .slide > .outer > .wrapper > .inner {
  display: table;
  width: 380px;
  height: 100%;
  margin: 0 0 0 auto;
}
.promo-slider .rsSlide > .slide > .outer > .wrapper > .inner > .content-holder {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: left;
}
.promo-slider .rsSlide > .slide .icon-holder {
  font-size: 100px;
  line-height: 0.8;
  margin-bottom: 10px;
}
.promo-slider .rsSlide > .slide .icon-holder.svg-holder {
  height: 100px;
}
.promo-slider .rsSlide > .slide .icon-holder.svg-holder svg {
  height: 100px;
}
.promo-slider .rsSlide > .slide .icon-holder.svg-holder svg .line {
  stroke: #ffffff;
}
.promo-slider .rsSlide > .slide.colour.teal {
  color: #272725;
}
.promo-slider .rsSlide > .slide.colour.teal .svg-holder svg .line {
  stroke: #272725;
}
.promo-slider .rsSlide > .slide.colour > .outer {
  background: none;
  -webkit-filter: none;
          filter: none;
}
.promo-slider .rsSlide > .slide.colour > .outer > .wrapper > .inner {
  width: 100%;
  margin: 0;
}
.promo-slider .rsSlide > .slide.orange > .outer {
  background-color: #f67a44;
}
.promo-slider .rsSlide > .slide.red > .outer {
  background-color: #dc3e38;
}
.promo-slider .rsSlide > .slide.purple > .outer {
  background-color: #943a7a;
}
.promo-slider .rsSlide > .slide.blue > .outer {
  background-color: #303e5c;
}
.promo-slider .rsSlide > .slide.teal > .outer {
  background-color: #9ad4d4;
}
.promo-slider .rsSlide > .slide.grey > .outer {
  background-color: #777777;
}
.promo-slider .rsBullets {
  position: absolute;
  z-index: 10;
  bottom: 44px;
  width: 100%;
  height: 0;
  text-align: center;
}
.promo-slider .rsBullets .rsBullet {
  display: inline-block;
  margin: 0 5px;
  /* active bullet */
}
.promo-slider .rsBullets .rsBullet span {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.promo-slider .rsBullets .rsBullet.rsNavSelected span {
  background-color: #3a3a3a;
}
.promo-slider .rsArrow {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -20px;
  cursor: pointer;
  z-index: 21;
}
.promo-slider .rsArrow .rsArrowIcn {
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.promo-slider .rsArrow .rsArrowIcn:before {
  display: block;
  width: 40px;
  height: 40px;
}
.promo-slider .rsArrow.rsArrowLeft {
  left: 20px;
}
.promo-slider .rsArrow.rsArrowLeft .rsArrowIcn:before {
  content: url(/_resources/themes/worksafe/images/icon-slider-left-white.svg);
}
.promo-slider .rsArrow.rsArrowRight {
  right: 20px;
}
.promo-slider .rsArrow.rsArrowRight .rsArrowIcn:before {
  content: url(/_resources/themes/worksafe/images/icon-slider-right-white.svg);
}
.promo-slider .rsArrowDisabled .rsArrowIcn {
  opacity: 0.2;
}
.promo-slider.deep .royalSlider {
  height: 630px;
}
.promo-slider + * {
  margin-top: 40px;
}

/*
  ==========================
  royal slider required base styles
  ==========================
*/
/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  position: relative;
  direction: ltr;
}
.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  position: relative;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor: move;
}

.grabbing-cursor {
  cursor: move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
@media screen and (max-width: 1000px) {
  /*
    ==========================
    general
    ==========================
  */
  .promo-slider {
    /* slides */
    /* ------ */
    /* bullets */
    /* ------- */
    /* nav arrows */
    /* ---------- */
    /*
      ==========================
      deep extra height variant
      ==========================
    */
  }
  .promo-slider .royalSlider {
    height: 300px;
  }
  .promo-slider .rsSlide > .slide {
    font-size: 20px;
    /* colour options instead of image */
    /* ------------------------------- */
  }
  .promo-slider .rsSlide > .slide > .outer > .wrapper > .inner {
    width: 50%;
    padding-left: 10px;
  }
  .promo-slider .rsSlide > .slide .icon-holder {
    font-size: 80px;
  }
  .promo-slider .rsSlide > .slide .icon-holder.svg-holder {
    height: 80px;
  }
  .promo-slider .rsSlide > .slide .icon-holder.svg-holder svg {
    height: 80px;
  }
  .promo-slider .rsSlide > .slide.colour > .outer > .wrapper > .inner > .content-holder {
    padding-left: 20px;
    padding-right: 20px;
  }
  .promo-slider .rsBullets {
    bottom: 34px;
  }
  .promo-slider .rsArrow.rsArrowLeft {
    left: -4px;
  }
  .promo-slider .rsArrow.rsArrowRight {
    right: -4px;
  }
  .promo-slider.deep .royalSlider {
    height: 400px;
  }
}
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    general
    ==========================
  */
  .promo-slider {
    /* slides */
    /* ------ */
    /* bullets */
    /* ------- */
    /* nav arrows */
    /* ---------- */
    /*
      ==========================
      deep extra height variant
      ==========================
    */
  }
  .promo-slider .royalSlider {
    height: 340px;
  }
  .promo-slider .rsSlide > .slide {
    font-size: 20px;
    /* colour options instead of image */
    /* ------------------------------- */
  }
  .promo-slider .rsSlide > .slide > .outer {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .promo-slider .rsSlide > .slide > .outer > .wrapper > .inner {
    width: 100%;
    padding-left: 0;
  }
  .promo-slider .rsSlide > .slide .icon-holder {
    font-size: 80px;
  }
  .promo-slider .rsSlide > .slide .icon-holder.svg-holder {
    height: 80px;
  }
  .promo-slider .rsSlide > .slide .icon-holder.svg-holder svg {
    height: 80px;
  }
  .promo-slider .rsSlide > .slide.colour > .outer > .wrapper > .inner > .content-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .promo-slider .rsBullets {
    bottom: 28px;
  }
  .promo-slider .rsArrow {
    display: none !important;
  }
  .promo-slider.deep .royalSlider {
    height: 420px;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
  ===============================================================================
  Image Zoom Modal
  ===============================================================================
*/
.image-zoom {
  position: relative;
  height: 100%;
  width: 100%;
}

.image-zoom__close-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.image-zoom__wrapper {
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
.image-zoom__wrapper img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-zoom__caption {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  background-color: rgba(39, 39, 37, 0.8);
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
}

/*
 * Components: Result Sets
 * --
 * Base styles for listing child pages on a filtered index page
 */
.result-set article {
  padding: 40px 0;
}
.result-set article > .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
}
.result-set article > .inner > * {
  display: table-cell;
  vertical-align: top;
}
.result-set article > .inner > *.image-holder {
  width: 180px;
}
.result-set article > .inner > *.icon-thumbnail {
  width: 80px;
}
.result-set article .content-holder > * + p, .result-set article .content-holder > * + div {
  margin-top: 10px;
}
.result-set article .content-holder h2, .result-set article .content-holder .h2, .result-set article .content-holder h3, .result-set article .content-holder .h3 {
  margin-top: 0 !important;
}
.result-set article .content-holder h2 + *, .result-set article .content-holder .h2 + *, .result-set article .content-holder h3 + *, .result-set article .content-holder .h3 + * {
  margin-top: 10px !important;
}
.result-set article .content-holder h2 a, .result-set article .content-holder .h2 a, .result-set article .content-holder h3 a, .result-set article .content-holder .h3 a {
  color: #272725;
  text-decoration: none;
}
.result-set article .content-holder h2 a:hover, .result-set article .content-holder h2 a:focus, .result-set article .content-holder .h2 a:hover, .result-set article .content-holder .h2 a:focus, .result-set article .content-holder h3 a:hover, .result-set article .content-holder h3 a:focus, .result-set article .content-holder .h3 a:hover, .result-set article .content-holder .h3 a:focus {
  text-decoration: underline;
}
.result-set article .content-holder .date-info {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  text-transform: uppercase;
}
.result-set article .content-holder .section-info {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
* + .result-set article .content-holder .section-info {
  margin-top: 10px !important;
}
* + .result-set article .content-holder .related-file {
  margin-top: 20px;
  margin-bottom: 20px;
}
.result-set article .content-holder .attributes {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  font-weight: 700;
  text-transform: uppercase;
}
.result-set article .image-holder {
  padding-left: 20px;
}
.result-set article .image-holder > .inner {
  padding: 0 0 69% 0;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
}
.result-set article .icon-thumbnail {
  padding-right: 20px;
}
.result-set article .icon-thumbnail img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 580px) {
  .result-set article > .inner {
    display: block;
    width: auto;
  }
  .result-set article > .inner > * {
    display: block;
    vertical-align: text-bottom;
  }
  .result-set article > .inner > *.image-holder, .result-set article > .inner > *.icon-thumbnail {
    display: none;
  }
}
/*
  ===============================================================================
  CONSULTATIONS
  ===============================================================================
*/
/*
  ==========================
  consultation item
  ==========================
*/
.consultation-item .status {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  font-weight: 700;
  text-transform: uppercase;
}
.consultation-item h1 a {
  color: #272725;
  text-decoration: none;
}
.consultation-item h1 a:hover {
  text-decoration: underline;
}
.consultation-item .attributes {
  background-color: #f4f4f4;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
.consultation-item .attributes > * {
  padding: 5px 10px;
  display: block;
}
@media screen and (min-width: 581px) {
  .consultation-item .attributes > * {
    padding: 10px 20px;
    display: table-cell;
  }
}
.consultation-item .attributes .time-delta, .consultation-item .attributes .outcome {
  font-weight: 700;
  background-color: #d6e26e;
}
.consultation-item .attributes .time-delta .definition, .consultation-item .attributes .outcome .definition {
  white-space: nowrap;
}

/*
  ==========================
  consultation page
  ==========================
*/
/* consultation table of information */
/* --------------------------------- */
.consultation-info {
  white-space: nowrap;
}
.consultation-info > .inner {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
.consultation-info > .inner > * {
  display: table-cell;
  padding: 0 20px;
  border-left: solid 1px #dddddd;
}
.consultation-info > .inner > *:first-child {
  border-left: none;
  padding-left: 0;
}
.consultation-info > .inner > * .label {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
.consultation-info > .inner > * .value {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .consultation-info > .inner > * .value {
    font-size: 16px;
    line-height: 24px;
  }
}

/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    consultation page
    ==========================
  */
  /* consultation table of information */
  /* --------------------------------- */
  .consultation-info {
    white-space: normal;
  }
  .consultation-info > .inner {
    display: block;
    width: auto;
  }
  .consultation-info > .inner > * {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    border-left: none;
    border-top: solid 1px #dddddd;
  }
  .consultation-info > .inner > *:first-child {
    border-top: none;
    width: 100%;
  }
  .consultation-info > .inner > * > * {
    display: table-cell;
    padding: 10px 0;
  }
  .consultation-info > .inner > * .label {
    text-align: left;
  }
  .consultation-info > .inner > * .value {
    text-align: right;
  }
}
/*
  ===============================================================================
  COURT SUMMARIES
  ===============================================================================
*/
/*
  ==========================
  court summary page
  ==========================
*/
/* tabular layout */
/* -------------- */
.table.court-summary-table .label {
  padding-right: 10px;
  width: 220px;
}
.highlight-block .table.court-summary-table .label {
  width: 200px;
}

.legal-documents-html a::after {
  content: url(/_resources/themes/worksafe/images/icon-external-link.svg);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-size: cover) or (mask-size: cover)) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
  .legal-documents-html a::after {
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
            mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
  ===============================================================================
  REGISTERS
  ===============================================================================
*/
/*
  ==========================
  common layout of all registers
  ==========================
*/
/* tabular layout */
/* -------------- */
.table.registers-table .label, .result-set .table .label {
  padding-right: 10px;
  width: 220px;
}

/*
  ==========================
  gas registers
  ==========================
*/
.date-expired {
  color: #dc3e38;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    common layout of all registers
    ==========================
  */
  /* tabular layout */
  /* -------------- */
  .table.registers-table .label, .result-set .table .label {
    padding-right: 0;
    width: auto;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
  ===============================================================================
  NOTIFIABLE EVENT TOOL
  ===============================================================================
*/
/*
  ==========================
  progress step indicator
  ==========================
*/
.notifiable-event-loader {
  position: fixed;
  background-color: #fff;
  z-index: 100;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.notify-step-indicator {
  margin-bottom: 120px;
  font-size: 18px;
  font-weight: 700;
}
.notify-step-indicator > div:first-child {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.notify-step-indicator ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow-x: auto;
  margin: 2px 0 0 0 !important;
  padding: 1px 0 0 1px !important;
  list-style-type: none !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.notify-step-indicator ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 !important;
  padding: 0 !important;
}
.notify-step-indicator ul > li:before {
  content: none;
  display: none;
}
.notify-step-indicator ul > li button {
  background: none;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  border: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  min-width: 120px;
  width: 100%;
  height: 100%;
  padding: 0 10px 14px 0;
  border-bottom: 3px solid #A3A9A9;
  border-bottom: 3px solid #D7E16C;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* checked state */
  /* current state */
  /* disabled state */
}
.notify-step-indicator ul > li button:hover, .notify-step-indicator ul > li button:focus {
  outline: 0;
  text-decoration: none;
}
.notify-step-indicator ul > li button:hover {
  border-bottom: 3px solid #272725;
}
.notify-step-indicator ul > li button.checked {
  opacity: 1;
}
.notify-step-indicator ul > li button.current {
  opacity: 1;
  border-bottom: 3px solid #272725;
}
.notify-step-indicator ul > li button[disabled] {
  color: #A9A9A9;
  cursor: default;
  border-bottom: 3px solid #A9A9A9;
}

.notify-step-indicator__index {
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.notify-step-indicator__index--checked {
  text-indent: -9999px;
}
.notify-step-indicator__index--checked:after {
  content: "";
  width: 7px;
  height: 13px;
  top: -3px;
  left: 3px;
  position: absolute;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #272725;
  border-bottom: 2px solid #272725;
  -webkit-transform: rotate(37deg);
  -ms-transform: rotate(37deg);
  transform: rotate(37deg);
}

.notify-step-indicator__label {
  display: block;
  font-size: 14px;
}

/*
  ==========================
  notify form holder
  ==========================
*/
/*
  ==========================
  notify form holder
  ==========================
*/
.notify-form-section {
  padding: 20px 0;
  margin-top: inherit !important;
  /* question / answer layouts */
  /* ------------------------- */
  /* help toggle */
  /* ----------- */
  /* qa help text */
  /* ------------ */
}
.notify-form-section .notify-q-a-area .pull-right {
  margin-right: calc(-1 * (50% + 10px));
}
.notify-form-section .notify-q-a-area .submit-disabled button {
  cursor: auto;
  background-color: #979899;
  opacity: 0.5;
}
.notify-form-section .notify-q-a-area .submit-disabled button:hover, .notify-form-section .notify-q-a-area .submit-disabled button:focus {
  color: #272725;
}
.notify-form-section .full {
  width: 100% !important;
}
.notify-form-section .legaldetails .notify-question-wrapper {
  padding: 0 0 60px 0;
}
.notify-form-section .legaldetails .notify-question-wrapper .answer-group {
  margin-top: 0;
}
.notify-form-section ._recaptcha {
  padding-bottom: 25px;
}
.notify-form-section .notify-question-wrapper {
  padding: 10px 0 40px 0;
  /* nested question groups in one wrapper */
}
.notify-form-section .notify-question-wrapper > .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notify-form-section .notify-question-wrapper > .question {
  position: relative;
}
.notify-form-section .notify-question-wrapper > .question > legend {
  font-size: 18px;
  font-weight: 700;
}
.notify-form-section .notify-question-wrapper .answer-group {
  margin-top: 13px;
  /* big button styles */
  /* ----------------- */
  /* boxed variation with overflow scroll */
  /* ------------------------------------ */
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons {
  /* vertical layout */
  /* --------------- */
  /* horizontal layout */
  /* ----------------- */
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons .answer {
  font-weight: 300;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.vertical > * {
  margin-top: 28px;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.vertical > *:first-child {
  margin-top: 13px;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal {
  margin-left: -10px;
  margin-right: -10px;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal > .inner {
  display: table;
  width: auto;
  min-width: 60%;
  table-layout: fixed;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal > .inner > * {
  text-align: left;
  padding: 0 10px;
  margin-top: 28px;
}
.notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal > .inner > *:first-child {
  margin-top: 0;
}
.notify-form-section .notify-question-wrapper .answer-group.boxed {
  max-height: 240px;
  border: solid 2px #eeeeee;
  padding: 10px;
  background-color: #ffffff;
  overflow-y: scroll;
}
.notify-form-section .notify-question-wrapper > .notify-question-wrapper + .notify-question-wrapper {
  margin-top: 25px;
}
.notify-form-section .help-toggle-wrapper {
  width: 1px;
  text-align: right;
  padding-left: 10px;
}
.notify-form-section .help-toggle-wrapper button {
  font-size: 14px;
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  overflow: hidden;
  border: solid 2px #272725;
  background-color: transparent;
  color: #272725;
  text-align: center;
  line-height: 19px;
  font-weight: 700;
  -webkit-transition: border 0.3s, color 0.3s;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
}
.notify-form-section .help-toggle-wrapper button:hover, .notify-form-section .help-toggle-wrapper button:focus {
  outline: 0;
  border-color: #D9E07C;
}
.notify-form-section .help-toggle-wrapper--open button {
  background: #D9E07C;
  border-color: #D9E07C;
}
.notify-form-section .qa-help-text {
  display: none;
  max-width: 100%;
  /* default to open state option */
}
.notify-form-section .qa-help-text > .outer {
  position: relative;
  padding-top: 15px;
}
.notify-form-section .qa-help-text > .outer > .close {
  position: absolute;
  padding: 6px 10px;
  right: 0;
  top: 15px;
  color: white;
  z-index: 1;
  cursor: pointer;
  font-size: 13px;
}
.notify-form-section .qa-help-text > .outer > .close:hover {
  opacity: 0.8;
}
.notify-form-section .qa-help-text > .outer > .inner {
  padding: 30px 20px;
  border-left: solid 4px #D9E07C;
  background: #202929;
  color: white;
  position: relative;
}
.notify-form-section .qa-help-text > .outer > .inner a {
  color: white !important;
  text-decoration: none;
  border-bottom: 2px solid #D9E07C;
}
.notify-form-section .qa-help-text > .outer > .inner a:hover {
  border-bottom: 2px solid white;
}
.notify-form-section .qa-help-text > .outer > .inner:before {
  content: "";
  border-style: solid;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #202929;
  position: absolute;
  top: -14px;
}
.notify-form-section .qa-help-text.start-open {
  display: block;
}
.notify-form-section .qa-help-text.a-help {
  margin-top: 5px;
  margin-bottom: -8px;
}
.notify-form-section .qa-support-text {
  margin-top: 10px;
}

/*
  ==========================
  body parts section
  ==========================
*/
.body-parts-q-wrapper {
  background-color: #ffffff;
  /* body parts image */
  /* ---------------- */
  /* body parts limbs */
  /* ---------------- */
}
.body-parts-q-wrapper__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.body-parts-q-wrapper > .inner > .table > * {
  padding: 0 10px;
}
.body-parts-q-wrapper > .inner > .table > *:first-child {
  border-left: none;
}
.body-parts-q-wrapper .body-parts-image {
  padding-bottom: 50px;
  margin-top: 0 !important;
  width: 45%;
  margin-right: 10%;
  border: 2px solid #272725;
}
.body-parts-q-wrapper .body-parts-image__direction {
  color: #272725;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.body-parts-q-wrapper .body-parts-image > .table {
  width: 100%;
  table-layout: fixed;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 500;
}
.body-parts-q-wrapper .body-parts-image svg {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  fill: transparent;
  /* whole body svg */
}
.body-parts-q-wrapper .body-parts-image svg text {
  font-weight: 600;
  font-size: 10px;
  fill: transparent;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.body-parts-q-wrapper .body-parts-image svg .body-bg {
  fill: #aaaaaa;
}
.body-parts-q-wrapper .body-parts-image svg .part {
  fill: #A9A9A9;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  /* checked status */
  /* -------------- */
}
.body-parts-q-wrapper .body-parts-image svg .part.hover, .body-parts-q-wrapper .body-parts-image svg .part:hover {
  fill: #535354;
  cursor: pointer;
}
.body-parts-q-wrapper .body-parts-image svg .part.hover + text, .body-parts-q-wrapper .body-parts-image svg .part:hover + text {
  fill: #535354;
}
.body-parts-q-wrapper .body-parts-image svg .part.checked {
  fill: #DADF89;
}
.body-parts-q-wrapper .body-parts-image svg .part.checked + text {
  fill: #272725;
}
.body-parts-q-wrapper .body-parts-image svg .part.checked.hover, .body-parts-q-wrapper .body-parts-image svg .part.checked:hover {
  fill: #E3E6A3;
}
.body-parts-q-wrapper .body-parts-image svg .part.checked.hover + text, .body-parts-q-wrapper .body-parts-image svg .part.checked:hover + text {
  fill: #535354;
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg text {
  fill: #aaaaaa;
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg ellipse {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part {
  /* checked status */
  /* -------------- */
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part.hover + ellipse, .body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part:hover + ellipse {
  stroke: #8f8f8e;
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part.checked + ellipse {
  stroke: #dc3e38;
}
.body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part.checked.hover + ellipse, .body-parts-q-wrapper .body-parts-image svg#entire-body-svg .part.checked:hover + ellipse {
  stroke: #9a3931;
}
.body-parts-q-wrapper .body-parts-image hr {
  border-top: solid 2px #eeeeee;
}
.body-parts-q-wrapper .body-parts-limbs {
  margin-top: 10px;
}
.body-parts-q-wrapper .body-parts-limbs .notify-question-wrapper {
  margin-top: 10px;
}
.body-parts-q-wrapper .body-parts-limbs .notify-question-wrapper + .notify-question-wrapper {
  margin-top: 25px;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
@media screen and (max-width: 1100px) {
  /*
    ==========================
    notify form holder
    ==========================
  */
  .notify-form-section > .inner > .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .notify-form-section > .inner > .columns > .inner {
    display: block;
  }
  .notify-form-section > .inner > .columns > .inner > .column {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .notify-form-section .notify-q-a-area .pull-right {
    margin-right: 0;
  }
  /*
    ==========================
    progress step indicator
    ==========================
  */
  .notify-step-indicator {
    font-size: 16px;
    margin-bottom: 90px;
  }
  .notify-step-indicator ul {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .notify-step-indicator ul > li {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 0;
    padding: 0;
    border: none;
  }
  .notify-step-indicator ul > li button {
    width: 100%;
    font-size: 16px;
  }
  .step-indicator-container {
    padding-left: 20px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  .help-toggle-wrapper {
    margin-top: 4px;
  }
  /*
    ==========================
    start page
    ==========================
  */
  .notify-start {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*
    ==========================
    progress step indicator
    ==========================
  */
  .notify-step-indicator {
    font-size: 16px;
    margin-bottom: 80px;
  }
  .notify-step-indicator ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: scroll;
  }
  .notify-step-indicator ul > li {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 0;
    padding: 0;
    border: none;
  }
  .notify-step-indicator ul > li:last-child {
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
  .notify-step-indicator ul > li button {
    font-size: 16px;
  }
  .step-indicator-container {
    padding-left: 20px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  /*
  ==========================
    notify form holder
    ==========================
  */
  .notify-form-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .notify-form-navigation .button, .notify-form-navigation .login-button, .notify-form-navigation .notify-button, .notify-form-navigation .menu-button, .notify-form-navigation .wsf input[type=submit], .wsf .notify-form-navigation input[type=submit],
  .notify-form-navigation .wsf button[type=submit],
  .wsf .notify-form-navigation button[type=submit] {
    min-width: 40%;
    margin: 0;
  }
  /*
    ==========================
    notify form holder
    ==========================
  */
  .notify-form-section {
    /* question / answer layouts */
    /* ------------------------- */
  }
  .notify-form-section .notify-q-a-area button.continue-btn {
    width: 100%;
  }
  .notify-form-section .notify-question-wrapper > .question > legend {
    max-width: calc(100% - 46px);
  }
  .notify-form-section .notify-question-wrapper .answer-group.big-buttons {
    /* horizontal layout */
    /* ----------------- */
  }
  .notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal {
    margin-left: -5px;
    margin-right: -5px;
  }
  .notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal > .inner {
    width: 100%;
    min-width: 0;
  }
  .notify-form-section .notify-question-wrapper .answer-group.big-buttons.horizontal > .inner > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  /*
    ==========================
    body parts section
    ==========================
  */
  .body-parts-q-wrapper > .inner {
    margin-left: 0;
    margin-right: 0;
  }
  .body-parts-q-wrapper > .inner > .table {
    display: block;
    width: auto;
  }
  .body-parts-q-wrapper > .inner > .table > * {
    display: block;
    width: auto;
    padding: 0;
    border-left: none;
  }
  .body-parts-q-wrapper > .inner > .table > * + * {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 2px #eeeeee;
  }
  .body-parts-q-wrapper__selector {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .body-parts-q-wrapper__selector .body-parts-image {
    width: 100%;
    margin-right: 0;
  }
  .body-parts-q-wrapper__selector .body-parts-image .part:hover:not(.checked) {
    fill: #A9A9A9 !important;
  }
  .body-parts-q-wrapper__selector .body-parts-image .part:hover:not(.checked) + text {
    fill: rgba(0, 0, 0, 0);
  }
  .body-parts-q-wrapper__selector .body-parts-location-true-checkboxes {
    width: 100%;
  }
}
.harm-selector .notify-question-wrapper {
  padding: 0 0 20px 0;
}
.harm-selector .notify-question-wrapper--nested {
  margin-top: 0;
  padding-top: 0;
  margin-left: 15%;
}
.harm-selector h5 {
  margin-bottom: 15px;
}

/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .body-parts-q-wrapper .body-parts-image svg {
    width: 300px;
    height: 417px;
  }
  .body-parts-q-wrapper .body-parts-image svg#entire-body-svg {
    width: 300px;
    height: 164px;
  }
}
/*
  ===============================================================================
  CERTIFIER PAGE
  ===============================================================================
*/
/*
  ==========================
  index page
  ==========================
*/
.certifier-finder-sorting {
  margin-top: 40px;
}
.certifier-finder-sorting > .inner {
  float: right;
  width: 60%;
  text-align: right;
}
.certifier-finder-sorting > .inner > * {
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
}
.certifier-finder-sorting > .inner ul.optionset {
  margin: 0;
}
.certifier-finder-sorting > .inner ul.optionset li {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}

.certifier-results-summary {
  width: 39.5%;
}

.certifier-results-div .result-set {
  /* no region selected results */
  /* -------------------------- */
}
.certifier-results-div .result-set article .company-name {
  font-weight: 700;
}
.certifier-results-div .result-set .no-region {
  border-top: solid 1px #272725;
}

/*
  ==========================
  index page
  ==========================
*/
.certifier-detail h1 + * {
  margin-top: 20px !important;
}
.certifier-detail .accordion h2,
.certifier-detail .accordion h3 {
  margin-top: 0;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    index page
    ==========================
  */
  .certifier-finder-sorting > .inner {
    float: none;
    width: auto;
  }
  .certifier-results-summary {
    margin-top: 20px;
    width: auto;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
  ===============================================================================
  Step Form
  ===============================================================================
*/
.stepform-container {
  margin-top: 20px;
}
.stepform-container .stepform-screen {
  background-color: #eeeeee;
  padding: 30px;
}
.stepform-container .stepform-form-section hr {
  margin: 40px 0 40px;
}

/*
  ==========================
  start page
  ==========================
*/
.stepform-start {
  background-color: #eeeeee;
  padding: 20px;
}

.validation-msg {
  color: #dc3e38;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.stepform-submit-error {
  color: #dc3e38;
  font-weight: bold;
  margin: 0 0 20px 0;
}

/*
  ==========================
  progress step indicator
  ==========================
*/
.stepform-loader {
  position: fixed;
  background-color: #fff;
  z-index: 100;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.stepform-loader img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.stepform-step-indicator {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
.stepform-step-indicator > * {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.stepform-step-indicator > *:first-child {
  margin-right: 0.5em;
  margin-bottom: 14px;
}
.stepform-step-indicator ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.stepform-step-indicator ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.stepform-step-indicator ul > li:before {
  content: none;
  display: none;
}
.stepform-step-indicator ul > li + li {
  margin: 0 0 0 0.5em;
  padding: 0;
}

/*
  ==========================
  step form holder
  ==========================
*/
.stepform-form-section {
  padding: 20px 0;
  margin-top: inherit !important;
  /* question / answer layouts */
  /* ------------------------- */
  /* help toggle */
  /* ----------- */
  /* qa help text */
  /* ------------ */
}
.stepform-form-section .full {
  width: 100% !important;
}
.stepform-form-section ._recaptcha {
  padding-bottom: 25px;
}
.stepform-form-section .stepform-question-wrapper {
  padding: 20px 0 70px 0;
  /* answered question styles */
  /* ------------------------ */
}
.stepform-form-section .stepform-question-wrapper > .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stepform-form-section .stepform-question-wrapper > .question {
  position: relative;
}
.stepform-form-section .stepform-question-wrapper > .question > legend {
  font-size: 18px;
  font-weight: 700;
}
.stepform-form-section .stepform-question-wrapper .answer-group {
  margin-top: 13px;
  /* big button styles */
  /* ----------------- */
  /* boxed variation with overflow scroll */
  /* ------------------------------------ */
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons {
  /* vertical layout */
  /* --------------- */
  /* horizontal layout */
  /* ----------------- */
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons .answer {
  font-weight: 300;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.vertical > * {
  margin-top: 28px;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.vertical > *:first-child {
  margin-top: 13px;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal {
  margin-left: -10px;
  margin-right: -10px;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner {
  display: table;
  width: auto;
  min-width: 60%;
  table-layout: fixed;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner > * {
  text-align: left;
  padding: 0 10px;
  margin-top: 28px;
}
.stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner > *:first-child {
  margin-top: 0;
}
.stepform-form-section .stepform-question-wrapper .answer-group.boxed {
  max-height: 240px;
  border: solid 2px #eeeeee;
  padding: 10px;
  background-color: #ffffff;
  overflow-y: scroll;
}
.stepform-form-section .stepform-question-wrapper .answer-group--stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 581px) {
  .stepform-form-section .stepform-question-wrapper .answer-group--stacked {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.stepform-form-section .stepform-question-wrapper .answer-group--stacked .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stepform-form-section .stepform-question-wrapper .answer-group--stacked label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stepform-form-section .stepform-question-wrapper .answer-group--stacked .answer + .answer {
  margin-top: 20px;
}
@media screen and (min-width: 581px) {
  .stepform-form-section .stepform-question-wrapper .answer-group--stacked .answer + .answer {
    margin-left: 20px;
    margin-top: 0;
  }
}
.stepform-form-section .stepform-question-wrapper.answered .answer-group {
  /* big button styles */
  /* ----------------- */
}
.stepform-form-section .help-toggle-wrapper {
  width: 1px;
  text-align: right;
  padding-left: 10px;
}
.stepform-form-section .help-toggle-wrapper button {
  font-size: 14px;
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  overflow: hidden;
  border: solid 2px #272725;
  background-color: transparent;
  color: #272725;
  text-align: center;
  line-height: 19px;
  font-weight: 700;
  -webkit-transition: border 0.3s, color 0.3s;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
}
.stepform-form-section .help-toggle-wrapper button:hover, .stepform-form-section .help-toggle-wrapper button:focus {
  outline: 0;
  border-color: #D9E07C;
}
.stepform-form-section .help-toggle-wrapper--open button {
  background: #D9E07C;
  border-color: #D9E07C;
}
.stepform-form-section .qa-help-text {
  display: none;
  max-width: 100%;
  /* default to open state option */
}
.stepform-form-section .qa-help-text > .outer {
  position: relative;
  padding-top: 15px;
}
.stepform-form-section .qa-help-text > .outer > .close {
  position: absolute;
  padding: 6px 10px;
  right: 0;
  top: 15px;
  color: white;
  z-index: 1;
  cursor: pointer;
  font-size: 13px;
}
.stepform-form-section .qa-help-text > .outer > .close:hover {
  opacity: 0.8;
}
.stepform-form-section .qa-help-text > .outer > .inner {
  padding: 30px 20px;
  border-left: solid 4px #D9E07C;
  background: #202929;
  color: white;
  position: relative;
}
.stepform-form-section .qa-help-text > .outer > .inner a {
  color: white !important;
  text-decoration: none;
  border-bottom: 2px solid #D9E07C;
}
.stepform-form-section .qa-help-text > .outer > .inner a:hover {
  border-bottom: 2px solid white;
}
.stepform-form-section .qa-help-text > .outer > .inner:before {
  content: "";
  border-style: solid;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #202929;
  position: absolute;
  top: -14px;
}
.stepform-form-section .qa-help-text.start-open {
  display: block;
}
.stepform-form-section .qa-help-text.a-help {
  margin-top: 5px;
  margin-bottom: -8px;
}
.stepform-form-section .qa-support-text {
  margin-top: 10px;
}

/*
  =============
  Modals
  =============
*/
.stepform-modal .modal-inner {
  max-width: 820px;
  position: relative;
}
.stepform-modal .buttons {
  margin-top: 30px;
}
.stepform-modal .buttons:after {
  content: "";
  display: table;
  clear: both;
}
.stepform-modal .buttons > div {
  float: left;
  width: 30%;
}
.stepform-modal .buttons > div:last-child {
  float: right;
}
.stepform-modal .buttons .button, .stepform-modal .buttons .login-button, .stepform-modal .buttons .notify-button, .stepform-modal .buttons .menu-button, .stepform-modal .buttons .wsf input[type=submit], .wsf .stepform-modal .buttons input[type=submit],
.stepform-modal .buttons .wsf button[type=submit],
.wsf .stepform-modal .buttons button[type=submit] {
  width: 100%;
  text-transform: none;
}
.stepform-modal .validation-msg {
  margin-bottom: 12px;
}

/*
  ===============================================================================
  TABLET
  ===============================================================================
*/
@media screen and (max-width: 1000px) {
  /*
    ==========================
    step form holder
    ==========================
  */
  .stepform-form-section > .inner > .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .stepform-form-section > .inner > .columns > .inner {
    display: block;
  }
  .stepform-form-section > .inner > .columns > .inner > .column {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .stepform-form-section .stepform-q-a-area .pull-right {
    margin-right: 0;
  }
}
/*
  ===============================================================================
  SMART PHONE
  ===============================================================================
*/
@media screen and (max-width: 580px) {
  /*
    ==========================
    start page
    ==========================
  */
  .stepform-start {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*
    ==========================
    progress step indicator
    ==========================
  */
  .stepform-step-indicator {
    font-size: 16px;
    font-weight: 700;
  }
  /*
    ==========================
    step form holder
    ==========================
  */
  .stepform-form-section {
    padding-left: 10px;
    padding-right: 10px;
    /* question / answer layouts */
    /* ------------------------- */
  }
  .stepform-form-section .stepform-q-a-area button.continue-btn {
    width: 100%;
  }
  .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons {
    /* horizontal layout */
    /* ----------------- */
  }
  .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal {
    margin-left: -5px;
    margin-right: -5px;
  }
  .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner {
    width: 100%;
    min-width: 0;
  }
  .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner > * {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/*
  ===============================================================================
  INTERNET EXPLORER HACKS / FIXES
  ===============================================================================
*/
/*
 * Overrides to the Stepform styles to improve readability for newer form implementations
 * Currently used on:
 *  - Extractives Quarterly Report Form
 *  - Mental Health Form
 */
.stepform-container.stepform-container--reskin h4 {
  margin: 40px 0 10px;
}
.stepform-container.stepform-container--reskin hr {
  display: none;
}
.stepform-container.stepform-container--reskin .review hr {
  display: block;
}
.stepform-container.stepform-container--reskin .review h5 {
  margin-top: 60px;
}
.stepform-container.stepform-container--reskin .buttons {
  margin-top: 40px;
}
.stepform-container.stepform-container--reskin .stepform-question-wrapper {
  padding: 0 0 40px;
}
.stepform-container.stepform-container--reskin .stepform-form-section .qa-support-text {
  margin-top: 2px;
}
.stepform-container.stepform-container--reskin .stepform-form-section .answer-group {
  margin-top: 10px;
}
.stepform-container.stepform-container--reskin .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner > :first-child {
  margin-top: 5px;
}
.stepform-container.stepform-container--reskin .stepform-form-section .stepform-question-wrapper .answer-group.big-buttons.horizontal > .inner > * {
  margin-top: 16px;
}

/*
 * Components: Navigation Drawer
 * --
 * Container component which slides in from the left of the screen to hold the primary navigation
 */
.navigation-drawer {
  display: none;
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.menu-open-2 .navigation-drawer {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 581px) {
  .navigation-drawer {
    max-width: 480px;
  }
}

.navigation-drawer__contents {
  padding-top: 66px;
  height: 100%;
  overflow: auto;
}
@media screen and (max-width: 580px) {
  .home-page .navigation-drawer__contents {
    padding-top: 124px;
  }
}
@media screen and (min-width: 581px) {
  .navigation-drawer__contents {
    padding-top: 66px;
  }
}
@media screen and (min-width: 1001px) {
  .navigation-drawer__contents {
    padding-top: 145px;
  }
}
.scrolling .navigation-drawer__contents, .forced-scrolling .navigation-drawer__contents {
  padding-top: 66px;
}

/*
 * Components: Heading Underline
 * --
 * Adds an :after pseudo element below the target which draws a short underline
 */
.s-cms-content h2:after, .tile__title:after, .guidance-section .section__title:after, .modal__title:after, .banner__title:after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin: 16px 0;
  background-color: #e1e5da;
}

.guidance-section .section__title:after, .banner__title:after {
  width: 72px;
  height: 6px;
}

.guidance-section .section__title:after, .modal__title:after, .banner__title:after {
  background-color: #d6e26e;
}

.link-with-arrow {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
}
@media screen and (max-width: 580px) {
  .link-with-arrow {
    font-size: 16px;
    line-height: 24px;
  }
}
.link-with-arrow::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.link-with-arrow:hover, .link-with-arrow:focus {
  border-bottom: 2px solid #d6e26e;
}
.link-with-arrow:hover::after, .link-with-arrow:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.link-with-arrow--small {
  font-size: 14px;
}

.hamburger__line {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.hamburger--alt-close {
  display: none;
}

.menu-open .hamburger__line:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(0%, 8px);
      -ms-transform: rotate(-45deg) translate(0%, 8px);
          transform: rotate(-45deg) translate(0%, 8px);
}
.menu-open .hamburger__line:nth-child(2) {
  opacity: 0;
}
.menu-open .hamburger__line:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(0%, -8px);
      -ms-transform: rotate(45deg) translate(0%, -8px);
          transform: rotate(45deg) translate(0%, -8px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu-open .hamburger {
    display: none;
  }
  .menu-open .hamburger--alt-close {
    display: block;
  }
}

.button, .login-button, .notify-button, .menu-button, .wsf input[type=submit],
.wsf button[type=submit], .wsf .Actions input[type=submit] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 10px 16px;
  border: 2px solid transparent;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
@media (min-width: 600px) {
  .button, .login-button, .notify-button, .menu-button, .wsf input[type=submit],
  .wsf button[type=submit], .wsf .Actions input[type=submit] {
    padding: 10px 32px;
  }
}

.button--primary, .wsf input[type=submit],
.wsf button[type=submit], .wsf .Actions input[type=submit] {
  text-decoration: none !important;
  cursor: pointer;
  color: #272725;
  background-color: #d6e26e;
  border-color: #d6e26e;
}
.button--primary:hover, .wsf input[type=submit]:hover,
.wsf button[type=submit]:hover {
  background-color: #e0e88f;
  border-color: #e0e88f;
}
.button--primary:active, .wsf input[type=submit]:active,
.wsf button[type=submit]:active {
  background-color: #d6e26e;
  border-color: #d6e26e;
}
.button--primary:disabled, .wsf input[type=submit]:disabled,
.wsf button[type=submit]:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.button--primary:disabled, .wsf input[type=submit]:disabled,
.wsf button[type=submit]:disabled, .button--primary[disabled=disabled], .wsf input[disabled=disabled][type=submit],
.wsf button[disabled=disabled][type=submit], .button--primary[disabled=true], .wsf input[disabled=true][type=submit],
.wsf button[disabled=true][type=submit] {
  cursor: default;
  color: #fff;
  background: #a9a9a9;
  border-color: #a9a9a9;
}

.button--secondary {
  color: #272725;
  background-color: none;
  border-color: #272725;
}
.button--secondary:hover {
  color: #fff;
  background-color: #535354;
  border-color: #535354;
}
.button--secondary:active {
  background-color: #272725;
  border-color: #272725;
}
.button--secondary:disabled {
  color: #a9a9a9;
  background-color: transparent;
  border-color: #a9a9a9;
  cursor: default;
}
.button--secondary:disabled, .button--secondary[disabled=disabled], .button--secondary[disabled=true] {
  cursor: default;
  color: #a9a9a9;
  background: none;
  border-color: #a9a9a9;
}

.button--tertiary {
  cursor: pointer;
  color: #fff;
  background-color: #272725;
  border-color: #272725;
}
.button--tertiary:hover {
  background-color: #535354;
  border-color: #535354;
}
.button--tertiary:active {
  background-color: #272725;
  border-color: #272725;
}
.button--tertiary:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.button--tertiary:disabled, .button--tertiary[disabled=disabled], .button--tertiary[disabled=true] {
  cursor: default;
  color: #fff;
  background: #a9a9a9;
  border-color: #a9a9a9;
}

.button--notify {
  cursor: pointer;
  color: #fff;
  background-color: #dc3e38;
  border-color: #dc3e38;
  padding-bottom: 6px;
  padding-top: 6px;
}
.button--notify:hover {
  background-color: #ab3733;
  border-color: #ab3733;
}
.button--notify:active {
  background-color: #dc3e38;
  border-color: #dc3e38;
}
.button--notify:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.button--notify:disabled, .button--notify[disabled=disabled], .button--notify[disabled=true] {
  cursor: default;
  color: #fff;
  background: #a9a9a9;
  border-color: #a9a9a9;
}

.button--login {
  color: #272725;
  background-color: #fff;
  border-color: #272725;
  padding-bottom: 6px;
  padding-top: 6px;
}
.button--login:hover {
  color: #fff;
  background-color: #535354;
  border-color: #535354;
}
.button--login:active {
  background-color: #272725;
  border-color: #272725;
}
.button--login:disabled {
  color: #a9a9a9;
  background-color: transparent;
  border-color: #a9a9a9;
  cursor: default;
}
.button--login:hover svg,
.button--login:hover path {
  stroke: #fff !important;
}
.button--login:disabled, .button--login[disabled=disabled], .button--login[disabled=true] {
  cursor: default;
  color: #a9a9a9;
  background: none;
  border-color: #a9a9a9;
}

.button--popular-topic {
  color: #272725;
  background-color: #fff;
  border-color: #272725;
  padding: 2px 16px;
  font-weight: 300;
}
.button--popular-topic:hover {
  color: #272725;
  background-color: #f7f9e3;
  border-color: #272725;
}
.button--popular-topic:active {
  background-color: #272725;
  border-color: #272725;
}
.button--popular-topic:disabled {
  color: #a9a9a9;
  background-color: transparent;
  border-color: #a9a9a9;
  cursor: default;
}
.button--popular-topic:disabled, .button--popular-topic[disabled=disabled], .button--popular-topic[disabled=true] {
  cursor: default;
  color: #fff;
  background: #a9a9a9;
  border-color: #a9a9a9;
}

.button--outline, .login-button {
  color: #272725;
  background-color: transparent;
  border-color: #272725;
}
.button--outline:hover, .login-button:hover {
  color: #fff;
  background-color: #535354;
  border-color: #535354;
}
.button--outline:active, .login-button:active {
  background-color: #272725;
  border-color: #272725;
}
.button--outline:disabled, .login-button:disabled {
  color: #a9a9a9;
  background-color: transparent;
  border-color: #a9a9a9;
  cursor: default;
}

.button--small, .login-button, .notify-button, .menu-button {
  padding: 0 20px;
  max-height: 48px;
  height: 48px;
  font-size: 14px;
}

.button--external::after {
  content: url(/_resources/themes/worksafe/images/icon-external-link.svg);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-size: cover) or (mask-size: cover)) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
  .button--external::after {
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
            mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}

.button--link {
  color: #4a90e2;
  background-color: transparent;
  padding: 0 5px;
  font-size: inherit;
  border: none;
}
.button--link:hover {
  text-decoration: underline;
}

.button--block {
  display: block;
  width: 100%;
}
.button--block + .button--block {
  margin-top: 10px;
}

.button--close {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.35, 0.25, 0.75, 0.85);
  transition: opacity 0.2s cubic-bezier(0.35, 0.25, 0.75, 0.85);
}
.button--close:hover {
  opacity: 0.5;
}
.button--close span {
  font-size: 14px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 18px;
  padding-left: 6px;
}
.button--close.theme-light svg path {
  stroke: #fff;
}
.button--close.theme-light span {
  color: #fff;
}
.button--close.theme-dark svg path {
  stroke: #272725;
}
.button--close.theme-dark span {
  color: #272725;
}

.menu-button {
  cursor: pointer;
  color: #272725;
  background-color: transparent;
  border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
}
.menu-button:hover {
  background-color: #f7f9e3;
  border-color: #f7f9e3;
}
.menu-button:active {
  background-color: transparent;
  border-color: transparent;
}
.menu-button:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
@media screen and (min-width: 581px) {
  .menu-button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.menu-button:focus {
  outline: none;
  background-color: #f7f9e3;
}

@media screen and (max-width: 767px) {
  .menu-button__text {
    display: none;
  }
}

.menu-button__icon {
  width: 24px;
  height: 24px;
}
@media screen and (min-width: 581px) {
  .menu-button__icon {
    margin-right: 5px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 580px) {
  .menu-button__text {
    display: none;
  }
}

.notify-button {
  cursor: pointer;
  color: #fff;
  background-color: #db3933;
  border-color: #db3933;
}
.notify-button:hover {
  background-color: #ab3733;
  border-color: #ab3733;
}
.notify-button:active {
  background-color: #db3933;
  border-color: #db3933;
}
.notify-button:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.notify-button:not(.notify-button--mobile-wide) .notify-button__icon {
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 768px) {
  .notify-button:not(.notify-button--mobile-wide) .notify-button__icon {
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .notify-button:not(.notify-button--mobile-wide) .notify-button__text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .notify-button:not(.notify-button--mobile-wide) {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 100%;
  }
}
.notify-button.notify-button--mobile-wide .notify-button__icon {
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 1000px) {
  .notify-button.notify-button--mobile-wide {
    padding: 5px;
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .notify-button.notify-button--mobile-wide {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 768px) {
  .notify-button.notify-button--mobile-wide {
    margin-right: 10px;
  }
  .notify-button.notify-button--mobile-wide .notify-button__icon {
    width: 30px;
    height: 30px;
  }
}

.login-button {
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  .login-button {
    padding: 5px;
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .login-button {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 580px) {
  .login-button {
    margin-right: 10px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .login-button {
    margin-right: 20px;
  }
}
.login-button:hover .login-button__icon path {
  stroke: #fff;
}

.login-button__icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.login-button__icon path {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .login-button__icon {
    height: 25px;
    margin-right: 10px;
  }
}

.max-w-screen {
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
}

#sticky-header {
  padding: 16px 0;
  background: #fff;
}
@media (min-width: 1280px) {
  #sticky-header {
    padding: 28px 0;
  }
  #sticky-header .wrapper {
    max-width: 100% !important;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.secondary-menu {
  display: none;
  width: 100%;
  padding: 0;
}
@media (min-width: 1280px) {
  .secondary-menu {
    display: block;
  }
}
.secondary-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.secondary-menu ul li {
  position: relative;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.secondary-menu ul li:not(:first-child) {
  padding-left: 16px;
}
.secondary-menu ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #e1e5da;
  margin-left: 16px;
}
.secondary-menu ul li a {
  color: #000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.2px;
}
.secondary-menu ul li a:hover {
  text-decoration: underline;
}

.site-header {
  background-color: #fff;
}
@media (min-width: 1280px) {
  .site-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1279px) {
  .site-header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 1280px) {
  .site-header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1279px) {
  .site-header__actions {
    width: 100%;
  }
}
.site-header__logo {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 1000px) {
  .site-header__logo {
    height: 40px;
    width: auto;
  }
}
@media (max-width: 1279px) {
  .site-header__logo {
    max-width: 230px;
  }
}
.site-header__logo--link {
  color: #272725;
}
.site-header__logo--print {
  display: none;
  width: 8cm;
}
.site-header__mobile-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1280px) {
  .site-header__mobile-actions {
    display: none;
  }
}
.site-header__mobile-actions--toggle-search {
  width: 45px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  text-align: right;
}
.site-header__mobile-actions--toggle-search.toggled {
  height: 28px;
}
.site-header__mobile-actions--toggle-search.toggled .open-search {
  visibility: hidden;
}
.site-header__mobile-actions--toggle-search.toggled .button--close {
  visibility: visible;
}
@media (max-width: 1279px) {
  .site-header__mobile-actions--toggle-search.toggled {
    width: 90px;
  }
}
.site-header__mobile-actions--toggle-search .open-search,
.site-header__mobile-actions--toggle-search .button--close {
  position: absolute;
  top: 0;
  right: 0;
}
.site-header__mobile-actions--toggle-search svg,
.site-header__mobile-actions--toggle-search svg path {
  stroke: #272725;
}
.site-header__mobile-actions--toggle-search .open-search {
  width: 30px;
  height: 30px;
  visibility: visible;
  margin-left: auto;
  margin: 0;
  -webkit-transform: translate(-3px, -3px);
      -ms-transform: translate(-3px, -3px);
          transform: translate(-3px, -3px);
}
.site-header__mobile-actions--toggle-search .open-search.toggled .open-search {
  display: none;
  visibility: hidden;
}
.site-header__mobile-actions--toggle-search .open-search.toggled .button--close {
  display: inline;
  visibility: visible;
}
.site-header__mobile-actions--toggle-search .open-search svg {
  margin: 0;
  width: 30px !important;
  height: 30px !important;
}
.site-header__mobile-actions--toggle-search .button--close {
  height: 30px;
  visibility: hidden;
}
.site-header__mobile-actions--toggle-nav {
  height: 30px;
  width: 32px;
  padding: 0;
  margin: 0 0 0 5px;
  cursor: pointer;
  color: #272725;
  background-color: transparent;
  border-color: transparent;
}
.site-header__mobile-actions--toggle-nav:hover {
  background-color: transparent;
  border-color: transparent;
}
.site-header__mobile-actions--toggle-nav:active {
  background-color: transparent;
  border-color: transparent;
}
.site-header__mobile-actions--toggle-nav:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.site-header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .site-header__search {
    display: none;
  }
}
.site-header__search--toggle-search {
  width: 65px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  text-align: right;
}
.site-header__search--toggle-search.toggled {
  height: 28px;
}
.site-header__search--toggle-search.toggled .open-search {
  visibility: hidden;
}
.site-header__search--toggle-search.toggled .button--close {
  visibility: visible;
}
.site-header__search--toggle-search .open-search,
.site-header__search--toggle-search .button--close {
  position: absolute;
  top: 0;
  right: 0;
}
.site-header__search--toggle-search svg,
.site-header__search--toggle-search svg path {
  stroke: #272725;
}
.site-header__search--toggle-search .open-search {
  width: 30px;
  height: 30px;
  visibility: visible;
  margin-left: auto;
  margin: 0;
  -webkit-transform: translate(-3px, -3px);
      -ms-transform: translate(-3px, -3px);
          transform: translate(-3px, -3px);
}
.site-header__search--toggle-search .open-search.toggled .open-search {
  display: none;
  visibility: hidden;
}
.site-header__search--toggle-search .open-search.toggled .button--close {
  display: inline;
  visibility: visible;
}
.site-header__search--toggle-search .open-search svg {
  margin: 0;
  width: 30px !important;
  height: 30px !important;
}
.site-header__search--toggle-search .button--close {
  height: 30px;
  visibility: hidden;
}
.site-header__search--toggle-nav {
  height: 30px;
  width: 32px;
  padding: 0;
  margin: 0 0 0 5px;
  cursor: pointer;
  color: #272725;
  background-color: transparent;
  border-color: transparent;
}
.site-header__search--toggle-nav:hover {
  background-color: transparent;
  border-color: transparent;
}
.site-header__search--toggle-nav:active {
  background-color: transparent;
  border-color: transparent;
}
.site-header__search--toggle-nav:disabled {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  cursor: default;
}
.site-header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px;
}
.site-header__search.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
@media (max-width: 1279px) {
  .site-header__search {
    display: none;
    visibility: hidden;
    width: 100%;
    margin: 10px 0 16px 0;
  }
}
.site-header__search input {
  padding: 8px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #272725;
  background: #fff;
  border-radius: 0;
  color: #1c2a2a;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
}
.site-header__search input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #d6e26e;
          box-shadow: 0 0 0 2px #d6e26e;
}
.site-header__search input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.site-header__search input:focus::-moz-placeholder {
  opacity: 0;
}
.site-header__search input:focus:-ms-input-placeholder {
  opacity: 0;
}
.site-header__search input:focus::-ms-input-placeholder {
  opacity: 0;
}
.site-header__search input:focus::placeholder {
  opacity: 0;
}
.site-header__search input:focus::-ms-input-placeholder {
  opacity: 0;
}
@media (min-width: 1280px) {
  .site-header__search input:focus + .site-header__search--icon {
    width: auto;
    margin: 0 0 0 8px;
  }
  .site-header__search input:focus + .site-header__search--icon span {
    display: block;
  }
}
@media (min-width: 768px) {
  .site-header__search input {
    min-width: 360px;
  }
}
@media (min-width: 1280px) {
  .site-header__search input:focus + .site-header__search--icon {
    width: auto;
    margin: 0 0 0 8px;
  }
  .site-header__search input:focus + .site-header__search--icon span {
    display: block;
  }
}
@media (min-width: 768px) {
  .site-header__search input {
    min-width: 360px;
  }
}
@media (max-width: 1279px) {
  .site-header__search input {
    width: calc(100% - 38px);
  }
}
.site-header__search--icon {
  height: 45px;
  width: 45px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.site-header__search--icon svg {
  margin-right: 0;
}
.site-header__search--icon span {
  display: none;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  margin-left: 5px;
}
.site-header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.site-header__buttons--tablet {
  display: none;
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  .site-header__buttons--tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .site-header__buttons:not(.site-header__buttons--tablet) {
    display: none;
  }
}
@media (min-width: 768px) {
  .site-header__buttons {
    gap: 16px;
  }
}
.site-header__buttons--tablet {
  display: none;
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  .site-header__buttons--tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .site-header__buttons:not(.site-header__buttons--tablet) {
    display: none;
  }
}
@media (min-width: 768px) {
  .site-header__buttons {
    gap: 16px;
  }
}
@media (max-width: 1279px) {
  .site-header__buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
  }
  .site-header__buttons .button, .site-header__buttons .wsf input[type=submit], .wsf .site-header__buttons input[type=submit],
  .site-header__buttons .wsf button[type=submit],
  .wsf .site-header__buttons button[type=submit], .site-header__buttons .menu-button, .site-header__buttons .notify-button, .site-header__buttons .login-button {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-header__certifier {
  width: 100%;
  padding: 32px;
}
@media (max-width: 600px) {
  .site-header__certifier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 32px 0;
  }
}

.navigation {
  width: 100vw;
  padding: 16px 32px 12px 32px;
  background: #fff;
}
@media (max-width: 1279px) {
  .navigation {
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 53px 20px 115px 20px;
    display: none;
    visibility: hidden;
  }
  .navigation.open {
    display: block;
    visibility: visible;
  }
}
.navigation__close-nav {
  margin: 0 0 0 auto;
  display: block;
  visibility: visible;
}
@media (min-width: 1280px) {
  .navigation__close-nav {
    display: none;
    visibility: hidden;
  }
}
.navigation__close-nav button {
  margin: 0 0 0 auto;
}
.navigation__l-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  position: relative;
  z-index: 9999;
  background: #fff;
}
@media (max-width: 1279px) {
  .navigation__l-one {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
  }
}
.navigation__l-one--menu-item {
  position: relative;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1279px) {
  .navigation__l-one--menu-item {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #272725;
  }
}
.navigation__l-one--menu-item a.toggled img {
  -webkit-transform: rotate(0) !important;
      -ms-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
.navigation__l-one--menu-item > a:hover {
  text-decoration: underline;
}
.navigation__l-one--menu-item p,
.navigation__l-one--menu-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.2px;
  cursor: pointer;
}
.navigation__l-one--menu-item p span,
.navigation__l-one--menu-item a span {
  font-weight: 400;
}
@media (max-width: 1279px) {
  .navigation__l-one--menu-item p,
  .navigation__l-one--menu-item a {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    outline: none;
  }
}
@media (min-width: 1280px) {
  .navigation__l-one--menu-item p:hover span,
  .navigation__l-one--menu-item a:hover span {
    text-decoration: underline;
  }
  .navigation__l-one--menu-item p:has(> a:not(.toggled)) + .navigation__l-two,
  .navigation__l-one--menu-item a:has(> a:not(.toggled)) + .navigation__l-two {
    display: none;
  }
}
.navigation__l-one--menu-item p img,
.navigation__l-one--menu-item a img {
  max-width: 11px;
  margin-left: 6px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.2s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.2s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.2s cubic-bezier(0.12, 0.825, 0.23, 1);
}
@media (max-width: 1279px) {
  .navigation__l-one--menu-item p img,
  .navigation__l-one--menu-item a img {
    max-width: 13px;
  }
}
.navigation__l-two {
  display: none;
  background-color: #272725;
  visibility: hidden;
  -webkit-transition: max-height 0.25s ease-out, opacity 0.25s ease-out;
  transition: max-height 0.25s ease-out, opacity 0.25s ease-out;
}
@media (min-width: 1280px) {
  .navigation__l-two {
    width: calc(100% + 64px);
    position: absolute;
    z-index: 99;
    top: calc(100% + 12px);
    left: -32px;
    right: 0;
    padding: 60px;
  }
}
@media (max-width: 1279px) {
  .navigation__l-two {
    width: 100vw;
    display: block;
    visibility: visible;
    position: relative;
    margin: -1px -20px 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@media (min-width: 1280px) {
  .navigation__l-two.toggled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
}
@media (max-width: 1279px) {
  .navigation__l-two.toggled {
    height: 180px !important;
    max-height: none;
    opacity: 1;
    overflow: unset;
  }
}
.navigation__l-two--inner {
  width: 100%;
  padding: 16px 32px;
}
@media (min-width: 1280px) {
  .navigation__l-two--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 60px;
    gap: 40px;
    padding: 0;
  }
}
@media (max-width: 1279px) {
  .navigation__l-two--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
.navigation__l-two--title {
  display: none;
  visibility: hidden;
  max-width: 260px;
  padding-right: 40px;
  width: 100%;
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 41.6px;
}
.navigation__l-two--title:hover {
  color: #d6e26e;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}
@media (min-width: 1280px) {
  .navigation__l-two--title {
    margin-top: -5px;
    display: inline;
    visibility: visible;
  }
}
.navigation__l-two--col {
  width: 100%;
  height: 100%;
}
@media (min-width: 1280px) {
  .navigation__l-two--col {
    max-width: 220px;
    border-left: 1px solid #fff;
    padding-left: 40px;
  }
}
.navigation__l-two--col__title p {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}
.navigation__l-two--close {
  display: none;
  visibility: hidden;
  margin-left: auto;
  margin-right: 0;
}
.navigation__l-two--close .button--close:hover {
  opacity: 1;
}
.navigation__l-two--close .button--close:hover svg path {
  stroke: #d6e26e;
}
.navigation__l-two--close .button--close:hover span {
  color: #d6e26e;
}
.navigation__l-two--close span {
  text-transform: capitalize;
}
.navigation__l-two--close .button--close:hover {
  opacity: 1;
}
.navigation__l-two--close .button--close:hover svg path {
  stroke: #d6e26e;
}
.navigation__l-two--close .button--close:hover span {
  color: #d6e26e;
}
@media (min-width: 1280px) {
  .navigation__l-two--close {
    display: inline;
    visibility: visible;
  }
}
.navigation__l-two ul {
  padding: 0;
  margin: 0;
}
.navigation__l-two ul li {
  margin: 16px 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
@media (min-width: 1280px) {
  .navigation__l-two ul li {
    margin: 12px 0;
  }
  .navigation__l-two ul li:first-child {
    margin-top: 0;
  }
  .navigation__l-two ul li:last-child {
    margin-bottom: 0;
  }
}
.navigation__l-two ul li a {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
}
.navigation__l-two ul li a:hover {
  color: #d6e26e;
  text-decoration: underline;
}
.navigation__submenu {
  width: 100%;
  margin-top: 16px;
}
@media (min-width: 1280px) {
  .navigation__submenu {
    display: none;
    visibility: hidden;
  }
}
.navigation__submenu li {
  list-style: none;
}
.navigation__submenu li a {
  display: block;
  padding: 8px 0;
  color: #000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.2px;
}

.googlemapfield-updateaddress {
  position: relative;
  margin-top: 10px;
  margin-bottom: 12px;
}
.googlemapfield-updateaddress label {
  color: #535354;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
}

/*
 * Components: Tile
 * --
 *
 */
.tile {
  display: block;
  margin-bottom: 80px;
  color: #272725;
}

.tile--highlight {
  position: relative;
}
.tile--highlight .tile__content {
  background-color: #1f2a2a;
  padding: 20px 24px 34px;
  color: #fff;
}
.tile--highlight .tile__content--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tile--highlight .tile__imageholder {
  min-height: 34px;
  margin: 0;
  background-color: #1f2a2a;
}
.tile--highlight .tile__image {
  margin: 0;
}

.tile__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.tile__icon--inline {
  width: 16px;
  height: 32px;
  vertical-align: middle;
}

.tile__hint {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  padding: 15px;
  background: #1f2a2a;
  color: #fff;
  fill: #fff;
}

.tile__image {
  width: 100%;
  margin-bottom: 16px;
  min-width: 0;
}

.tile__glyph-wrap {
  margin-bottom: 12px;
}

.tile__glyph {
  height: 44px;
}
.tile__glyph svg {
  height: 100%;
  width: auto;
}

.tile__title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .tile__title {
    font-size: 28px;
  }
}

.tile__prompt {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  display: inline-block;
  margin-top: 16px;
}
@media screen and (max-width: 580px) {
  .tile__prompt {
    font-size: 16px;
    line-height: 24px;
  }
}
.tile__prompt::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.tile__prompt:hover, .tile__prompt:focus {
  border-bottom: 2px solid #d6e26e;
}
.tile__prompt:hover::after, .tile__prompt:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1001px) {
  .tile--primary .tile__image {
    margin-bottom: 0;
  }
}

/*
 * Components: Breadcrumbs
 * --
 */
.breadcrumbs {
  background-color: #f4f4f4;
  font-size: 12px;
  line-height: 1.5;
  padding: 16px 0;
}
.breadcrumbs .wrapper {
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1042px;
}

.breadcrumbs__link {
  color: #272725;
  text-decoration: none;
}
.breadcrumbs__link:focus, .breadcrumbs__link:hover {
  text-decoration: underline;
}

/*
 * Components: Document
 * --
 * Document download link, with an icon and metadata (file extension, size)
 */
.document {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}
.s-cms-content .document {
  border-bottom: none;
}

.document__icon {
  float: left;
  margin-right: 20px;
  width: 40px;
}

.document__text {
  padding-left: 60px;
}

.document__link {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  height: auto;
  display: inline !important;
}
@media screen and (max-width: 580px) {
  .document__link {
    font-size: 16px;
    line-height: 24px;
  }
}
.document:hover .document__link, .document:focus .document__link {
  height: auto;
  border-bottom: 2px solid #d6e26e;
}

.document__meta {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  font-weight: 300;
  white-space: nowrap;
}

/*
 * Components: Search Form
 * --
 */
.search-form__input-wrapper {
  position: relative;
}

.search-form__field {
  height: 65px !important;
  padding-right: 65px !important;
  -webkit-appearance: none;
}
.search-form__field:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px #d6e26e;
          box-shadow: 0 0 0 2px #d6e26e;
}

button[type=submit].search-form__submit {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 65px;
  overflow: hidden;
}
button[type=submit].search-form__submit:hover, button[type=submit].search-form__submit:focus {
  background-color: transparent;
}

.search-form__submit-icon {
  width: 30px;
  height: 30px;
}

.search-form__suggestions {
  list-style: none;
}

.search-form__suggested-link {
  color: #272725;
  text-decoration: none;
}
.search-form__suggested-link:hover, .search-form__suggested-link:focus {
  text-decoration: underline;
}

.search-form__autocompleteitems {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #fff;
  border-left: 2px solid;
  border-right: 2px solid;
}

.search-form__autocompleteitem {
  display: block;
  position: relative;
  padding: 18px 28px;
  color: #272725;
}
.search-form__autocompleteitem:last-child() {
  border-bottom: 2px solid;
}
@media screen and (min-width: 580px) {
  .search-form__autocompleteitem.search-form__autocompleteitem--result {
    padding: 18px 56px;
  }
}
.search-form__autocompleteitem.search-form__autocompleteitem--result:hover, .search-form__autocompleteitem.search-form__autocompleteitem--result:focus {
  background: #e1e5da;
}

.search-form__autocompleteitem--footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-form__action {
  margin: 0 4px;
}

.search-form__hint {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}

/*
 * Components: Accordion
 * --
 */
.accordion {
  display: block;
}
.accordion + .accordion {
  border-top: 1px solid #eeeeee;
}
.accordion .element-wrapper,
.accordion .wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 0 !important;
}
.accordion .element:not(:last-child) {
  margin-bottom: 32px;
}
.accordion h2 {
  margin-top: 0 !important;
}

.accordion-toggle {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 0;
  padding-right: 36px;
  text-align: left;
}
@media screen and (max-width: 580px) {
  .accordion-toggle {
    font-size: 18px;
  }
}
.accordion-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 20px;
  height: 20px;
  background: transparent url(/_resources/themes/worksafe/images/icon-plus.svg) no-repeat center;
}
.open .accordion-toggle:after {
  background-image: url(/_resources/themes/worksafe/images/icon-minus.svg);
}
.accordion--light .accordion-toggle:after {
  background-image: url(/_resources/themes/worksafe/images/icon-plus-white.svg);
}
.accordion--light.open .accordion-toggle:after {
  background-image: url(/_resources/themes/worksafe/images/icon-minus-white.svg);
}
.accordion-toggle.with-border {
  border-bottom: 1px solid #e1e5da;
}

.accordion.form-filters .accordion-toggle {
  border-bottom: 1px solid #eeeeee;
}
.accordion.form-filters .accordion-content {
  margin-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eee;
}

.accordion.no-spacing:not(.open) {
  padding-bottom: 16px;
}
.accordion.no-spacing .accordion-content {
  padding-top: 0;
}

/*
 * Components: Nav Item
 * --
 * List items and nested sub-components for the primary navigation
 */
.nav-item {
  list-style-type: none;
}

.nav-item--level-1 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .nav-item--level-1 {
    font-size: 16px;
    line-height: 24px;
  }
}

.nav-item--level-2 {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  line-height: 32px;
}

.nav-item--level-3,
.nav-item--level-4,
.nav-item--level-5,
.nav-item--loading {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  line-height: 32px;
  margin-left: 32px;
}

.nav-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-item__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-item__toggle {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url(/_resources/themes/worksafe/images/icon-plus.svg) no-repeat center/20px 20px;
}
.nav-item__toggle.is-expanded {
  background-image: url(/_resources/themes/worksafe/images/icon-minus.svg);
}
.nav-item--level-2 .nav-item__toggle {
  background-size: 16px 16px;
}

.nav-item__arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: 10px;
  background-image: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  background-size: 15px 12px;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-item__link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  color: #272725;
  position: relative;
}
.nav-item__link:hover {
  text-decoration: underline;
}
.nav-item__link.current {
  position: relative;
  font-weight: 700;
}
.nav-item__link.current::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -10px;
  content: "";
  width: 15px;
  height: 4px;
  -webkit-transform: translate3d(-100%, 14px, 0);
          transform: translate3d(-100%, 14px, 0);
  background-color: #d6e26e;
}
.nav-item__link.section {
  font-weight: 700;
}

.nav-item__submenu {
  display: none;
  list-style-type: none;
}
.nav-item--level-1 > .nav-item__submenu {
  border-top: 2px solid #d6e26e;
}
.navigation-drawer .nav-item--level-2 > .nav-item__submenu {
  border-top: 1px solid #e1e5da;
  border-bottom: 1px solid #e1e5da;
  background-color: #FBFBFB;
}
.nav-item__submenu.loading {
  display: block;
}

.nav-item--loading {
  padding: 0 20px;
}

/*
 * Components: Long Form Navigation
 * --
 */
.lf-nav-wrapper {
  position: absolute;
}
@media screen and (min-width: 1001px) {
  .lf-nav-wrapper {
    position: relative;
  }
}

.lf-nav {
  display: none;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1000px) {
  .lf-nav {
    top: 66px;
  }
}
@media screen and (min-width: 1001px) {
  .lf-nav {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    overflow: auto;
  }
}

@media screen and (min-width: 1001px) {
  .lf-nav__title:after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    margin: 16px 0;
    background-color: #e1e5da;
  }
  .lf-nav__title:after {
    background-color: #d6e26e;
  }
}

.lf-nav__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #fff;
  display: none;
  overflow: auto;
}
@media screen and (min-width: 1001px) {
  .lf-nav__list {
    display: block;
  }
}

.lf-nav__list--primary {
  padding: 10px 0;
  -webkit-box-shadow: 0 2px 4px rgba(39, 39, 37, 0.2);
          box-shadow: 0 2px 4px rgba(39, 39, 37, 0.2);
}
@media screen and (min-width: 1001px) {
  .lf-nav__list--primary {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.lf-nav__section {
  position: relative;
  margin: 0;
  padding: 0 20px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .lf-nav__section {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1001px) {
  .lf-nav__section {
    padding: 0;
  }
}
.lf-nav__section.active {
  background-color: #f7f9e3;
}
@media screen and (min-width: 1001px) {
  .lf-nav__section.active {
    background-color: transparent;
  }
}

.lf-nav__subsection {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  font-weight: 300;
}

.lf-nav__link {
  display: inline-block;
  padding: 5px 0;
  color: #272725;
}
.lf-nav__link:hover, .lf-nav__link:focus {
  text-decoration: underline;
}

.lf-nav__link--subsection {
  position: relative;
  padding-left: 25px;
}
.active > .lf-nav__link--subsection {
  font-weight: 700;
}
.active > .lf-nav__link--subsection::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 15px;
  height: 4px;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  background-color: #d6e26e;
}

.lf-doc-nav__toggle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 5px 20px;
  font-size: 18px;
  text-align: left;
  border-radius: 0;
  background-image: url(/_resources/themes/worksafe/images/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px 20px;
}
.open > .lf-doc-nav__toggle {
  background-image: url(/_resources/themes/worksafe/images/icon-minus.svg);
}

.action-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  border-radius: 2px;
  background-color: #fff;
}
@media screen and (min-width: 1250px) {
  .action-menu {
    width: 84px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.action-menu-button {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 10px;
  color: #272725;
  font-size: 12px;
  line-height: 1;
  min-width: 60px;
}
.action-menu-button:hover, .action-menu-button:focus {
  outline: none;
}

.action-menu-button__icon {
  width: 30px;
  height: 30px;
}
.action-menu-button:hover .action-menu-button__icon, .action-menu-button:focus .action-menu-button__icon {
  color: #d6e26e;
}

.action-menu-button__text {
  margin-top: 5px;
}

.action-menu__submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 100%;
  background-color: rgba(39, 39, 37, 0.35);
  border-radius: 2px;
}
.action-menu__submenu:not(.is-open) {
  display: none;
}
@media screen and (min-width: 581px) {
  .action-menu__submenu {
    width: unset;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
@media screen and (min-width: 1250px) {
  .action-menu__submenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0;
  }
}

@media screen and (min-width: 1250px) {
  #page-utilities {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0 !important;
  }
  .no-js #page-utilities {
    display: none;
  }
  #page-utilities > .outer {
    position: relative;
    margin: 0 auto;
    max-width: 1250px !important;
  }
  #page-utilities > .outer > .inner {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
  }
}
/*
 * Components: Back to Top
 * --
 */
.back-to-top {
  display: none;
}
@media screen and (min-width: 1001px) {
  .back-to-top {
    display: block;
    position: fixed;
    z-index: 5;
    bottom: 0;
    right: 0;
    left: 0;
  }
}

@media screen and (min-width: 1001px) {
  .back-to-top__wrapper {
    position: relative;
    margin: 0 20px;
    max-width: 1250px !important;
  }
}
@media screen and (min-width: 1250px) {
  .back-to-top__wrapper {
    margin: 0 auto;
  }
}

.back-to-top__button {
  display: none;
}
@media screen and (min-width: 1001px) {
  .back-to-top__button {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 64px;
    height: 64px;
    background-image: url(/_resources/themes/worksafe/images/icon-top.svg);
    background-position: center center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
  }
  .back-to-top__button:hover, .back-to-top__button:focus {
    outline: none;
  }
}
@media screen and (min-width: 1250px) {
  .back-to-top__button {
    width: 84px;
  }
}

/*
 * Components: Highlight Block
 * --
 */
.highlight-block {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
}
@media screen and (min-width: 581px) {
  .highlight-block {
    padding: 32px;
  }
}
.highlight-block.teal {
  background-color: #9ad4d4;
}
.highlight-block.blue h1,
.highlight-block.blue h2,
.highlight-block.blue h3,
.highlight-block.blue h4,
.highlight-block.blue h5,
.highlight-block.blue p,
.highlight-block.blue a, .highlight-block.purple h1,
.highlight-block.purple h2,
.highlight-block.purple h3,
.highlight-block.purple h4,
.highlight-block.purple h5,
.highlight-block.purple p,
.highlight-block.purple a, .highlight-block.black h1,
.highlight-block.black h2,
.highlight-block.black h3,
.highlight-block.black h4,
.highlight-block.black h5,
.highlight-block.black p,
.highlight-block.black a {
  color: #fff;
}
.highlight-block.blue {
  background-color: #303e5c;
  color: #fff;
}
.highlight-block.purple {
  background-color: #943a7a;
  color: #fff;
}
.highlight-block.black {
  background-color: #1c2a2a;
  color: #fff;
}
.highlight-block.light-green {
  background-color: #e0e88f;
}
.highlight-block.light-grey {
  background-color: #f4f4f4;
}
.highlight-block h2::after, .highlight-block .h2::after {
  background-color: currentColor;
}
.highlight-block a {
  color: currentColor !important;
}
.highlight-block ul li,
.highlight-block ol li {
  margin-left: 20px;
  margin-top: 10px;
}

/*
 * Components: Table Wrapper
 * --
 * Allows tables scroll horizontally on smaller devices.
 */
.table-wrapper {
  width: auto;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0.5px;
}

.review h5 {
  margin-bottom: 50px;
}
.review h5:first-letter {
  text-transform: uppercase;
}

.review__group {
  margin-top: 100px;
}
.review__group:first-child {
  margin-top: 0;
}

.review__title {
  margin-bottom: 13px;
  display: block;
}
@media screen and (max-width: 580px) {
  .review__title {
    font-size: 18px;
  }
}

.review__item {
  margin: 20px 0 20px 0;
  display: block;
}

.review__list {
  display: block;
  margin: 0 0 20px 80px;
}
.review__list > ul {
  display: block;
  margin: 10px 0 0 0 !important;
}
@media screen and (max-width: 580px) {
  .review__list {
    margin: 0 0 20px 20px;
  }
}

.review__answer {
  margin-bottom: 30px;
  overflow-wrap: break-word;
}
.review__answer:last-child {
  margin-bottom: 0;
}

.review__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.review__heading .button, .review__heading .wsf input[type=submit], .wsf .review__heading input[type=submit],
.review__heading .wsf button[type=submit],
.wsf .review__heading button[type=submit], .review__heading .menu-button, .review__heading .notify-button, .review__heading .login-button {
  margin: 0 !important;
}

/*
  ===============================================================================
  AUTOCOMPLETE
  ===============================================================================
*/
.autocomplete {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 581px) {
  .autocomplete {
    width: 420px;
  }
}

.autocomplete__trigger {
  position: relative;
  z-index: 2;
}

.autocomplete__results {
  background-color: #fff;
  border-right: 2px solid #A9A9A9;
  border-left: 2px solid #A9A9A9;
  border-bottom: 2px solid #A9A9A9;
  margin: 0;
  position: absolute;
  z-index: 100;
  width: 100%;
  padding: 10px 0 0 0 !important;
  list-style: none !important;
  margin-top: 0px !important;
}

.autocomplete__item {
  padding: 0 !important;
  margin-top: 0 !important;
}
.autocomplete__item button {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  width: 100%;
  padding: 7px 10px 5px 10px;
  text-align: left;
  color: #212A2A;
}
.autocomplete__item button:hover, .autocomplete__item button:focus {
  background-color: #DADF89;
}

/*
 * Components: Show Filter
 * --
 */
.show-filter {
  padding: 20px 0;
}

.show-filter__label {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}

.show-filter__button {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  margin-right: 10px;
  border-bottom: 2px solid transparent;
  font-weight: 700;
}
.show-filter__button:hover, .show-filter__button:focus {
  outline: none;
  border-bottom-color: #d6e26e;
}

.show-filter__button--current {
  border-bottom: 2px solid #d6e26e;
}

/*
 * Components: Notify Box
 * --
 */
.notify-box {
  padding: 20px;
  height: 100%;
  background-color: #f4f4f4;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}

.notify-box--primary {
  background-color: #e0e88f;
}

.notify-box__title {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 580px) {
  .notify-box__title {
    font-size: 18px;
  }
}

.notify-box__link {
  color: #272725 !important;
  border-bottom: none;
}

.notify-box--with-link {
  cursor: pointer;
}
.notify-box--with-link:hover {
  background-color: #e0e88f;
}

/*
 * Components: Alert
 * --
 * Banner for displaying urgent information site-wide.
 */
.alert {
  position: relative;
  padding: 20px 0;
  background-color: #cd3e38;
  background-image: repeating-linear-gradient(113deg, #cd3e38, #cd3e38 26px, #d73e38 26px, #d73e38 52px);
  background-position: center;
  color: #fff;
}
.alert a {
  color: inherit !important;
}

.alert__accordion {
  position: relative;
  z-index: 2;
}
.alert__accordion.open {
  padding-bottom: 16px;
}

.alert__icon {
  display: block;
}

.alert__accordion-button {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  color: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 580px) {
  .alert__accordion-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 581px) {
  .alert__accordion-button {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1001px) {
  .alert__accordion-button {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
  }
}
@media screen and (min-width: 1001px) and (max-width: 580px) {
  .alert__accordion-button {
    font-size: 28px;
  }
}
.alert__accordion-button::after {
  top: 32px;
}

.media-alert {
  margin-left: auto;
  margin-right: auto;
}
.media-alert *:focus {
  outline-color: #D7E16C;
}

@media (min-width: 1000px) {
  .media-alert {
    max-width: 690px;
  }
}
.media-alert__text-field {
  width: 100%;
  min-height: 50px;
  border: 2px solid #1c2a2a;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.media-alert__text-field[disabled] {
  border-color: #999;
  color: #999;
}

.media-alert__text-field--tweet {
  margin-bottom: 15px;
}

.survey-button {
  position: fixed;
  bottom: 8%;
  left: 0;
  padding: 15px 20px;
  z-index: 15;
  background-color: #f98f62;
  color: #fff;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .survey-button {
    bottom: 0;
    left: 0;
  }
}
.survey-button:focus {
  outline: none;
}
@media (hover) {
  .survey-button:hover {
    background-color: #C15F35;
  }
}

.survey-button__icon {
  height: 15px;
  width: 15px;
  padding-left: 7px;
}
.survey-button__icon > svg {
  width: inherit;
  height: inherit;
}

.case-study {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.case-study__page-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1001px) {
  .case-study__page-header {
    text-align: center;
  }
}

.case-study__page-heading {
  font-size: 38px;
  font-weight: 700;
  line-height: 42px;
}
@media screen and (min-width: 1001px) {
  .case-study__page-heading {
    font-size: 100px;
    line-height: 1;
  }
}

.case-study__heading {
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
}
@media screen and (min-width: 1001px) {
  .case-study__heading {
    font-size: 68px;
    line-height: 82px;
  }
}

.case-study__intro {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (min-width: 1001px) {
  .case-study__intro {
    font-size: 22px;
    line-height: 32px;
    margin-top: 32px;
  }
}

.case-study__copy.full-width {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
.case-study__copy.two-columns {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 64px;
     -moz-column-gap: 64px;
          column-gap: 64px;
}
@media screen and (max-width: 768px) {
  .case-study__copy.two-columns {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.case-study__copy > .case-study__heading {
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
}
@media screen and (min-width: 1001px) {
  .case-study__copy > .case-study__heading {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
  }
}
.case-study__copy a {
  color: inherit !important;
  text-decoration: underline;
}

.case-study__media-container {
  position: relative;
  width: 100%;
}
.case-study__media-container > figcaption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
}
.case-study__media-container > iframe {
  height: 585px;
  max-height: 54VW;
}

.case-study__media-video {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.case-study__media-video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.case-study__image {
  position: relative;
}

.case-study__image--clickable {
  cursor: pointer;
}

.case-study__divider {
  display: inline-block;
  width: 8px;
  height: 250px;
}
@media screen and (max-width: 580px) {
  .case-study__divider {
    width: 6px;
    height: 180px;
  }
}

.case-study__divider--sm {
  height: 128px;
}

.case-study__cta {
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 580px) {
  .case-study__cta {
    padding-left: 0;
    padding-right: 0;
  }
}

.image-oriented {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 580px) {
  .image-oriented {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.image-oriented--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 580px) {
  .image-oriented--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.image-oriented__copy-wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 580px) {
  .image-oriented__copy-wrapper {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.image-oriented__image-wrapper {
  margin-right: 40px;
}
@media screen and (max-width: 580px) {
  .image-oriented__image-wrapper {
    margin-left: 0;
  }
}

.image-oriented__heading {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
}

.next-prev-pagination {
  padding-bottom: 16px;
}
.next-prev-pagination .prev {
  width: 50%;
  display: inline-block;
}
.next-prev-pagination .next {
  text-align: right;
  width: calc(50% - 6px);
  display: inline-block;
}
.next-prev-pagination .next.full-width {
  width: 100%;
}
.next-prev-pagination .prev, .next-prev-pagination .next {
  color: #272725;
}
.next-prev-pagination .prev:hover, .next-prev-pagination .prev:focus, .next-prev-pagination .next:hover, .next-prev-pagination .next:focus {
  outline: none;
  text-decoration: underline;
}
.next-prev-pagination .prev .prev__icon svg, .next-prev-pagination .prev .next__icon svg, .next-prev-pagination .next .prev__icon svg, .next-prev-pagination .next .next__icon svg {
  width: 30px;
  display: inline-block;
}

.substance-result {
  position: relative;
}
.substance-result + .substance-result {
  margin-top: 20px;
}
@media screen and (min-width: 581px) {
  .substance-result + .substance-result {
    margin-top: 32px;
  }
}

.substance-result__link {
  color: #272725;
  text-decoration: none;
}
.substance-result__link:hover, .substance-result__link:focus {
  text-decoration: underline;
}

.alphabet-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.alphabet-navigation__item {
  list-style: none;
  text-align: center;
}

.alphabet-navigation__placeholder {
  display: block;
  width: 48px;
  padding: 8px 16px;
  color: #dddddd;
}

.alphabet-navigation__link {
  display: block;
  width: 48px;
  padding: 8px 16px;
  border-bottom: none !important;
  font-size: 1.125rem;
  color: #272725 !important;
  cursor: pointer;
}
.alphabet-navigation__link:hover, .alphabet-navigation__link:focus {
  background-color: #e0e88f;
}

.alphabet-navigation__link--active {
  color: #fff !important;
  background-color: #000;
}

.print-footer,
.print-footer-links {
  display: none;
}

.footer {
  width: 100%;
  padding: 50px 20px;
  background-color: #272725;
}
@media (min-width: 999px) {
  .footer {
    padding: 60px 50px;
  }
}
.footer li {
  list-style: none;
  line-height: 16px;
}
.footer__main {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}
@media (min-width: 999px) {
  .footer__main {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 60px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 20px;
  }
}
.footer__main--mobile-logo {
  width: auto;
  height: 60px;
  display: block;
  margin: 0 0 50px;
}
.footer__main--mobile-logo svg {
  display: block;
  width: auto;
  height: 100%;
  color: #fff;
  fill: #fff;
}
@media (min-width: 999px) {
  .footer__main--mobile-logo {
    display: none;
  }
}
.footer__main--tagline {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.footer__main--tagline p {
  max-width: 275px;
  color: #fff;
  font-size: 32px;
  line-height: 38px;
  margin: 0 auto;
}
@media (min-width: 999px) {
  .footer__main--tagline {
    max-width: 300px;
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
  }
  .footer__main--tagline p {
    max-width: 100%;
    font-size: 36px;
    line-height: 44.8px;
    margin: 0;
  }
}
.footer__main--menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
}
@media (max-width: 999px) {
  .footer__main--menus {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1440px) {
  .footer__main--menus {
    gap: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 700px;
  }
  .footer__main--menus > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.footer__main--title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.2px;
}
.footer__main ul {
  max-width: 250px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.footer__main ul li {
  line-height: 1.3;
  margin-bottom: 8px;
}
.footer__main ul li:last-child {
  margin-bottom: 0;
}
.footer__main ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
.footer__main ul li a:hover {
  color: #d6e26e;
  text-decoration: underline;
}
.footer__main--services ul.footer__main--services--menu {
  padding-top: 5px;
}
@media (max-width: 999px) {
  .footer__main--contact {
    width: 100%;
  }
}
.footer__main--contact__details {
  line-height: 32px;
  padding-top: 7px;
}
.footer__main--contact p,
.footer__main--contact a {
  color: #fff;
  font-size: 14px;
  line-height: 18.2px;
}
.footer__main--contact a:hover {
  color: #d6e26e;
  text-decoration: underline;
}
.footer__main--contact__link {
  display: block;
  margin-top: 16px;
}
.footer__main--socials__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding-top: 6px !important;
}
@media (max-width: 999px) {
  .footer__main--socials__menu {
    padding-bottom: 20px !important;
  }
}
.footer__main--socials__menu li {
  display: inline-block;
  margin-bottom: 8px !important;
}
.footer__main--socials__menu li a {
  height: 100%;
  display: inline-block;
}
.footer__main--socials__menu li a:hover svg,
.footer__main--socials__menu li a:hover path {
  fill: #d6e26e;
}
.footer__logos {
  display: none;
}
@media (min-width: 999px) {
  .footer__logos {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer__logos--image {
    width: auto;
    height: 50px;
    display: block;
  }
  .footer__logos--image svg {
    display: block;
    width: auto;
    height: 100%;
    color: #fff;
    fill: #fff;
  }
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 40px;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
@media (max-width: 999px) {
  .footer__bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
    border: none;
  }
}
.footer__bottom--submenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media (max-width: 999px) {
  .footer__bottom--submenu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 40px 0 40px 0;
  }
}
.footer__bottom--submenu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 18.2px;
}
.footer__bottom--submenu li a:hover, .footer__bottom--submenu li a:focus-visible {
  color: #d6e26e;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.footer__bottom--copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 999px) {
  .footer__bottom--copyright {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 20px;
  }
}
.footer__bottom--copyright p {
  color: #a9a9a9;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.footer__bottom--shielded {
  height: 54px;
}
@media (min-width: 999px) {
  .footer__bottom--shielded {
    width: 170px;
    text-align: right;
  }
}
.footer__bottom--shielded img {
  width: 54px;
  height: 54px;
}
.footer .footer__bottom--mobile-logo {
  width: auto;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media (min-width: 999px) {
  .footer .footer__bottom--mobile-logo {
    display: none;
  }
}
.footer .footer__bottom--mobile-logo svg {
  display: block;
  width: auto;
  height: 100%;
  color: #fff;
  fill: #fff;
}

.site-footer__certifier--logos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 600px) {
  .site-footer__certifier--logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}

.site-footer__certifier--logo {
  max-width: 280px;
  height: auto;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .site-footer__certifier--logo {
    max-width: 230px;
  }
}
.site-footer__certifier--logo svg {
  width: 100%;
  height: auto;
}

.site-footer__certifier--bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 600px) {
  .site-footer__certifier--bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
  }
}

.site-footer__certifier--bottom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 992px) {
  .site-footer__certifier--bottom-text p {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .site-footer__certifier--bottom-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}
.site-footer__certifier--bottom-text p {
  margin: 0;
  padding: 0;
}

.site-footer__certifier--socials svg path {
  fill: #1c2a2a !important;
}

.report-modal {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(39, 39, 37, 0.5);
}
.report-modal.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.report-modal__inner {
  width: 450px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #272725;
  background-color: #fff;
  padding: 40px;
}
.report-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.report-modal__header .menu-button {
  margin-right: -12px;
}
.report-modal__header-title {
  max-width: 200px;
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.1px;
  margin: 0;
  padding: 0;
}

#IssueReportForm_IssueReportForm.submitting {
  pointer-events: none;
  opacity: 0.5;
}

.issue-report-form-success {
  display: none !important;
  padding: 0;
  margin: 0;
}
.issue-report-form-success.show {
  display: block !important;
}
.issue-report-form-success p {
  color: #272725;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
  padding: 0;
}

#IssueReportForm_IssueReportForm {
  width: 100%;
}
#IssueReportForm_IssueReportForm fieldset {
  width: 100%;
}
#IssueReportForm_IssueReportForm .field {
  width: 100%;
  margin-bottom: 15px;
}
#IssueReportForm_IssueReportForm .field label {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.1px;
  color: #272725;
}
#IssueReportForm_IssueReportForm .field input,
#IssueReportForm_IssueReportForm .field textarea {
  width: 100%;
  border: 2px solid #272725;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 160%;
  font-weight: 300;
}
#IssueReportForm_IssueReportForm button[type=submit] {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 0;
  margin-left: auto;
}

.element-banner {
  padding: 40px 0;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 32px;
}
@media (min-width: 600px) {
  .element-banner {
    margin-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .element-banner {
    min-height: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .element-banner {
    min-height: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 0 65px 0;
  }
}
.element-banner__content h1 {
  font-size: 38px;
  line-height: 120%;
  font-weight: 200;
}
@media (min-width: 1280px) {
  .element-banner__content h1 {
    font-size: 60px;
    line-height: 62px;
  }
}
.element-banner__content--text {
  max-width: 512px;
  width: 100%;
  margin-top: 16px;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1280px) {
  .element-banner__content--text {
    font-size: 20px;
  }
}
.element-banner__content--wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .element-banner__content--wrapper {
    margin-top: 40px;
  }
}
.element-banner__content--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.element-banner__content--popular-topics {
  max-width: 100%;
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 1280px) {
  .element-banner__content--popular-topics {
    max-width: 512px;
    margin-top: -32px;
  }
}
@media (max-width: 600px) {
  .element-banner__content--popular-topics {
    display: none;
  }
}
@media (min-width: 601px) {
  .element-banner__content--popular-topics .button--popular-topic {
    min-height: 40px;
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.element-banner__content--popular-topics .title {
  font-weight: bold;
}
.element-banner__content--popular-topics .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.element-banner__content--popular-topics .button, .element-banner__content--popular-topics .wsf input[type=submit], .wsf .element-banner__content--popular-topics input[type=submit],
.element-banner__content--popular-topics .wsf button[type=submit],
.wsf .element-banner__content--popular-topics button[type=submit], .element-banner__content--popular-topics .menu-button, .element-banner__content--popular-topics .notify-button, .element-banner__content--popular-topics .login-button {
  text-wrap: wrap;
  text-align: left;
  font-weight: 400;
}
.element-banner__mobile-popular-topics {
  max-width: 100%;
  width: 100%;
  margin-top: 32px;
  display: none;
}
@media (max-width: 600px) {
  .element-banner__mobile-popular-topics {
    display: block;
  }
}
.element-banner__mobile-popular-topics .title {
  font-weight: bold;
}
.element-banner__mobile-popular-topics .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.element-banner__mobile-popular-topics .button--popular-topic {
  min-height: 35px;
  line-height: 1.2;
  text-wrap: wrap;
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.element-content-image {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-content-image {
    padding: 50px 0;
  }
}
.element-content-image__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 32px;
}
@media (min-width: 1280px) {
  .element-content-image__inner {
    gap: 0px;
  }
}
@media (min-width: 600px) {
  .element-content-image__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
@media (max-width: 600px) {
  .element-content-image__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 600px) {
  .element-content-image__inner.layout-reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.element-content-image__content {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 600px) {
  .element-content-image__content {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 1280px) {
  .element-content-image__content {
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .element-content-image__content {
    max-width: 425px;
  }
}
.element-content-image__content h2 {
  color: #272725;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 16px;
}
@media (min-width: 1280px) {
  .element-content-image__content h2 {
    font-size: 48px;
  }
}
.element-content-image__content--text {
  color: #272725;
  font-size: 16px;
  font-weight: 300;
  line-height: 25.2px;
  letter-spacing: -0.1px;
}
@media (min-width: 1280px) {
  .element-content-image__content--text {
    font-size: 18px;
  }
}
.element-content-image__content--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
}
.element-content-image__image {
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
@media (min-width: 600px) and (max-width: 1280px) {
  .element-content-image__image {
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .element-content-image__image {
    max-width: 525px;
  }
}

.element-latest-news {
  padding: 32px 0;
  position: relative;
}
@media (min-width: 600px) {
  .element-latest-news {
    padding: 50px 0;
  }
}
.element-latest-news__inner {
  position: relative;
}
.element-latest-news__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.element-latest-news__title p,
.element-latest-news__title a {
  color: #272725;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.15px;
}
@media (max-width: 600px) {
  .element-latest-news__title p,
  .element-latest-news__title a {
    font-size: 14px;
  }
}
.element-latest-news__title p {
  font-weight: 700;
  text-transform: uppercase;
}
.element-latest-news__title a {
  color: #1c2a2a;
  font-weight: 400;
}
.element-latest-news__title a:hover {
  text-decoration: underline;
}
.element-latest-news__articles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0;
  margin: 0;
}
@media (max-width: 600px) {
  .element-latest-news__articles {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.element-latest-news__articles--article {
  list-style: none;
  padding: 20px;
  border: 1px solid #272725;
  border-radius: 4px;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}
.element-latest-news__articles--article:hover {
  background: #f7f9e3;
}
.element-latest-news__articles--article:hover .element-latest-news__articles--article__link {
  border-bottom: 2px solid #d6e26e;
}
.element-latest-news__articles--article:hover .element-latest-news__articles--article__link::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.element-latest-news__articles--article a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.element-latest-news__articles--article__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.element-latest-news__articles--article__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  color: #272725;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.element-latest-news__articles--article__title {
  color: #272725;
  font-size: 21px;
  font-weight: 700;
  line-height: 29.4px;
  margin-top: 8px;
}
.element-latest-news__articles--article__summary {
  color: #272725;
  font-size: 16px;
  font-weight: 300;
  line-height: 25.2px;
  letter-spacing: -0.1px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 600px) {
  .element-latest-news__articles--article__summary {
    margin-top: 20px;
  }
}
.element-latest-news__articles--article__link {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  margin: 20px 0 0;
  font-size: 18px;
}
@media screen and (max-width: 580px) {
  .element-latest-news__articles--article__link {
    font-size: 16px;
    line-height: 24px;
  }
}
.element-latest-news__articles--article__link::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.element-latest-news__articles--article__link:focus {
  border-bottom: 2px solid #d6e26e;
}
.element-latest-news__articles--article__link:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  .element-latest-news__articles--article__link {
    display: inline-block;
  }
}

.element-grid-cards {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-grid-cards {
    padding: 50px 0;
  }
}
@media (min-width: 1280px) {
  .element-grid-cards {
    padding-bottom: 70px;
  }
}
.element-grid-cards__inner {
  position: relative;
}
.element-grid-cards__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 16px;
}
@media (max-width: 1280px) {
  .element-grid-cards__title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}
.element-grid-cards__title--text {
  color: #272725;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (min-width: 1280px) {
  .element-grid-cards__title--text {
    font-size: 48px;
    line-height: 45.6px;
  }
}
.element-grid-cards__title a {
  color: #1c2a2a;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.15px;
}
@media (max-width: 600px) {
  .element-grid-cards__title a {
    font-size: 14px;
  }
}
.element-grid-cards__title a:hover {
  text-decoration: underline;
}
.element-grid-cards__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media (min-width: 600px) and (max-width: 1280px) {
  .element-grid-cards__list {
    gap: 32px;
  }
}
@media (min-width: 1280px) {
  .element-grid-cards__list {
    gap: 60px;
  }
}
@media (max-width: 600px) {
  .element-grid-cards__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.element-grid-cards__list--item {
  list-style: none;
}
.element-grid-cards__list--item .grid-card__linked:hover .element-grid-cards__list--item__image {
  opacity: 0.8;
}
.element-grid-cards__list--item .grid-card__linked:hover .element-grid-cards__list--item__text:before {
  background-color: #d6e26e;
}
.element-grid-cards__list--item .grid-card__linked:hover .element-grid-cards__list--item__read-more {
  border-bottom: 2px solid #d6e26e;
}
.element-grid-cards__list--item .grid-card__linked:hover .element-grid-cards__list--item__read-more::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.element-grid-cards__list--item__image {
  display: none;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
@media (min-width: 600px) {
  .element-grid-cards__list--item__image {
    display: block;
  }
}
.element-grid-cards__list--item__image-mobile {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .element-grid-cards__list--item__image-mobile {
    display: none;
  }
}
.element-grid-cards__list--item__title {
  color: #272725;
  font-size: 21px;
  font-weight: 700;
  line-height: 36.4px;
}
@media (min-width: 1280px) {
  .element-grid-cards__list--item__title {
    font-size: 28px;
  }
}
.element-grid-cards__list--item__text {
  color: #272725;
  font-size: 16px;
  font-weight: 300;
  line-height: 25.2px;
  letter-spacing: -0.1px;
  margin-top: 10px;
  position: relative;
}
@media (min-width: 1280px) {
  .element-grid-cards__list--item__text {
    font-size: 18px;
  }
}
.element-grid-cards__list--item__text::before {
  display: block;
  content: "";
  width: 65px;
  height: 1px;
  background-color: #272725;
  margin-bottom: 16px;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
.element-grid-cards__list--item__read-more {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  margin: 20px 0 0;
}
@media screen and (max-width: 580px) {
  .element-grid-cards__list--item__read-more {
    font-size: 16px;
    line-height: 24px;
  }
}
.element-grid-cards__list--item__read-more::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.element-grid-cards__list--item__read-more:focus {
  border-bottom: 2px solid #d6e26e;
}
.element-grid-cards__list--item__read-more:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.element-tiles {
  padding: 32px 0;
  background-color: #535354;
}
@media (min-width: 600px) {
  .element-tiles {
    padding: 50px 0 70px;
  }
}
.element-tiles__inner {
  position: relative;
}
.element-tiles__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.element-tiles__title p {
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.15px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .element-tiles__title p {
    font-size: 14px;
  }
}
.element-tiles__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 20px;
}
@media (max-width: 600px) {
  .element-tiles__list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 600px) {
  .element-tiles__list--tile-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.element-tiles__list.white-icons svg * {
  stroke: #fff;
}
.element-tiles__list--tile {
  min-width: 270px;
  list-style: none;
  padding: 32px;
  border-radius: 4px;
  border: 1px solid #a9a9a9;
  -webkit-transition: border-color 0.1s ease-out, background-color 0.1s ease-out;
  transition: border-color 0.1s ease-out, background-color 0.1s ease-out;
}
.element-tiles__list--tile:hover {
  border-color: #d6e26e;
  background-color: rgba(0, 0, 0, 0.05);
}
.element-tiles__list--tile:hover svg * {
  stroke: #d6e26e;
}
.element-tiles__list--tile:hover .element-tiles__list--tile__read-more span {
  border-bottom: 2px solid #d6e26e;
}
.element-tiles__list--tile:hover .element-tiles__list--tile__read-more span::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.element-tiles__list--tile__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 64px;
  text-align: left;
  margin: 0 auto 20px 0;
}
.element-tiles__list--tile__icon img {
  max-width: 100%;
  max-height: 100%;
}
.element-tiles__list--tile__icon svg {
  -webkit-transition: stroke 0.1s ease-out;
  transition: stroke 0.1s ease-out;
}
.element-tiles__list--tile__title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
@media (min-width: 1280px) {
  .element-tiles__list--tile__title {
    font-size: 36px;
  }
}
.element-tiles__list--tile__text {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.2px;
  letter-spacing: -0.1px;
  padding: 0;
  margin: 10px 0 20px;
}
@media (min-width: 1280px) {
  .element-tiles__list--tile__text {
    font-size: 18px;
  }
}
.element-tiles__list--tile__read-more {
  margin: 20px 0 0;
}
@media (min-width: 600px) {
  .element-tiles__list--tile__read-more {
    margin-top: auto;
    margin-bottom: 0;
  }
}
.element-tiles__list--tile__read-more span {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 580px) {
  .element-tiles__list--tile__read-more span {
    font-size: 16px;
    line-height: 24px;
  }
}
.element-tiles__list--tile__read-more span::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.element-tiles__list--tile__read-more span::after {
  content: url(/_resources/themes/worksafe/images/arrow-right-white.svg) !important;
}
.element-tiles__list--tile__read-more span svg {
  fill: #fff;
}
.element-tiles__list--tile__read-more span:focus {
  border-bottom: 2px solid #d6e26e;
}
.element-tiles__list--tile__read-more span:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.element-alert {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-alert {
    padding: 50px 0;
  }
}
.element-alert.hide {
  display: none !important;
}

.element-alert__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  gap: 16px;
  border: 2px solid #dc3e38;
  border-radius: 4px;
  padding: 30px;
}
@media (min-width: 600px) {
  .element-alert__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}

.element-alert__body {
  width: 100%;
}

.element-alert__top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.element-alert__top h2 {
  color: #dc3e38;
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -0.2px;
}
.element-alert__top .alert-close {
  display: block;
}
@media (max-width: 600px) {
  .element-alert__top .alert-close {
    position: absolute;
    top: 30px;
    right: 30px;
  }
}
.element-alert__top .close-icon {
  width: 15px !important;
  height: 15px !important;
  cursor: pointer;
}

.element-alert__sub-title {
  color: #1c2a2a;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.15px;
  text-transform: uppercase;
}

.element-alert__content {
  color: #1c2a2a;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: -0.1px;
  margin-top: 16px;
}
.element-alert__content * {
  font-size: 16px !important;
}
.element-alert__content p {
  margin-bottom: 16px;
}
.element-alert__content ul, .element-alert__content ol {
  padding-left: 30px;
  margin-bottom: 16px;
}
.element-alert__content a {
  text-decoration: underline;
}

.element.theme--lime .element-cards__tile--link:hover {
  border-bottom: 2px solid #000;
}

.element-cards {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-cards {
    padding: 50px 0;
  }
}

.element-cards__text {
  margin-top: 16px;
}

.element-cards__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 20px;
  list-style: none;
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
}

@media (min-width: 600px) {
  .element-cards__tile {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .element-cards__tile {
    width: calc(33.333% - 20px);
  }
}

.element-cards__tile--linked:hover .element-cards__tile--image {
  opacity: 0.8;
}
.element-cards__tile--linked:hover .element-cards__tile--read-more {
  border-bottom: 2px solid #d6e26e;
}
.element-cards__tile--linked:hover .element-cards__tile--read-more::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.element-cards__tile--image {
  width: 100%;
  height: auto;
  max-height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 18px;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.element-cards__tile--title {
  font-weight: 600;
  font-size: 21px;
  line-height: 35px;
  letter-spacing: -0.19px;
}

.element-cards__tile--content {
  font-weight: 325;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: -0.1px;
  margin: 16px 0 0 !important;
}

.element-cards__tile--read-more {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
  display: inline-block;
  height: 32px;
  color: #272725;
  text-decoration: none;
  margin: 20px 0 0;
}
@media screen and (max-width: 580px) {
  .element-cards__tile--read-more {
    font-size: 16px;
    line-height: 24px;
  }
}
.element-cards__tile--read-more::after {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 16px;
  content: url(/_resources/themes/worksafe/images/icon-arrow-right.svg);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
  transition: transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1), -webkit-transform 0.3s cubic-bezier(0.12, 0.825, 0.23, 1);
}
.element-cards__tile--read-more:focus {
  border-bottom: 2px solid #d6e26e;
}
.element-cards__tile--read-more:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.element-cards__list {
  margin-top: 16px;
  padding: 0 !important;
}
@media (min-width: 600px) {
  .element-cards__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.element-cards__list li {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 16px 0 0 0 !important;
}
.element-cards__list a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  gap: 32px;
  color: #000 !important;
  text-decoration: none !important;
  border-radius: 2px;
  border: 2px solid #d8e27e !important;
  -webkit-transition: background 0.2s ease, border 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease;
}
.element-cards__list a:hover {
  background-color: #d8e27e;
}
.element-cards__list a p {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.1px;
  margin: 0 !important;
}

.element-cards__icon {
  width: 15px;
}
.element-cards__icon svg {
  width: auto;
  height: 12px !important;
  max-height: 12px !important;
  max-width: auto !important;
}

.element.theme--lime .element-cards__list li a {
  border-color: #000 !important;
}
.element.theme--lime .element-cards__list li a:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}

@media (min-width: 600px) {
  .ContentPage .element-cards__tile {
    width: calc(50% - 20px) !important;
  }
}

.element.theme--white {
  background-color: #fff;
}
.element.theme--grey {
  background-color: #f9faf8;
}
.element.theme--lime {
  background-color: #e0e88f;
}
.element.theme--lime .title-underline:after {
  background-color: #fff;
}
.element.theme--lime .button--primary, .element.theme--lime .wsf input[type=submit], .wsf .element.theme--lime input[type=submit],
.element.theme--lime .wsf button[type=submit],
.wsf .element.theme--lime button[type=submit] {
  color: #272725;
  background-color: none !important;
  border-color: #272725;
  background: #1c2a2a !important;
  border-color: #1c2a2a !important;
  color: #fff !important;
}
.element.theme--lime .button--primary:hover, .element.theme--lime .wsf input[type=submit]:hover, .wsf .element.theme--lime input[type=submit]:hover,
.element.theme--lime .wsf button[type=submit]:hover,
.wsf .element.theme--lime button[type=submit]:hover {
  color: #fff;
  background-color: #535354 !important;
  border-color: #535354;
}
.element.theme--lime .button--primary:active, .element.theme--lime .wsf input[type=submit]:active, .wsf .element.theme--lime input[type=submit]:active,
.element.theme--lime .wsf button[type=submit]:active,
.wsf .element.theme--lime button[type=submit]:active {
  background-color: #272725;
  border-color: #272725;
}
.element.theme--lime .button--primary:disabled, .element.theme--lime .wsf input[type=submit]:disabled, .wsf .element.theme--lime input[type=submit]:disabled,
.element.theme--lime .wsf button[type=submit]:disabled,
.wsf .element.theme--lime button[type=submit]:disabled {
  color: #a9a9a9;
  background-color: transparent;
  border-color: #a9a9a9;
  cursor: default;
}
.element.theme--lime .button--primary:disabled, .element.theme--lime .wsf input[type=submit]:disabled, .wsf .element.theme--lime input[type=submit]:disabled,
.element.theme--lime .wsf button[type=submit]:disabled,
.wsf .element.theme--lime button[type=submit]:disabled, .element.theme--lime .button--primary[disabled=disabled], .element.theme--lime .wsf input[disabled=disabled][type=submit], .wsf .element.theme--lime input[disabled=disabled][type=submit],
.element.theme--lime .wsf button[disabled=disabled][type=submit],
.wsf .element.theme--lime button[disabled=disabled][type=submit], .element.theme--lime .button--primary[disabled=true], .element.theme--lime .wsf input[disabled=true][type=submit], .wsf .element.theme--lime input[disabled=true][type=submit],
.element.theme--lime .wsf button[disabled=true][type=submit],
.wsf .element.theme--lime button[disabled=true][type=submit] {
  cursor: default;
  color: #a9a9a9;
  background: none;
  border-color: #a9a9a9;
}
.element.theme--lime .element-sections__list a:hover {
  border-color: #272725 !important;
}
.element .wrapper {
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1042px;
}

.title-underline:after {
  display: block;
  content: "";
  width: 48px;
  height: 4px;
  margin-top: 16px;
  background-color: #e1e5da;
}

.element-video {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-video {
    padding: 50px 0;
  }
}
.element-video h2 {
  margin-bottom: 32px;
}
.element-video iframe {
  position: relative !important;
  aspect-ratio: 16/9;
}

.element-sections {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-sections {
    padding: 50px 0;
  }
}

.element-sections__title {
  color: #1c2a2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.15px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.element-sections__list {
  padding: 0 !important;
  list-style: none;
}
@media (min-width: 600px) {
  .element-sections__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.element-sections__list li {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 16px 0 0 0 !important;
}
.element-sections__list a {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 2px;
  letter-spacing: -0.1px;
  color: #272725;
}
.element-sections__list a:hover {
  border-bottom: 2px solid #d6e26e;
}

.element-logos {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-logos {
    padding: 50px 0;
  }
}
.element-logos p {
  margin-top: 16px;
}

.element-logos__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
}
.element-logos__list li {
  width: calc(50% - 20px);
}
@media (min-width: 1024px) {
  .element-logos__list li {
    width: calc(25% - 20px);
  }
}
.element-logos__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 245px;
  padding: 16px 8px;
  color: transparent !important;
  border: 1px solid #e1e5da !important;
  text-decoration: none;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}
.element-logos__list a.no-link {
  pointer-events: none;
}
.element-logos__list a:hover {
  border-width: 4px !important;
  border-color: #1c2a2a !important;
}
.element-logos__list img {
  width: auto;
  max-width: 90%;
  max-height: 140px;
}
@media (min-width: 1024px) {
  .element-logos__list img {
    max-width: 200px;
  }
}

.element-key-facts {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .element-key-facts {
    padding: 50px 0;
  }
}

.element-key-facts__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
}
@media (min-width: 600px) {
  .element-key-facts__tiles.layout--2 .element-key-facts__tile {
    width: calc(50% - 20px);
  }
}
@media (min-width: 600px) {
  .element-key-facts__tiles.layout--3 .element-key-facts__tile {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .element-key-facts__tiles.layout--3 .element-key-facts__tile {
    width: calc(33.333% - 20px);
  }
}
@media (min-width: 600px) {
  .element-key-facts__tiles.layout--4 .element-key-facts__tile {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1200px) {
  .element-key-facts__tiles.layout--4 .element-key-facts__tile {
    width: calc(25% - 20px);
  }
}
.element-key-facts__tiles.layout--4 .element-key-facts__tile--title {
  font-size: 30px !important;
  line-height: 36px !important;
}
.element-key-facts__tiles .element-key-facts__tile {
  width: 100%;
  padding: 24px 28px;
  margin: 0 !important;
}
.element-key-facts__tiles .element-key-facts__tile.bg--teal {
  background-color: #9ad4d4;
}
.element-key-facts__tiles .element-key-facts__tile.bg--white {
  background-color: #fff;
}
.element-key-facts__tiles .element-key-facts__tile.bg--purple {
  background-color: #943a7a;
}
.element-key-facts__tiles .element-key-facts__tile.bg--purple * {
  color: #fff !important;
}
.element-key-facts__tiles .element-key-facts__tile.bg--purple .element-key-facts__tile--link:hover {
  border-color: #fff !important;
}
.element-key-facts__tiles .element-key-facts__tile.bg--purple svg {
  fill: #fff;
}
.element-key-facts__tiles .element-key-facts__tile.bg--lime {
  background-color: #e0e88f;
}
.element-key-facts__tiles .element-key-facts__tile.bg--darkblue {
  background-color: #303e5c;
}
.element-key-facts__tiles .element-key-facts__tile.bg--darkblue * {
  color: #fff !important;
}
.element-key-facts__tiles .element-key-facts__tile.bg--darkblue .element-key-facts__tile--link:hover {
  border-color: #fff !important;
}
.element-key-facts__tiles .element-key-facts__tile.bg--darkblue svg {
  fill: #fff;
}

.element-key-facts__tile--title {
  font-weight: 300;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: -0.5px;
  word-wrap: break-word;
}

.element-key-facts__text {
  margin-top: 16px;
}

.element-key-facts__tile--content {
  font-weight: 325;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: -0.1px;
  margin-top: 16px;
}

.element-key-facts__tile--link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.1px;
  margin: 16px 0 0;
  color: #000 !important;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: transparent;
}
.element-key-facts__tile--link:hover {
  border-color: #000 !important;
}
.element-key-facts__tile--link svg {
  width: auto;
  height: 12px !important;
  max-height: 12px !important;
  max-width: auto !important;
}

.ContentPage .element .wrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.ContentPage .element-logos__list li {
  width: calc(50% - 20px);
}
@media (min-width: 1024px) {
  .ContentPage .element-key-facts__tile {
    width: calc(50% - 20px) !important;
  }
}
.ContentPage .element-video {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.flatpickr-month .flatpickr-current-month > div,
.flatpickr-month .flatpickr-current-month > span {
  display: inline-block;
  height: 24px;
}

body .flatpickr-current-month .numInputWrapper {
  width: 100px;
}

.flatpickr-calendar .flatpickr-month {
  background: #afbd4d;
}

body .flatpickr-calendar .flatpickr-innerContainer {
  border-color: #afbd4d;
}

body .flatpickr-calendar.open {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

body .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #afbd4d;
}

body .flatpickr-month .flatpickr-current-month .cur-month {
  line-height: 24px;
}

body .flatpickr-month .flatpickr-current-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
 * Scopes: CMS Content
 * --
 * Used to wrap any markup that comes directly from the CMS, and applies
 * additional styles
 */
.s-cms-content h1, .s-cms-content h2, .s-cms-content h3, .s-cms-content h4, .s-cms-content h5, .s-cms-content h6 {
  margin-bottom: 16px;
}
.s-cms-content h1:last-child, .s-cms-content h2:last-child, .s-cms-content h3:last-child, .s-cms-content h4:last-child, .s-cms-content h5:last-child, .s-cms-content h6:last-child {
  margin-bottom: 0;
}
.s-cms-content h2 {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .s-cms-content h2 {
    font-size: 18px;
  }
}
.s-cms-content h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .s-cms-content h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.s-cms-content p {
  margin-bottom: 20px;
}
.s-cms-content p:last-child:not(.intro) {
  margin-bottom: 0;
}
.s-cms-content .intro {
  font-size: 1.25rem;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow) {
  color: #4a90e2;
  border-bottom: 1.5px solid;
  text-decoration: none;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow):visited {
  color: #994be2;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external::after {
  content: url(/_resources/themes/worksafe/images/icon-external-link.svg);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-size: cover) or (mask-size: cover)) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
  .s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external::after {
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
            mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external .nonvisual-indicator {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external .nonvisual-indicator.focusable:active, .s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external .nonvisual-indicator.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external > span.button--primary {
  margin-right: -24px;
  position: relative;
  z-index: 1;
}
.s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external > span.button--primary::after {
  content: url(/_resources/themes/worksafe/images/icon-external-link.svg);
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-size: cover) or (mask-size: cover)) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
  .s-cms-content a:not(.button):not(.menu-button):not(.notify-button):not(.login-button):not(.document):not(.link-with-arrow).external > span.button--primary::after {
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
            mask-image: url(/_resources/themes/worksafe/images/icon-external-link.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
.s-cms-content .nonvisual-indicator {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
.s-cms-content .nonvisual-indicator.focusable:active, .s-cms-content .nonvisual-indicator.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.s-cms-content ul, .s-cms-content ol {
  padding-left: 40px;
  margin-bottom: 20px;
}
.s-cms-content li {
  margin-bottom: 10px;
}
.s-cms-content li > div {
  display: inline;
}
.s-cms-content dt {
  font-weight: 700;
}
.s-cms-content dt:nth-child(n+2) {
  margin-top: 16px;
}
.s-cms-content img {
  max-width: 100%;
  height: auto;
}
.s-cms-content h1, .s-cms-content .h1,
.s-cms-content h2, .s-cms-content .h2,
.s-cms-content h3, .s-cms-content .h3 {
  margin-top: 40px;
}
.s-cms-content h4, .s-cms-content .h4,
.s-cms-content h5, .s-cms-content .h5,
.s-cms-content h6, .s-cms-content .h6 {
  margin-top: 32px;
}
.s-cms-content * + figure {
  margin-top: 20px;
}
.s-cms-content .highlight-block {
  margin-top: 20px;
}
.s-cms-content * + table,
.s-cms-content * + .table-wrapper {
  margin-top: 20px;
}
.s-cms-content .document {
  margin-top: 40px;
}
.s-cms-content .accordion h2,
.s-cms-content .accordion h3 {
  margin-bottom: 0;
}
.s-cms-content .accordion h2::after,
.s-cms-content .accordion h3::after {
  display: none;
}
.s-cms-content .accordion:not(:last-of-type) .accordion-content {
  margin-bottom: 20px;
}
.s-cms-content .highlight-block .accordion-toggle {
  font-size: inherit;
}

.embed {
  max-width: 100%;
}
.embed iframe {
  max-width: 100%;
}

/*
 * Scopes: Notifiable Event App - Typography
 * --
 * Specific type styles for the notifiable event app
 */
.notifiable-event-app {
  /*
    ==========================
    general
    ==========================
  */
  /* main page title */
  /* --------------- */
  /* heading */
  /* ------- */
  /* sub-heading */
  /* ----------- */
  /* minor heading */
  /* ------------- */
  /* subminor headings */
  /* --------------------- */
  /* header spacing */
  /* -------------- */
  /*
    ==========================
    paragraphs
    ==========================
  */
  /* button styles */
  /* ------------- */
  /* buttons acting as links */
  /* ----------------------- */
  /* links as plain text */
  /* ------------------- */
  /*
    ===============================================================================
    TABLET
    ===============================================================================
  */
  /*
    ===============================================================================
    SMART PHONE
    ===============================================================================
  */
}
.notifiable-event-app,
.notifiable-event-app body,
.notifiable-event-app input,
.notifiable-event-app select,
.notifiable-event-app textarea {
  font-style: normal;
  font-weight: 300;
  line-height: 1.375;
  color: #272725;
}
.notifiable-event-app h1,
.notifiable-event-app .h1 {
  position: relative;
  font-size: 40px;
  line-height: 52px;
}
.notifiable-event-app h1 + *,
.notifiable-event-app .h1 + * {
  margin-top: 40px !important;
}
.notifiable-event-app h1.visuallyhidden + *,
.notifiable-event-app .h1.visuallyhidden + * {
  margin-top: 0 !important;
}
.notifiable-event-app h2,
.notifiable-event-app .h2 {
  clear: both;
  font-size: 24px;
  line-height: 1.08;
}
.notifiable-event-app h3,
.notifiable-event-app .h3 {
  position: relative;
  font-size: 36px;
  line-height: 52px;
  margin-bottom: 40px;
  /* no line variation */
}
.notifiable-event-app h3.no-line:after,
.notifiable-event-app .h3.no-line:after {
  content: none;
  display: none;
}
.notifiable-event-app h4,
.notifiable-event-app .h4 {
  font-size: 28px;
  line-height: 40px;
  text-transform: none;
}
.notifiable-event-app h5,
.notifiable-event-app .h5 {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 50px;
}
.notifiable-event-app h6,
.notifiable-event-app .h6 {
  font-size: 14px;
  line-height: 1.333;
  text-transform: uppercase;
}
.notifiable-event-app h2 + *, .notifiable-event-app .h2 + *,
.notifiable-event-app h3 + *, .notifiable-event-app .h3 + *,
.notifiable-event-app h4 + *, .notifiable-event-app .h4 + *,
.notifiable-event-app h5 + *, .notifiable-event-app .h5 + *,
.notifiable-event-app h6 + *, .notifiable-event-app .h6 + * {
  margin-top: 20px !important;
}
hr + .notifiable-event-app h2, hr + .notifiable-event-app .h2,
hr + .notifiable-event-app h3, hr + .notifiable-event-app .h3,
hr + .notifiable-event-app h4, hr + .notifiable-event-app .h4,
hr + .notifiable-event-app h5, hr + .notifiable-event-app .h5,
hr + .notifiable-event-app h6, hr + .notifiable-event-app .h6 {
  margin-top: 52px !important;
}
.notifiable-event-app * + h2, .notifiable-event-app * + .h2,
.notifiable-event-app * + h3, .notifiable-event-app * + .h3,
.notifiable-event-app * + h4, .notifiable-event-app * + .h4,
.notifiable-event-app * + h5, .notifiable-event-app * + .h5,
.notifiable-event-app * + h6, .notifiable-event-app * + .h6 {
  margin-top: 52px !important;
}
.notifiable-event-app h2 + h2, .notifiable-event-app h2 + .h2, .notifiable-event-app h2 + h3, .notifiable-event-app h2 + .h3, .notifiable-event-app h2 + h4, .notifiable-event-app h2 + .h4, .notifiable-event-app h2 + h5, .notifiable-event-app h2 + .h5, .notifiable-event-app h2 + h6, .notifiable-event-app h2 + .h6, .notifiable-event-app .h2 + h2, .notifiable-event-app .h2 + .h2, .notifiable-event-app .h2 + h3, .notifiable-event-app .h2 + .h3, .notifiable-event-app .h2 + h4, .notifiable-event-app .h2 + .h4, .notifiable-event-app .h2 + h5, .notifiable-event-app .h2 + .h5, .notifiable-event-app .h2 + h6, .notifiable-event-app .h2 + .h6,
.notifiable-event-app h3 + h2,
.notifiable-event-app h3 + .h2,
.notifiable-event-app h3 + h3,
.notifiable-event-app h3 + .h3,
.notifiable-event-app h3 + h4,
.notifiable-event-app h3 + .h4,
.notifiable-event-app h3 + h5,
.notifiable-event-app h3 + .h5,
.notifiable-event-app h3 + h6,
.notifiable-event-app h3 + .h6, .notifiable-event-app .h3 + h2, .notifiable-event-app .h3 + .h2, .notifiable-event-app .h3 + h3, .notifiable-event-app .h3 + .h3, .notifiable-event-app .h3 + h4, .notifiable-event-app .h3 + .h4, .notifiable-event-app .h3 + h5, .notifiable-event-app .h3 + .h5, .notifiable-event-app .h3 + h6, .notifiable-event-app .h3 + .h6,
.notifiable-event-app h4 + h2,
.notifiable-event-app h4 + .h2,
.notifiable-event-app h4 + h3,
.notifiable-event-app h4 + .h3,
.notifiable-event-app h4 + h4,
.notifiable-event-app h4 + .h4,
.notifiable-event-app h4 + h5,
.notifiable-event-app h4 + .h5,
.notifiable-event-app h4 + h6,
.notifiable-event-app h4 + .h6, .notifiable-event-app .h4 + h2, .notifiable-event-app .h4 + .h2, .notifiable-event-app .h4 + h3, .notifiable-event-app .h4 + .h3, .notifiable-event-app .h4 + h4, .notifiable-event-app .h4 + .h4, .notifiable-event-app .h4 + h5, .notifiable-event-app .h4 + .h5, .notifiable-event-app .h4 + h6, .notifiable-event-app .h4 + .h6,
.notifiable-event-app h5 + h2,
.notifiable-event-app h5 + .h2,
.notifiable-event-app h5 + h3,
.notifiable-event-app h5 + .h3,
.notifiable-event-app h5 + h4,
.notifiable-event-app h5 + .h4,
.notifiable-event-app h5 + h5,
.notifiable-event-app h5 + .h5,
.notifiable-event-app h5 + h6,
.notifiable-event-app h5 + .h6, .notifiable-event-app .h5 + h2, .notifiable-event-app .h5 + .h2, .notifiable-event-app .h5 + h3, .notifiable-event-app .h5 + .h3, .notifiable-event-app .h5 + h4, .notifiable-event-app .h5 + .h4, .notifiable-event-app .h5 + h5, .notifiable-event-app .h5 + .h5, .notifiable-event-app .h5 + h6, .notifiable-event-app .h5 + .h6,
.notifiable-event-app h6 + h2,
.notifiable-event-app h6 + .h2,
.notifiable-event-app h6 + h3,
.notifiable-event-app h6 + .h3,
.notifiable-event-app h6 + h4,
.notifiable-event-app h6 + .h4,
.notifiable-event-app h6 + h5,
.notifiable-event-app h6 + .h5,
.notifiable-event-app h6 + h6,
.notifiable-event-app h6 + .h6, .notifiable-event-app .h6 + h2, .notifiable-event-app .h6 + .h2, .notifiable-event-app .h6 + h3, .notifiable-event-app .h6 + .h3, .notifiable-event-app .h6 + h4, .notifiable-event-app .h6 + .h4, .notifiable-event-app .h6 + h5, .notifiable-event-app .h6 + .h5, .notifiable-event-app .h6 + h6, .notifiable-event-app .h6 + .h6 {
  margin-top: 20px !important;
}
.notifiable-event-app p, .notifiable-event-app ul, .notifiable-event-app li {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 10px;
}
.notifiable-event-app a.call-to-action-button,
.notifiable-event-app .button,
.notifiable-event-app .wsf input[type=submit],
.wsf .notifiable-event-app input[type=submit],
.notifiable-event-app .wsf button[type=submit],
.wsf .notifiable-event-app button[type=submit],
.notifiable-event-app .menu-button,
.notifiable-event-app .notify-button,
.notifiable-event-app .login-button,
.notifiable-event-app a.button,
.notifiable-event-app button.button {
  min-width: 150px;
  display: inline-block;
  margin: 0;
  padding: 20px 35px;
  background-color: #d6e26e;
  border: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #272725;
  text-decoration: none;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  /* with edit icon */
}
.notifiable-event-app a.call-to-action-button:hover, .notifiable-event-app a.call-to-action-button:focus,
.notifiable-event-app .button:hover,
.notifiable-event-app .wsf input[type=submit]:hover,
.wsf .notifiable-event-app input[type=submit]:hover,
.notifiable-event-app .wsf button[type=submit]:hover,
.wsf .notifiable-event-app button[type=submit]:hover,
.notifiable-event-app .menu-button:hover,
.notifiable-event-app .notify-button:hover,
.notifiable-event-app .login-button:hover,
.notifiable-event-app .button:focus,
.notifiable-event-app .wsf input[type=submit]:focus,
.wsf .notifiable-event-app input[type=submit]:focus,
.notifiable-event-app .wsf button[type=submit]:focus,
.wsf .notifiable-event-app button[type=submit]:focus,
.notifiable-event-app .menu-button:focus,
.notifiable-event-app .notify-button:focus,
.notifiable-event-app .login-button:focus,
.notifiable-event-app a.button:hover,
.notifiable-event-app a.button:focus,
.notifiable-event-app button.button:hover,
.notifiable-event-app button.button:focus {
  background-color: #e0e88f;
  text-decoration: none;
}
.notifiable-event-app a.call-to-action-button:focus,
.notifiable-event-app .button:focus,
.notifiable-event-app .wsf input[type=submit]:focus,
.wsf .notifiable-event-app input[type=submit]:focus,
.notifiable-event-app .wsf button[type=submit]:focus,
.wsf .notifiable-event-app button[type=submit]:focus,
.notifiable-event-app .menu-button:focus,
.notifiable-event-app .notify-button:focus,
.notifiable-event-app .login-button:focus,
.notifiable-event-app a.button:focus,
.notifiable-event-app button.button:focus {
  outline: 3px solid #272725;
}
.notifiable-event-app a.call-to-action-button:disabled,
.notifiable-event-app .button:disabled,
.notifiable-event-app .wsf input[type=submit]:disabled,
.wsf .notifiable-event-app input[type=submit]:disabled,
.notifiable-event-app .wsf button[type=submit]:disabled,
.wsf .notifiable-event-app button[type=submit]:disabled,
.notifiable-event-app .menu-button:disabled,
.notifiable-event-app .notify-button:disabled,
.notifiable-event-app .login-button:disabled,
.notifiable-event-app a.button:disabled,
.notifiable-event-app button.button:disabled {
  outline: none;
  background-color: #A9A9A9;
  color: white;
  cursor: not-allowed;
}
.notifiable-event-app a.call-to-action-button.edit:after,
.notifiable-event-app .button.edit:after,
.notifiable-event-app .wsf input.edit[type=submit]:after,
.wsf .notifiable-event-app input.edit[type=submit]:after,
.notifiable-event-app .wsf button.edit[type=submit]:after,
.wsf .notifiable-event-app button.edit[type=submit]:after,
.notifiable-event-app .edit.menu-button:after,
.notifiable-event-app .edit.notify-button:after,
.notifiable-event-app .edit.login-button:after,
.notifiable-event-app a.button.edit:after,
.notifiable-event-app button.button.edit:after {
  content: "";
  background-image: url(/_resources/themes/worksafe/images/edit.svg);
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 10px;
}
.notifiable-event-app a.call-to-action-button.bordered,
.notifiable-event-app .button.bordered,
.notifiable-event-app .wsf input.bordered[type=submit],
.wsf .notifiable-event-app input.bordered[type=submit],
.notifiable-event-app .wsf button.bordered[type=submit],
.wsf .notifiable-event-app button.bordered[type=submit],
.notifiable-event-app .bordered.menu-button,
.notifiable-event-app .bordered.notify-button,
.notifiable-event-app .bordered.login-button,
.notifiable-event-app a.button.bordered,
.notifiable-event-app button.button.bordered {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 2px #272725;
          box-shadow: inset 0 0 0 2px #272725;
}
.notifiable-event-app a.call-to-action-button.bordered:hover,
.notifiable-event-app .button.bordered:hover,
.notifiable-event-app .wsf input.bordered[type=submit]:hover,
.wsf .notifiable-event-app input.bordered[type=submit]:hover,
.notifiable-event-app .wsf button.bordered[type=submit]:hover,
.wsf .notifiable-event-app button.bordered[type=submit]:hover,
.notifiable-event-app .bordered.menu-button:hover,
.notifiable-event-app .bordered.notify-button:hover,
.notifiable-event-app .bordered.login-button:hover,
.notifiable-event-app a.button.bordered:hover,
.notifiable-event-app button.button.bordered:hover {
  -webkit-box-shadow: inset 0 0 0 2px #8d9494;
          box-shadow: inset 0 0 0 2px #8d9494;
}
.notifiable-event-app a.call-to-action-button.bordered:focus,
.notifiable-event-app .button.bordered:focus,
.notifiable-event-app .wsf input.bordered[type=submit]:focus,
.wsf .notifiable-event-app input.bordered[type=submit]:focus,
.notifiable-event-app .wsf button.bordered[type=submit]:focus,
.wsf .notifiable-event-app button.bordered[type=submit]:focus,
.notifiable-event-app .bordered.menu-button:focus,
.notifiable-event-app .bordered.notify-button:focus,
.notifiable-event-app .bordered.login-button:focus,
.notifiable-event-app a.button.bordered:focus,
.notifiable-event-app button.button.bordered:focus {
  color: inherit;
  outline: 3px solid #d6e26e;
}
.notifiable-event-app a.call-to-action-button.bordered[disabled],
.notifiable-event-app .button.bordered[disabled],
.notifiable-event-app .wsf input.bordered[disabled][type=submit],
.wsf .notifiable-event-app input.bordered[disabled][type=submit],
.notifiable-event-app .wsf button.bordered[disabled][type=submit],
.wsf .notifiable-event-app button.bordered[disabled][type=submit],
.notifiable-event-app .bordered[disabled].menu-button,
.notifiable-event-app .bordered[disabled].notify-button,
.notifiable-event-app .bordered[disabled].login-button,
.notifiable-event-app a.button.bordered[disabled],
.notifiable-event-app button.button.bordered[disabled] {
  opacity: 0.3;
}
.notifiable-event-app a.call-to-action-button {
  text-transform: none;
}
.notifiable-event-app .buttons .button, .notifiable-event-app .buttons .wsf input[type=submit], .wsf .notifiable-event-app .buttons input[type=submit],
.notifiable-event-app .buttons .wsf button[type=submit],
.wsf .notifiable-event-app .buttons button[type=submit], .notifiable-event-app .buttons .menu-button, .notifiable-event-app .buttons .notify-button, .notifiable-event-app .buttons .login-button {
  margin-bottom: 15px;
}
.notifiable-event-app button.as-link,
.notifiable-event-app .button.as-link,
.notifiable-event-app .wsf input.as-link[type=submit],
.wsf .notifiable-event-app input.as-link[type=submit],
.notifiable-event-app .as-link.menu-button,
.notifiable-event-app .as-link.notify-button,
.notifiable-event-app .as-link.login-button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: inherit;
  text-transform: none;
  line-height: inherit;
  color: #000;
  cursor: pointer;
  min-width: auto;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /* looking like text */
  /* disabled */
}
.notifiable-event-app button.as-link:hover, .notifiable-event-app button.as-link:focus,
.notifiable-event-app .button.as-link:hover,
.notifiable-event-app .wsf input.as-link[type=submit]:hover,
.wsf .notifiable-event-app input.as-link[type=submit]:hover,
.notifiable-event-app .as-link.menu-button:hover,
.notifiable-event-app .as-link.notify-button:hover,
.notifiable-event-app .as-link.login-button:hover,
.notifiable-event-app .button.as-link:focus,
.notifiable-event-app .wsf input.as-link[type=submit]:focus,
.wsf .notifiable-event-app input.as-link[type=submit]:focus,
.notifiable-event-app .as-link.menu-button:focus,
.notifiable-event-app .as-link.notify-button:focus,
.notifiable-event-app .as-link.login-button:focus {
  outline: none;
  -webkit-box-shadow: inset 0 -2px 0 0 #D7E16C;
          box-shadow: inset 0 -2px 0 0 #D7E16C;
  background-color: transparent;
}
.notifiable-event-app button.as-link:focus,
.notifiable-event-app .button.as-link:focus,
.notifiable-event-app .wsf input.as-link[type=submit]:focus,
.wsf .notifiable-event-app input.as-link[type=submit]:focus,
.notifiable-event-app .as-link.menu-button:focus,
.notifiable-event-app .as-link.notify-button:focus,
.notifiable-event-app .as-link.login-button:focus {
  outline: thin dotted #4a90e2;
}
.notifiable-event-app button.as-link.as-text,
.notifiable-event-app .button.as-link.as-text,
.notifiable-event-app .wsf input.as-link.as-text[type=submit],
.wsf .notifiable-event-app input.as-link.as-text[type=submit],
.notifiable-event-app .as-link.as-text.menu-button,
.notifiable-event-app .as-link.as-text.notify-button,
.notifiable-event-app .as-link.as-text.login-button {
  color: #272725;
}
.notifiable-event-app button.as-link.as-text:hover, .notifiable-event-app button.as-link.as-text:focus,
.notifiable-event-app .button.as-link.as-text:hover,
.notifiable-event-app .wsf input.as-link.as-text[type=submit]:hover,
.wsf .notifiable-event-app input.as-link.as-text[type=submit]:hover,
.notifiable-event-app .as-link.as-text.menu-button:hover,
.notifiable-event-app .as-link.as-text.notify-button:hover,
.notifiable-event-app .as-link.as-text.login-button:hover,
.notifiable-event-app .button.as-link.as-text:focus,
.notifiable-event-app .wsf input.as-link.as-text[type=submit]:focus,
.wsf .notifiable-event-app input.as-link.as-text[type=submit]:focus,
.notifiable-event-app .as-link.as-text.menu-button:focus,
.notifiable-event-app .as-link.as-text.notify-button:focus,
.notifiable-event-app .as-link.as-text.login-button:focus {
  color: #272725;
  text-decoration: none;
}
.notifiable-event-app button.as-link.as-text:focus,
.notifiable-event-app .button.as-link.as-text:focus,
.notifiable-event-app .wsf input.as-link.as-text[type=submit]:focus,
.wsf .notifiable-event-app input.as-link.as-text[type=submit]:focus,
.notifiable-event-app .as-link.as-text.menu-button:focus,
.notifiable-event-app .as-link.as-text.notify-button:focus,
.notifiable-event-app .as-link.as-text.login-button:focus {
  outline: thin dotted #272725;
}
.notifiable-event-app button.as-link[disabled],
.notifiable-event-app .button.as-link[disabled],
.notifiable-event-app .wsf input.as-link[disabled][type=submit],
.wsf .notifiable-event-app input.as-link[disabled][type=submit],
.notifiable-event-app .as-link[disabled].menu-button,
.notifiable-event-app .as-link[disabled].notify-button,
.notifiable-event-app .as-link[disabled].login-button {
  cursor: text;
  text-decoration: none;
  color: #777777;
}
.notifiable-event-app button.as-link[disabled]:hover, .notifiable-event-app button.as-link[disabled]:focus,
.notifiable-event-app .button.as-link[disabled]:hover,
.notifiable-event-app .wsf input.as-link[disabled][type=submit]:hover,
.wsf .notifiable-event-app input.as-link[disabled][type=submit]:hover,
.notifiable-event-app .as-link[disabled].menu-button:hover,
.notifiable-event-app .as-link[disabled].notify-button:hover,
.notifiable-event-app .as-link[disabled].login-button:hover,
.notifiable-event-app .button.as-link[disabled]:focus,
.notifiable-event-app .wsf input.as-link[disabled][type=submit]:focus,
.wsf .notifiable-event-app input.as-link[disabled][type=submit]:focus,
.notifiable-event-app .as-link[disabled].menu-button:focus,
.notifiable-event-app .as-link[disabled].notify-button:focus,
.notifiable-event-app .as-link[disabled].login-button:focus {
  color: #777777;
}
.notifiable-event-app button.as-link[disabled]:focus,
.notifiable-event-app .button.as-link[disabled]:focus,
.notifiable-event-app .wsf input.as-link[disabled][type=submit]:focus,
.wsf .notifiable-event-app input.as-link[disabled][type=submit]:focus,
.notifiable-event-app .as-link[disabled].menu-button:focus,
.notifiable-event-app .as-link[disabled].notify-button:focus,
.notifiable-event-app .as-link[disabled].login-button:focus {
  outline: none;
}
.notifiable-event-app a.as-text {
  color: #272725;
  text-decoration: none;
}
.notifiable-event-app a.as-text:hover, .notifiable-event-app a.as-text:focus {
  text-decoration: underline;
}
.notifiable-event-app * + ol, .notifiable-event-app * + ul {
  margin-top: 20px;
}
.notifiable-event-app ol,
.notifiable-event-app ul {
  padding-left: 20px;
}
.notifiable-event-app ol > * + li,
.notifiable-event-app ul > * + li {
  margin-top: 6px;
}
.notifiable-event-app ol ol, .notifiable-event-app ol ul,
.notifiable-event-app ul ol,
.notifiable-event-app ul ul {
  margin-top: 6px;
}
.notifiable-event-app ol {
  padding-left: 30px;
  list-style-type: decimal;
}
.notifiable-event-app ol ol {
  list-style-type: lower-alpha;
}
.notifiable-event-app ol ol ol {
  list-style-type: lower-roman;
}
.notifiable-event-app ul {
  list-style-type: disc;
}
.notifiable-event-app ul li {
  position: relative;
  padding-left: 5px;
}
.notifiable-event-app ul ul {
  padding-left: 10px;
}
.notifiable-event-app hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #E1E5DA;
  margin: 40px 0;
  padding: 0;
}
.notifiable-event-app hr + h2, .notifiable-event-app hr + h3, .notifiable-event-app hr + h4, .notifiable-event-app hr + h5 {
  margin-top: 32px !important;
}
.notifiable-event-app hr + h2:first-letter, .notifiable-event-app hr + h3:first-letter, .notifiable-event-app hr + h4:first-letter, .notifiable-event-app hr + h5:first-letter {
  text-transform: uppercase;
}
.notifiable-event-app hr.thin {
  border-width: 1px;
}
.notifiable-event-app hr.nested {
  margin: 30px calc(-1 * (50% + 12px)) 50px 0;
}
.notifiable-event-app hr.space-xs {
  margin: 50px 0;
}
.notifiable-event-app .buttons > div {
  float: left;
}
@media screen and (max-width: 1000px) {
  .notifiable-event-app hr.nested {
    margin: 30px 0 50px 0;
  }
}
@media screen and (max-width: 580px) {
  .notifiable-event-app {
    /*
      ==========================
      general
      ==========================
    */
    /*
      ==========================
      headings
      ==========================
    */
    /* main page title */
    /* --------------- */
    /* heading */
    /* ------- */
    /* sub-heading */
    /* ----------- */
    /* minor heading */
    /* ------------- */
  }
  .notifiable-event-app body,
  .notifiable-event-app input,
  .notifiable-event-app select,
  .notifiable-event-app textarea {
    font-size: 18px;
    line-height: 32px;
    min-width: 100%;
  }
  .notifiable-event-app body.answer-group__item,
  .notifiable-event-app input.answer-group__item,
  .notifiable-event-app select.answer-group__item,
  .notifiable-event-app textarea.answer-group__item {
    min-width: auto;
  }
  .notifiable-event-app h1,
  .notifiable-event-app .h1 {
    font-size: 32px;
  }
  .notifiable-event-app h1 + *,
  .notifiable-event-app .h1 + * {
    margin-top: 40px !important;
  }
  .notifiable-event-app h2,
  .notifiable-event-app .h2 {
    font-size: 21px;
  }
  .notifiable-event-app h3,
  .notifiable-event-app .h3 {
    font-size: 32px;
    line-height: 46px;
  }
  .notifiable-event-app h4,
  .notifiable-event-app .h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .notifiable-event-app h5,
  .notifiable-event-app .h5 {
    font-size: 24px;
    line-height: 36px;
  }
}

/*
 * Scopes: Notifiable Event App - Forms
 * --
 * Specific form styles for the notifiable event app
 */
.notifiable-event-app {
  /* field groupings */
  /* --------------- */
  /* button previous/next navigation */
  /* ------------------------------- */
  /* help text content */
  /* ----------------- */
}
.notifiable-event-app .typography-wrapper * + form,
.notifiable-event-app .typography-wrapper * + .form-holder {
  margin-top: 40px;
}
.notifiable-event-app label {
  font-size: 18px;
  cursor: pointer;
}
.notifiable-event-app label.small-label {
  font-size: 14px;
  width: 100%;
}
.notifiable-event-app label.label--light {
  font-weight: 300 !important;
}
.notifiable-event-app .type--small {
  font-size: 14px;
}
.notifiable-event-app .field + .field {
  margin-top: 20px;
}
.notifiable-event-app .fieldgroup-field + .fieldgroup-field {
  margin-top: 20px;
}
.notifiable-event-app .form-holder {
  /* required flag */
  /* ------------- */
  /* errors */
  /* ------ */
  /* help text */
  /* --------- */
}
.notifiable-event-app .form-holder form > fieldset {
  display: block;
  padding: 20px;
  background-color: #eeeeee;
}
.notifiable-event-app .form-holder input.text, .notifiable-event-app .form-holder input.file, .notifiable-event-app .form-holder select, .notifiable-event-app .form-holder textarea {
  border-radius: 0;
  display: block;
  padding: 10px 12px;
  width: auto;
  max-width: 300px;
  background-color: #ffffff;
  border: 2px solid #272725;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  line-height: 20px;
  outline: solid 1px transparent;
  -webkit-transition: all 0.3s, all 0.3s;
  transition: all 0.3s, all 0.3s;
}
.notifiable-event-app .form-holder input.text.full-width, .notifiable-event-app .form-holder input.file.full-width, .notifiable-event-app .form-holder select.full-width, .notifiable-event-app .form-holder textarea.full-width {
  width: 100%;
}
.notifiable-event-app .form-holder input.text.invalid, .notifiable-event-app .form-holder input.file.invalid, .notifiable-event-app .form-holder select.invalid, .notifiable-event-app .form-holder textarea.invalid {
  -webkit-box-shadow: 0 0 0 2px #ab3733;
          box-shadow: 0 0 0 2px #ab3733;
}
.notifiable-event-app .form-holder input.text.large, .notifiable-event-app .form-holder input.file.large, .notifiable-event-app .form-holder select.large, .notifiable-event-app .form-holder textarea.large {
  font-size: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.notifiable-event-app .form-holder input.text.sm, .notifiable-event-app .form-holder input.file.sm, .notifiable-event-app .form-holder select.sm, .notifiable-event-app .form-holder textarea.sm {
  width: 140px;
  min-width: 140px;
}
.notifiable-event-app .form-holder input.text.md, .notifiable-event-app .form-holder input.file.md, .notifiable-event-app .form-holder select.md, .notifiable-event-app .form-holder textarea.md {
  width: 220px;
}
.notifiable-event-app .form-holder input.text.lg, .notifiable-event-app .form-holder input.file.lg, .notifiable-event-app .form-holder select.lg, .notifiable-event-app .form-holder textarea.lg {
  width: 300px;
}
.notifiable-event-app .form-holder input.text:hover, .notifiable-event-app .form-holder input.file:hover, .notifiable-event-app .form-holder select:hover, .notifiable-event-app .form-holder textarea:hover {
  border-color: #3f3f41;
}
.notifiable-event-app .form-holder input.text:focus, .notifiable-event-app .form-holder input.file:focus, .notifiable-event-app .form-holder select:focus, .notifiable-event-app .form-holder textarea:focus {
  -webkit-box-shadow: 0 0 0 2px #d1d873;
          box-shadow: 0 0 0 2px #d1d873;
}
.notifiable-event-app .form-holder input.text.border, .notifiable-event-app .form-holder input.file.border, .notifiable-event-app .form-holder select.border, .notifiable-event-app .form-holder textarea.border {
  border: solid 1px #272725;
  outline: none;
}
.notifiable-event-app .form-holder input.text.border:focus, .notifiable-event-app .form-holder input.file.border:focus, .notifiable-event-app .form-holder select.border:focus, .notifiable-event-app .form-holder textarea.border:focus {
  border-color: #b0b0b0;
  outline: none;
}
.notifiable-event-app .form-holder input.text.nested, .notifiable-event-app .form-holder input.file.nested, .notifiable-event-app .form-holder select.nested, .notifiable-event-app .form-holder textarea.nested {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.notifiable-event-app .form-holder input.text:disabled, .notifiable-event-app .form-holder input.text:disabled:hover, .notifiable-event-app .form-holder input.text:disabled:focus, .notifiable-event-app .form-holder input.file:disabled, .notifiable-event-app .form-holder input.file:disabled:hover, .notifiable-event-app .form-holder input.file:disabled:focus, .notifiable-event-app .form-holder select:disabled, .notifiable-event-app .form-holder select:disabled:hover, .notifiable-event-app .form-holder select:disabled:focus, .notifiable-event-app .form-holder textarea:disabled, .notifiable-event-app .form-holder textarea:disabled:hover, .notifiable-event-app .form-holder textarea:disabled:focus {
  border-color: #a9a9a9;
  color: #a9a9a9;
}
.notifiable-event-app .form-holder input {
  height: 45px;
}
.notifiable-event-app .form-holder textarea {
  width: 500px;
  max-width: 500px;
}
.notifiable-event-app .form-holder label, .notifiable-event-app .form-holder .left, .notifiable-event-app .form-holder label.left, .notifiable-event-app .form-holder legend.left {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #272725;
  font-weight: 700;
}
.notifiable-event-app .form-holder label.right-margin-3, .notifiable-event-app .form-holder .left.right-margin-3, .notifiable-event-app .form-holder label.left.right-margin-3, .notifiable-event-app .form-holder legend.left.right-margin-3 {
  margin-right: 3%;
}
.notifiable-event-app .form-holder .required {
  color: #dc3e38;
}
.notifiable-event-app .form-holder .required:before {
  content: "*";
}
.notifiable-event-app .form-holder .error label {
  color: #dc3e38;
}
.notifiable-event-app .form-holder .error input,
.notifiable-event-app .form-holder .error select,
.notifiable-event-app .form-holder .error textarea {
  border-color: #dc3e38;
}
.notifiable-event-app .form-holder .error [type=radio] + label:before {
  border-color: #dc3e38;
}
.notifiable-event-app .form-holder .error [type=radio] + label:after {
  background: #dc3e38;
}
.notifiable-event-app .form-holder .error [type=checkbox] + label {
  color: #272725;
}
.notifiable-event-app .form-holder .error [type=checkbox] + label:before {
  border-color: #dc3e38;
}
.notifiable-event-app .form-holder .error [type=checkbox]:checked + label:before {
  background-color: #dc3e38;
}
.notifiable-event-app .form-holder .error [type=checkbox]:checked + label:after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}
.notifiable-event-app .form-holder .form-text, .notifiable-event-app .form-holder .message {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
.notifiable-event-app .form-holder .button, .notifiable-event-app .form-holder .wsf input[type=submit], .wsf .notifiable-event-app .form-holder input[type=submit],
.notifiable-event-app .form-holder .wsf button[type=submit],
.wsf .notifiable-event-app .form-holder button[type=submit], .notifiable-event-app .form-holder .menu-button, .notifiable-event-app .form-holder .notify-button, .notifiable-event-app .form-holder .login-button {
  margin-right: 20px;
}
.notifiable-event-app .form-holder .select {
  display: inline-block;
  position: relative;
  height: 45px;
  background: white;
}
.notifiable-event-app .form-holder .select:after {
  content: "";
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  border: solid #272725;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  padding: 5px;
}
.notifiable-event-app .form-holder select {
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  background: transparent;
  height: 100%;
  width: 100%;
  outline: none;
  padding-right: 35px;
  padding-left: 15px;
  border: 2px solid #272725;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.notifiable-event-app .form-holder select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #272725;
}
.notifiable-event-app .form-holder select::-ms-expand {
  display: none;
}
.notifiable-event-app .form-holder select:hover {
  border-color: #3f3f41;
}
.notifiable-event-app .form-holder select:focus {
  -webkit-box-shadow: 0 0 0 2px #d1d873;
          box-shadow: 0 0 0 2px #d1d873;
}
.notifiable-event-app .form-holder .icon-holder {
  position: relative;
  display: inline-block;
  background-position: 95% 50%;
  background-size: 1.5rem 1.2rem;
  background-repeat: no-repeat;
  vertical-align: top;
}
.notifiable-event-app .form-holder .icon-holder input {
  background: transparent;
}
.notifiable-event-app ul.optionset,
.notifiable-event-app .optionset ul {
  list-style-type: none;
  margin: 4px 0 0 0;
  padding: 0;
}
.notifiable-event-app ul.optionset li,
.notifiable-event-app .optionset ul li {
  margin: 0;
  padding: 0;
}
.notifiable-event-app ul.optionset li:before,
.notifiable-event-app .optionset ul li:before {
  content: none;
  display: none;
}
.notifiable-event-app ul.optionset li + li,
.notifiable-event-app .optionset ul li + li {
  margin-top: 4px;
}
.notifiable-event-app .optionset .checkbox {
  margin-top: 4px;
}
.notifiable-event-app [type=checkbox] {
  position: absolute;
  left: -9999px;
}
.notifiable-event-app [type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding: 3px 6px 0 37px;
  cursor: pointer;
  font-weight: 300;
  margin-bottom: 0;
}
.notifiable-event-app [type=checkbox] + label:before, .notifiable-event-app [type=checkbox] + label:after {
  position: absolute;
  top: 0;
  content: "";
  border-radius: 1px;
}
.notifiable-event-app [type=checkbox] + label:before {
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #272725;
  background-color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.notifiable-event-app [type=checkbox] + label:after {
  /* hidden */
  width: 0;
  height: 0;
}
@media screen and (max-width: 580px) {
  .notifiable-event-app [type=checkbox] + label {
    padding: 3px 6px 0 42px;
    line-height: 25px;
  }
  .notifiable-event-app [type=checkbox] + label:before {
    width: 25px;
    height: 25px;
  }
}
.notifiable-event-app [type=checkbox]:checked + label:before {
  border-color: #272725;
  background-color: #272725;
}
.notifiable-event-app [type=checkbox]:checked + label:after {
  width: 8px;
  height: 15px;
  top: 4px;
  left: 6px;
  color: #fff;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(37deg);
      -ms-transform: rotate(37deg);
          transform: rotate(37deg);
}
@media screen and (max-width: 580px) {
  .notifiable-event-app [type=checkbox]:checked + label:after {
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .notifiable-event-app [type=checkbox]:checked + label:after {
    top: 6px;
    left: 9px;
  }
}
.notifiable-event-app [type=checkbox]:hover:checked + label:before {
  border-color: #535354;
  background-color: #535354;
}
.notifiable-event-app [type=checkbox]:hover + label:before {
  border-color: #535354;
  background-color: none;
}
.notifiable-event-app [type=checkbox]:focus + label:before {
  -webkit-box-shadow: 0 0 0 2px #d1d873;
          box-shadow: 0 0 0 2px #d1d873;
}
.notifiable-event-app [type=checkbox]:disabled + label {
  color: #ccc;
}
.notifiable-event-app [type=checkbox]:disabled + label:before {
  border-color: #ccc;
  background-color: #f2f2f2;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.notifiable-event-app [type=checkbox]:disabled + label:after {
  /* hidden */
  width: 0;
  height: 0;
}
.notifiable-event-app [type=radio]:checked,
.notifiable-event-app [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.notifiable-event-app [type=radio]:checked + label,
.notifiable-event-app [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 41px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #272725;
  font-weight: 300;
}
@media screen and (max-width: 580px) {
  .notifiable-event-app [type=radio]:checked + label,
  .notifiable-event-app [type=radio]:not(:checked) + label {
    line-height: 30px;
    padding-left: 47px;
  }
}
.notifiable-event-app [type=radio]:checked + label:before,
.notifiable-event-app [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: #fff;
  width: 24px;
  height: 24px;
  border: 2px solid #272725;
}
@media screen and (max-width: 580px) {
  .notifiable-event-app [type=radio]:checked + label:before,
  .notifiable-event-app [type=radio]:not(:checked) + label:before {
    width: 30px;
    height: 30px;
  }
}
.notifiable-event-app [type=radio]:checked + label:after,
.notifiable-event-app [type=radio]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #272725;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 580px) {
  .notifiable-event-app [type=radio]:checked + label:after,
  .notifiable-event-app [type=radio]:not(:checked) + label:after {
    width: 20px;
    height: 20px;
  }
}
.notifiable-event-app [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}
.notifiable-event-app [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}
.notifiable-event-app [type=radio]:disabled + label {
  opacity: 0.3;
  cursor: not-allowed;
}
.notifiable-event-app [type=radio]:focus + label:before {
  -webkit-box-shadow: 0 0 0 2px #d1d873;
          box-shadow: 0 0 0 2px #d1d873;
}
.notifiable-event-app .ui-widget.ui-datepicker {
  margin: 0;
  padding: 10px;
  border: none;
  border-radius: 0 !important;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
  color: #272725;
  /* date picker header */
  /* ------------------ */
  /* tabular calendar area */
  /* --------------------- */
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  /* before/after links */
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  padding: 6px 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a {
  top: 8px;
  width: 15px;
  height: 12px;
  display: block;
  border: none;
  background: none;
  cursor: pointer;
  /* hover state */
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a:before {
  position: absolute;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a > span {
  background: none;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev {
  left: 5px;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev:before {
  content: "";
  background-image: url(/_resources/themes/worksafe/images/arrow-left.svg);
  background-size: 15px 12px;
  width: 15px;
  height: 12px;
  vertical-align: baseline;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next {
  right: 5px;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next:before {
  content: "";
  background-image: url(/_resources/themes/worksafe/images/arrow-right.svg);
  background-size: 15px 12px;
  width: 15px;
  height: 12px;
  vertical-align: baseline;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-header > a.ui-state-hover {
  background: none;
  border: none;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  min-width: 0;
  font-size: 14px;
  line-height: 1;
  table-layout: fixed;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar span {
  text-align: center;
  font-size: 18px;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr td, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) td {
  width: 14.28%;
  padding: 0;
  border: solid 4px transparent;
  background-color: transparent;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th .ui-state-default, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr td .ui-state-default, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th .ui-state-default, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) td .ui-state-default {
  font-weight: 300;
  font-size: 18px;
  border: 2px solid #efefef;
  padding: 2px 0 0 0;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th a, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr td a, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th a, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) td a {
  margin: 0;
  padding: 2px 0 0 0;
  height: 100%;
  border: none;
  background-image: none;
  background-color: #efefef;
  text-align: center;
  overflow: hidden;
  font-size: 18px;
  font-weight: 300;
  color: #1c2a2a;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th a.ui-state-hover, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-hover, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th a.ui-state-hover, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) td a.ui-state-hover {
  border: 2px solid #272725;
  background: #ffffff;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th a.ui-state-active, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th a.ui-state-active, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) td a.ui-state-active {
  background-color: #ffffff;
  border: 2px solid #272725;
}
.notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr th, .notifiable-event-app .ui-widget.ui-datepicker .ui-datepicker-calendar tr:nth-child(2n+1) th {
  padding: 6px 0;
}
.notifiable-event-app .form-holder .Actions {
  padding: 24px 20px 20px 20px;
  background-color: #eeeeee;
  border-top: solid 1px #272725;
}
.notifiable-event-app .form-holder .Actions input[type=submit] {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: inherit;
  line-height: inherit;
  color: #272725;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.notifiable-event-app .form-holder .Actions input[type=submit]:hover, .notifiable-event-app .form-holder .Actions input[type=submit]:focus {
  text-decoration: underline;
}
.notifiable-event-app .userform-progress {
  /* step buttons */
  /* ------------ */
}
.notifiable-event-app .userform-progress > p, .notifiable-event-app .userform-progress .progress {
  display: none;
}
.notifiable-event-app .userform-progress ul.step-buttons {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
.notifiable-event-app .userform-progress ul.step-buttons li {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  /* current step */
}
.notifiable-event-app .userform-progress ul.step-buttons li:before {
  content: none;
  display: none;
}
.notifiable-event-app .userform-progress ul.step-buttons li button {
  position: static;
  font-size: 18px;
  font-weight: 700;
  color: #777777 !important;
  text-transform: none;
  opacity: 1;
}
.notifiable-event-app .userform-progress ul.step-buttons li button:hover, .notifiable-event-app .userform-progress ul.step-buttons li button:focus {
  background: none;
}
.notifiable-event-app .userform-progress ul.step-buttons li.current button {
  color: #272725 !important;
}
.notifiable-event-app .userform .progress-title {
  display: none;
}
.notifiable-event-app .step-navigation > .step-buttons {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper {
  display: table-cell;
  margin: 0;
  padding: 0;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper:before {
  content: none;
  display: none;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper.prev {
  text-align: left;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper.next {
  text-align: right;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper button {
  background: none;
}
.notifiable-event-app .step-navigation > .step-buttons > .step-button-wrapper.Actions {
  padding: 0;
  border-top: none;
  background: none;
  text-align: right;
}
.notifiable-event-app .form-holder .accordion {
  background-color: transparent;
}
.notifiable-event-app .form-holder .form-gap {
  margin: 0 -20px;
  background-color: #ffffff;
  /* spacing */
  /* ------- */
}
.notifiable-event-app .form-holder .form-gap > .inner {
  padding: 20px;
}
* + .notifiable-event-app .form-holder .form-gap, .notifiable-event-app .form-holder .form-gap + * {
  margin-top: 20px;
}
.notifiable-event-app .form-help-toggle-holder {
  width: 30px;
  text-align: right;
  /* toggle button */
  /* ------------- */
}
.notifiable-event-app .form-help-toggle-holder button {
  width: 30px;
  height: 30px;
  border: solid 1px #272725;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  font-size: 16px;
  color: #272725;
  text-align: center;
  -webkit-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
}
.notifiable-event-app .form-help-toggle-holder button:hover, .notifiable-event-app .form-help-toggle-holder button:focus,
.notifiable-event-app .form-help-toggle-holder button .open {
  border-color: #f67a44;
  color: #f67a44;
}
.notifiable-event-app .form-help-content > .outer {
  padding-top: 10px;
}
.notifiable-event-app .form-help-content > .outer > .inner {
  border-top: solid 1px #272725;
  border-bottom: solid 1px #272725;
  background-color: #ffffff;
  padding: 10px;
}
@media screen and (max-width: 580px) {
  .notifiable-event-app .form-holder form > fieldset {
    padding-left: 10px;
    padding-right: 10px;
  }
  .notifiable-event-app .form-holder textarea {
    max-width: 100% !important;
  }
  .notifiable-event-app .form-holder input[type=text], .notifiable-event-app .form-holder input[type=tel], .notifiable-event-app .form-holder select, .notifiable-event-app .form-holder textarea {
    font-size: 18px;
  }
  .notifiable-event-app .form-holder input[type=text].full-width, .notifiable-event-app .form-holder input[type=tel].full-width, .notifiable-event-app .form-holder select.full-width, .notifiable-event-app .form-holder textarea.full-width {
    width: 100%;
  }
  .notifiable-event-app .userform-progress {
    /* step buttons */
    /* ------------ */
  }
  .notifiable-event-app .userform-progress ul.step-buttons {
    font-size: 16px;
    font-weight: 500;
  }
  .notifiable-event-app .userform-progress ul.step-buttons li button {
    font-size: 16px;
    font-weight: 500;
  }
}

#Form_contact input.text:-moz-read-only {
  background-color: #eeeeee;
  opacity: 0.4;
  border-color: #272725;
}

#Form_contact input.text:read-only, #Form_contact input.text:disabled {
  background-color: #eeeeee;
  opacity: 0.4;
  border-color: #272725;
}
#Form_contact h2 {
  margin-bottom: 24px;
}
#Form_contact .checkbox label {
  cursor: pointer;
}
#Form_contact .checkbox .description {
  display: block;
  padding-left: 36px;
  max-width: 590px;
}
#Form_contact .cancel {
  background-color: transparent;
  border-color: transparent;
  color: #272725;
  text-decoration: none;
  padding: 8px;
  font-size: 12px;
  margin-left: 20px;
}

/*
 * Utilities: Spacer Classes
 * --
 * Generates a set of helper classes with a standard set of spacings ($spacing-units)
 * which are also breakpoint-specific (using $breakpoints)
 * e.g.
 *      .m-4      would provide a margin on all sides
 *      .mb-2     would add a smaller margin to just the bottom of the element.
 *      .px-4     would add padding in the X axis (left and right)
 *      .mb-md-4  applies a margin at the 'md' breakpoint and wider
 *      .mb-lg-8  applies a bigger margin at the 'lg' breakpoint and wider
 */
.m-1 {
  margin: 5px;
}

.mt-1 {
  margin-top: 5px;
}

.mb-1 {
  margin-bottom: 5px;
}

.ml-1 {
  margin-left: 5px;
}

.mr-1 {
  margin-right: 5px;
}

.mx-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.p-1 {
  padding: 5px;
}

.pt-1 {
  padding-top: 5px;
}

.pb-1 {
  padding-bottom: 5px;
}

.pl-1 {
  padding-left: 5px;
}

.pr-1 {
  padding-right: 5px;
}

.px-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 581px) {
  .m-md-1 {
    margin: 5px;
  }
  .mt-md-1 {
    margin-top: 5px;
  }
  .mb-md-1 {
    margin-bottom: 5px;
  }
  .ml-md-1 {
    margin-left: 5px;
  }
  .mr-md-1 {
    margin-right: 5px;
  }
  .mx-md-1 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-md-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .p-md-1 {
    padding: 5px;
  }
  .pt-md-1 {
    padding-top: 5px;
  }
  .pb-md-1 {
    padding-bottom: 5px;
  }
  .pl-md-1 {
    padding-left: 5px;
  }
  .pr-md-1 {
    padding-right: 5px;
  }
  .px-md-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-md-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-1 {
    margin: 5px;
  }
  .mt-lg-1 {
    margin-top: 5px;
  }
  .mb-lg-1 {
    margin-bottom: 5px;
  }
  .ml-lg-1 {
    margin-left: 5px;
  }
  .mr-lg-1 {
    margin-right: 5px;
  }
  .mx-lg-1 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-lg-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .p-lg-1 {
    padding: 5px;
  }
  .pt-lg-1 {
    padding-top: 5px;
  }
  .pb-lg-1 {
    padding-bottom: 5px;
  }
  .pl-lg-1 {
    padding-left: 5px;
  }
  .pr-lg-1 {
    padding-right: 5px;
  }
  .px-lg-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-lg-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.m-2 {
  margin: 10px;
}

.mt-2 {
  margin-top: 10px;
}

.mb-2 {
  margin-bottom: 10px;
}

.ml-2 {
  margin-left: 10px;
}

.mr-2 {
  margin-right: 10px;
}

.mx-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-2 {
  padding: 10px;
}

.pt-2 {
  padding-top: 10px;
}

.pb-2 {
  padding-bottom: 10px;
}

.pl-2 {
  padding-left: 10px;
}

.pr-2 {
  padding-right: 10px;
}

.px-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (min-width: 581px) {
  .m-md-2 {
    margin: 10px;
  }
  .mt-md-2 {
    margin-top: 10px;
  }
  .mb-md-2 {
    margin-bottom: 10px;
  }
  .ml-md-2 {
    margin-left: 10px;
  }
  .mr-md-2 {
    margin-right: 10px;
  }
  .mx-md-2 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-md-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .p-md-2 {
    padding: 10px;
  }
  .pt-md-2 {
    padding-top: 10px;
  }
  .pb-md-2 {
    padding-bottom: 10px;
  }
  .pl-md-2 {
    padding-left: 10px;
  }
  .pr-md-2 {
    padding-right: 10px;
  }
  .px-md-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-md-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-2 {
    margin: 10px;
  }
  .mt-lg-2 {
    margin-top: 10px;
  }
  .mb-lg-2 {
    margin-bottom: 10px;
  }
  .ml-lg-2 {
    margin-left: 10px;
  }
  .mr-lg-2 {
    margin-right: 10px;
  }
  .mx-lg-2 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-lg-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .p-lg-2 {
    padding: 10px;
  }
  .pt-lg-2 {
    padding-top: 10px;
  }
  .pb-lg-2 {
    padding-bottom: 10px;
  }
  .pl-lg-2 {
    padding-left: 10px;
  }
  .pr-lg-2 {
    padding-right: 10px;
  }
  .px-lg-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-lg-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.m-3 {
  margin: 16px;
}

.mt-3 {
  margin-top: 16px;
}

.mb-3 {
  margin-bottom: 16px;
}

.ml-3 {
  margin-left: 16px;
}

.mr-3 {
  margin-right: 16px;
}

.mx-3 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-3 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.p-3 {
  padding: 16px;
}

.pt-3 {
  padding-top: 16px;
}

.pb-3 {
  padding-bottom: 16px;
}

.pl-3 {
  padding-left: 16px;
}

.pr-3 {
  padding-right: 16px;
}

.px-3 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-3 {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 581px) {
  .m-md-3 {
    margin: 16px;
  }
  .mt-md-3 {
    margin-top: 16px;
  }
  .mb-md-3 {
    margin-bottom: 16px;
  }
  .ml-md-3 {
    margin-left: 16px;
  }
  .mr-md-3 {
    margin-right: 16px;
  }
  .mx-md-3 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-md-3 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .p-md-3 {
    padding: 16px;
  }
  .pt-md-3 {
    padding-top: 16px;
  }
  .pb-md-3 {
    padding-bottom: 16px;
  }
  .pl-md-3 {
    padding-left: 16px;
  }
  .pr-md-3 {
    padding-right: 16px;
  }
  .px-md-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-md-3 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-3 {
    margin: 16px;
  }
  .mt-lg-3 {
    margin-top: 16px;
  }
  .mb-lg-3 {
    margin-bottom: 16px;
  }
  .ml-lg-3 {
    margin-left: 16px;
  }
  .mr-lg-3 {
    margin-right: 16px;
  }
  .mx-lg-3 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-lg-3 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .p-lg-3 {
    padding: 16px;
  }
  .pt-lg-3 {
    padding-top: 16px;
  }
  .pb-lg-3 {
    padding-bottom: 16px;
  }
  .pl-lg-3 {
    padding-left: 16px;
  }
  .pr-lg-3 {
    padding-right: 16px;
  }
  .px-lg-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-lg-3 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.m-4 {
  margin: 20px;
}

.mt-4 {
  margin-top: 20px;
}

.mb-4 {
  margin-bottom: 20px;
}

.ml-4 {
  margin-left: 20px;
}

.mr-4 {
  margin-right: 20px;
}

.mx-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-4 {
  padding: 20px;
}

.pt-4 {
  padding-top: 20px;
}

.pb-4 {
  padding-bottom: 20px;
}

.pl-4 {
  padding-left: 20px;
}

.pr-4 {
  padding-right: 20px;
}

.px-4 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 581px) {
  .m-md-4 {
    margin: 20px;
  }
  .mt-md-4 {
    margin-top: 20px;
  }
  .mb-md-4 {
    margin-bottom: 20px;
  }
  .ml-md-4 {
    margin-left: 20px;
  }
  .mr-md-4 {
    margin-right: 20px;
  }
  .mx-md-4 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-md-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .p-md-4 {
    padding: 20px;
  }
  .pt-md-4 {
    padding-top: 20px;
  }
  .pb-md-4 {
    padding-bottom: 20px;
  }
  .pl-md-4 {
    padding-left: 20px;
  }
  .pr-md-4 {
    padding-right: 20px;
  }
  .px-md-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-md-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-4 {
    margin: 20px;
  }
  .mt-lg-4 {
    margin-top: 20px;
  }
  .mb-lg-4 {
    margin-bottom: 20px;
  }
  .ml-lg-4 {
    margin-left: 20px;
  }
  .mr-lg-4 {
    margin-right: 20px;
  }
  .mx-lg-4 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-lg-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .p-lg-4 {
    padding: 20px;
  }
  .pt-lg-4 {
    padding-top: 20px;
  }
  .pb-lg-4 {
    padding-bottom: 20px;
  }
  .pl-lg-4 {
    padding-left: 20px;
  }
  .pr-lg-4 {
    padding-right: 20px;
  }
  .px-lg-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-lg-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.m-6 {
  margin: 32px;
}

.mt-6 {
  margin-top: 32px;
}

.mb-6 {
  margin-bottom: 32px;
}

.ml-6 {
  margin-left: 32px;
}

.mr-6 {
  margin-right: 32px;
}

.mx-6 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-6 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.p-6 {
  padding: 32px;
}

.pt-6 {
  padding-top: 32px;
}

.pb-6 {
  padding-bottom: 32px;
}

.pl-6 {
  padding-left: 32px;
}

.pr-6 {
  padding-right: 32px;
}

.px-6 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-6 {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 581px) {
  .m-md-6 {
    margin: 32px;
  }
  .mt-md-6 {
    margin-top: 32px;
  }
  .mb-md-6 {
    margin-bottom: 32px;
  }
  .ml-md-6 {
    margin-left: 32px;
  }
  .mr-md-6 {
    margin-right: 32px;
  }
  .mx-md-6 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-md-6 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .p-md-6 {
    padding: 32px;
  }
  .pt-md-6 {
    padding-top: 32px;
  }
  .pb-md-6 {
    padding-bottom: 32px;
  }
  .pl-md-6 {
    padding-left: 32px;
  }
  .pr-md-6 {
    padding-right: 32px;
  }
  .px-md-6 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-md-6 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-6 {
    margin: 32px;
  }
  .mt-lg-6 {
    margin-top: 32px;
  }
  .mb-lg-6 {
    margin-bottom: 32px;
  }
  .ml-lg-6 {
    margin-left: 32px;
  }
  .mr-lg-6 {
    margin-right: 32px;
  }
  .mx-lg-6 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-lg-6 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .p-lg-6 {
    padding: 32px;
  }
  .pt-lg-6 {
    padding-top: 32px;
  }
  .pb-lg-6 {
    padding-bottom: 32px;
  }
  .pl-lg-6 {
    padding-left: 32px;
  }
  .pr-lg-6 {
    padding-right: 32px;
  }
  .px-lg-6 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-lg-6 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.m-8 {
  margin: 40px;
}

.mt-8 {
  margin-top: 40px;
}

.mb-8 {
  margin-bottom: 40px;
}

.ml-8 {
  margin-left: 40px;
}

.mr-8 {
  margin-right: 40px;
}

.mx-8 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-8 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-8 {
  padding: 40px;
}

.pt-8 {
  padding-top: 40px;
}

.pb-8 {
  padding-bottom: 40px;
}

.pl-8 {
  padding-left: 40px;
}

.pr-8 {
  padding-right: 40px;
}

.px-8 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-8 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 581px) {
  .m-md-8 {
    margin: 40px;
  }
  .mt-md-8 {
    margin-top: 40px;
  }
  .mb-md-8 {
    margin-bottom: 40px;
  }
  .ml-md-8 {
    margin-left: 40px;
  }
  .mr-md-8 {
    margin-right: 40px;
  }
  .mx-md-8 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-md-8 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .p-md-8 {
    padding: 40px;
  }
  .pt-md-8 {
    padding-top: 40px;
  }
  .pb-md-8 {
    padding-bottom: 40px;
  }
  .pl-md-8 {
    padding-left: 40px;
  }
  .pr-md-8 {
    padding-right: 40px;
  }
  .px-md-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-md-8 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-8 {
    margin: 40px;
  }
  .mt-lg-8 {
    margin-top: 40px;
  }
  .mb-lg-8 {
    margin-bottom: 40px;
  }
  .ml-lg-8 {
    margin-left: 40px;
  }
  .mr-lg-8 {
    margin-right: 40px;
  }
  .mx-lg-8 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-lg-8 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .p-lg-8 {
    padding: 40px;
  }
  .pt-lg-8 {
    padding-top: 40px;
  }
  .pb-lg-8 {
    padding-bottom: 40px;
  }
  .pl-lg-8 {
    padding-left: 40px;
  }
  .pr-lg-8 {
    padding-right: 40px;
  }
  .px-lg-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-lg-8 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.m-10 {
  margin: 50px;
}

.mt-10 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 50px;
}

.ml-10 {
  margin-left: 50px;
}

.mr-10 {
  margin-right: 50px;
}

.mx-10 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-10 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.p-10 {
  padding: 50px;
}

.pt-10 {
  padding-top: 50px;
}

.pb-10 {
  padding-bottom: 50px;
}

.pl-10 {
  padding-left: 50px;
}

.pr-10 {
  padding-right: 50px;
}

.px-10 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-10 {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 581px) {
  .m-md-10 {
    margin: 50px;
  }
  .mt-md-10 {
    margin-top: 50px;
  }
  .mb-md-10 {
    margin-bottom: 50px;
  }
  .ml-md-10 {
    margin-left: 50px;
  }
  .mr-md-10 {
    margin-right: 50px;
  }
  .mx-md-10 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-md-10 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .p-md-10 {
    padding: 50px;
  }
  .pt-md-10 {
    padding-top: 50px;
  }
  .pb-md-10 {
    padding-bottom: 50px;
  }
  .pl-md-10 {
    padding-left: 50px;
  }
  .pr-md-10 {
    padding-right: 50px;
  }
  .px-md-10 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-md-10 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-10 {
    margin: 50px;
  }
  .mt-lg-10 {
    margin-top: 50px;
  }
  .mb-lg-10 {
    margin-bottom: 50px;
  }
  .ml-lg-10 {
    margin-left: 50px;
  }
  .mr-lg-10 {
    margin-right: 50px;
  }
  .mx-lg-10 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-lg-10 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .p-lg-10 {
    padding: 50px;
  }
  .pt-lg-10 {
    padding-top: 50px;
  }
  .pb-lg-10 {
    padding-bottom: 50px;
  }
  .pl-lg-10 {
    padding-left: 50px;
  }
  .pr-lg-10 {
    padding-right: 50px;
  }
  .px-lg-10 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-lg-10 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.m-12 {
  margin: 60px;
}

.mt-12 {
  margin-top: 60px;
}

.mb-12 {
  margin-bottom: 60px;
}

.ml-12 {
  margin-left: 60px;
}

.mr-12 {
  margin-right: 60px;
}

.mx-12 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-12 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-12 {
  padding: 60px;
}

.pt-12 {
  padding-top: 60px;
}

.pb-12 {
  padding-bottom: 60px;
}

.pl-12 {
  padding-left: 60px;
}

.pr-12 {
  padding-right: 60px;
}

.px-12 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-12 {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 581px) {
  .m-md-12 {
    margin: 60px;
  }
  .mt-md-12 {
    margin-top: 60px;
  }
  .mb-md-12 {
    margin-bottom: 60px;
  }
  .ml-md-12 {
    margin-left: 60px;
  }
  .mr-md-12 {
    margin-right: 60px;
  }
  .mx-md-12 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-md-12 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p-md-12 {
    padding: 60px;
  }
  .pt-md-12 {
    padding-top: 60px;
  }
  .pb-md-12 {
    padding-bottom: 60px;
  }
  .pl-md-12 {
    padding-left: 60px;
  }
  .pr-md-12 {
    padding-right: 60px;
  }
  .px-md-12 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-md-12 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-12 {
    margin: 60px;
  }
  .mt-lg-12 {
    margin-top: 60px;
  }
  .mb-lg-12 {
    margin-bottom: 60px;
  }
  .ml-lg-12 {
    margin-left: 60px;
  }
  .mr-lg-12 {
    margin-right: 60px;
  }
  .mx-lg-12 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-lg-12 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .p-lg-12 {
    padding: 60px;
  }
  .pt-lg-12 {
    padding-top: 60px;
  }
  .pb-lg-12 {
    padding-bottom: 60px;
  }
  .pl-lg-12 {
    padding-left: 60px;
  }
  .pr-lg-12 {
    padding-right: 60px;
  }
  .px-lg-12 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-lg-12 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.m-16 {
  margin: 80px;
}

.mt-16 {
  margin-top: 80px;
}

.mb-16 {
  margin-bottom: 80px;
}

.ml-16 {
  margin-left: 80px;
}

.mr-16 {
  margin-right: 80px;
}

.mx-16 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-16 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.p-16 {
  padding: 80px;
}

.pt-16 {
  padding-top: 80px;
}

.pb-16 {
  padding-bottom: 80px;
}

.pl-16 {
  padding-left: 80px;
}

.pr-16 {
  padding-right: 80px;
}

.px-16 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-16 {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 581px) {
  .m-md-16 {
    margin: 80px;
  }
  .mt-md-16 {
    margin-top: 80px;
  }
  .mb-md-16 {
    margin-bottom: 80px;
  }
  .ml-md-16 {
    margin-left: 80px;
  }
  .mr-md-16 {
    margin-right: 80px;
  }
  .mx-md-16 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-md-16 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .p-md-16 {
    padding: 80px;
  }
  .pt-md-16 {
    padding-top: 80px;
  }
  .pb-md-16 {
    padding-bottom: 80px;
  }
  .pl-md-16 {
    padding-left: 80px;
  }
  .pr-md-16 {
    padding-right: 80px;
  }
  .px-md-16 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-md-16 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-16 {
    margin: 80px;
  }
  .mt-lg-16 {
    margin-top: 80px;
  }
  .mb-lg-16 {
    margin-bottom: 80px;
  }
  .ml-lg-16 {
    margin-left: 80px;
  }
  .mr-lg-16 {
    margin-right: 80px;
  }
  .mx-lg-16 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-lg-16 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .p-lg-16 {
    padding: 80px;
  }
  .pt-lg-16 {
    padding-top: 80px;
  }
  .pb-lg-16 {
    padding-bottom: 80px;
  }
  .pl-lg-16 {
    padding-left: 80px;
  }
  .pr-lg-16 {
    padding-right: 80px;
  }
  .px-lg-16 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-lg-16 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 581px) {
  .m-md-0 {
    margin: 0;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .ml-md-0 {
    margin-left: 0;
  }
  .mr-md-0 {
    margin-right: 0;
  }
  .mx-md-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-md-0 {
    padding: 0;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pl-md-0 {
    padding-left: 0;
  }
  .pr-md-0 {
    padding-right: 0;
  }
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1001px) {
  .m-lg-0 {
    margin: 0;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .ml-lg-0 {
    margin-left: 0;
  }
  .mr-lg-0 {
    margin-right: 0;
  }
  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-lg-0 {
    padding: 0;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pl-lg-0 {
    padding-left: 0;
  }
  .pr-lg-0 {
    padding-right: 0;
  }
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/*
 * Utilities: Visibility Classes
 * --
 * Generates a set of helper classes for showing/hiding elements at certain
 * breakpoints (defined in $breakpoints variable)
 *
 * e.g.
 *      .hidden         hide for all screen sizes
        .visible-md     show once the 'md' breakpoint is reached
        .hidden-lg      hide again once 'lg' breakpoint is reached
 */
.hidden {
  display: none;
}

.visible {
  display: block;
}

@media screen and (min-width: 581px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  .inline-md {
    display: inline !important;
  }
}
.hidden {
  display: none;
}

.visible {
  display: block;
}

@media screen and (min-width: 1001px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  .inline-lg {
    display: inline !important;
  }
}
/*
 * Other visibility utilities
 * --
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.display-none {
  display: none !important;
}

/*
 * Utilities: Column Classes
 * --
 * Width classes for a 12 column grid
 * Used in conjunction with `objects/_layout.scss`, and should be applied alongside `.o-layout__item`
 */
@media screen and (min-width: 581px) {
  .col-md-auto {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.3334%;
        flex-basis: 8.3334%;
    max-width: 8.3334%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.3334%;
        flex-basis: 33.3334%;
    max-width: 33.3334%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.6667%;
        flex-basis: 41.6667%;
    max-width: 41.6667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.3334%;
        flex-basis: 58.3334%;
    max-width: 58.3334%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.6667%;
        flex-basis: 66.6667%;
    max-width: 66.6667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.3334%;
        flex-basis: 83.3334%;
    max-width: 83.3334%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.6667%;
        flex-basis: 91.6667%;
    max-width: 91.6667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1001px) {
  .col-lg-auto {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.3334%;
        flex-basis: 8.3334%;
    max-width: 8.3334%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.3334%;
        flex-basis: 33.3334%;
    max-width: 33.3334%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.6667%;
        flex-basis: 41.6667%;
    max-width: 41.6667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.3334%;
        flex-basis: 58.3334%;
    max-width: 58.3334%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.6667%;
        flex-basis: 66.6667%;
    max-width: 66.6667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.3334%;
        flex-basis: 83.3334%;
    max-width: 83.3334%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.6667%;
        flex-basis: 91.6667%;
    max-width: 91.6667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.inline-block {
  display: inline-block !important;
}

.vertical-align-top {
  vertical-align: top;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-basis--short-input {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.flex-basis--short-input:not(:last-child) {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
@media screen and (max-width: 580px) {
  .flex-basis--short-input {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .flex-basis--short-input:not(:last-child) {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}