/*!
Theme Name:     NWAS Public Site Theme
Theme URI:      http://github.com/mixd/nwas.nhs.uk
Description:    A custom WordPress theme developed for the North West Ambulance Service
Author:         Mixd
Author URI:     https://mixd.co.uk/
Version:        0.0.1
*/
/**
 * Debug the site breakpoint
 * element only exists if WP_DEBUG is true
 */
.debug:after {
  box-sizing: border-box;
  position: fixed;
  display: block;
  bottom: 10px;
  right: 10px;
  padding: 5px 28px 5px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #777;
  border-radius: 3px;
  background-color: #f7f7f7;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  z-index: 100000;
}

@media (min-width: 400px) {
  .debug:after {
    content: "Small (768px)  | " attr(data-template);
    background: linear-gradient(to right, #f7f7f7, #f7f7f7 90%, #ffde03 90%, #ffde03 100%);
  }
}

@media (min-width: 768px) {
  .debug:after {
    content: "Medium (768px) | " attr(data-template);
    background: linear-gradient(to right, #f7f7f7, #f7f7f7 90%, #ff0266 90%, #ff0266 100%);
  }
}

@media (min-width: 992px) {
  .debug:after {
    content: "Large (992px) | " attr(data-template);
    background: linear-gradient(to right, #f7f7f7, #f7f7f7 90%, #0336ff 90%, #0336ff 100%);
  }
}

@media (min-width: 1200px) {
  .debug:after {
    content: "X-Large (1200px) | " attr(data-template);
    background: linear-gradient(to right, #f7f7f7, #f7f7f7 90%, #4A148C 90%, #4A148C 100%);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

table {
  max-width: 100%;
}

html {
  line-height: 1.5;
  font-size: 62.5%;
}

body {
  font-family: "Frutiger W01", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #425563;
}

p,
ul,
ol,
input,
textarea {
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
  font-weight: 300;
}

a {
  text-decoration: none;
  display: inline-block;
  color: #003087;
}

a:hover {
  color: #00276e;
  text-decoration: underline;
}

p a,
p a:visited {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}

h1 {
  font-size: 2.4rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.6rem;
  }
}

h2 {
  font-size: 2.2rem;
}

@media (min-width: 768px) {
  h2 {
    font-size: 3rem;
  }
}

h3 {
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  h3 {
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.8rem;
  }
}

blockquote {
  position: relative;
  font-size: 2rem;
  padding: 2.4rem 2.4rem 2.4rem 2.4rem;
}

.wrapper, .container {
  width: 90%;
  max-width: 124rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .wrapper, .container {
    width: 95%;
  }
}

@media (min-width: 992px) {
  .wrapper, .container {
    width: 90%;
  }
}

.header-wrapper {
  position: relative;
  width: 90%;
  max-width: 124rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .header-wrapper {
    width: 95%;
  }
}

@media (min-width: 992px) {
  .header-wrapper {
    width: 90%;
  }
}

/**
 * Responsive images
 */
img {
  max-width: 100%;
  height: auto;
}

.alignleft {
  margin: 0 0 1.2rem 0;
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin: 0 1.2rem 1.2rem 0;
  }
}

.alignright {
  margin: 0 0 1.2rem 0;
}

@media (min-width: 768px) {
  .alignright {
    float: right;
    margin: 0 0 1.2rem 1.2rem;
  }
}

.aligncenter {
  margin: 0 auto;
  margin: 0 0 1.2rem 0;
  text-align: center;
}

/**
 * Forms
 */
form {
  margin-bottom: 2.4rem;
}

input, textarea {
  font-family: "Frutiger W01", sans-serif;
}

input[type="text"],
input[type="password"] {
  width: 100%;
  padding: 1rem;
  border: 0.1rem solid #768692;
}

@media (min-width: 768px) {
  input[type="text"],
  input[type="password"] {
    width: 60%;
  }
}

textarea {
  width: 100%;
  padding: 1rem;
  border: 0.1rem solid #768692;
}

@media (min-width: 768px) {
  textarea {
    width: 60%;
  }
}

.select {
  position: relative;
  background-color: white;
  padding: 1rem;
  border: 1px solid #768692;
}

.select select {
  font-size: 1.8rem;
}

.select--focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #003087;
}

.icon--select {
  background-image: url("assets/imgs/dropdown.svg");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  background-position: 98% 50%;
}

.gform_wrapper form {
  font-size: 2rem;
}

.gform_wrapper form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gform_wrapper input[type="radio"],
.gform_wrapper input[type="checkbox"] {
  margin-right: 1rem;
  margin-bottom: 1.2rem;
}

.gfield {
  margin: 0 0 2.4rem 0;
}

.ginput_container_select, .ginput_container_fileupload {
  margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
  .ginput_container_select, .ginput_container_fileupload {
    width: 60%;
  }
}

.gsection {
  margin-top: 3.4rem;
  margin-bottom: 1rem;
}

.gfield_required {
  margin-left: 0.6rem;
  color: #DA291C;
}

.validation_error {
  color: #DA291C;
  margin-bottom: 2.4rem;
}

.ginput_recaptcha {
  margin-bottom: 2.4rem;
}

.gfield_radio li:last-child {
  margin-bottom: 0;
}

.ginput_container_radio,
.ginput_container_checkbox,
.ginput_container_consent {
  margin-bottom: 2rem;
}

.gform_drop_area {
  border: 3px dotted #768692;
  padding: 5rem;
  text-align: center;
}

.gform_drop_area .gform_drop_instructions {
  margin-right: 0.5rem;
}

@media (min-width: 768px) {
  .gfield_description {
    width: 60%;
  }
}

.gfield_error [aria-invalid="true"] {
  outline: 0.2rem solid #DA291C;
}

.gfield_error .validation_message {
  outline: 0.2rem solid #DA291C;
  background: #DA291C;
  font-weight: 700;
  padding: 0 0.4rem;
  color: white;
}

.gfield input,
.gfield textarea {
  margin: 0;
}

.gfield_label, .post-password-form label {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.ui-datepicker {
  background: #f1f1f1;
  border: 1px solid #768692;
  padding: 1rem;
  font-size: 1.6rem;
}

.ui-datepicker-month {
  margin-right: 0.5rem;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 50%;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}

.ui-datepicker-next {
  margin: 1rem 0;
  text-align: right;
}

.ui-datepicker-title {
  display: flex;
  flex-wrap: nowrap;
}

.ui-datepicker-title select {
  font-size: 1.6rem;
}

.ui-datepicker-calendar {
  font-size: 1.8rem;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #768692;
  margin: 1rem 0;
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
  border: 1px solid #768692;
  width: 3rem;
  height: 3rem;
  background: white;
  color: #003087;
}

.ui-datepicker-calendar th {
  background-color: #768692;
  color: white;
}

.ui-datepicker-calendar .ui-state-disabled {
  background: #768692;
}

.ui-datepicker-calendar td .ui-state-hover {
  background: #003087;
  color: white;
}

.ui-datepicker-calendar td a {
  display: block;
  height: 100%;
}

/**
 * WordPress Password Protected Form
 */
.post-password-form input[type="password"] {
  display: block;
}

button {
  font-family: "Frutiger W01", sans-serif;
}

.screen-reader-text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #003087;
}

select:focus {
  outline: none;
  border: 0.2rem solid #003087;
}

/**
** Highlight images that have no/empty alt attribute with yellow border
**/
.flexible {
  position: relative;
  background-color: grey;
  overflow: hidden;
  margin-bottom: 2.4rem;
}

.flexible:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.flexible iframe,
.flexible object,
.flexible embed,
.flexible div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-caption {
  max-width: 100%;
}

.noscroll {
  overflow: hidden;
}

/**
 * Highlight search term in search results if using the
 * SearchWP term highlighter plugin
 */
.searchwp-highlight {
  font-weight: 700;
  background: none;
}

@media print {
  body {
    padding: 1cm;
  }
  .site-header {
    display: none;
  }
  .site-footer {
    display: none;
  }
  .content-sidebar-group__sidebar {
    display: none;
  }
  .breadcrumbs {
    border-top: none !important;
  }
  .content-sidebar-group__content {
    padding-left: 0 !important;
  }
  .page-title {
    border: none !important;
  }
  .page-title__sharing {
    display: none;
  }
  .page-title__content {
    color: black;
  }
  .container {
    border-top: none !important;
  }
  .standard-content a[href]:after {
    content: " (" attr(href) ")";
  }
  .standard-content h2, .standard-content h3, .standard-content h4 {
    break-after: avoid-page;
  }
}

/**
 * Styling specific to modern.gov template
 */
#modgov .mgHeader {
  display: none;
}

#modgov hr {
  margin-bottom: 2rem;
}

/**
 * Component: 404
 */
.fourohfour .menu {
  margin-bottom: 0;
}

/**
 * Component: Archive
 */
.archive-item-group {
  display: flex;
  flex-direction: column;
  text-align: left;
  border-top: 4px solid #41B6E6;
  border-bottom: 4px solid #41B6E6;
  padding: 2rem 0;
}

.archive-item-group h2 {
  font-size: 2.2rem;
}

.archive-item-group .archive-items__active a {
  color: #768692;
}

.archive-items {
  width: 100%;
  list-style: none;
  margin-bottom: 0;
}

.archive-items li {
  display: flex;
  text-decoration: none;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.archive-items li a {
  color: #003087;
  font-weight: normal;
  text-decoration: none;
}

.archive-items li:hover {
  text-decoration: underline;
}

.archive-items li:hover .archive-item__arrow path:first-child {
  fill: #337EC6;
  stroke: #337EC6;
}

.archive-items li:hover .archive-item__arrow path:last-child {
  stroke: white;
}

.archive-items li:last-child {
  margin-bottom: 0;
}

.archive-item__icon {
  margin-right: 0.75rem;
}

.archive-item__arrow svg {
  width: 1.5rem;
  height: 1.5rem;
}

/**
 * Component: Accordion
 */
.accordion {
  margin: 0;
  margin-bottom: 1rem;
}

.accordion:last-child {
  border: 0;
}

.accordion .accordion__heading {
  margin-bottom: 0;
}

.accordion .accordion__heading button:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #41B6E6;
}

.accordion__trigger {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: white;
  cursor: pointer;
  display: block;
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
  font-size: 1.8rem;
  padding: 1rem 5rem 1rem 1.5rem;
  background-color: #003087;
}

@media (min-width: 992px) {
  .accordion__trigger {
    font-size: 2rem;
  }
}

.accordion__trigger:after {
  content: '';
  position: absolute;
  background-image: url(assets/imgs/arrow-down-white.svg);
  background-size: 2rem;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform .2s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 40% 40%;
  right: 10px;
  top: 33%;
}

.accordion__trigger[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.accordion__panel {
  background-color: white;
  border: 1px solid #003087;
  max-height: 0vh;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  z-index: 1;
  font-size: 1.6rem;
}

.accordion__panel img {
  display: block;
  margin-top: 0.5rem;
}

.accordion__panel iframe {
  display: block;
  margin-top: 0.5rem;
}

.accordion__panel--transition {
  transition: max-height .2s ease-in-out, padding-top .2s ease-in-out, padding-bottom .2s ease-in-out;
}

.accordion__panel > :last-child {
  margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
  max-height: 100vh;
  overflow: auto;
  visibility: visible;
  padding: 1.5rem;
}

/**
 * Component: Billboard with video
 */
.billboard-video {
  position: relative;
  width: 100%;
}

.billboard-video__container {
  background: black;
  min-height: 35rem;
  overflow: hidden;
  position: relative;
}

.billboard-video__container:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

@media (min-width: 768px) {
  .billboard-video__container {
    min-height: 40rem;
  }
}

@media (min-width: 992px) {
  .billboard-video__container {
    min-height: 45rem;
  }
}

.billboard-video__media {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 1s;
  will-change: opacity;
  min-width: 100%;
  min-height: 100%;
  height: auto;
}

.billboard-video__media.paused {
  opacity: 0.5;
}

.billboard-video__media.hidden {
  opacity: 0;
}

.billboard-video__contents {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.billboard-video__shim {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.6rem;
  position: relative;
  max-width: 85%;
  margin: 0 auto 2.5rem auto;
}

@media (min-width: 992px) {
  .billboard-video__shim {
    max-width: 825px;
  }
}

.billboard-video__text {
  margin: 0;
  color: white;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3;
}

@media (min-width: 400px) {
  .billboard-video__text {
    font-size: 2.4rem;
  }
}

@media (min-width: 768px) {
  .billboard-video__text {
    font-size: 3.2rem;
  }
}

@media (min-width: 992px) {
  .billboard-video__text {
    font-size: 3.4rem;
  }
}

.billboard-video__controls {
  text-align: center;
  margin: 0.3rem auto 0 auto;
}

.billboard-video__action {
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #003087;
  text-indent: -9999px;
  width: 3rem;
  height: 3rem;
  border: 0;
  margin: 0.4rem;
}

.billboard-video__action--play {
  background-image: url("./assets/imgs/play.svg");
}

.billboard-video__action--pause {
  background-image: url("./assets/imgs/pause.svg");
}

.billboard-video__action--hide,
.billboard-video__action--show {
  background-image: url("./assets/imgs/hide.svg");
}

/**
 * Component: Billboard
 */
.billboard {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 6rem 0;
}

@media (min-width: 992px) {
  .billboard {
    padding: 10rem 0;
  }
}

.billboard__caption {
  width: 100%;
}

@media (min-width: 768px) {
  .billboard__caption {
    width: 50%;
  }
}

.billboard__title {
  color: white;
  font-weight: 700;
  font-size: 2.6rem;
  margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
  .billboard__title {
    font-size: 3.2rem;
  }
}

@media (min-width: 992px) {
  .billboard__title {
    font-size: 3.8rem;
  }
}

/**
 * Component: Board MEmber Group
 */
.board-member-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3rem;
}

.board-member-group__item {
  width: 100%;
  padding-left: 3rem;
}

@media (min-width: 768px) {
  .board-member-group__item {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .board-member-group__item {
    width: 33.33333%;
  }
}

/**
 * Component: Board Member
 */
.board-member {
  background-color: #E8EDEE;
  margin-bottom: 3rem;
}

.board-member__caption {
  padding: 3rem 2rem;
}

.board-member__name {
  margin: 0;
  font-size: 2.4rem;
  color: #231F20;
}

.board-member__title {
  font-size: 1.9rem;
  color: #768692;
}

/**
 * Component: Example
 */
.breadcrumbs {
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  border-top: 0.1rem solid #E8EDEE;
}

.breadcrumbs a {
  font-weight: 300;
  text-decoration: underline;
}

.breadcrumbs a:hover {
  text-decoration: none;
}

/**
 * Component: Breadcrumbs - Modern.gov Template
 */
.modern-gov-breadcrumbs {
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  border-top: 0.1rem solid #E8EDEE;
}

.modern-gov-breadcrumbs a {
  font-weight: 300;
  text-decoration: underline;
}

.modern-gov-breadcrumbs a:hover {
  text-decoration: none;
}

/**
 * Component: Button
 */
.button, .post-password-form input[type="submit"], .wp-block-button__link, #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  padding: 0.5rem 3.2rem 0.5rem 1.4rem;
  background-color: #003087;
  background-image: url("assets/imgs/chevron-right-light.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  color: white;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}

.button:hover, .post-password-form input:hover[type="submit"], .wp-block-button__link:hover, #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit:hover {
  background-color: #00276e;
  color: white;
  text-decoration: none;
}

.button:focus, .post-password-form input:focus[type="submit"], .wp-block-button__link:focus, #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #003087;
}

@media (min-width: 768px) {
  .button, .post-password-form input[type="submit"], .wp-block-button__link, #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit {
    font-size: 1.8rem;
  }
}

.button--light {
  background-image: url("assets/imgs/chevron-right.svg");
  background-color: white;
  color: #003087;
}

.button--light:hover {
  background-color: #f2f2f2;
  color: #003087;
  text-decoration: none;
}

.button--blocky {
  background-image: url("assets/imgs/arrow-right-white.svg");
  background-position: right 12px bottom 12px;
  padding: 1rem 4rem 1rem 1rem;
  background-size: 2rem 2rem;
}

/**
 * Component: Card article summary
 */
.card-article-summary {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  padding: 1.4rem;
  border: 0.1rem solid #E9EBEB;
  border-top: 0.4rem solid #41B6E6;
  margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
  .card-article-summary {
    margin: 0;
    height: 100%;
  }
}

.card-article-summary:hover, .card-article-summary:focus {
  text-decoration: none;
  border-color: #337EC6;
}

.card-article-summary:hover .card-article-summary__title, .card-article-summary:focus .card-article-summary__title {
  text-decoration: underline;
}

.card-article-summary__figure {
  width: 50%;
}

@media (min-width: 768px) {
  .card-article-summary__figure {
    width: 100%;
    order: 2;
    margin-top: auto;
  }
}

.card-article-summary__figure img {
  width: 100%;
}

.card-article-summary__content {
  padding-left: 1.2rem;
  width: 50%;
}

@media (min-width: 768px) {
  .card-article-summary__content {
    width: 100%;
    order: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 13rem;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .card-article-summary__content {
    min-height: 10rem;
  }
}

.card-article-summary__meta {
  color: #425563;
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .card-article-summary__meta {
    font-size: 1.8rem;
  }
}

.card-article-summary__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
}

@media (min-width: 768px) {
  .card-article-summary__title {
    margin-bottom: 1.2rem;
    font-size: 2.2rem;
  }
}

/**
 * Component: Card link list
 */
.card-link-list {
  border-top: 0.4rem solid #41B6E6;
  background: white;
  padding: 1.4rem;
}

.card-link-list__title {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  color: #231F20;
}

@media (min-width: 768px) {
  .card-link-list__title {
    font-size: 2.6rem;
  }
}

@media (min-width: 400px) {
  .card-link-list__content {
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .card-link-list__content {
    column-count: auto;
  }
}

/**
 * Component: Quick Link Menu
 */
.child-pages-menu__items {
  display: flex;
  flex-wrap: wrap;
  padding-right: 1.2rem;
  margin: 0 0 1.2rem 0;
}

.child-pages-menu__item {
  display: flex;
  width: 50%;
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-size: 1.8rem;
}

.child-pages-menu__item a {
  font-weight: normal;
}

.child-pages-menu__arrow {
  margin-right: 0.5rem;
}

.child-pages-menu__arrow svg {
  width: 1.5rem;
  height: 1.5rem;
}

@media (min-width: 992px) {
  .child-pages-menu__arrow {
    margin-right: 1rem;
  }
}

/**
 * Component: Cluster Map
 */
.cluster-map {
  background: #EAEAEA;
  margin-bottom: 2.4rem;
}

.cluster-map__well {
  width: 100%;
  height: 30rem;
}

@media (min-width: 768px) {
  .cluster-map__well {
    height: 40rem;
  }
}

.cluster-map__callout {
  text-align: center;
  max-width: 380px;
  width: 100%;
}

/**
Have to explicitly use px here as the element
is called within the GoogleMap iframe so the <body>
has a different font-size
*/
.cluster-map__callout h1 {
  font-size: 18px;
}

@media (min-width: 768px) {
  .cluster-map__callout h1 {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .cluster-map__callout h1 {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .cluster-map__callout h1 {
    font-size: 26px;
  }
}

/**
 * Component: Contact Block
 */
.contact-block h2 {
  font-weight: 700;
  font-size: 2rem;
  color: #231F20;
}

.contact-block p {
  font-size: 1.6rem;
  margin: 0;
  color: #231F20;
  font-weight: 400;
}

.contact-block a {
  color: #003087;
  font-size: 1.6rem;
  font-weight: 400;
}

.contact-block__numbers {
  display: flex;
}

.contact-block__number {
  margin-bottom: 1rem;
  margin-right: 3.6rem;
}

.contact-block__notice {
  margin-bottom: 2rem;
}

/**
 * Component: container
 */
.container {
  background: white;
  padding: 2.4rem;
  border-top: 1rem solid #41B6E6;
}

/**
 * Component: content-sidebar-group
 */
.content-sidebar-group {
  margin-left: -2.4rem;
}

.content-sidebar-group__grid {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .content-sidebar-group__grid {
    flex-direction: row;
  }
}

.content-sidebar-group__sidebar {
  width: 100%;
  order: 1;
  padding-left: 2.4rem;
}

@media (min-width: 768px) {
  .content-sidebar-group__sidebar {
    width: 30%;
    order: 0;
  }
  .content-sidebar-group__sidebar .button--blocky {
    width: 100%;
  }
}

.content-sidebar-group__content {
  width: 100%;
  padding-left: 2.4rem;
}

@media (min-width: 768px) {
  .content-sidebar-group__content {
    width: 70%;
  }
}

.content-sidebar-group__second {
  order: 2;
}

/**
 * Component: CQC Widget
 */
.cta-text-link {
  padding: 1rem 0;
}

.cta-text-link--align-right {
  text-align: right;
}

.cta-text-link__text {
  margin-bottom: 0;
}

.cta-text-link__link {
  text-decoration: none;
}

.cta-text-link__link:hover {
  text-decoration: underline;
}

/**
 * Component: Directions
 */
.directions {
  margin-bottom: 2.4rem;
}

.directions iframe {
  width: 100%;
}

/**
 * Component: Archive filter
 */
.document-filter__field {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .document-filter__field {
    margin-bottom: 2.4rem;
  }
}

.document-filter__label {
  display: block;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
}

.document-filter__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.document-filter__reset {
  display: block;
  font-size: 1.4rem;
  margin-left: 1.4rem;
  padding: 0.4rem 0;
  /*@include bp($m) {
        margin-left: 0;
    }

    @include bp($l) {
        margin-left: rem(12);
    }*/
}

/**
 * Component: Envelope
 */
.envelope {
  margin-bottom: 3rem;
}

.envelope__content {
  border: 1px solid #E9EBEB;
  border-top: 4px solid #41B6E6;
  padding: 2rem;
  height: 100%;
}

.envelope__title {
  margin-bottom: 0.5rem;
  font-size: 2rem;
}

@media (min-width: 992px) {
  .envelope__title {
    font-size: 2.4rem;
  }
}

.envelope__address {
  font-size: 2rem;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .envelope__address {
    font-size: 2.4rem;
  }
}

/**
 * Component: Excerpt Card
 */
.excerpt-card {
  margin-bottom: 1.5rem;
  padding: 2rem;
  width: 100%;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .excerpt-card__header {
    display: flex;
    justify-content: space-between;
  }
  .excerpt-card__header a {
    width: 100%;
  }
}

.excerpt-card__title {
  color: #003087;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.excerpt-card__permalink {
  display: flex;
  flex-shrink: 6;
  font-size: 1.6rem;
  margin: 1rem 0;
}

.excerpt-card__permalink:after {
  content: '';
  background-image: url("./assets/imgs/chainlink.svg");
  background-repeat: no-repeat;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 1.2rem;
}

@media (min-width: 768px) {
  .excerpt-card__permalink {
    margin: 0;
    padding-top: 2px;
    padding-right: 5px;
  }
}

.excerpt-card__excerpt p {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.excerpt-card__meta {
  font-size: 1.8rem;
  font-weight: 300;
}

/**
 * Component: Excerpt Card Group
 */
/**
 * Component: Feature Panel
 */
.feature-panel {
  background-position: center center;
  background-size: cover;
  text-align: center;
  height: 100%;
  position: relative;
  transition: all 0.2s ease;
}

.feature-panel p {
  color: white;
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 0;
}

.feature-panel a {
  position: relative;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

.feature-panel:before {
  transition: all 0.2s ease;
}

.feature-panel--image:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background: black;
  opacity: 0.4;
}

.feature-panel--image:hover:before {
  opacity: 0.5;
}

.feature-panel--coloured {
  background-color: #003087;
}

.feature-panel--coloured:hover {
  background-color: #00276e;
}

.feature-panel__inner {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 3rem 0;
}

.feature-panel__content {
  padding: 6rem 2rem;
  height: 100%;
}

.feature-panel__content:before, .feature-panel__content:after {
  content: '';
  width: 7rem;
  height: 0.5rem;
  background-color: white;
  display: block;
  margin: 0 auto;
}

/**
 * Component: Feature Panel Group
 */
.feature-panel-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2rem 0;
}

.feature-panel-group > div {
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .feature-panel-group > div {
    width: 48%;
    margin-bottom: 0;
  }
}

/**
 * Component: Featured News Article
 */
.featured-news-article {
  margin-bottom: 3.5rem;
  display: flex;
  flex-direction: column-reverse;
  border: 0.1rem solid #E9EBEB;
  border-top: 0.4rem solid #41B6E6;
}

.featured-news-article:hover, .featured-news-article:focus {
  text-decoration: none;
  border-color: #337EC6;
}

.featured-news-article:hover .featured-news-article__title, .featured-news-article:focus .featured-news-article__title {
  text-decoration: underline;
}

.featured-news-article__image {
  flex: 2 1 auto;
  padding: 2rem 2rem 0 2rem;
}

.featured-news-article__image:empty {
  display: none;
}

.featured-news-article__image img {
  height: 100%;
}

.featured-news-article__content {
  display: flex;
  flex: 2 1 auto;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  padding: 1rem 2rem 2rem 2rem;
}

.featured-news-article__title {
  font-size: 3rem;
  margin-bottom: 0;
  color: #003087;
}

@media (min-width: 992px) {
  .featured-news-article__title {
    margin-top: 2rem;
  }
}

.featured-news-article__meta {
  font-size: 1.6rem;
  font-weight: 300;
  color: #425563;
  margin: 1.2rem 0;
}

.featured-news-article__meta a {
  color: #003087;
  text-decoration: none;
}

.featured-news-article__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.featured-news-article__tag {
  padding: 0 0.5rem;
  border: 0.1rem solid #003087;
  margin: 0.3rem;
}

.featured-news-article__tag:hover {
  background-color: #003087;
}

.featured-news-article__excerpt {
  color: #425563;
}

.featured-news-article__excerpt p {
  margin-bottom: 0;
}

/**
 * Component: Footer Logos
 */
/**
 * Component: Hamburger
 */
.hamburger {
  height: 4rem;
  width: 4rem;
  border: none;
  background-color: transparent;
}

@media (min-width: 400px) {
  .hamburger {
    height: 5rem;
    width: 5rem;
  }
}

.hamburger__svg {
  width: 100%;
  border-radius: 0.3rem;
  background-color: white;
}

.hamburger__svg--open {
  background-color: #003087;
}

.hamburger__line {
  stroke: #003087;
  stroke-width: 9;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transition: transform 200ms;
}

.hamburger__line--1 {
  transform: translateY(-20px) rotate(0deg);
}

.hamburger__line--1--open {
  transform: rotate(45deg);
  transition: transform 200ms;
  stroke: white;
}

.hamburger__line--2 {
  opacity: 1;
  transition: opacity 200ms;
}

.hamburger__line--2--open {
  opacity: 0;
  transition: opacity .125s;
}

.hamburger__line--3 {
  transform: translateY(20px) rotate(0deg);
}

.hamburger__line--3--open {
  transform: rotate(-45deg);
  transition: transform 200ms;
  stroke: white;
}

/**
 * Component: Inline Meta
 */
.inline-meta__block {
  display: inline-block;
}

.inline-meta__block a {
  display: inline;
}

.inline-meta__block:not(:last-child):after {
  content: '|';
  color: #9CA9B3;
  margin: 0 0.75rem;
}

/**
 * Component: Search Cover
 */
.inline-search {
  margin-bottom: 2.4rem;
}

.inline-search__form {
  margin-bottom: 0;
}

.inline-search__title {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
}

.inline-search__input-group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .inline-search__input-group {
    flex-wrap: nowrap;
  }
}

.inline-search__field {
  font-size: 1.8rem;
  font-weight: 300;
  border: 0.1rem solid #41B6E6;
  margin: 0 0 0 0;
  padding: 1rem;
  height: 5rem;
  width: 100%;
  -webkit-appearance: none;
}

@media (min-width: 768px) {
  .inline-search__field {
    flex: 4 4 auto;
    font-size: 2.2rem;
    margin: 0 2.4rem 0 0;
  }
}

.inline-search__cta {
  width: 100%;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .inline-search__cta {
    flex: 0 0 auto;
    margin-top: 0;
    width: auto;
  }
}

.inline-search__submit {
  width: 100%;
  flex: 0 0 auto;
  margin: 1rem 0 0 0;
  padding: 1rem 5rem 1rem 2rem;
  background-color: #003087;
  background-image: url("assets/imgs/search-icon.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 2rem 2rem;
  border: none;
  font-size: 1.8rem;
  font-weight: 700;
  width: 100%;
  color: white;
  -webkit-appearance: none;
  cursor: pointer;
}

@media (min-width: 768px) {
  .inline-search__submit {
    margin-top: 0;
    width: auto;
    height: 5rem;
  }
}

/**
 * Component: Island
 */
.island {
  background: #ccc;
  padding: 2.4rem;
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}

/**
 * Component: Link list group
 */
.link-list-group {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.link-list-group__item {
  margin-bottom: 0.75rem;
}

/**
 * Component: Link List Item
 */
.link-list-item {
  position: relative;
  font-weight: 400;
  padding-left: 2.4rem;
}

.link-list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #E8EDEE;
  background-image: url("assets/imgs/chevron-right.svg");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
}

.link-list-item__icon {
  display: block;
  width: 1.2rem;
  border: 1px solid pink;
}

/**
 * Component: Live Search
 */
.searchwp-live-search-results {
  max-height: none !important;
}

.searchwp-live-search-result .searchwp-live-search-result__text {
  font-size: 1.4rem;
  padding: 1rem;
  margin: 0;
  border-bottom: 1px solid #1e1e1e1a;
}

.searchwp-live-search-result .searchwp-live-search-result__text a {
  white-space: normal;
}

.searchwp-live-search-no-min-chars:after {
  font-size: 1.4rem;
}

/**
 * Component: Locations Group
 */
.locations-group__title {
  margin-bottom: 2.5rem;
  font-size: 2.4rem;
}

.locations-group__grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3rem;
}

.locations-group__grid > div {
  padding-left: 3rem;
  width: 100%;
}

@media (min-width: 768px) {
  .locations-group__grid > div {
    width: 50%;
  }
}

/**
 * Component: Mini Map
 */
.mini-map {
  margin-bottom: 3rem;
}

.mini-map iframe {
  width: 100%;
}

/**
 * Component: Mega Menu
 * 
 * IMPORTANT: This component is designed to be used as a markup only component. 
 * It should ONLY be used within a Nav Walker Class and as such should be styled
 * as part of the nav component that is calling the walker e.g. .primary-nav
 */
/**
 * Component: Navigation Footer
 */
.nav-footer {
  display: flex;
  list-style-type: none;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  flex-wrap: wrap;
}

.nav-footer__item {
  margin-right: 2.4rem;
}

.nav-footer__link {
  text-decoration: none;
  color: #003087;
  font-weight: 400;
}

.nav-footer__link:hover {
  text-decoration: underline;
}

/**
 * Component: Mobile Nav
 */
body.nav-open {
  overflow: hidden;
}

.nav-mobile__primary {
  margin: 8rem 3rem 0 3rem;
  list-style-type: none;
  font-size: 2rem;
  background-color: #003087;
  z-index: 10;
}

@media (min-width: 400px) {
  .nav-mobile__primary {
    margin: 9.5rem 3rem 0 3rem;
  }
}

.nav-mobile__primary__item {
  display: block;
}

.nav-mobile__primary__link {
  font-weight: 700;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  display: block;
  color: white;
}

.nav-mobile__primary__link:hover {
  text-decoration: none;
  color: white;
  background-color: #003087;
}

.nav-mobile__primary__link:after {
  content: "";
  right: 3rem;
  width: 3rem;
  height: 3rem;
  background-image: url("assets/imgs/arrow-blue.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
  position: absolute;
}

.nav-mobile__secondary {
  margin: 1rem 3rem;
  list-style-type: none;
  font-size: 1.6rem;
  background-color: #003087;
  z-index: 10;
}

.nav-mobile__secondary__link {
  font-weight: 300;
  text-decoration: none;
  display: block;
  padding-left: 1.5rem;
  color: white;
}

.nav-mobile__secondary__link:hover {
  text-decoration: none;
  color: white;
}

.nav-mobile__secondary__item {
  margin-bottom: 0.6rem;
}

.nav-mobile__primary__mega-menu {
  display: none;
}

/**
 * Component: Navigation
 */
.nav-primary {
  display: none;
  margin: 0;
  list-style-type: none;
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .nav-primary {
    display: flex;
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .nav-primary {
    font-size: 1.9rem;
    margin-left: -1.3rem;
  }
}

@media (min-width: 1200px) {
  .nav-primary {
    justify-content: flex-end;
    font-size: 1.75rem;
  }
}

.nav-primary__link {
  display: block;
  position: relative;
  padding: 0.4rem 0.8rem;
  text-decoration: none;
  color: #003087;
  border: 1px solid transparent;
}

.nav-primary__link:hover {
  text-decoration: none;
  background-color: #41B6E6;
}

.nav-primary__link:focus {
  text-decoration: none;
  background-color: #41B6E6;
}

.nav-primary__link:focus-within {
  text-decoration: none;
  background-color: #41B6E6;
}

@media (min-width: 992px) {
  .nav-primary__link {
    padding: 0.5rem 1.2rem;
  }
}

@media (min-width: 1200px) {
  .nav-primary__link {
    padding: 0.5rem 1.3rem;
  }
}

.nav-primary__item--parent .nav-primary__link {
  padding-right: 3.5rem;
}

.nav-primary__item--parent .nav-primary__link:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url("assets/imgs/arrow-down-blue.svg");
  background-repeat: no-repeat;
}

.nav-primary__item--parent:hover .nav-primary__link,
.nav-primary__item--parent:focus .nav-primary__link,
.nav-primary__item--parent:focus-within .nav-primary__link {
  text-decoration: none;
  background-color: #41B6E6;
}

.nav-primary__item--parent:hover .nav-primary__link:after,
.nav-primary__item--parent:focus .nav-primary__link:after,
.nav-primary__item--parent:focus-within .nav-primary__link:after {
  background-image: url("assets/imgs/arrow-down-bold.svg");
}

.nav-primary__mega-menu {
  position: absolute;
  display: flex;
  top: -9999px;
  left: 0;
  width: 100%;
  background: white;
  border-top: 8px solid #41B6E6;
  border-bottom: 8px solid #41B6E6;
  padding: 2.4rem;
}

.nav-primary__item:hover > .nav-primary__mega-menu {
  z-index: 10000;
  top: 100%;
}

@media (min-width: 1200px) {
  .nav-primary__item:hover > .nav-primary__mega-menu {
    margin-top: -6px;
  }
}

.nav-primary__item:focus > .nav-primary__mega-menu {
  z-index: 10000;
  top: 100%;
}

@media (min-width: 1200px) {
  .nav-primary__item:focus > .nav-primary__mega-menu {
    margin-top: -6px;
  }
}

.nav-primary__item:focus-within > .nav-primary__mega-menu {
  z-index: 10000;
  top: 100%;
}

@media (min-width: 1200px) {
  .nav-primary__item:focus-within > .nav-primary__mega-menu {
    margin-top: -6px;
  }
}

.nav-primary__mega-menu__content {
  flex: 1 1 auto;
  max-width: 60rem;
  width: 100%;
}

@media (min-width: 992px) {
  .nav-primary__mega-menu__content {
    max-width: 90rem;
  }
}

.nav-primary__mega-menu__aside {
  max-width: 30rem;
}

.nav-primary__mega-menu__aside a {
  padding: 1em;
}

.nav-primary__mega-menu__aside svg {
  width: 2.5rem;
  height: 2.5rem;
}

.nav-primary__mega-menu__aside .button, .nav-primary__mega-menu__aside .post-password-form input[type="submit"], .post-password-form .nav-primary__mega-menu__aside input[type="submit"], .nav-primary__mega-menu__aside .wp-block-button__link, .nav-primary__mega-menu__aside #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit, #hj-content #JobSearch_default .nav-primary__mega-menu__aside input#JobSearch\.QueryIntegratedSubmit {
  display: flex;
  align-items: flex-end;
}

.nav-primary__mega-menu__aside .button__arrow {
  margin-left: 3rem;
}

/**
 * Component: Navigation
 */
.nav-secondary {
  display: none;
  margin: 0;
  list-style-type: none;
  font-size: 1.5rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .nav-secondary {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .nav-secondary {
    font-size: 1.6rem;
    justify-content: initial;
    margin-right: 1rem;
  }
}

.nav-secondary__item {
  margin-left: 0.8rem;
}

.nav-secondary__item:first-child {
  margin: 0;
}

@media (min-width: 992px) {
  .nav-secondary__item {
    margin-left: 1.4rem;
  }
}

.nav-secondary__item--11 {
  font-weight: 700;
}

.nav-secondary__link {
  display: block;
  text-decoration: none;
  color: #003087;
}

.nav-secondary__item--active .nav-secondary__link {
  color: #003087;
}

/**
 * Component: News Summary
 */
.news-summary {
  display: flex;
  padding: 1.4rem;
  flex-direction: column;
  height: 100%;
}

.news-summary--border {
  border: 1px solid #E9EBEB;
  border-top: 4px solid #41B6E6;
}

.news-summary--border:hover, .news-summary--border:focus {
  text-decoration: none;
  border-color: #337EC6;
}

.news-summary--border:hover .news-summary__title, .news-summary--border:focus .news-summary__title {
  text-decoration: underline;
}

.news-summary__fig {
  overflow: hidden;
  min-height: 1px;
}

.news-summary__fig a {
  display: block;
  min-height: 1px;
}

.news-summary__fig img {
  min-height: 1px;
}

.news-summary__content {
  background-color: #fff;
  color: #003087;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-summary__title {
  font-size: 2rem;
  margin-bottom: 1.2rem;
  color: #003087;
}

.news-summary__meta {
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 2rem;
  color: #425563;
}

.news-summary__meta a {
  color: #003087;
  text-decoration: none;
}

.news-summary__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.news-summary__tag {
  padding: 0 0.5rem;
  border: 0.1rem solid #003087;
  margin: 0.3rem;
}

.news-summary__tag:hover {
  background-color: #003087;
}

.news-summary__link {
  position: relative;
  display: block;
  background: #003087;
  color: white;
  font-size: 1.6rem;
  padding: 0.6rem;
}

.news-summary__link:after {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.8rem;
  background: url(assets/imgs/arrow-white.svg) center center no-repeat;
  z-index: 10000;
}

.news-summary__link:hover {
  text-decoration: underline;
  color: white;
}

/**
 * Component: Example
 */
.news-summary-group {
  margin-top: 2.4rem;
}

.news-summary-group--no-margin {
  margin-top: 0;
}

.news-summary-group__grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3.5rem;
}

.news-summary-group__item {
  width: 100%;
  margin-bottom: 3.5rem;
  padding-left: 3.5rem;
}

@media (min-width: 768px) {
  .news-summary-group__item {
    width: 50%;
  }
}

.news-summary-group__item--thin {
  width: 100%;
}

@media (min-width: 768px) {
  .news-summary-group__item--thin {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .news-summary-group__item--thin {
    width: 25%;
  }
}

/**
 * Component: Example
 */
/**
 * Component: Notice
 * Note: This class name was updated from .notice to .notice-block in order to prevent
 * a conflict with the Asgaros Forum plugin.
 */
.notice-block {
  background-color: #8A1538;
  color: white;
  display: flex;
  align-items: center;
  padding: 2.5rem;
  flex-direction: column;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .notice-block {
    flex-direction: row;
  }
}

.notice-block--alt {
  background: #5e6c77;
}

.notice-block__icon {
  width: 7rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .notice-block__icon {
    margin-bottom: 0;
  }
}

.notice-block__icon img {
  height: 100%;
}

.notice-block__text {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 768px) {
  .notice-block__text {
    margin-left: 2rem;
    text-align: left;
  }
}

/**
 * Component: Page title
 */
.page-title {
  background-color: #768692;
  background-image: linear-gradient(to bottom, #5e6c77, #768692);
  border-top: 0.5rem solid #41B6E6;
  color: white;
  margin-bottom: -6rem;
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  .page-title {
    margin-bottom: -10rem;
    padding-bottom: 10rem;
  }
}

@media (min-width: 992px) {
  .page-title {
    margin-bottom: -12rem;
    padding-bottom: 12rem;
  }
}

.page-title__title {
  font-size: 2.4rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .page-title__title {
    font-size: 3.2rem;
  }
}

.page-title__excerpt {
  max-width: 80rem;
  font-size: 1.6rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .page-title__excerpt {
    font-size: 2.2rem;
  }
}

.page-title__sharing {
  margin-bottom: 2.4rem;
}

.page-title__cta {
  display: inline-block;
  background: white;
  padding: 0.8rem;
  color: #425563;
  margin-bottom: 2.4rem;
}

.page-title__cta p {
  margin: 0;
  font-weight: 700;
}

.page-title__cta-alt {
  color: #003087;
}

.page-title__meta-block {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 3rem;
}

.page-title__meta-block a {
  color: white;
  text-decoration: underline;
}

.page-title__inner {
  display: flex;
  justify-content: space-between;
}

.page-title__image {
  display: none;
}

@media (min-width: 992px) {
  .page-title__image {
    display: block;
    width: 45%;
  }
  .page-title__image figure {
    height: 100%;
    background-size: cover;
    background-position: center;
  }
}

.page-title__content {
  padding: 4rem 0 1rem 0;
  margin-right: 3rem;
}

@media (min-width: 992px) {
  .page-title__content {
    flex: 1;
  }
}

.pagination {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  font-weight: 300;
  justify-content: center;
}

.pagination--margin-top {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .pagination--margin-top {
    margin-bottom: 0;
  }
}

.pagination__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
}

.pagination__list--narrow {
  width: 100%;
  justify-content: center;
}

@media (min-width: 768px) {
  .pagination__list--narrow {
    width: 66.66666%;
  }
}

.pagination__item {
  margin-right: 0.5rem;
}

.pagination__item--hidden-mobile {
  display: none;
}

@media (min-width: 768px) {
  .pagination__item--hidden-mobile {
    display: block;
  }
}

.pagination__button {
  display: block;
  color: #003087;
  padding: 0.6rem 1.6rem;
  border: 0.1rem solid #E8EDEE;
  font-weight: 700;
}

.pagination__button:hover {
  background: #41B6E6;
  text-decoration: none;
}

.pagination__button--disabled {
  background: #425563;
  color: #2e3b44;
  border: 0.1rem solid transparent;
}

.pagination__button--active {
  background: #41B6E6;
  border: 1px solid #41B6E6;
  color: black;
}

.pagination__item--disabled .pagination__button--next,
.pagination__item--disabled .pagination__button--prev {
  color: #425563;
}

.pagination__item--disabled .pagination__button--next:hover,
.pagination__item--disabled .pagination__button--prev:hover {
  color: inherit;
  text-decoration: none;
}

.pagination__button--next,
.pagination__button--prev {
  background: none;
  border: 0.1rem solid transparent;
  font-weight: 300;
  color: #003087;
}

.pagination__button--next:hover,
.pagination__button--prev:hover {
  background: none;
  text-decoration: underline;
  color: #00276e;
}

.pagination__ellipsis {
  display: block;
  background: #425563;
  color: white;
  padding: 0.6rem 1.1rem;
}

/**
 * Component: Quote with photo
 */
.quote-with-photo__grid {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 768px) {
  .quote-with-photo__grid {
    flex-direction: row;
  }
}

.quote-with-photo__figure {
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .quote-with-photo__figure {
    width: 40%;
    margin-right: 3rem;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .quote-with-photo__figure {
    width: 50%;
  }
}

.quote-with-photo__content {
  width: 100%;
}

@media (min-width: 768px) {
  .quote-with-photo__content {
    width: 60%;
  }
}

@media (min-width: 992px) {
  .quote-with-photo__content {
    width: 50%;
  }
}

.quote-with-photo__quotation {
  position: relative;
  width: 100%;
  padding: 2.4rem 4rem 0 4rem;
  margin-bottom: 5.5rem;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #768692;
}

.quote-with-photo__quotation:before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 0;
  left: 0;
  background-image: url("assets/imgs/quotation-mark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.quote-with-photo__quotation:after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 0;
  bottom: -2.4rem;
  background-image: url("assets/imgs/quotation-mark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  z-index: -1;
}

@media (min-width: 768px) {
  .quote-with-photo__quotation {
    font-size: 4rem;
    padding: 5.4rem 6rem 0 6rem;
  }
  .quote-with-photo__quotation:before {
    width: 6rem;
    height: 6rem;
  }
  .quote-with-photo__quotation:after {
    width: 6rem;
    height: 6rem;
    bottom: -5rem;
  }
}

.quote-with-phot__cta {
  text-align: center;
}

@media (min-width: 768px) {
  .quote-with-phot__cta {
    text-align: left;
    margin-left: 6rem;
    margin-top: 1rem;
  }
}

/**
 * Component: Results Filter
 *
 */
.results-filter {
  position: relative;
  margin-bottom: 2rem;
}

.results-filter__title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .results-filter__title {
    font-size: 2.4rem;
  }
}

.results-filter__sub-heading {
  font-weight: 400;
  font-size: 2rem;
}

.results-filter__filter {
  padding: 1rem 0;
  font-size: 1.8rem;
}

.results-filter__actions {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}

@media (min-width: 1200px) {
  .results-filter__actions {
    flex-direction: row;
    align-items: center;
  }
}

.results-filter__submit {
  display: block;
  margin-bottom: 0;
  border: none;
  color: white;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Frutiger W01", sans-serif;
  font-size: 1.8rem;
  background-color: #003087;
  background-repeat: no-repeat;
  background-image: url("assets/imgs/arrow-right-white.svg");
  background-position: right 12px bottom 12px;
  padding: 1rem 4rem 1rem 1rem;
  background-size: 2rem 2rem;
}

.results-filter__submit:hover {
  background-color: #003087;
  cursor: pointer;
}

.results-filter__reset {
  font-size: 1.6rem;
  color: #003087;
  padding-top: 2rem;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 1200px) {
  .results-filter__reset {
    margin-left: 1rem;
    padding-top: 0;
    text-align: left;
  }
}

.results-filter__reset:hover {
  text-decoration: underline;
}

/**
 * Component: Search Filter
 *
 */
.search-filter__group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .search-filter__group {
    flex-direction: row;
  }
}

.search-filter__title, .search-filter__dropdown {
  margin-right: 1.5rem;
}

.search-filter__title {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: normal;
  font-family: "Frutiger W01", sans-serif;
}

@media (min-width: 768px) {
  .search-filter__title {
    margin-bottom: 0;
  }
}

.search-filter__dropdown {
  width: 100%;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.search-filter__dropdown select {
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .search-filter__dropdown {
    width: 30rem;
    margin-bottom: 0;
  }
}

/**
 * Component: Search Form
 */
.search-form {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
}

@media (min-width: 768px) {
  .search-form {
    width: 30rem;
  }
}

@media (min-width: 1200px) {
  .search-form {
    width: 25rem;
  }
}

.search-form > label {
  flex: 1;
}

.search-field {
  display: block;
  width: 100%;
  padding: 0 0 0 0.8rem;
  height: 3rem;
}

@media (min-width: 768px) {
  .search-field {
    height: 3.5rem;
  }
}

.search-field {
  border: 1px solid #337EC6;
  border-right: none;
  font-size: 1.6rem;
  margin: 0;
  -webkit-appearance: none;
}

.search-submit {
  border: 1px solid #337EC6;
  border-left: none;
  text-indent: -9999px;
  width: 4.6rem;
  margin: 0;
  background: white url("assets/imgs/search-icon-secondary.svg") no-repeat center;
  background-size: 2rem;
}

@media (min-width: 768px) {
  .search-submit {
    width: 3rem;
  }
}

/**
 * Component: Mobile Search
 */
.search-toggle {
  height: 3.5rem;
  width: 3.5rem;
  background-color: #41B6E6;
  color: white;
  border: 0;
  border-radius: 0.3rem;
  padding: 0.5rem;
}

@media (min-width: 400px) {
  .search-toggle {
    height: 4rem;
    width: 4rem;
  }
}

.search-toggle__svg {
  width: 100%;
}

.search-toggle-icon {
  display: none;
}

.search-toggle-icon.active {
  display: inline-block;
}

.search-toggle-icon--close {
  width: 2rem;
}

/**
 * Component: Search Mobile
 */
.search-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background-color: #41B6E6;
}

@media (min-width: 768px) {
  .search-mobile {
    display: none;
  }
}

.search-mobile .search-field {
  border: none;
  font-size: 2rem;
  padding: 2rem;
}

.search-mobile .search-submit {
  background: white url("assets/imgs/search-icon-secondary.svg") no-repeat center;
  background-size: 2rem;
  border: 1px solid white;
}

.search-mobile__inner {
  padding: 8rem 3rem 0 3rem;
}

@media (min-width: 400px) {
  .search-mobile__inner {
    padding: 10rem 3rem 0 3rem;
  }
}

.search-mobile__title {
  text-align: center;
  color: #231F20;
}

.search-mobile__title h1 {
  font-size: 3rem;
  margin-bottom: 2rem;
}

/**
 * Component: Microfeed
 */
.search-result {
  margin-bottom: 1.5rem;
  padding: 2rem;
  width: 100%;
  background-color: #F5F5F5;
}

@media (min-width: 992px) {
  .search-result {
    width: 65%;
  }
}

.search-result__title {
  color: #003087;
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.search-result__title .searchwp-highlight {
  color: #003087;
}

.search-result__link a {
  font-size: 1.6rem;
  color: #003087;
}

.search-result__excerpt p {
  margin-bottom: 0;
}

.search-result__excerpt .searchwp-highlight {
  color: #425563;
}

.search-result__meta {
  margin-bottom: 1.5rem;
}

/**
 * Highlight search term in search results if using the
 * SearchWP term highlighter plugin
 */
.searchwp-highlight {
  font-weight: 700;
  background: none;
}

/**
 * Component: Search Results
 */
.search-results__list {
  margin-bottom: 5rem;
}

.search-results__filter {
  margin: 1.5rem 0 4rem 0;
}

/**
 * Component: Section Item
 */
.section-item-a {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2rem;
  min-height: 100%;
  color: #003087;
  border: 0.1rem solid #41B6E6;
}

.section-item-a:hover {
  background: #003087;
  color: white;
  text-decoration: none;
  border: 0.1rem solid #003087;
}

.section-item-a:hover .section-item-a__icon path {
  fill: white;
}

.section-item-a__title {
  margin: 0;
  font-weight: 700;
  font-size: 2rem;
  flex-grow: 1;
  max-width: 80%;
  margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
  .section-item-a__title {
    font-size: 2.4rem;
  }
}

.section-item-a__icon {
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  border: 1px solid white;
  padding: 0.2rem 0.4rem;
  height: auto;
  background-color: #003087;
}

.section-item-a__icon path {
  fill: white;
}

/**
 * Component: Section Item
 */
.section-item-b {
  width: 100%;
  height: 100%;
  padding: 2rem 0 2rem 0;
  text-decoration: none;
  min-height: 100%;
  color: #003087;
  border-top: 0.1rem solid #E8EDEE;
  border-bottom: 0.1rem solid #E8EDEE;
  padding-top: -0.1rem;
}

.section-item-b:hover {
  color: #003087;
  text-decoration: none;
}

.section-item-b:hover .section-item-b__title {
  text-decoration: underline;
}

.section-item-b:hover .section-item-b__icon {
  background: #337EC6;
}

.section-item-b:hover .section-item-b__icon path {
  fill: white;
}

.section-item-b__header {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.section-item-b__title {
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .section-item-b__title {
    font-size: 2.4rem;
  }
}

.section-item-b__icon {
  border: 1px solid #E8EDEE;
  padding: 0.2rem 0.4rem;
  height: auto;
}

.section-item-b__icon:hover {
  background: #337EC6;
}

.section-item-b__icon:hover path {
  fill: white;
}

.section-item-b__excerpt {
  position: relative;
  margin: 0.5rem 0 0 0;
  font-weight: 300;
  color: #425563;
}

.section-item-b__excerpt p:last-child {
  margin: 0;
}

.section-item-b__excerpt:hover {
  color: #425563;
}

/**
 * Component: Section Item Video
 */
.section-item-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 2rem;
}

.section-item-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/**
 * Component: Section Item Group
 */
.section-item-group__grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3.2rem;
}

.section-item-group__item {
  width: 100%;
  padding-left: 3.2rem;
  margin-top: -0.1rem;
}

@media (min-width: 768px) {
  .section-item-group__item {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .section-item-group__item--third-desktop {
    width: 33.33333%;
  }
}

.section-item-group__item--spaced {
  margin-bottom: 3.2rem;
}

/**
 * Component: Share This
 */
.share-this {
  display: flex;
  align-items: center;
}

.share-this__title {
  font-size: 1.9rem;
  font-weight: 700;
  margin-right: 0.8rem;
}

.share-this__icon {
  display: block;
  width: 2.4rem;
  margin-right: 0.8rem;
}

.share-this__icon img {
  height: 100%;
}

.skip-link {
  position: absolute;
  top: -100%;
  padding: 1rem;
  left: 0;
  color: white;
  font-weight: 700;
  font-size: 1.9rem;
  background: #231F20;
  text-decoration: none;
  z-index: 10000;
}

.skip-link:focus {
  left: 0;
  top: 0;
  text-decoration: underline;
  color: white;
}

/**
 * Component: Sidebar Category Link Group
 */
.category-link-group {
  display: flex;
  flex-direction: column;
  text-align: left;
  border-top: 4px solid #41B6E6;
  padding: 2rem 0;
}

.category-link-group__title h2 {
  font-size: 2.2rem;
}

.category-link-group__items {
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.category-link-group__item:last-child a {
  margin-bottom: 0;
}

/**
 * Component: Category Link
 */
.sidebar-link {
  display: block;
  text-decoration: none;
  color: #003087;
  display: flex;
  margin-bottom: 1rem;
}

.sidebar-link:hover {
  text-decoration: underline;
}

.sidebar-link:hover .sidebar-link__icon path:first-child {
  fill: #337EC6;
  stroke: #337EC6;
}

.sidebar-link:hover .sidebar-link__icon path:last-child {
  stroke: white;
}

.sidebar-link--active {
  color: #425563;
}

.sidebar-link__icon {
  flex: 1 1 auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
}

.sidebar-link__text {
  width: 100%;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: normal;
}

.sidebar-link__title {
  flex: 1;
  margin: 0;
  font-size: 1.8rem;
}

/**
Styles specific to modern.gov template
This template requires specific styling because it doesn't (and can't) use the default sidebar list structure
**/
.sidebar-link--modern-gov {
  font-weight: 400;
  position: relative;
  padding-left: 2.3rem;
}

.sidebar-link--modern-gov:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("assets/imgs/bullet-arrow-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.sidebar-link--modern-gov:hover:before {
  background-image: url("assets/imgs/bullet-arrow-hovered.svg");
}

/**
 * Component: Example
 */
.sidebar-link-group {
  border-top: 4px solid #41B6E6;
  border-bottom: 4px solid #41B6E6;
  padding: 2rem 0;
  margin-bottom: 2rem;
}

.sidebar-link-group__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  text-align: left;
  list-style: none;
}

.sidebar-link-group__title {
  font-size: 2.2rem;
}

.sidebar-link-group__item:last-child a {
  margin-bottom: 0;
}

.sidebar-link-group__list {
  margin-bottom: 2.4rem;
}

.sidebar-link-group__list:last-child, .sidebar-link-group__list:only-child {
  margin-bottom: 0;
}

/**
 * Component: Site Footer
 */
.site-footer {
  padding: 2.4rem 0;
}

.site-footer__line {
  border: 1px solid #CBCECE;
}

.site-footer__top {
  background-color: #f7f7f7;
}

.site-footer__contact {
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .site-footer__contact {
    margin-bottom: 0;
    width: 60%;
  }
}

@media (min-width: 768px) {
  .site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.site-footer__cqc {
  min-width: 22rem;
  width: 22rem;
}

@media (min-width: 768px) {
  .site-footer__contact {
    margin-right: 3rem;
  }
}

.site-footer__smallprint p {
  font-size: 1.6rem;
  margin: 1.5rem 0;
}

@media (min-width: 1200px) {
  .site-footer__smallprint {
    display: flex;
    justify-content: space-between;
  }
  .site-footer__smallprint p {
    margin: 0;
  }
}

.site-footer__line--top {
  margin-bottom: 2rem;
}

.site-footer__line--bottom {
  margin: 2rem 0 2rem 0;
}

/**
 * Component: Site Header
 */
.site-header {
  padding: 1.5rem 0 1.5rem 0;
}

@media (min-width: 1200px) {
  .site-header {
    padding: 2rem 0 2rem 0;
  }
}

.site-header__inner {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .site-header__inner {
    flex-wrap: wrap;
  }
}

.site-header__logo {
  width: 50%;
  max-width: 25rem;
}

@media (min-width: 1200px) {
  .site-header__logo {
    width: 25%;
    max-width: 28rem;
  }
}

.site-header__logo img {
  height: 100%;
}

.site-header__primary {
  display: none;
}

@media (min-width: 768px) {
  .site-header__primary {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }
}

@media (min-width: 1200px) {
  .site-header__primary {
    display: none;
  }
}

.site-header__secondary {
  z-index: 15;
  width: 50%;
}

@media (min-width: 1200px) {
  .site-header__secondary {
    width: 75%;
  }
}

.site-header__search-form {
  display: none;
}

@media (min-width: 768px) {
  .site-header__search-form {
    display: block;
  }
}

@media (min-width: 1200px) {
  .site-header__search-form {
    margin-left: 1.5rem;
  }
}

.site-header__secondary-flex {
  height: 100%;
}

@media (min-width: 768px) {
  .site-header__secondary-flex {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .site-header__secondary-flex {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 3.3rem;
  }
}

.site-header__secondary-menu {
  height: 100%;
}

@media (min-width: 768px) {
  .site-header__secondary-menu {
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .site-header__secondary-menu {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .site-header__secondary-menu {
    margin-bottom: 0;
  }
}

.site-header__recite {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
}

@media (min-width: 400px) {
  .site-header__recite {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
  }
}

@media (min-width: 768px) {
  .site-header__recite {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0;
  }
}

.site-header__recite img {
  width: 100%;
}

.site-header__recite img:hover {
  cursor: pointer;
}

.site-header__recite a {
  width: 100%;
}

.site-header__search-toggle {
  margin-right: 0.5rem;
}

@media (min-width: 400px) {
  .site-header__search-toggle {
    margin-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .site-header__search-toggle {
    display: none;
  }
}

@media (min-width: 768px) {
  .site-header__menu-toggle {
    display: none;
  }
}

.site-header__action-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 15;
  height: 100%;
}

@media (min-width: 768px) {
  .site-header__action-group {
    display: block;
    margin-left: 1rem;
  }
}

.site-header__mobile-search {
  display: none;
}

.site-header__mobile-search.open {
  display: block;
}

.site-header__mobile-nav {
  display: none;
}

.site-header__mobile-nav.open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background-color: #003087;
}

@media (min-width: 768px) {
  .site-header__mobile-nav.open {
    display: none;
  }
}

@media (min-width: 768px) {
  .site-header__search-form {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .site-header__search-form {
    display: block;
  }
}

.site-header__breadcrumbs {
  display: none;
}

@media (min-width: 768px) {
  .site-header__breadcrumbs {
    display: block;
  }
}

.site-header__primary-nudge {
  display: none;
}

@media (min-width: 1200px) {
  .site-header__primary-nudge {
    display: block;
  }
}

/**
 * Component: Site Logo
 */
.site-logo {
  display: block;
  width: 100%;
}

.site-logo > a {
  display: block;
}

.site-logo svg {
  width: 100%;
}

/**
 * Component: Social Block
 */
.social-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #41B6E6;
  padding: 1rem;
  height: 100%;
}

.social-block__link {
  font-size: 2rem;
  color: #003087;
  width: 80%;
}

@media (min-width: 768px) {
  .social-block__link {
    font-size: 2.4rem;
  }
}

.social-block__icon {
  width: 20%;
  max-width: 5rem;
}

.social-block__icon img {
  width: 100%;
}

/**
 * Component: Social Block Group
 */
.social-block-group {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .social-block-group {
    margin-left: -3rem;
  }
}

.social-block-group__item {
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .social-block-group__item {
    width: 50%;
    padding-left: 3rem;
    margin-bottom: 3rem;
  }
}

/**
 * Component: Social media  banner
 */
.social-media-banner {
  text-align: center;
  padding: 3.6rem 0;
}

@media (min-width: 768px) {
  .social-media-banner {
    padding: 4.8rem 0;
  }
}

@media (min-width: 992px) {
  .social-media-banner {
    padding: 7.2rem 0;
  }
}

.social-media-banner__title {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 2.4rem;
}

@media (min-width: 400px) {
  .social-media-banner__title {
    font-size: 2.4rem;
  }
}

@media (min-width: 992px) {
  .social-media-banner__title {
    font-size: 3.2rem;
  }
}

.social-media-banner__icons {
  display: block;
  margin: 0 auto;
}

/**
 * Component: Social Media
 */
.social-media {
  display: inline-flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .social-media {
    flex-direction: row;
    align-items: center;
  }
}

.social-media__icon {
  width: 4rem;
  margin-left: 1.6rem;
}

/**
 * Component: Standard Content
 */
/**
 * The following element styles are primarily used to
 * format and style Gutenberg block styles.
 */
.standard-content h1, .standard-content h2, .standard-content h3, .standard-content h4, .standard-content h5, .standard-content h6 {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 700;
}

.standard-content p a, .standard-content li a {
  font-weight: 700;
  text-decoration: underline;
}

.standard-content ul, .standard-content ol {
  margin: 0;
  padding: 0 0 0 2.4rem;
  margin-bottom: 2.4rem;
}

.standard-content table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-bottom: 2.4rem;
}

.standard-content tr:nth-child(odd) td {
  background: #f5f5f5;
}

.standard-content td {
  font-size: 1.6rem;
  vertical-align: top;
  padding: 0.8rem;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.standard-content blockquote {
  border-left: 0.4rem solid #41B6E6;
  background-color: #f5f5f5;
  margin-bottom: 2.4rem;
}

.standard-content blockquote p {
  font-weight: 300;
  font-size: 2.4rem;
}

.standard-content blockquote cite {
  font-style: normal;
}

/**
 * Excert box within Standard Content
 */
.standard-content__excerpt {
  font-size: 2.4rem;
  font-weight: 300;
}

.wp-block-audio {
  margin-bottom: 2.4rem;
}

.wp-block-audio audio {
  width: 100%;
}

/**
 * File download block styles
 */
.wp-block-file {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}

.wp-block-file a:first-child {
  color: #425563;
  margin-right: 3rem;
  margin-bottom: 0.5rem;
}

.wp-block-file .wp-block-file__button {
  color: white;
  background-color: #003087;
  padding: 0.5rem 2rem;
  font-weight: 700;
}

.wp-block-file .wp-block-file__button:hover {
  background-color: #00276e;
  text-decoration: none;
}

/**
 * Gutenberg Button styles
 *
 * Extends the regular .button class
 */
.wp-block-button {
  margin-bottom: 2.4rem;
}

/**
 * Embeded 16x9 content
 *
 * For embedded Videos e.t.c.
 */
.wp-embed-aspect-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 2.4rem;
}

.wp-embed-aspect-16-9 iframe,
.wp-embed-aspect-16-9 object,
.wp-embed-aspect-16-9 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * Embeded Image blocks
 */
.wp-block-image {
  margin-bottom: 2.4rem;
}

.tooltip {
  position: relative;
  cursor: pointer;
  text-decoration: underline;
}

.tooltip:hover:after {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  transform: translateX(-50%);
  content: attr(data-description);
  background: #003087;
  color: white;
  padding: 0.5rem;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 300;
  width: 25rem;
}

/**
 * Add additional margin to Facebook, Twitter and Instagram Gutenberg blocks
 */
.wp-block-embed-twitter, .wp-block-embed-facebook, .wp-block-embed-instagram {
  margin-bottom: 2.4rem;
}

/**
 * Component: Example
 *
 * Scss for this component goes here
 * 
 * include this file in style.scss - 
 * e.g. '// @import "components/_example/_index";'
 * New components should not use underscores.
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.style-guide-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25rem;
  background: #F6F7FB;
  box-shadow: inset -8px 0px 20px #ebeef6;
  font-family: "Work Sans", sans-serif;
}

.style-guide-sidebar__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
}

.style-guide-sidebar__item {
  width: 100%;
}

.style-guide-sidebar__item > a {
  display: block;
  position: relative;
  border-bottom: 1px solid #e4e7f3;
  padding: 1.6rem;
  color: #575A76;
  font-weight: bold;
}

.style-guide-sidebar__item > a:visited {
  color: #575A76;
}

.style-guide-sidebar__item > a:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.4rem;
}

.style-guide-sidebar__item--open > a:after {
  content: "-";
}

.style-guide-sidebar__sub-list {
  display: none;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #e4e7f3;
  padding: 0.4rem 0;
  font-size: 1.4rem;
}

.style-guide-sidebar__sub-item {
  width: 100%;
}

.style-guide-sidebar__sub-item > a {
  display: block;
  position: relative;
  padding: 0.4rem 1.6rem;
  color: black;
  font-weight: normal;
}

.style-guide-sidebar__sub-item > a:visited {
  color: #575A76;
}

.style-guide__content {
  margin-left: 25rem;
  background-color: #fdfdfe;
}

.style-guide__content p:last-child {
  margin: 0;
}

.style-guide-block {
  padding: 2.4rem 3.6rem 0 3.6rem;
}

.style-guide-block__header {
  margin-bottom: 2.4rem;
}

.style-guide-block__title {
  font-family: "Work Sans", sans-serif;
  letter-spacing: -1px;
  font-size: 3.6rem;
  font-weight: 600;
}

.style-guide-block__title--prefix {
  color: #E02F5E;
  font-weight: 300;
}

.style-guide-block__content {
  padding: 1.8rem 2.4rem;
  background: white;
  margin-bottom: 2.4rem;
  border-radius: 0.8rem;
  box-shadow: 0px 0px 20px #efefef;
}

.style-guide-block__heading {
  position: relative;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #394954;
  margin-bottom: 3.6rem;
  letter-spacing: -0.5px;
}

.style-guide-block__heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 3rem;
  height: 0.4rem;
  background-color: #E02F5E;
  border-radius: 0.2rem;
}

.style-guide-block__heading-2 {
  font-family: "Work Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #394954;
  margin-bottom: 1.2rem;
}

* + .style-guide-block__heading-2 {
  margin-top: 1.2rem;
}

.colour-block-group {
  display: flex;
  flex-wrap: wrap;
  font-family: "Work Sans", sans-serif;
  margin-left: -2.4rem;
}

.colour-block-group__item {
  width: 25%;
  padding-left: 2.4rem;
  margin-bottom: 2.4rem;
}

.colour-block-group__item--large {
  width: 50%;
}

.colour-block {
  border-radius: 0.5rem;
  box-shadow: 0px 0px 20px #ccc;
}

.colour-block__swatch {
  width: 100%;
  height: 18rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.colour-block__info {
  padding: 1.2rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.colour-block__info p {
  margin: 0;
}

.colour-block__text {
  font-size: 1.2rem;
}

.colour-block__text-title {
  display: inline-block;
  width: 4rem;
  font-weight: bold;
}

.code-block {
  background: #073642;
  padding: 1rem;
  border-radius: 0.5rem;
}

.code-block__code {
  color: #70B3B1;
  font-size: 1.8rem;
}

.code-block__string {
  color: white;
}

.code-block__title {
  color: #DD6F74;
  font-weight: 700;
}

.code-block__attribute {
  color: #BF8FC7;
  font-weight: 700;
}

/**
 * Component: Style Guide Item
 */
.style-guide-item {
  margin-bottom: 2.4rem;
}

.style-guide-item__title {
  background: #003087;
  color: white;
  padding: 1.2rem;
}

.style-guide-item__title h1 {
  font-size: 1.8rem;
  margin: 0;
}

.style-guide-item__content {
  border: 1px solid #425563;
  padding: 1.2rem;
}

.style-guide-item__wysiwyg-content p:last-of-type,
.style-guide-item__wysiwyg-content ul:last-of-type,
.style-guide-item__wysiwyg-content ol:last-of-type {
  margin-bottom: 0;
}

.style-guide-item__shortcode {
  margin-bottom: 2.4rem;
}

.style-guide-item__code {
  background: #073642;
  padding: 1rem;
  border-radius: 0.5rem;
}

.style-guide-item__code code {
  color: #70B3B1;
  font-size: 1.8rem;
}

/**
 * Component: Takeover
 */
.takeover {
  font-size: 1.8rem;
  padding: 2.4rem 0;
  border-bottom: 1rem solid #41B6E6;
  background: #E8EDEE;
}

.takeover.js-takeover-hidden {
  display: none;
}

.takeover .wrapper, .takeover .container {
  position: relative;
}

.takeover__inner {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.takeover__headline {
  font-size: 2.8rem;
  color: #003087;
  font-weight: 700;
  max-width: 80%;
  text-align: center;
  margin: 0 auto 1.2rem auto;
}

.takeover__content p {
  font-size: 1.8rem;
  max-width: 775px;
  margin-bottom: 2.4rem;
  display: inline-block;
}

.takeover__content p:last-child {
  margin: 0;
}

.takeover__dismiss {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.3rem;
  border: 0.1rem solid #425563;
  border-radius: 1.2rem;
  font-weight: 700;
  background: transparent;
}

.takeover__dismiss svg {
  vertical-align: baseline;
}

.takeover__dismiss:hover {
  cursor: pointer;
}

.takeover--fixed {
  background: #DA291C;
  color: white;
  padding: 7rem 0;
  border-bottom: 2rem solid #8A1538;
}

.takeover--fixed .takeover__headline {
  color: white;
  font-size: 4rem;
  margin: 0 auto 2.4rem auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .takeover--fixed .takeover__headline {
    max-width: 80%;
  }
}

@media (min-width: 992px) {
  .takeover--sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    padding: 0;
    border: none;
  }
  .takeover--sticky .takeover__headline {
    font-size: 2.6rem;
    margin: 0;
    height: 100%;
    padding: 2rem;
    text-align: left;
    max-width: 100%;
  }
  .takeover--sticky .takeover__content {
    display: flex;
  }
  .takeover--sticky .takeover__inner {
    text-align: left;
  }
  .takeover--sticky .takeover__head {
    width: 30%;
    margin-right: 1rem;
  }
  .takeover--sticky .takeover__body {
    padding: 2rem;
    width: 70%;
  }
  .takeover--sticky .takeover__body p {
    margin: 0 0 1rem 0;
  }
}

@media (min-width: 992px) {
  .takeover--sticky.takeover--fixed {
    background: #8A1538;
  }
  .takeover--sticky.takeover--fixed .takeover__headline {
    background: #DA291C;
  }
}

@media (min-width: 992px) {
  .takeover--sticky.takeover--dismissable {
    background: #455866;
  }
  .takeover--sticky.takeover--dismissable .takeover__headline {
    background: #E8EDEE;
  }
  .takeover--sticky.takeover--dismissable .takeover__body {
    color: white;
    padding: 2rem 5rem 2rem 2rem;
  }
  .takeover--sticky.takeover--dismissable .takeover__dismiss {
    border: 0.1rem solid white;
    fill: white;
  }
}

/**
 * Component: Three Card Group
 */
.three-card-group {
  background: white;
  padding: 2.4rem 0;
}

@media (min-width: 768px) {
  .three-card-group {
    padding: 4.8rem 0;
  }
}

.three-card-group--gradient-bg {
  background-image: linear-gradient(rgba(241, 241, 241, 0.44), rgba(0, 0, 0, 0));
}

.three-card-group__grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4rem;
}

.three-card-group__item {
  width: 100%;
  padding-left: 4rem;
}

@media (min-width: 768px) {
  .three-card-group__item {
    width: 33.33333%;
  }
}

/**
 * Component: Trac Job Board
 *
 * We cant control the codebase so there will be a lot of specificity issues.
 */
#hj-content {
  min-height: 50rem;
  text-align: left;
  font-size: 1.8rem;
}

#hj-content,
#hj-content section {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}

#hj-jobs-board-content header,
#hj-jobs-board-content nav,
#hj-jobs-board-content section,
#hj-jobs-board-content article,
#hj-jobs-board-content aside,
#hj-jobs-board-content footer {
  display: block;
}

#hj-jobs-board-content .clearfix {
  display: inline-block;
}

#hj-jobs-board-content .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#hj-jobs-board-content .clearfix {
  height: 1%;
  display: block;
}

#hj-content #hj-main .hj-simple-search form#JobSearch.hj-full-width-inputs fieldset.endwidgets,
#hj-content #hj-main .hj-simple-search form#JobSearch.hj-full-width-inputs fieldset.endwidgets .endwidget-padding,
#hj-content #hj-main .hj-simple-search .endwidgets {
  padding: 0;
  margin: 0;
  border: 0;
}

#hj-content form fieldset {
  border: 0;
}

#hj-content form fieldset.endwidgets {
  background: transparent;
}

#hj-content #hj-main .hj-simple-search form#JobSearch.hj-full-width-inputs .form_widget {
  display: flex;
}

#hj-content #JobSearch_default input#JobSearch\.q {
  flex: 1 auto;
  margin: 0 1.2rem 0 0;
}

#hj-menu > * {
  float: right;
  margin-right: 1.2rem;
}

#hj-menu ul li {
  background: 0;
  padding-left: 0;
}

#hj-menu a.hj-button {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
}

#hj-menu input[type="button"],
#hj-menu a.hj-button {
  box-shadow: inset 0 -0.2rem #777;
  box-shadow: inset 0 -0.2rem rgba(0, 0, 0, 0.25);
  background-color: #ddd;
  border: 0;
  padding: .5em 1em;
  font-weight: bold;
  margin: .5em 0;
}

#hj-menu input[type="button"]:hover,
#hj-menu input[type="button"]:focus,
#hj-menu a.hj-button:hover,
#hj-menu a.hj-button:focus {
  background-color: #003087;
}

#hj-menu input[type="button"].hj-primary,
#hj-menu a.hj-button.hj-button.hj-primary {
  padding: .7em 2em;
  box-shadow: inset 0 -0.2rem #aaa;
  box-shadow: inset 0 -0.3rem rgba(0, 0, 0, 0.15);
  font-size: 1.3em;
  font-weight: 900;
}

#hj-menu {
  position: relative;
  max-height: 3em;
  margin: 0 0 4.8rem 0;
}

#hj-menu ul {
  margin: 0;
}

#hj-menu ul li {
  list-style: none;
  float: left;
  width: auto;
}

#hj-menu ul li a {
  display: block;
  height: 100%;
  padding: 0 1.5ex;
  width: auto;
}

#hj-menu ul li a:hover {
  text-decoration: none;
}

#hj-menu ul li a.hj-button,
#hj-menu ul li .yui-button.hj-button a,
#hj-menu ul li .yui-button.hj-button button {
  height: auto;
}

#hj-menu ul#hj-account-menu {
  float: right;
  padding: 0;
}

#hj-menu input[type="submit"],
#hj-menu input[type="button"] {
  line-height: 1em;
  font-weight: 900;
  font-size: 1.1em;
  margin: 0;
  margin-left: .5em;
}

#hj-menu button,
#hj-menu a.hj-button,
#hj-menu .yui-button.hj-button a,
#hj-menu .yui-button.hj-button button {
  line-height: 1em;
  font-weight: 900;
  font-size: 1.1em;
  margin: 0;
}

#hj-menu .hj-return-to-feed,
#hj-menu ul#hj-account-menu li.hj-welcome-message {
  position: absolute;
  font-size: .8em;
  line-height: 1.4em;
  text-align: right;
  white-space: nowrap;
  padding-right: 0;
  right: 0;
  margin-right: 0;
}

#hj-menu .hj-return-to-feed {
  top: 100%;
  padding: .1em .6em;
  margin: .1em 0;
}

#hj-menu ul#hj-account-menu > li {
  margin-right: 2ex;
}

#hj-menu ul#hj-account-menu > li:last-child {
  margin-right: 0;
}

#hj-menu ul#hj-account-menu li.hj-welcome-message {
  top: -1.4em;
}

#hj-content .hj-ad img {
  max-width: 100%;
}

#hj-content .breadcrumbs {
  margin: 0 0 1em 0;
  line-height: 2em;
  font-size: .9em;
  padding-left: 0;
  border: none;
}

#hj-content .breadcrumbs li {
  list-style: none;
  float: left;
  line-height: normal;
  width: auto;
  margin: 0;
  padding: 0;
}

#hj-content .breadcrumbs li a {
  text-decoration: none;
  display: inline;
}

#hj-content .breadcrumbs li a:hover {
  text-decoration: underline;
}

#hj-content .breadcrumbs li:after {
  content: ">";
  padding: 0 .3em;
}

#hj-content .breadcrumbs li.current:after {
  content: "";
}

#hj-content .breadcrumbs:last-of-type {
  display: none;
}

#hj-content .hj-error,
#hj-content .hj-warning,
#hj-content .validation_message {
  color: #a60000;
}

#hj-content p.information,
#hj-content .hj-maint ul li,
#hj-content #hj-messages ul li {
  margin: 0;
  border-style: solid;
  border-width: 0 0 2px 0;
  padding: 1em 2em 1em 44px;
  margin-bottom: 1em;
  background-repeat: no-repeat;
  background-position: 10px center;
}

#hj-content #hj-messages ul li {
  color: inherit;
}

#hj-content #hj-messages ul li .hj-action-link {
  white-space: nowrap;
}

#hj-content .hj-maint ul,
#hj-content #hj-messages ul {
  padding: 0;
  margin: 0;
}

#hj-content .hj-maint ul li,
#hj-content p.information,
#hj-content #hj-messages ul li {
  background-color: #daf6ff;
  border-color: #8bcadd;
  list-style: none;
}

#hj-content .hj-maint ul li li,
#hj-content #hj-messages ul li li {
  background-image: none;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: .4em;
}

#hj-content #hj-messages ul li ol li {
  list-style: decimal;
}

#hj-content #hj-messages ul.information,
#hj-content #hj-messages ul.warning {
  background: 0;
}

#hj-content #hj-messages ul.hj-error li,
#hj-content .hj-job-list ol > li .hj-eligibility-note {
  background-color: #FDD;
  border-color: #c60000;
}

#hj-content #hj-messages ul.hj-error li,
#hj-content .hj-job-list ol > li .hj-eligibility-note {
  background-image: url(/zc/modules/NursingNet/images/frontend/widgets/alert.png);
}

#hj-content #hj-messages ul.hj-success li {
  background-color: #DFD;
  border-color: #007d00;
  background-image: url(/zc/modules/NursingNet/images/frontend/widgets/tick-green.png);
}

#hj-content .full_validation:first-child,
#hj-content .hj-maint ul:first-child li:first-child,
#hj-content #hj-messages ul:first-child li:first-child,
#hj-content #hj-messages ul li p:first-child {
  margin-top: 0;
}

#hj-content form > .validation:first-child {
  margin-top: 0;
}

#hj-content #hj-messages ul li p {
  margin: .5em 0 0;
}

#hj-content button,
#hj-content a.hj-button,
#hj-menu a.hj-button,
#hj-menu button {
  background-color: #003087;
  color: white;
}

#hj-content input[type="submit"],
#hj-content input[type="button"],
#hj-menu input[type="button"] {
  background-color: #003087;
}

#hj-content input.hj-primary[type="submit"],
#hj-content input.hj-primary[type="button"],
#hj-menu input.hj-primary[type="button"] {
  background-color: #003087;
}

#hj-content button:hover,
#hj-content a.hj-button:hover,
#hj-content button:focus,
#hj-content a.hj-button:focus,
#hj-menu button:hover,
#hj-menu a.hj-button:hover,
#hj-menu button:focus,
#hj-menu a.hj-button:focus {
  background-color: #00276e;
  color: white;
}

#hj-content input[type="submit"]:hover,
#hj-content input[type="button"]:hover,
#hj-menu input[type="button"]:hover,
#hj-content input[type="submit"]:focus,
#hj-content input[type="button"]:focus,
#hj-menu input[type="button"]:focus {
  background-color: #00276e;
  color: white;
}

#hj-content input.hj-primary[type="submit"]:hover,
#hj-content input.hj-primary[type="button"]:hover,
#hj-menu input.hj-primary[type="button"]:hover,
#hj-content input.hj-primary[type="submit"]:focus,
#hj-content input.hj-primary[type="button"]:focus,
#hj-menu input.hj-primary[type="button"]:focus {
  background-color: #00276e;
  color: white;
}

#hj-content input[type="submit"],
#hj-content input[type="button"],
#hj-menu input[type="button"] {
  color: white;
}

#hj-content input.hj-primary[type="submit"],
#hj-content input.hj-primary[type="button"],
#hj-menu input.hj-primary[type="button"] {
  color: white;
}

#hj-content button:hover,
#hj-content a.hj-button:hover,
#hj-content button:focus,
#hj-content a.hj-button:focus,
#hj-menu button:hover,
#hj-menu a.hj-button:hover,
#hj-menu button:focus,
#hj-menu a.hj-button:focus {
  color: white;
  background-color: #00276e;
}

#hj-content input[type="submit"]:hover,
#hj-content input[type="button"]:hover,
#hj-menu input[type="button"]:hover,
#hj-content input[type="submit"]:focus,
#hj-content input[type="button"]:focus,
#hj-menu input[type="button"]:focus {
  color: white;
  background-color: #00276e;
}

#hj-content input.hj-primary[type="submit"]:hover,
#hj-content input.hj-primary[type="button"]:hover,
#hj-menu input.hj-primary[type="button"]:hover,
#hj-content input.hj-primary[type="submit"]:focus,
#hj-content input.hj-primary[type="button"]:focus,
#hj-menu input.hj-primary[type="button"]:focus {
  color: white;
  background-color: #00276e;
}

#hj-content button,
#hj-content a.hj-button,
#hj-menu a.hj-button,
#hj-menu button {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

#hj-content input[type="submit"],
#hj-content input[type="button"],
#hj-menu input[type="button"] {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

#hj-content input.hj-primary[type="submit"],
#hj-content input.hj-primary[type="button"],
#hj-menu input.hj-primary[type="button"] {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

#hj-content #hj-select-sector h2,
#hj-content #hj-select-sector h3 {
  text-align: left;
}

#hj-content #hj-select-sector ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -2.4rem;
  padding: 0;
  width: 100%;
}

#hj-content #hj-select-sector ul li {
  list-style-type: none;
  padding: 0 0 0 2.4rem;
  width: 100%;
  margin-bottom: 2.4rem;
}

@media (min-width: 768px) {
  #hj-content #hj-select-sector ul li {
    width: 50%;
  }
}

@media (min-width: 992px) {
  #hj-content #hj-select-sector ul li {
    width: 33.33333%;
  }
}

#hj-content #hj-select-sector ul li.hj-custom-sector-icon {
  width: auto;
  min-width: 0;
}

#hj-content #hj-select-sector ul li a {
  display: block;
  text-decoration: none;
  background-color: inherit;
}

#hj-content #hj-select-sector ul li a:hover {
  background-color: inherit;
}

#hj-content #hj-select-sector img {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

#hj-content #hj-select-sector .hj-css-sector-icon {
  overflow: hidden;
  width: 100%;
}

#hj-content #hj-select-sector .hj-css-sector-icon div {
  display: table-cell;
  vertical-align: middle;
  width: 65%;
}

#hj-content #hj-select-sector .hj-css-sector-icon div.hj-css-icon {
  width: 33%;
  min-width: 55px;
}

#hj-content #hj-select-sector .hj-css-sector-icon img.hj-css-icon {
  margin-bottom: -7px;
  width: 100%;
}

#hj-content #hj-select-sector .hj-css-sector-icon h3.hj-css-icon-text {
  float: left;
  font-size: 16px;
  font-weight: 600;
  padding: 1.2rem;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  line-height: 17px;
  letter-spacing: 0;
  word-break: break-word;
}

#hj-content #hj-select-sector p.hj-warning {
  text-align: center;
}

#hj-content #hj-select-sector .hj-css-sector-icon {
  background-color: #003087;
}

#hj-content #hj-select-sector .hj-css-sector-icon h3 {
  color: #fff;
}

#hj-content #hj-select-sector .hj-css-sector-icon:hover,
#hj-content #hj-select-sector .hj-css-sector-icon:hover h3 {
  background-color: #006cac;
}

#hj-content #hj-select-sector .hj-css-sector-icon:hover h3 {
  color: #fff;
}

#hj-content #JobSearch_default {
  margin: 1em 0;
}

#hj-content #JobSearch_default input {
  font-size: 1.4em;
  height: auto;
  padding: 1%;
}

#hj-content #hj-job-list ol {
  list-style-type: none;
  padding-left: 0;
}

#hj-content #hj-job-list ol li a:hover,
#hj-content #hj-job-list ol li a:focus {
  background-color: #efefef;
}

#hj-content #hj-job-list .hj-job-detail,
#hj-content #hj-job-list .hj-job-detail .hj-field-caption {
  float: left;
}

#hj-content #hj-job-list .hj-job-detail .hj-field-caption {
  font-weight: 400;
  margin-right: 0.8rem;
}

#hj-content #hj-job-list .hj-job header,
#hj-content #hj-job-list .hj-job .hj-job-details {
  width: 100%;
}

#hj-content #hj-job-list .hj-job header,
#hj-content #hj-job-list .hj-job .hj-job-details,
#hj-content #hj-job-list .hj-job .hj-job-details .hj-job-detail {
  float: left;
  clear: both;
}

#hj-content #hj-job-list .hj-job .hj-job-details .hj-employer-details .hj-job-detail {
  display: inline;
  float: none;
}

#hj-content #hj-job-list .hj-job .hj-job-detail.hj-grade {
  float: right;
}

#hj-content .hj-job-list .hj-eligibility-note {
  display: block;
  float: right;
  margin-left: 1em;
  background-repeat: no-repeat;
  padding: 0 0.4rem 0 0.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border: 1px solid;
  border-radius: 0.6rem;
}

#hj-content .hj-job-list ol li a {
  display: block;
  padding: 1.2rem;
}

#hj-content .hj-job-list ol li a header {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}

#hj-content .hj-job-list ol li {
  border-bottom: #ddb 1px solid;
}

#hj-content .hj-job-list ol li:last-child,
#hj-content .hj-job-list ol li.last {
  border-bottom: 0;
}

#hj-content .hj-job-list ol {
  border: 0;
}

#hj-content .hj-job-list ol > li:last-child {
  border-bottom: 0;
}

#hj-content .hj-job-list .hj-sorter {
  padding-bottom: .5em;
  margin: 1em 0;
  overflow: hidden;
}

#hj-content .hj-job-list .hj-sorter form {
  margin: 0;
  padding: 0;
}

#hj-content .hj-standard-box {
  margin: 1em auto;
}

#hj-content .hj-standard-box .hj-box-heading {
  text-align: left;
  padding: .5em 1em;
  font-weight: bold;
  margin: 0;
  background-color: #003087;
  color: white;
}

#hj-content .hj-standard-box .hj-box-content {
  padding: 1em;
  overflow: hidden;
  background: #efefef;
}

#hj-content .hj-no-wrap {
  white-space: pre;
}

#hj-content .hj-other-jobs-links {
  text-align: center;
}

#hj-content #hj-job a.hj-apply-online {
  width: 50%;
  min-width: 250px;
  margin: 2em auto 3em;
  display: block !important;
  text-align: center;
  padding: .7em 2em;
  font-size: 1.3em;
  font-weight: 900;
}

#hj-content .hj-employer-icons img {
  padding: 5px;
  vertical-align: middle;
  max-height: 100px;
}

#hj-content ul.mime-attachments {
  margin: 1em;
  padding: 0;
}

#hj-content ul.mime-attachments li {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  min-height: 16px;
}

#hj-content ul.mime-attachments li:before {
  content: "-";
}

#hj-content dl,
#hj-content dl * {
  font-size: .95em;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

#hj-content .hj-details-two-column dl {
  width: 49%;
}

#hj-content dl dt {
  width: 28%;
  font-weight: bold;
  margin-right: 2%;
  clear: left;
}

#hj-content dl dd {
  width: 70%;
  clear: right;
  text-align: left;
}

@media only screen and (max-width: 660px) {
  #hj-content .hj-details-two-column dl,
  #hj-content dl dt,
  #hj-content dl dd {
    width: 100%;
    text-align: left;
  }
}

#hj-loading-section {
  display: none;
}

.hj-job-list .hj-job-pager:first-of-type {
  display: none;
}

.pager {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  font-size: 1.8rem;
}

.pager-item {
  margin-right: 0.5rem;
}

.pager-item:before {
  content: "";
}

.pager-item > a {
  display: block;
  color: #003087;
  padding: 0.6rem 1.6rem;
  border: 0.1rem solid #E8EDEE;
  font-weight: 700;
}

c .pager-item > a:hover {
  background: #41B6E6;
  text-decoration: none;
}

.pager-item.selected {
  background: #41B6E6;
  border: 1px solid #41B6E6;
  color: black;
  padding: 0.6rem 1.6rem;
  border: 0.1rem solid #E8EDEE;
}