/*
 * Static site additions, loaded after the theme stylesheet.
 */

/* In-page links scroll smoothly and stop clear of the fixed header, like the old scripted scrolling did. */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

#current-positions,
#why-work-here,
#why-here {
  scroll-margin-top: 200px;
}

@media (max-width: 991px) {
  #current-positions,
  #why-work-here,
  #why-here {
    scroll-margin-top: 90px;
  }
}

.scroll-anchor {
  display: block;
  height: 0;
  overflow: hidden;
}

/* The skip link stays hidden until it receives keyboard focus. */
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  display: block;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
  display: inline-block;
}

/* The hamburger button toggles this class instead of the old jQuery slide animation. */
@media (max-width: 991px) {
  #pri-nav-cont-mobile.expanded {
    display: block;
  }
}

/* The footer logo link used to share the header logo's id. Same sizing, without the duplicate id. */
.site-footer__logo-link {
  display: inline-block;
  width: 100%;
  max-width: 175px;
  opacity: 1;
}

.site-footer__logo-link:hover,
.site-footer__logo-link:focus {
  opacity: 0.8;
}

/* The address used to link to the contact page. Plain text now, in the same colour as the footer links. */
.site-footer__address {
  color: #949fa5;
  letter-spacing: .04em;
}

/* Section images and the two inline tweaks that used to be set on the Drupal paragraphs. */
.page-section--banner .banner__background {
  background-image: url(/images/banner/mugshots-2.jpg);
}

.page-section--atmosphere .image-strap__image {
  background-image: url(/images/image-strap/careers-1-meeting1_0.jpg);
}

.page-section--culture .image-strap__image {
  background-image: url(/images/image-strap/careers-anders-foster.jpg);
}

.page-section--corporate-events .image-strap__image {
  background-image: url(/images/image-strap/careers-3-funday_0.jpg);
}

.page-section--lifestyle .image-strap__image {
  background-image: url(/images/image-strap/careers-2-lifestyle_0.jpg);
}

.paragraphs-item-spacer--20 {
  height: 20px;
}

.page-section--why-work-here .field-item > p {
  max-width: 800px;
  margin: 0 auto 20px;
}

.page-section--lifestyle .field-item > ul {
  padding-bottom: 0;
}

/* The Drupal page carried an empty paragraph above this heading, keep the same spacing. */
.page-section--why-work-here .field-item > h2:first-child {
  margin-top: 20px;
}