@import url("normalise.css");
@import url("variables.css");
@import url("typography.css");
@import url("grid.css");
@import url("scaled-ratios.css");
@import url("header.css");
@import url("sidebar.css");
@import url("footer.css");
@import url("input.css");
@import url("buttons.css");
@import url("home-tile.css");
@import url("home-banner.css");
@import url("front.css");
@import url("progress-bar.css");
@import url("registration.css");
@import url("basic-page.css");
@import url("selectable-card.css");
@import url("registration-activities-multiselect.css");
@import url("search-form.css");
@import url("profile.css");
@import url("profile-tile.css");
@import url("status-messages.css");
@import url("work-repeater-field.css");
@import url("utilities.css");
@import url("shortlist.css");
@import url("contact.css");
@import url("profile-edit.css");
@import url("blog-tile.css");
@import url("404.css");
@import url("ie-message.css");
@import url("wisdp.css");
@import url("progress-tile.css");
@import url("focal-point-preview.css");
@import url("resources.css");
@import url("chosen.css");
@import url("pagination.css");

.preload *::before,
.preload *::after,
.preload *,
.preload .profile-tile__details .shortlist__button::before,
.preload .profile-tile__details .shortlist__button {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
  animation: none!important;
}
  .preload .profile-tile__details .shortlist__button::before {
    opacity: 0;
  }

html {
  height: 100%;
}

body {
  font-size: 62.5%;
  min-height: 100%;
  position: relative;
  background-color: var(--color-background-grey);
}

.breakpoint-mobile-only body,
.breakpoint-tablet-portrait body {
  padding-bottom: 17rem;
}

body * {
  text-rendering: optimizeLegibility!important;
}

main {
  padding-top: var(--height-header);
  padding-bottom: var(--height-footer);
}

.breakpoint-mobile-only main {
  padding-top: var(--height-header);
  padding-bottom: var(--height-footer);
}

.breakpoint-tablet-portrait main {
  padding-top: calc(var(--height-header) + 0.6rem);
  padding-bottom: var(--height-footer);
}


h1 {
  font-family: var(--header-font);
  color: var(--color-primary);
  font-weight: 500;
  font-size: var(--text-largest);
  font-variant-ligatures: contextual;
  -moz-font-feature-settings: "calt";
  -webkit-font-feature-settings: "calt";
  font-feature-settings: "calt";
}

  h1.title--reversed {
    color: var(--color-white);
  }

h2 {
  font-family: var(--header-font);
  color: var(--color-primary);
  font-weight: 500;
  font-size: var(--text-largest);
  font-variant-ligatures: contextual;
  -moz-font-feature-settings: "calt";
  -webkit-font-feature-settings: "calt";
  font-feature-settings: "calt";
}

p, ul {
  font-size: var(--text-body);
  font-family: var(--body-font);
  color: var(--color-text-body);
}

a, a:hover, a:active, a:focus {
  color: var(--color-primary);
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}