@charset "UTF-8";
/*
=== Z INDEX MAP ===
*/
/*
+ mobile-nav-btn needs to be in front of mobile pop-out menu.
+ header needs to be in front of main, so that mega menu etc show correctly and don't disappear behind factfile.
+ mega-menu-nick is hover state triangular nick beneath
+ factfile needs to come in front of items on left on desktop. Otherwise buttons within ff are not clickable.
+ carousel arrows are fine to stay at 0, but leaving this for possible future use.
+ content-upper set to 0 for testing, was 100
+ content-lower set to 0 for testing, was 100
*/
/*
EXAMPLE USAGE
z-index: map-get($zindex, back-to-top-btn);
*/
/*
=== wireframe ===
*/
/** This is just a base wireframe structure and are not final styles **/
/** post meta **/
.block--post_meta p {
  margin-bottom: 0; }

/** venue information **/
.block--venue_information .column {
  float: left;
  width: 50%;
  padding: 0; }

/********************/
/** social sharing **/
/********************/
.social__sharing {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #e4e9ec;
  padding: 20px 10px; }

.social__sharing li:not(:last-child) {
  margin-bottom: 10px; }

.social__sharing a {
  display: block;
  width: 34px;
  height: 34px;
  border: 2px solid #000;
  border-radius: 50%; }

.banner {
  margin: 5px 0;
  padding: 5px 0;
  background: #525252;
  color: #fff;
  text-align: center; }

@media print, screen and (min-width: 64em) {
  /* Image with 'data' attribute is hidden */
  img[data-lazy-src],
  .lazyload__other {
    /* we set the opacity to 0 */
    opacity: 0; }

  /* Image without 'data' attribute is (or becomes) visible */
  img.lazyloaded,
  .lazyloaded {
    /* prepare the future animation */
    -webkit-transition: opacity 0.5s linear 0.2s;
    -moz-transition: opacity 0.5s linear 0.2s;
    transition: opacity 0.5s linear 0.2s;
    /* we set the opacity to 1 to do the magic */
    opacity: 1; }

  .u-tleft {
    text-align: left; }

  .u-tcenter {
    text-align: center; }

  .u-tright {
    text-align: right; }

  .wp-caption,
  .gallery-caption {
    font-style: italic;
    margin-bottom: 1em;
    width: 100%; }

  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }

  .wp-caption-text {
    margin: 0.5em 0; }

  .sticky {
    position: relative; }

  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; }

  .screen-reader-text:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
    clip: auto !important;
    color: #000;
    display: block;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 1000000;
    outline: #fff; }

  /*
.alignleft,
.alignright {
  display: inline;
}
.alignleft,
.alignright,
.aligncenter {
  margin-top: 2em;
  margin-bottom: 2em;
}
.alignright {
  float: right;
  margin-left: 2em;
}
.alignleft {
  float: left;
  margin-right: 2em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.size-full {
  width: 100%;
  height: auto;
}
  */ }
@media (min-width: 1024px) {
  .mobile-only {
    display: none !important; } }
/*
=== SITE-WIDE CONFIG+DEFAULTS ===
*/
/*
=== FONT FAMILIES ===
*/
.fsm {
  font-weight: 500; }

.freight-serif {
  font-family: "freight-text-pro", serif;
  font-weight: 400 !important; }

@font-face {
  font-family: "jenna_sue_proregular";
  src: url("../fonts/jenna-sue/jenna_sue_pro-webfont.woff2") format("woff2"), url("../fonts/jenna-sue/jenna_sue_pro-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.jenna-sue {
  font-family: "jenna_sue_proregular"; }

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

html {
  width: 100%;
  min-width: 100%;
  background-color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box; }
  html {
    font-size: 8.2px; }
    @media screen and (min-width: 600px) {
      html {
        font-size: calc(8.2px + 1.8 * ((100vw - 600px) / 600)); } }
    @media screen and (min-width: 1200px) {
      html {
        font-size: 10px; } }

body {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  /* light on dark */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3a444a;
  background-color: #fff;
  height: auto;
  overflow: visible;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 400;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-variant-numeric: lining-nums tabular-nums;
  -moz-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  -ms-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  min-height: 1px;
  font-size: 2.2rem;
  line-height: 1.2; }

@media screen and (min-width: 840px) {
  body {
    min-width: 100%; } }
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a,
button,
input[type="submit"] {
  color: inherit;
  transition: 0.3s; }

img {
  max-width: 100%;
  height: auto;
  border: 0;
  min-height: 1px; }

input,
select,
textarea,
button {
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 400;
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 0;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-variant-numeric: lining-nums tabular-nums;
  -moz-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  -ms-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum"; }

button {
  cursor: pointer;
  outline: none; }

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

*,
*::before,
*::after {
  box-sizing: inherit; }

.cf::before,
.cf::after {
  display: table;
  content: normal; }

.cf::after {
  clear: both; }

ul {
  margin: 0;
  padding: 0; }

.skip-link {
  position: absolute;
  top: 0;
  right: 100%; }

.skip-link:focus {
  right: auto;
  z-index: 1000000;
  color: #fff;
  background-color: #000;
  padding: 10px;
  text-transform: uppercase; }

.hidden {
  display: none !important; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.screen-reader-text:focus {
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
  clip: auto !important;
  color: #000;
  display: block;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  outline: #fff; }

button {
  cursor: pointer; }

.closed input,
.closed a,
.closed button {
  visibility: hidden; }

.opened input,
.opened a,
.opened button {
  visibility: visible; }

a:hover,
a:active,
input:hover,
input:active,
button:hover,
button:active {
  outline: none;
  overflow: hidden; }

/*
=== FONT SIZE/LINE HEIGHT ===
*/
/*
=== BACKSTOPS AND DEFAULTS ===
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #4a575f; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  clear: both;
  margin-top: 0; }

section h1 {
  margin-bottom: 0; }
section h2 {
  margin-bottom: 2rem; }
section h3, section p, section ul, section ol {
  margin-bottom: 1.6rem; }
section h4, section h5, section h6 {
  margin-bottom: 1.2rem; }
section p + h2, section ul + h2, section ol + h2 {
  margin-top: 4.8rem; }
section p + h3, section ul + h3, section ol + h3 {
  margin-top: 4.8rem; }
section p + h4, section ul + h4, section ol + h4 {
  margin-top: 3.2rem; }
section p + h5, section ul + h5, section ol + h5 {
  margin-top: 3.2rem; }
section p + h6, section ul + h6, section ol + h6 {
  margin-top: 3.2rem; }

/*
=== mixins ===
*/
/*
=== HEADINGS ===
*/
h1 {
  line-height: 1.072;
  letter-spacing: -0.04rem; }
  h1 {
    font-size: 32px; }
    @media screen and (min-width: 600px) {
      h1 {
        font-size: calc(32px + 16 * ((100vw - 600px) / 600)); } }
    @media screen and (min-width: 1200px) {
      h1 {
        font-size: 48px; } }

h2 {
  font-size: 3.6rem;
  line-height: 1.072; }

h2.listing-heading {
  font-size: 4.8rem;
  line-height: 1.072;
  font-weight: 400;
  margin-top: 6.4rem;
  margin-bottom: 4.8rem; }

h3 {
  font-size: 3rem;
  line-height: 1.125; }

h4 {
  font-size: 2.7rem;
  line-height: 1.072; }

h5 {
  font-size: 2.4rem;
  line-height: 1.2; }

h6 {
  font-size: 2.2rem;
  line-height: 1.2; }

p,
li {
  font-size: 2.2rem;
  line-height: 1.46; }

blockquote p {
  font-size: 3rem; }

ul, ol {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding-left: 40px; }

ul li {
  list-style-type: none; }

button, .button {
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 400; }

/*
=== wysiwyg custom classes + ===
*/
.wysiwyg p.standfirst {
  font-size: 3rem;
  line-height: 1.3; }
.wysiwyg p.big_para {
  font-size: 2.7rem;
  line-height: 1.3; }
.wysiwyg p.ref_para {
  font-size: 1.6rem;
  line-height: 1.142; }
.wysiwyg ul {
  padding-left: 0; }

/*
=== JENNA SUE FLUID ===
*/
/*
$fluid_min_width: 600px;
$fluid_max_width: 1200px;
$fluid_min_font: 80px;
$fluid_max_font: 132px;
$fluid_min_lh: 80px;
$fluid_max_lh: 132px;
*/
.jenna-sue,
.jsu {
  font-family: "jenna_sue_proregular"; }

/*
=== ODDS ===
*/
strong {
  font-weight: 600; }

.fraction {
  font-variant-numeric: diagonal-fractions;
  -moz-font-feature-settings: "frac";
  -ms-font-feature-settings: "frac";
  -webkit-font-feature-settings: "frac";
  font-feature-settings: "frac"; }

.fn {
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-variant-position: sub;
  -moz-font-feature-settings: "subs";
  -ms-font-feature-settings: "subs";
  -webkit-font-feature-settings: "subs";
  font-feature-settings: "subs"; }

/*
=== MIXINS ===
*/
section.background-colour--default {
  background-color: transparent;
  background: transparent; }

section.background-colour--white {
  background-color: #fff; }

section.background-colour--cloud {
  background-color: #f7f9fa; }

section.background--colour--salt,
section.background-colour--salt {
  background-color: #f0f3f5; }

section.background-colour--platinum {
  background-color: #e4e9ec; }

section.background-colour--gradient {
  background: #faefed;
  background: -moz-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: -webkit-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: linear-gradient(to right, #faefed 0%, #e8f0fa 100%); }

section.background-colour--blush {
  background-color: #f7edeb; }

section.background-colour--cream {
  background-color: #fff4e2; }

section.background-colour--dew {
  background-color: #e6f2ee; }

section.background-colour--glass {
  background-color: #e8f1fa; }

section.background-colour--parchment {
  background-color: #f7f3df; }

section.background-colour--rain {
  background-color: #e6f5fc; }

section.background-colour--sweet-pea {
  background-color: #efebf0; }

.text-width-block section.background-colour--default {
  background-color: transparent;
  background: transparent; }

.text-width-block section.background-colour--white {
  background-color: transparent;
  background: transparent; }

.text-width-block section.background-colour--cloud {
  background-color: transparent;
  background: transparent; }

.text-width-block section.background--colour--salt,
.text-width-block section.background-colour--salt {
  background-color: transparent;
  background: transparent; }

.text-width-block section.background-colour--platinum {
  background-color: transparent;
  background: transparent; }

.text-width-block section.background-colour--gradient {
  background-color: transparent;
  background: transparent; }

/*
=== LAYOUT - defaults, backstops, underpinnings ===
*/
.breadcrumb,
.breadcrumb a {
  color: #3a444a; }

#content {
  width: 100%;
  margin: auto; }

.content {
  float: left;
  clear: both;
  width: 100%; }
  .content figure {
    margin: 0;
    padding: 0; }
  .content a:link {
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(58, 68, 74, 0.4);
    opacity: 1; }
  .content a:focus,
  .content a:hover,
  .content a:active {
    color: #7d8a91;
    border-bottom: 1px solid rgba(125, 138, 145, 0.5); }
  .content .posts_wrapper {
    display: flex;
    flex-wrap: wrap; }

.content-upper,
.content--lower {
  width: 100%;
  position: relative;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff; }

.content--upper {
  z-index: 0; }

.content--lower {
  z-index: 0; }

.content--full_width {
  width: 100%; }

.content--standard {
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 10px;
  padding-right: 10px; }

.content--standard > div {
  float: left; }

.content--standard .sidebar {
  float: right;
  background: rgba(0, 0, 0, 0.05); }

section {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-bottom: 6.4rem;
  margin-top: 6.4rem;
  position: relative;
  clear: both; }
  @media screen and (min-width: 601px) {
    section {
      padding-left: 16px;
      padding-right: 16px; } }
  section .block__heading h2, section h2.mega_text {
    color: #4a575f;
    margin-top: 0;
    margin-bottom: 4.8rem;
    font-size: 4.8rem;
    line-height: 1.072;
    font-weight: 400;
    text-align: center; }
  section ul li {
    list-style-type: none;
    background-image: url(../img/bullet-default.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: left 1.2rem;
    padding-left: 32px;
    margin-bottom: 0.5rem; }
  section ol {
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside; }
    section ol li {
      margin-bottom: 0.5rem; }
  section hr {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    border: 0;
    height: 1px;
    background-color: #919da5; }
  section figure {
    margin: 0;
    padding: 0; }
  section a:link {
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(58, 68, 74, 0.4);
    opacity: 1; }
  section a:focus,
  section a:hover,
  section a:active {
    color: #7d8a91;
    border-bottom: 1px solid rgba(125, 138, 145, 0.5); }

section section {
  margin-bottom: 0;
  margin-top: 0; }

#page-title-section {
  margin-bottom: 0; }

#page-title-section + section {
  margin-top: 2.4rem; }

section:after {
  content: "";
  display: table;
  clear: both; }

section.full-width-cta {
  padding-left: 0;
  padding-right: 0; }
  section.full-width-cta .cell-inner {
    max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.full-width-cta {
      padding-left: 0;
      padding-right: 0; } }
  section.full-width-cta .column {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 601px) {
      section.full-width-cta .column {
        padding-left: 0;
        padding-right: 0; } }
    section.full-width-cta .column .cell-inner {
      padding-left: 26px;
      padding-right: 26px;
      max-width: 1248px;
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 0; }
      @media screen and (min-width: 601px) {
        section.full-width-cta .column .cell-inner {
          background-size: contain; } }
      @media screen and (min-width: 601px) {
        section.full-width-cta .column .cell-inner {
          padding-left: 32px;
          padding-right: 32px; } }
      section.full-width-cta .column .cell-inner column {
        max-width: 60%; }
        @media screen and (min-width: 768px) {
          section.full-width-cta .column .cell-inner column {
            max-width: 70%; } }

section.full-width-cta section {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 601px) {
    section.full-width-cta section {
      padding-left: 0;
      padding-right: 0; } }

.cell-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1248px;
  position: relative; }

.posts_inner_wrapper {
  display: flex;
  flex-wrap: wrap; }

.columnar-wrapper {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  position: relative;
  float: left;
  margin-bottom: 3.2rem;
  display: flex !important; }

.slick-slide .columnar-wrapper {
  margin-bottom: 0; }

.columnar-wrapper-inner {
  width: 100%;
  position: relative; }

.column {
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 601px) {
    .column {
      padding-left: 16px;
      padding-right: 16px; } }

.load_more_wrapper {
  text-align: right; }
  .load_more_wrapper button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    /* background-image: url(../img/arrow-right-granite-1.svg); */
    border: 1px solid #919da5; }
    .load_more_wrapper button:hover, .load_more_wrapper button:active, .load_more_wrapper button:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .load_more_wrapper button:hover, .load_more_wrapper button:active, .load_more_wrapper button:focus {
      border: 1px solid #4a575f !important; }

@media screen and (min-width: 601px) {
  .content--standard {
    padding-left: 16px;
    padding-right: 16px; } }
@media screen and (min-width: 1024px) {
  #content {
    padding-top: 52px; } }
.site--1 section ul li {
  background-image: url(../img/bullet-sky.svg); }

.site--2 section ul li {
  background-image: url(../img/bullet-jade.svg); }

.site--3 section ul li {
  background-image: url(../img/bullet-coral.svg); }

.site--4 section ul li {
  background-image: url(../img/bullet-peach.svg); }

.category--attended-courses section ul li {
  background-image: url(../img/bullet-sunset.svg); }

.category--online-courses section ul li {
  background-image: url(../img/bullet-sapphire.svg); }

.layout--diploma .content ul li {
  background-image: url(../img/bullet-jade.svg); }

/*
=== GRID BASICS ===
*/
@media screen and (max-width: 600px) {
  .large-1 {
    width: 100%; }

  .large-2 {
    width: 100%; }

  .large-3 {
    width: 100%; }

  .large-4 {
    width: 100%; }

  .large-5 {
    width: 100%; }

  .large-6 {
    width: 100%; }

  .large-7 {
    width: 100%; }

  .large-8 {
    width: 100%; }

  .large-9 {
    width: 100%; }

  .large-10 {
    width: 100%; }

  .large-12 {
    width: 100%; } }
@media screen and (min-width: 601px) {
  .med-1 {
    width: 8.3%; }

  .med-2 {
    width: 16.6%; }

  .med-3 {
    width: 25%; }

  .med-4 {
    width: 33.3%; }

  .med-5 {
    width: 41.6%; }

  .med-6 {
    width: 50%; }

  .med-7 {
    width: 58.3%;
    min-width: 100%; }

  .med-8 {
    width: 66.6%; }

  .med-9 {
    width: 75%; }

  .med-10 {
    width: 83.3%; }

  .med-12 {
    width: 100%; } }
@media screen and (min-width: 768px) {
  .med-1 {
    width: 8.3%; }

  .med-2 {
    width: 16.6%; }

  .med-3 {
    width: 25%; }

  .med-4 {
    width: 33.3%; }

  .med-5 {
    width: 41.6%; }

  .med-6 {
    width: 50%; }

  .med-7 {
    width: 58.3%;
    min-width: 652px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

  .med-8 {
    width: 66.6%; }

  .med-9 {
    width: 75%; }

  .med-10 {
    width: 83.3%; }

  .med-12 {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  .large-1 {
    width: 8.3%; }

  .large-2 {
    width: 16.6%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.3%;
    min-width: 1px;
    max-width: 33.3%; }

  .large-5 {
    width: 41.6%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.3%;
    min-width: 652px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

  .large-7.wide-block {
    width: 85%; }

  .content--upper .large-7, .content--lower .large-7 {
    margin-left: 0;
    margin-right: 0; }

  .large-8 {
    width: 66.6%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.3%; }

  .large-12 {
    width: 100%; } }
/*
=== SINGLE POST TEMPLATE - common elements for news, research, casestudies, people  ===
*/
.single-post .block--post_meta p,
.single-research .block--post_meta p,
.single-case_studies .block--post_meta p,
.single-people .block--post_meta p {
  font-size: 1.4rem;
  line-height: 1.142;
  margin-bottom: 4rem;
  text-transform: uppercase; }
  .single-post .block--post_meta p .post_cat,
  .single-research .block--post_meta p .post_cat,
  .single-case_studies .block--post_meta p .post_cat,
  .single-people .block--post_meta p .post_cat {
    font-weight: 600; }
  .single-post .block--post_meta p time,
  .single-research .block--post_meta p time,
  .single-case_studies .block--post_meta p time,
  .single-people .block--post_meta p time {
    font-weight: 600; }
.single-post .layout--aside-images,
.single-research .layout--aside-images,
.single-case_studies .layout--aside-images,
.single-people .layout--aside-images {
  display: block; }

@media screen and (min-width: 601px) {
  .single-post .layout--aside-images,
  .single-research .layout--aside-images,
  .single-case_studies .layout--aside-images,
  .single-people .layout--aside-images,
  .single .layout--aside-images {
    display: block; }
    .single-post .layout--aside-images .layout--aside-images-inner .large-4,
    .single-research .layout--aside-images .layout--aside-images-inner .large-4,
    .single-case_studies .layout--aside-images .layout--aside-images-inner .large-4,
    .single-people .layout--aside-images .layout--aside-images-inner .large-4,
    .single .layout--aside-images .layout--aside-images-inner .large-4 {
      width: 58.3%;
      max-width: 100%;
      margin-left: 0; }
      .single-post .layout--aside-images .layout--aside-images-inner .large-4 img,
      .single-research .layout--aside-images .layout--aside-images-inner .large-4 img,
      .single-case_studies .layout--aside-images .layout--aside-images-inner .large-4 img,
      .single-people .layout--aside-images .layout--aside-images-inner .large-4 img,
      .single .layout--aside-images .layout--aside-images-inner .large-4 img {
        max-width: 216px; } }
@media screen and (min-width: 768px) {
  .single-post .layout--aside-images .layout--aside-images-inner .large-4,
  .single-research .layout--aside-images .layout--aside-images-inner .large-4,
  .single-case_studies .layout--aside-images .layout--aside-images-inner .large-4,
  .single-people .layout--aside-images .layout--aside-images-inner .large-4,
  .single .layout--aside-images .layout--aside-images-inner .large-4 {
    width: 58.3%;
    min-width: 652px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 1024px) {
  .single-post .layout--aside-images,
  .single-research .layout--aside-images,
  .single-case_studies .layout--aside-images,
  .single-people .layout--aside-images,
  .single .layout--aside-images {
    display: block;
    height: 0px;
    margin-top: 6.4rem;
    margin-bottom: -6.4rem; }
    .single-post .layout--aside-images .layout--aside-images-inner,
    .single-research .layout--aside-images .layout--aside-images-inner,
    .single-case_studies .layout--aside-images .layout--aside-images-inner,
    .single-people .layout--aside-images .layout--aside-images-inner,
    .single .layout--aside-images .layout--aside-images-inner {
      width: calc((100% - 652px)/2);
      height: auto;
      margin: 0;
      padding: 0; }
      .single-post .layout--aside-images .layout--aside-images-inner .large-4,
      .single-research .layout--aside-images .layout--aside-images-inner .large-4,
      .single-case_studies .layout--aside-images .layout--aside-images-inner .large-4,
      .single-people .layout--aside-images .layout--aside-images-inner .large-4,
      .single .layout--aside-images .layout--aside-images-inner .large-4 {
        min-width: 1px;
        width: 100%;
        max-width: 100%;
        padding-right: 3.2rem; }
        .single-post .layout--aside-images .layout--aside-images-inner .large-4 img,
        .single-research .layout--aside-images .layout--aside-images-inner .large-4 img,
        .single-case_studies .layout--aside-images .layout--aside-images-inner .large-4 img,
        .single-people .layout--aside-images .layout--aside-images-inner .large-4 img,
        .single .layout--aside-images .layout--aside-images-inner .large-4 img {
          max-width: 100%; } }
@media screen and (min-width: 1142px) {
  .single-post .layout--aside-images .layout--aside-images-inner,
  .single-research .layout--aside-images .layout--aside-images-inner,
  .single-case_studies .layout--aside-images .layout--aside-images-inner,
  .single-people .layout--aside-images .layout--aside-images-inner,
  .single .layout--aside-images .layout--aside-images-inner {
    width: 20.85%; } }
.site--1.single-post .block--post_meta p .post_cat,
.site--1.single-research .block--post_meta p .post_cat,
.site--1.single-case_studies .block--post_meta p .post_cat,
.single-people .block--post_meta p .post_cat,
.single .block--post_meta p .post_cat {
  color: #14b1e7; }

.site--2.single-post .block--post_meta p .post_cat,
.site--2.single-research .block--post_meta p .post_cat,
.site--2.single-case_studies .block--post_meta p .post_cat,
.single-people .block--post_meta p .post_cat,
.single .block--post_meta p .post_cat {
  color: #00a77e; }

.site--3.single-post .block--post_meta p .post_cat,
.site--3.single-research .block--post_meta p .post_cat,
.site--3.single-case_studies .block--post_meta p .post_cat,
.single .block--post_meta p .post_cat {
  color: #b12a30; }

.site--4.single-post .block--post_meta p .post_cat,
.site--4.single-research .block--post_meta p .post_cat,
.site--4.single-case_studies .block--post_meta p .post_cat,
.single .block--post_meta p .post_cat {
  color: #db5c2c; }

/*
=== SINGLE PEOPLE TEMPLATE - this file is only 'people' specific, shared css is in single-post.scss  ===
*/
.single-people .hero--person section {
  margin-bottom: 0;
  margin-top: 0; }
.single-people .hero--person .layout--aside-images {
  margin-bottom: 6.4rem; }
.single-people .breadcrumb-wrapper .column {
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1248px;
  float: none;
  margin-bottom: 6.4rem; }
.single-people .breadcrumb-wrapper,
.single-people .breadcrumb-wrapper a,
.single-people .breadcrumb-wrapper a:link,
.single-people .breadcrumb-wrapper a:hover,
.single-people .breadcrumb-wrapper a:active {
  color: #3a444a; }
.single-people .additional_information {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
  border-bottom: 1px solid #e4e9ec; }
  .single-people .additional_information p {
    font-size: 3rem;
    line-height: 1.125;
    margin-bottom: 0.8rem; }
  .single-people .additional_information p:last-of-type {
    margin-bottom: 3.2rem; }
.single-people main section:first-of-type {
  margin-top: 0 !important; }

@media screen and (min-width: 1024px) {
  .single-people .hero--person .layout--aside-images {
    margin-bottom: 0; } }
.layout--divider-line hr, .layout--divider-line.divider_style--hr_basic hr {
  border: 0;
  height: 1px;
  background-color: #e4e9ec;
  overflow: visible; }

.layout--divider-line.divider_style--hr_short {
  margin-top: -3.2rem;
  margin-bottom: 0; }
  .layout--divider-line.divider_style--hr_short hr {
    background-color: transparent;
    border: none;
    border: 0;
    margin: 0; }

.layout--divider-line.divider_style--hr_short hr::after {
  opacity: 0.25;
  content: "";
  width: 7.2rem;
  height: 0.8rem;
  display: block; }

.site--1 .layout--divider-line.divider_style--hr_short hr::after {
  background-color: #14b1e7; }

.site--2 .layout--divider-line.divider_style--hr_short hr::after {
  background-color: #00a77e; }

.site--3 .layout--divider-line.divider_style--hr_short hr::after {
  background-color: #b12a30; }

.site--4 .layout--divider-line.divider_style--hr_short hr::after {
  background-color: #db5c2c; }

/*
=== FORMS (GRAVITY) + inherited by woocommerce ===
*/
select option {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 400; }

.block--form,
#review_form {
  /* starting with the more generic form-y stuff */
  /* now some more style-y stuff */ }
  .block--form *,
  #review_form * {
    color: #4a575f; }
  .block--form div,
  #review_form div {
    margin: 0;
    padding: 0; }
  .block--form ul,
  .block--form li,
  #review_form ul,
  #review_form li {
    list-style-type: none;
    float: left;
    clear: both;
    background-image: none; }
  .block--form input,
  .block--form textarea,
  .block--form select,
  #review_form input,
  #review_form textarea,
  #review_form select {
    border: 1px solid #b5bfc5;
    color: #4a575f;
    font-size: 2.2rem;
    line-height: 1.2;
    margin: 0 0 2rem 0;
    padding: 1.2rem 1.4rem;
    float: left;
    clear: both;
    width: 100%; }
  .block--form .gfield_description,
  #review_form .gfield_description {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 0.8rem;
	margin-bottom: 1rem;
    float: left; }
  .block--form ::placeholder,
  #review_form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #919da5;
    opacity: 1;
    /* Firefox */ }
  .block--form :-ms-input-placeholder,
  #review_form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #919da5; }
  .block--form ::-ms-input-placeholder,
  #review_form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #919da5; }
  .block--form label,
  #review_form label {
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #4a575f;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    padding-bottom: 1.2rem; }
  .block--form .form-submit #submit,
  #review_form .form-submit #submit {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    margin-top: 3.6rem;
    margin-bottom: 6.4rem;
    width: auto; }
    .block--form .form-submit #submit:hover, .block--form .form-submit #submit:active, .block--form .form-submit #submit:focus,
    #review_form .form-submit #submit:hover,
    #review_form .form-submit #submit:active,
    #review_form .form-submit #submit:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
  .block--form .block__heading img,
  #review_form .block__heading img {
    width: auto;
    height: 9.3rem;
    margin-bottom: 1.6rem; }
  .block--form .block__heading h3,
  #review_form .block__heading h3 {
    font-size: 4.8rem;
    line-height: 1.072;
    color: #4a575f;
    font-weight: 400; }
  .block--form .block__content.the__form form,
  #review_form .block__content.the__form form {
    margin: 0;
    padding: 3.2rem;
    background-color: transparent; }
    .block--form .block__content.the__form form ul,
    .block--form .block__content.the__form form li,
    #review_form .block__content.the__form form ul,
    #review_form .block__content.the__form form li {
      list-style-type: none;
      float: left;
      clear: both;
      background-image: none;
      margin: 0;
      padding: 0;
      width: 100%; }
    .block--form .block__content.the__form form .gfield,
    #review_form .block__content.the__form form .gfield {
      margin-bottom: 3.2rem; }
    .block--form .block__content.the__form form label,
    #review_form .block__content.the__form form label {
      font-size: 2.2rem;
      line-height: 1.2;
      font-weight: 500; }
    .block--form .block__content.the__form form .ginput_container,
    #review_form .block__content.the__form form .ginput_container {
      width: 100%;
      clear: both; }
    .block--form .block__content.the__form form select,
    #review_form .block__content.the__form form select {
      font-size: 2.2rem;
      line-height: 1.2;
      margin-bottom: 0rem;
      padding: 1.2rem 1.4rem;
      width: 100%; }
      .block--form .block__content.the__form form select option,
      #review_form .block__content.the__form form select option {
        font-size: 2.2rem;
        line-height: 1.2;
        font-weight: 400; }
    .block--form .block__content.the__form form .gfield_radio,
    .block--form .block__content.the__form form .gfield_checkbox,
    #review_form .block__content.the__form form .gfield_radio,
    #review_form .block__content.the__form form .gfield_checkbox {
      margin-bottom: 1.6rem; }
      .block--form .block__content.the__form form .gfield_radio label,
      .block--form .block__content.the__form form .gfield_checkbox label,
      #review_form .block__content.the__form form .gfield_radio label,
      #review_form .block__content.the__form form .gfield_checkbox label {
        clear: none;
        font-size: 1.8rem;
        line-height: 1.5; }
    .block--form .block__content.the__form form input[type="checkbox"],
    #review_form .block__content.the__form form input[type="checkbox"] {
      font-size: 2.2rem;
      line-height: 1.2;
      height: 2.2rem;
      width: 2.2rem;
      margin-top: 0.35rem;
      margin-right: 0.7rem; }
    .block--form .block__content.the__form form input[type="checkbox"] + label,
    #review_form .block__content.the__form form input[type="checkbox"] + label {
      width: calc(100% - 4rem); }
    .block--form .block__content.the__form form input[type="radio"],
    .block--form .block__content.the__form form input[type="checkbox"],
    #review_form .block__content.the__form form input[type="radio"],
    #review_form .block__content.the__form form input[type="checkbox"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: inline-block;
      position: relative;
      background-color: #fff;
      padding: 0;
      cursor: pointer;
      outline: none;
      height: 2rem;
      width: 2rem;
      border: 0.1rem solid #919da5;
      margin-top: 0.4rem;
      margin-right: 1rem;
      margin-bottom: 1.6rem; }
    .block--form .block__content.the__form form input[type="radio"],
    #review_form .block__content.the__form form input[type="radio"] {
      border-radius: 5rem; }
    .block--form .block__content.the__form form input[type="checkbox"],
    #review_form .block__content.the__form form input[type="checkbox"] {
      border-radius: 0.3rem; }
    .block--form .block__content.the__form form input[type="radio"]:checked,
    .block--form .block__content.the__form form input[type="checkbox"]:checked,
    #review_form .block__content.the__form form input[type="radio"]:checked,
    #review_form .block__content.the__form form input[type="checkbox"]:checked {
      background-color: #919da5;
      background-image: url(../img/tick-white-thick.svg);
      background-repeat: no-repeat;
      background-size: 1.1rem;
      background-position: center; }
    .block--form .block__content.the__form form input[type="submit"],
    #review_form .block__content.the__form form input[type="submit"] {
      margin-top: 6.4rem;
      float: right; }
    .block--form .block__content.the__form form .gsection,
    #review_form .block__content.the__form form .gsection {
      border-bottom: none !important;
      margin-top: 1.6rem !important;
      margin-bottom: 3.2rem !important; }
    .block--form .block__content.the__form form h2.gsection_title,
    #review_form .block__content.the__form form h2.gsection_title {
      font-size: 2.2rem;
      line-height: 1.2;
      padding-top: 3.2rem !important;
      margin-top: 0 !important;
      border-top: 0.4rem solid #fff; }
    .block--form .block__content.the__form form .gform_footer,
    #review_form .block__content.the__form form .gform_footer {
      clear: both; }
    .block--form .block__content.the__form form .gform_button,
    #review_form .block__content.the__form form .gform_button {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      font-weight: 600 !important;
      line-height: 1.2;
      border-radius: 9999px;
      background-size: auto 2rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 53%;
      overflow: hidden;
      background-color: transparent;
      white-space: nowrap;
      min-width: 18rem;
      border: 1px solid transparent;
      padding-bottom: 1.6rem;
      padding-left: 2.2rem;
      padding-right: 5rem;
      padding-top: 1.4rem;
      font-size: 2.2rem;
      line-height: 1.2;
      color: #fff !important;
      /* background-image: url(../img/arrow-right-white-1.svg); */
      float: none;
      width: auto;
      margin-top: 3.6rem; }
      .block--form .block__content.the__form form .gform_button:hover, .block--form .block__content.the__form form .gform_button:active, .block--form .block__content.the__form form .gform_button:focus,
      #review_form .block__content.the__form form .gform_button:hover,
      #review_form .block__content.the__form form .gform_button:active,
      #review_form .block__content.the__form form .gform_button:focus {
        background-color: #4a575f !important;
        /* background-image: url(../img/arrow-right-white-1.svg) !important; */
        border: 1px solid transparent;
        color: #fff !important; }
  .block--form .block__content.the__form form:after,
  #review_form .block__content.the__form form:after {
    content: "";
    display: table;
    clear: both; }
  .block--form .block__content.the__form .ginput_container.ginput_container_fileupload input,
  #review_form .block__content.the__form .ginput_container.ginput_container_fileupload input {
    padding: 0;
    border: none; }
  .block--form .block__content.the__form.hide-asterisks .gfield_required,
  #review_form .block__content.the__form.hide-asterisks .gfield_required {
    display: none; }

.content--lower section.layout--form.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .content--lower section.layout--form.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .content--lower section.layout--form.full-width-block .large-7 {
    margin-left: auto;
    margin-right: auto; }
  .content--lower section.layout--form.full-width-block .block--form {
    margin: auto; }
    .content--lower section.layout--form.full-width-block .block--form .block__heading,
    .content--lower section.layout--form.full-width-block .block--form .block__content {
      text-align: center;
      background: transparent;
      background-color: transparent; }
    .content--lower section.layout--form.full-width-block .block--form .block__content.the__form form {
      background: transparent;
      background-color: transparent;
      padding: 0; }

.block--form
.block__content.the__form
form
.category--attended-courses .content .block--form ul li,
.category--online-courses .content .block--form ul li,
.category--diploma .content .block--form ul li {
  background-image: none; }
.block--form
.block__content.the__form
form
.category--attended-courses .content #review_form ul li,
.category--online-courses .content #review_form ul li,
.category--diploma .content #review_form ul li {
  background-image: none; }

.site--1 #review_form .form-submit #submit,
.site--1 .block--form .form-submit #submit {
  background-color: #14b1e7; }
.site--1 .block--form .block__content.the__form form .gform_button,
.site--1 #review_form .block__content.the__form form .gform_button {
  background-color: #14b1e7; }

.site--2 #review_form .form-submit #submit,
.site--2 .block--form .form-submit #submit {
  background-color: #00a77e; }
.site--2 .block--form .block__content.the__form form .gform_button,
.site--2 #review_form .block__content.the__form form .gform_button {
  background-color: #00a77e; }

.site--3 #review_form .form-submit #submit,
.site--3 .block--form .form-submit #submit {
  background-color: #b12a30; }
.site--3 .block--form .block__content.the__form form .gform_button,
.site--3 #review_form .block__content.the__form form .gform_button {
  background-color: #b12a30; }

.site--4 #review_form .form-submit #submit,
.site--4 .block--form .form-submit #submit {
  background-color: #db5c2c; }
.site--4 .block--form .block__content.the__form form .gform_button,
.site--4 #review_form .block__content.the__form form .gform_button {
  background-color: #db5c2c; }

.layout--form.text-width-block {
  background-color: transparent !important; }
  .layout--form.text-width-block .block--form .block__content.the__form form {
    background-color: #f0f3f5; }

.content--upper .block--form .block__content.the__form form {
  background-color: #f0f3f5; }

section.layout--form.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--form.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--form.full-width-block .block--form .block__content.the__form form {
    padding-left: 0;
    padding-right: 0; }

div.validation_error, div.gform_confirmation_message {
  font-size: 2.2rem;
  line-height: 1.2;
  width: 100%;
  padding: 1.6rem !important;
  color: #fff;
  background: #bd7fb7;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem; }

.gfield_description.validation_message {
  font-size: 2.2rem;
  line-height: 1.2;
  width: 100%;
  padding: 1.6rem !important;
  color: #fff;
  background: #bd7fb7;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem; }

/* Integrity group form */

  .integrity-form .id-fields .gfield_label {
    padding-bottom: 1.2rem;
  }

  .integrity-form textarea {
    margin-bottom: 4rem;
  }

  .integrity-form .gfield_label {
    padding-bottom: 0;
  }

  .integrity-form .does-this-set {
border: 0;
margin-bottom: 0 !important;
padding: 0;
  }

  .integrity-form .does-this-set .gfield_label {
    font-weight: 500;
    padding-bottom: 0;
    margin-left: -5px;
  }

 .integrity-form #field_77_7 {
    margin-left: 30px;
    margin-bottom: 9rem !important;
  }

  .integrity-form .does-this-other .gfield_label {
    font-size: 1.8rem !important;
    line-height: 1.5;
    padding-bottom: 0;
  }

  .integrity-form .does-this-other .gfield_description {
    margin-top: 0;
  }


/*
=== WOOCOMMERCE FORMS - initially inherit basic form styling  ===
*/
.woocommerce-page .woocommerce .woocommerce-form-login,
.woocommerce-page .woocommerce .woocommerce-form-register, .woocommerce-page .woocommerce .woocommerce-ResetPassword {
  max-width: 696px;
  background-color: #fff;
  padding: 3.2rem; }
  .woocommerce-page .woocommerce .woocommerce-form-login button,
  .woocommerce-page .woocommerce .woocommerce-form-register button, .woocommerce-page .woocommerce .woocommerce-ResetPassword button {
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none; }
.woocommerce-page .woocommerce .woocommerce-form-register #newsletter {
  width: auto;
  margin-top: 1rem;
  margin-right: 0.8rem; }
.woocommerce-page .woocommerce .woocommerce-form-register #newsletter + label {
  display: inline; }
.woocommerce-page .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text {
  border-top: none; }
.woocommerce-page .woocommerce .woocommerce-form-register button {
  margin-top: 2.4rem; }
.woocommerce-page .woocommerce .woocommerce-form-login button + a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #919da5;
  background-color: transparent;
  /* background-image: url(../img/arrow-right-granite-1.svg); */
  border: 1px solid #919da5;
  clear: both;
  margin-top: 2.4rem;
  margin-bottom: 0;
  text-transform: none;
  float: right;
  background-image: none;
  padding-right: 4.8rem;
  padding-left: 4.8rem; }
  .woocommerce-page .woocommerce .woocommerce-form-login button + a:hover, .woocommerce-page .woocommerce .woocommerce-form-login button + a:active, .woocommerce-page .woocommerce .woocommerce-form-login button + a:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }
  .woocommerce-page .woocommerce .woocommerce-form-login button + a:hover, .woocommerce-page .woocommerce .woocommerce-form-login button + a:active, .woocommerce-page .woocommerce .woocommerce-form-login button + a:focus {
    border: 1px solid #4a575f !important; }
  .woocommerce-page .woocommerce .woocommerce-form-login button + a:hover, .woocommerce-page .woocommerce .woocommerce-form-login button + a:active, .woocommerce-page .woocommerce .woocommerce-form-login button + a:focus {
    background-image: none !important; }
  @media screen and (min-width: 500px) {
    .woocommerce-page .woocommerce .woocommerce-form-login button + a {
      clear: none;
      margin-top: 0;
      margin-right: 3.2rem; } }
.woocommerce-page .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  float: left;
  clear: both;
  margin-top: 2.4rem; }
.woocommerce-page .woocommerce .woocommerce-form-login:after,
.woocommerce-page .woocommerce .woocommerce-form-register:after {
  content: "";
  display: table;
  clear: both; }

#review_form #commentform {
  padding: 0;
  float: left;
  clear: both; }
#review_form .comment-notes {
  display: none; }
#review_form span.required {
  display: none; }
#review_form p.form-advice {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #4a575f;
  margin-bottom: 1.4rem; }
#review_form label {
  font-weight: 600; }
#review_form .comment-form-rating label {
  display: none; }
#review_form p.stars {
  font-size: 2.7rem;
  line-height: 1.072; }
  #review_form p.stars span {
    display: block;
    float: left; }
    #review_form p.stars span a {
      width: 3rem;
      height: 2.4rem;
      margin: 0;
      margin-top: 0.7rem;
      background-image: url(../img/star-outline-sunset.svg);
      background-size: contain;
      background-position: left center;
      background-repeat: no-repeat;
      text-indent: -1000px;
      overflow: hidden;
      display: inline-block;
      border-bottom: none; }
    #review_form p.stars span a.solid {
      background-image: url(../img/star-sunset.svg); }
#review_form p.stars::before {
  content: "Your rating";
  display: block;
  font-weight: 600;
  color: #4a575f;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 2.4rem;
  margin-bottom: 3.2rem; }
#review_form .acf-comment-fields {
  float: left; }
#review_form .acf-input {
  float: left;
  clear: both;
  width: 100%; }
#review_form .acf-input-wrap input {
  height: auto; }
#review_form .acf-field-message .acf-label {
  display: none; }
#review_form .acf-field-message .acf-input p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 1.6rem; }

@media screen and (min-width: 601px) {
  #review_form #commentform {
    padding: 0 205px; } }
/*
=== HEADER SECTION ===
*/
#mobile-mask {
  position: fixed;
  width: 0;
  height: 100vh;
  background-color: rgba(211, 218, 222, 0.88);
  top: 0;
  left: 0;
  opacity: 0;
  display: block; }

.site_header {
  position: relative;
  padding-bottom: 0;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 10; }
  .site_header .row {
    width: 100%;
    clear: both;
    max-width: 1248px;
    position: relative;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto; }
    .site_header .row .columns {
      padding-left: 0;
      padding-right: 0; }
  .site_header #header-row-1 {
    background-color: #14b1e7;
    position: absolute;
    left: 0;
    top: 0; }
  .site_header .top-bar {
    height: 40px; }
    .site_header .top-bar ul {
      width: 100%;
      display: flex;
      flex-direction: row;
      padding-left: 16px;
      padding-right: 18px; }
      .site_header .top-bar ul li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 40px;
        font-weight: 500; }
        .site_header .top-bar ul li a {
          text-decoration: none;
          color: #fff; }
      .site_header .top-bar ul li.mobile-only a {
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(../img/portal-home-white.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 20px;
        height: 40px;
        background-position: center;
        margin-right: 26px; }
    .site_header .top-bar ul > li:nth-child(1) {
      order: 1; }
    .site_header .top-bar ul > li:nth-child(2) {
      order: 5;
      display: none; }
    .site_header .top-bar ul > li:nth-child(3) {
      order: 3;
      margin-left: auto;
      margin-right: 24px; }
    .site_header .top-bar ul > li:nth-child(4) {
      order: 4; }
    .site_header .top-bar ul > li:nth-child(4) .ajax_cart > a {
      display: block;
      background-image: url(../img/basket-white.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-top: 7px;
      width: 26px;
      height: 24px;
      background-color: #fff;
      background-color: transparent;
      text-align: center; }
      .site_header .top-bar ul > li:nth-child(4) .ajax_cart > a .cart-text {
        text-indent: -1000px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important; }
      .site_header .top-bar ul > li:nth-child(4) .ajax_cart > a .cart-count {
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        font-weight: 600;
        padding-top: 8px;
        display: block; }
    .site_header .top-bar ul > li:nth-child(5) {
      order: 2; }
      .site_header .top-bar ul > li:nth-child(5) button {
        width: 24px;
        height: 40px;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(../img/search-mobile.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent; }
      .site_header .top-bar ul > li:nth-child(5) button.expanded {
        background-image: url(../img/search-close-mobile.svg) !important; }
  .site_header #header-row-2 {
    display: flex;
    position: static;
    padding-top: 40px; }
  .site_header .large-4 {
    width: 50%;
    float: left;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .site_header .large-4 #logo {
      display: block;
      background-image: url(../img/img-hg-main/human-givens-logo.svg);
      background-size: contain;
      background-repeat: no-repeat;
      width: 220px;
      height: 64px; }
  .site_header .large-8 {
    height: 80px; }

@media screen and (min-width: 601px) {
  .site_header {
    padding-left: 16px;
    padding-right: 16px; }
    .site_header .row {
      padding-left: 16px;
      padding-right: 16px; }
    .site_header .top-bar ul {
      padding-right: 24px; } }
@media (max-width: 1023px) {
  .site_header .large-8 {
    width: 50%;
    position: relative;
    float: right;
    clear: both;
    display: flex; }
    .site_header .large-8 .main__menu {
      margin: 0;
      padding: 0; }
      .site_header .large-8 .main__menu li {
        margin: 0;
        padding: 0; }
    .site_header .large-8 button.mobile-only {
      position: absolute;
      right: 0;
      margin-top: 20px;
      z-index: 1;
      width: 40px;
      height: 40px;
      text-indent: -1000px;
      overflow: hidden;
      background-image: url(../img/mobile-burger.svg);
      background-size: 22px;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #4a575f;
      border-radius: 50%; }
    .site_header .large-8 button.mobile-only.expanded {
      background-image: url(../img/mobile-close.svg);
      background-size: 16px; } }
@media (min-width: 1024px) {
  #mobile-mask {
    display: none; }

  .site_header #header-row-1 {
    background-color: transparent;
    position: static; }
  .site_header .top-bar li.mobile-only {
    display: block !important; }
  .site_header .large-8 button.mobile-only {
    display: block !important; }
  .site_header .top-bar {
    background-color: transparent;
    width: 70%;
    height: 30px;
    margin-top: 10px;
    float: right; }
    .site_header .top-bar ul {
      padding-left: 0;
      padding-right: 0; }
      .site_header .top-bar ul li.mobile-only {
        display: none !important; }
    .site_header .top-bar ul > li:nth-child(1) {
      order: 1;
      padding-left: 0; }
    .site_header .top-bar ul > li:nth-child(2) {
      order: 2;
      display: block;
      margin-left: auto; }
    .site_header .top-bar ul > li:nth-child(3) {
      order: 3;
      margin-left: 0;
      margin-right: 0; }
    .site_header .top-bar ul > li:nth-child(4) {
      order: 4; }
    .site_header .top-bar ul > li:nth-child(4) .ajax_cart > a {
      display: block;
      background-image: url(../img/basket-charcoal.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 28px;
      height: 28px;
      background-color: #fff;
      line-height: 0;
      font-size: 0;
      color: transparent;
      text-align: center;
      margin-top: 0; }
      .site_header .top-bar ul > li:nth-child(4) .ajax_cart > a .cart-count {
        font-size: 13px;
        padding-top: 10px;
        color: #4a575f; }
    .site_header .top-bar ul > li:nth-child(5) {
      order: 5;
      padding-right: 0;
      border-right: none; }
      .site_header .top-bar ul > li:nth-child(5) button {
        width: 25px;
        height: 25px;
        background-color: #fff;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(../img/search-desktop.svg);
        background-size: contain; }
      .site_header .top-bar ul > li:nth-child(5) button.expanded {
        background-image: url(../img/search-close.svg) !important; }
  .site_header .top-bar > ul > li {
    line-height: 30px;
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px dotted #b5bfc5; }
    .site_header .top-bar > ul > li a {
      color: #3a444a; }
  .site_header #header-row-2 {
    display: block;
    padding-top: 0; }
  .site_header .large-4 {
    position: absolute;
    top: 0;
    width: 362px;
    height: 112px; }
    .site_header .large-4 #logo {
      width: 370px;
      height: 92px; }
  .site_header .large-8 {
    width: auto;
    height: 72px;
    padding-top: 20px; }
    .site_header .large-8 button.mobile-only {
      display: none !important; } }
@media screen and (min-width: 1200px) {
  .site_header .large-4 {
    width: 362px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .site_header .large-4 #logo {
      height: 98px; }
  .site_header .large-8 {
    width: auto;
    height: 100px;
    padding-top: 34px; } }
/*
=== MAIN NAV MOBILE (up to 1023) ===
*/
@media only screen and (max-width: 1023px) {
  .menu__wrapper {
    transition: left 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out;
    -webkit-transition: left 0.6s ease-in-out;
    -o-transition: left 0.6s ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: -110%;
    overflow-y: hidden; }

  .menu__wrapper.expanded {
    left: 0;
    max-height: 100vh; }

  #menu-primary-new > li:first-of-type > a:first-of-type {
    background-image: url(../img/home-icon-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 20px;
    text-indent: -1000px;
    overflow: hidden; }

  #menu-primary-new {
    padding-left: 20px;
    padding-top: 32px;
    margin-right: 40px;
    min-height: 100%;
    background-color: #f7f9fa; }
    #menu-primary-new ul {
      padding-left: 0; }
    #menu-primary-new li.site-main > a {
      margin-bottom: 28px; }
    #menu-primary-new li.site-main + li > a {
      color: #14b1e7; }
    #menu-primary-new li.site-college > a {
      color: #00a77e; }
    #menu-primary-new li.site-publications > a, #menu-primary-new li#menu-item-538 > a {
      color: #b12a30; }
    #menu-primary-new li.site-foundation > a {
      color: #db5c2c; }
    #menu-primary-new li.site-institute > a {
      color: #196bac;
      background-image: url(../img/external-sapphire.svg);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: left 77%;
      padding-left: 48px;
      margin-left: 0; }
    #menu-primary-new li:first-of-type,
    #menu-primary-new li.mobi-nav-extra {
      border-bottom: none; }
    #menu-primary-new li {
      position: relative;
      margin-bottom: 0;
      font-size: 28px;
      line-height: 32px;
      margin-right: 50px;
      display: block;
      border-bottom: 1px solid #d3dade;
      padding-bottom: 14px;
      font-weight: 600; }
      #menu-primary-new li a {
        text-decoration: none;
        display: block;
        margin-left: 4.8rem;
        padding-bottom: 0;
        padding-top: 14px; }
      #menu-primary-new li .menu_sub_toggler {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 60px;
        text-indent: -1000px;
        overflow: hidden;
        background-color: transparent;
        background-image: url(../img/nav-down-charcoal.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      #menu-primary-new li .menu_sub_toggler.opened {
        transform: rotate(180deg); }
      #menu-primary-new li li {
        margin-right: 0;
        font-size: 22px;
        line-height: 26px;
        border-bottom: none;
        padding-bottom: 6px; }
        #menu-primary-new li li .menu_sub_toggler {
          background-size: 12px;
          height: 36px;
          background-position: center; }
        #menu-primary-new li li a {
          color: #3a444a;
          padding-top: 6px; }
        #menu-primary-new li li li.sub-menu__column li {
          font-weight: 400; }
          #menu-primary-new li li li.sub-menu__column li li a {
            font-size: 18px;
            margin-left: 5.8rem; }
          #menu-primary-new li li li.sub-menu__column li li:first-of-type {
            padding-top: 6px; }
        #menu-primary-new li li li:first-of-type {
          margin-top: 0; }
      #menu-primary-new li li:first-of-type {
        margin-top: 14px; }
    #menu-primary-new li.mobi-nav-extra {
      font-weight: 400; }
    #menu-primary-new li.menu-item--special {
      display: none; }

  .sub-menu__wrapper {
    overflow: hidden;
    height: 0; }

  .sub-menu__wrapper.depth--0 {
    bottom: auto;
    top: 0;
    background: transparent; }

  .sub-menu__column {
    width: 100%; }

  .sub-menu__column:first-of-type ul {
    padding-top: 0.6rem; }

  .sub-menu__column:after {
    content: "";
    display: table;
    clear: both; }

  li.sub-menu__column {
    padding-bottom: 0 !important; } }
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  #menu-primary-new {
    margin-right: 52px;
    padding-left: 32px; } }
/*
=== MAIN NAV DESKTOP (1024 up) ===
*/
@media only screen and (min-width: 1024px) {
  .sub-menu__wrapper.depth--0 {
    display: none; }

  .main__menu {
    font-size: 18px;
    line-height: 22px;
    float: right;
    padding: 10px 0;
    font-weight: 500; }
    .main__menu li {
      display: block;
      float: left;
      padding: 0;
      padding-right: 32px; }
    .main__menu li.mobi-nav-extra {
      display: none; }
    .main__menu li.menu-item--special {
      display: block; }
    .main__menu li.site-institute {
      padding-right: 0; }
      .main__menu li.site-institute a {
        padding-right: 2.2rem;
        background-image: url(../img/external-iron-24px.svg);
        background-size: 1.8rem;
        background-repeat: no-repeat;
        background-position: right 54%; }
    .main__menu li:last-of-type {
      padding-right: 0; }
    .main__menu li.current-menu-item .sub-menu__wrapper.depth--0 {
      display: block; }
    .main__menu li.site-main a {
      background-image: url(../img/home-icon-grey.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: block;
      width: 16px;
      text-indent: -1000px;
      overflow: hidden; }
    .main__menu a {
      text-decoration: none; }
      .main__menu a {
        font-size: 18px; } }
      @media only screen and (min-width: 1024px) and (min-width: 1024px) {
        .main__menu a {
          font-size: calc(18px + 4 * ((100vw - 1024px) / 176)); } }
      @media only screen and (min-width: 1024px) and (min-width: 1200px) {
        .main__menu a {
          font-size: 22px; } }
@media only screen and (min-width: 1024px) {
    .main__menu .menu_sub_toggler {
      display: none; }

  .sub-menu__wrapper.depth--0 {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #ccc;
    padding: 0; }
    .sub-menu__wrapper.depth--0 a {
      color: #fff;
      font-weight: 600;
      position: relative;
      display: block;
      overflow: visible;
      font-size: 22px;
      line-height: 52px; }
    .sub-menu__wrapper.depth--0 .menu-item-has-children > a {
      padding-right: 24px;
      background-image: url(../img/nav-down-white.svg);
      background-position: right 58%;
      background-repeat: no-repeat;
      background-size: 16px; }
    .sub-menu__wrapper.depth--0 .menu-item-has-children:hover > a {
      background-image: url(../img/nav-up-white.svg); }
    .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after {
      content: "";
      display: none;
      background-image: url(../img/img-hg-main/triangle-sky.svg);
      background-position: center top;
      background-repeat: no-repeat;
      width: 100%;
      width: calc(100% - 24px);
      height: 8px;
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 1; }
    .sub-menu__wrapper.depth--0 .menu-item-has-children:hover > a::after {
      display: block; }
    .sub-menu__wrapper.depth--0 li:hover .sub-menu__wrapper.depth--1 {
      opacity: 1;
      width: auto; }

  .sub-menu__wrapper.depth--0 > .sub-menu__sizer {
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 32px;
    padding-left: 32px; }

  .sub-menu__wrapper.depth--0 > .sub-menu__sizer > .sub-menu {
    float: right; }

  .sub-menu__column {
    width: calc(100% / 3); }

  .sub-menu__column ul,
  .sub-menu__column li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0; }

  .sub-menu__column li {
    padding: 0; }

  .sub-menu__column li:last-of-type {
    border-bottom: 1px solid #14b1e7; }

  .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    background: #f7f9fa;
    padding: 0;
    padding-top: 48px;
    padding-bottom: 80px;
    display: block;
    overflow: hidden;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    width: 0;
    opacity: 0;
    -webkit-box-shadow: 0px 7px 28px -7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 7px 28px -7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 7px 28px -7px rgba(0, 0, 0, 0.3); }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li {
      position: relative;
      padding-top: 9px;
      padding-bottom: 9px; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item {
      border-top: 1px solid #14b1e7; }
      .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item span {
        display: block;
        float: left; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special {
      border-bottom: none;
      border-top: none; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item-has-children > a {
      padding-right: 24px;
      background-image: none; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item-has-children > a::after {
      content: "";
      display: none; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item-has-children:hover > a {
      background-image: none; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item-has-children:hover > a::after {
      display: none; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 a {
      color: #3a444a;
      padding-right: 36px;
      font-size: 22px;
      line-height: 26px; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3 {
      font-size: 32px;
      line-height: 38px;
      font-weight: 600;
      color: #14b1e7;
      margin-bottom: 16px; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 p {
      font-size: 24px;
      line-height: 32px;
      font-weight: 400; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span {
      font-size: 24px;
      line-height: 32px;
      font-weight: 600;
      color: #14b1e7;
      background-image: url(../img//arrow-sky-l.svg);
      background-position: right 60%;
      background-repeat: no-repeat;
      background-size: 12px;
      padding-right: 24px; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler {
      display: block;
      width: 20px;
      height: 44px;
      background-color: transparent;
      position: absolute;
      right: 0;
      top: 0;
      text-indent: -1000px;
      overflow: hidden;
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: center; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__sizer {
      width: 100%;
      max-width: 1280px;
      margin-right: auto;
      margin-left: auto;
      padding-left: 32px;
      padding-right: 32px; }
    .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__wrapper.depth--2 {
      overflow: hidden;
      height: 0; }
      .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__wrapper.depth--2 .sub-menu__sizer {
        padding-left: 0;
        padding-right: 0; }
      .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__wrapper.depth--2 .menu-item {
        border-bottom: none !important;
        border-top: none !important; }
      .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__wrapper.depth--2 li:last-of-type {
        padding-bottom: 12px; }
      .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .sub-menu__wrapper.depth--2 a {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        padding-top: 0;
        padding-bottom: 0; } }
.site--1 .site-main-landing .sub-menu__wrapper.depth--0 {
  display: block; }

.site--2 .site-college .sub-menu__wrapper.depth--0 {
  display: block; }

.site--3 #menu-item-538 .sub-menu__wrapper.depth--0 {
  display: block; }

.site--4 .site-foundation .sub-menu__wrapper.depth--0 {
  display: block; }

/*
=== SEARCH PANEL SECTION ===
*/
.site_header .search__wrapper {
  background-color: #f0f3f5;
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  overflow: hidden;
  transition: height 0.6s ease-in-out;
  -moz-transition: height 0.6s ease-in-out;
  -webkit-transition: height 0.6s ease-in-out;
  -o-transition: height 0.6s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: inset 0px 10px 48px -48px rgba(0, 0, 0, 0.666);
  -moz-box-shadow: inset 0px 10px 48px -48px rgba(0, 0, 0, 0.666);
  box-shadow: inset 0px 10px 48px -48px rgba(0, 0, 0, 0.666); }
  .site_header .search__wrapper form {
    align-self: flex-start;
    margin-top: -68px;
    display: flex;
    width: 100%;
    padding-bottom: 20px; }
    .site_header .search__wrapper form input {
      -webkit-appearance: none;
      font-size: 24px;
      line-height: 28px;
      height: 28px;
      width: calc(100% - 28px);
      padding: 0;
      padding-right: 14px;
      margin: 0;
      background-color: transparent;
      margin-top: auto;
      margin-bottom: auto; }
    .site_header .search__wrapper form button {
      display: block;
      text-indent: -1000px;
      overflow: hidden;
      width: 28px;
      height: 28px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent; }
.site_header .search__wrapper.expanded {
  height: 184px;
  height: calc(100vh - 120px);
  -webkit-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.2); }

.site--1 .site_header .search__wrapper form {
  border-bottom: 1px solid #57cbf5; }
  .site--1 .site_header .search__wrapper form button {
    background-image: url(../img/img-hg-main/search-icon-sky.svg); }

.site--2 .site_header .search__wrapper form,
.college-template .site_header .search__wrapper form {
  border-bottom: 1px solid #00a77e; }
  .site--2 .site_header .search__wrapper form button,
  .college-template .site_header .search__wrapper form button {
    background-image: url(../img/img-hg-college/search-icon-jade.svg); }

.site--3 .site_header .search__wrapper form {
  border-bottom: 1px solid #b12a30; }
  .site--3 .site_header .search__wrapper form button {
    background-image: url(../img/search-icon-burgundy.svg); }

.site--4 .site_header .search__wrapper form {
  border-bottom: 1px solid #db5c2c; }
  .site--4 .site_header .search__wrapper form button {
    background-image: url(../img/search-icon-burnt.svg); }

@media (min-width: 601px) {
  .site_header .search__wrapper {
    justify-content: center; }
    .site_header .search__wrapper form {
      margin-top: 0;
      height: 68px;
      align-self: center;
      padding-bottom: 30px;
      width: 561px; }
      .site_header .search__wrapper form input {
        font-size: 40px;
        line-height: 48px;
        height: 48px;
        padding-right: 24px; }
      .site_header .search__wrapper form button {
        width: 48px;
        height: 48px; }
  .site_header .search__wrapper.expanded {
    height: 368px; } }
@media (min-width: 768px) {
  .site_header .search__wrapper form {
    min-width: 561px;
    width: 66%;
    max-width: 800px; } }
/*
=== SEARCH RESULTS PAGE ===
*/
.search .search-results-top {
  background-color: #f0f3f5;
  margin-top: 0;
  padding-top: 10rem;
  padding-bottom: 6rem;
  justify-content: center;
  display: flex; }
  .search .search-results-top form {
    align-self: flex-start;
    display: flex;
    width: 100%;
    margin-bottom: 7rem;
    border-bottom: 1px solid #14b1e7;
    color: #919da5;
    height: 68px;
    align-self: center;
    padding-bottom: 30px; }
    .search .search-results-top form input {
      width: calc(100% - 28px);
      padding: 0;
      margin: 0;
      background-color: transparent;
      font-size: 40px;
      line-height: 48px;
      height: 48px;
      padding-right: 24px; }
    .search .search-results-top form button {
      display: block;
      text-indent: -1000px;
      overflow: hidden;
      background-image: url(../img/img-hg-main/search-icon-sky.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent;
      width: 48px;
      height: 48px; }
  .search .search-results-top .filters {
    display: flex;
    align-items: flex-start; }
  .search .search-results-top .search-found p {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 0;
    padding-right: 1.4rem; }
  .search .search-results-top select {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    background-image: url(../img/arrow-right-white-1.svg);
    background-color: #14b1e7;
    background-image: url(../img/arrow-down-button-white.svg);
    background-size: 2.1rem;
    padding-bottom: 1.2rem;
    padding-left: 2rem;
    padding-right: 6.4rem;
    padding-top: 1rem;
    min-width: 18rem;
    line-height: 1.2;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: auto; }
    .search .search-results-top select:hover, .search .search-results-top select:active, .search .search-results-top select:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
    @media screen and (min-width: 900px) {
      .search .search-results-top select {
        font-size: 2rem; } }
    .search .search-results-top select:hover, .search .search-results-top select:active, .search .search-results-top select:focus {
      background-image: url(../img/arrow-down-button-white.svg) !important;
      background-color: #919da5; }
.search .search_item {
  border-bottom: none;
  margin-bottom: 4.8rem;
  display: block;
  float: left;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.142; }
  .search .search_item span {
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.142;
    font-weight: 600;
    border-bottom: none;
    letter-spacing: 0.05rem; }
  .search .search_item span.section {
    color: #14b1e7;
    padding-right: 0.25rem; }
  .search .search_item span.tag {
    padding-left: 0.25rem; }
  .search .search_item h2 {
    font-size: 3rem;
    line-height: 1.125;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .search .search_item p {
    margin-bottom: 0; }
.search .search_item.human-givens span.section {
  color: #14b1e7; }
.search .search_item.college span.section {
  color: #00a77e; }
.search .search_item.publications span.section {
  color: #b12a30; }
.search .search_item.foundation span.section {
  color: #db5c2c; }
.search .search_item:hover,
.search .search_item:active,
.search .search_item:focus {
  color: #3a444a; }
.search .search_item:visited {
  color: #3a444a; }
.search .load_more_wrapper button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #919da5;
  background-color: transparent;
  /* background-image: url(../img/arrow-right-granite-1.svg); */
  border: 1px solid #919da5;
  background-image: none;
  padding-right: 22px; }
  .search .load_more_wrapper button:hover, .search .load_more_wrapper button:active, .search .load_more_wrapper button:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }
  .search .load_more_wrapper button:hover, .search .load_more_wrapper button:active, .search .load_more_wrapper button:focus {
    border: 1px solid #4a575f !important; }
.search .load_more_wrapper button:hover,
.search .load_more_wrapper button:focus,
.search .load_more_wrapper button:active {
  background-image: none !important; }

.first-nsr-line {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 600; }

.other-nsr-text {
  padding-bottom: 3.2rem;
  padding-right: 0; }
  .other-nsr-text ul {
    padding-left: 0 !important;
    margin-bottom: 3.2rem; }
    .other-nsr-text ul li {
      background-image: none !important;
      padding-left: 0 !important; }

/*
=== PORTAL ===
*/
.page-template-portal #content {
  padding-top: 0; }

.site--1.page-template-portal .site-main-landing {
  font-weight: 500;
  color: #3a444a; }

.page-template-portal section .block__heading h2 {
  text-align: left; }
.page-template-portal section.layout--video {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .page-template-portal section.layout--video {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .page-template-portal section.layout--video .block--video {
    text-align: center;
    max-width: 780px;
    margin: auto; }
  .page-template-portal section.layout--video .oembed__wrapper {
    margin-bottom: 24px; }
.page-template-portal section.layout--featured-content {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .page-template-portal section.layout--featured-content {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .page-template-portal section.layout--featured-content .block--featured_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto; }
.page-template-portal .layout--newsletter-signup {
  background-color: #14b1e7; }
  .page-template-portal .layout--newsletter-signup p {
    color: #fff; }
  .page-template-portal .layout--newsletter-signup a,
  .page-template-portal .layout--newsletter-signup a:focus,
  .page-template-portal .layout--newsletter-signup a:active,
  .page-template-portal .layout--newsletter-signup a:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    border: 1px solid #fff;
    border-bottom: 1px solid #fff !important;
    background-color: transparent; }
    .page-template-portal .layout--newsletter-signup a:hover, .page-template-portal .layout--newsletter-signup a:active, .page-template-portal .layout--newsletter-signup a:focus,
    .page-template-portal .layout--newsletter-signup a:focus:hover,
    .page-template-portal .layout--newsletter-signup a:focus:active,
    .page-template-portal .layout--newsletter-signup a:focus:focus,
    .page-template-portal .layout--newsletter-signup a:active:hover,
    .page-template-portal .layout--newsletter-signup a:active:active,
    .page-template-portal .layout--newsletter-signup a:active:focus,
    .page-template-portal .layout--newsletter-signup a:hover:hover,
    .page-template-portal .layout--newsletter-signup a:hover:active,
    .page-template-portal .layout--newsletter-signup a:hover:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .page-template-portal .layout--newsletter-signup a:hover, .page-template-portal .layout--newsletter-signup a:active, .page-template-portal .layout--newsletter-signup a:focus,
    .page-template-portal .layout--newsletter-signup a:focus:hover,
    .page-template-portal .layout--newsletter-signup a:focus:active,
    .page-template-portal .layout--newsletter-signup a:focus:focus,
    .page-template-portal .layout--newsletter-signup a:active:hover,
    .page-template-portal .layout--newsletter-signup a:active:active,
    .page-template-portal .layout--newsletter-signup a:active:focus,
    .page-template-portal .layout--newsletter-signup a:hover:hover,
    .page-template-portal .layout--newsletter-signup a:hover:active,
    .page-template-portal .layout--newsletter-signup a:hover:focus {
      border: 1px solid #4a575f !important;
      border-bottom: 1px solid #4a575f !important; }

@media screen and (max-width: 1023px) {
  .page-template-portal #menu-primary-new > li:first-of-type > a:first-of-type {
    background-image: url(../img/home-icon-sky.svg); } }
@media screen and (min-width: 1024px) {
  .page-template-portal.site--1 .site-main-landing .sub-menu__wrapper.depth--0 {
    display: none; }

  .page-template-portal .main__menu li.site-main a {
    background-image: url(../img/home-icon-sky.svg); } }
/*
=== "SITE HOME LANDING PAGES ===
*/
.page-template-site section.layout--featured-content {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .page-template-site section.layout--featured-content {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .page-template-site section.layout--featured-content .block--featured_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto; }

/*
=== COURSE LISTING PAGE ===
*/
.college-template-tutor-listing .breadcrumb,
.college-template-tutor-listing .breadcrumb a {
  color: #3a444a !important; }
.college-template-tutor-listing .tutor-list .cell-inner {
  display: flex;
  flex-wrap: wrap; }
.college-template-tutor-listing .tutor-list .column {
  width: 100%;
  min-width: 100%; }
.college-template-tutor-listing a.tutor_card {
  background-color: #f0f3f5;
  padding: 3.2rem;
  width: 100%;
  border-bottom: none;
  display: flex; }
  .college-template-tutor-listing a.tutor_card .tutor-img {
    width: 33%;
    padding-right: 2.4rem; }
  .college-template-tutor-listing a.tutor_card .tutor-text {
    width: 66%;
    min-height: 10px; }
    .college-template-tutor-listing a.tutor_card .tutor-text h2,
    .college-template-tutor-listing a.tutor_card .tutor-text h3,
    .college-template-tutor-listing a.tutor_card .tutor-text span {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .college-template-tutor-listing a.tutor_card .tutor-text h2 {
      font-size: 2.7rem;
      line-height: 1.072;
      margin-bottom: 1rem; }
    .college-template-tutor-listing a.tutor_card .tutor-text h3 {
      font-size: 2.2rem;
      line-height: 1.2;
      margin-bottom: 1rem; }
    .college-template-tutor-listing a.tutor_card .tutor-text p {
      line-height: 1.2;
      font-size: 18px;
      color: #3a444a; }
      @media screen and (min-width: 900px) {
        .college-template-tutor-listing a.tutor_card .tutor-text p {
          font-size: 2rem; } }
    .college-template-tutor-listing a.tutor_card .tutor-text span {
      line-height: 1.2;
      font-size: 18px;
      background-image: url(../img/arrow-right-dark.svg);
      background-position: right top 70%;
      background-size: 1rem;
      background-repeat: no-repeat;
      padding-right: 2rem; }
      @media screen and (min-width: 900px) {
        .college-template-tutor-listing a.tutor_card .tutor-text span {
          font-size: 2rem; } }
.college-template-tutor-listing a.tutor_card:focus h2,
.college-template-tutor-listing a.tutor_card:focus h3,
.college-template-tutor-listing a.tutor_card:focus span,
.college-template-tutor-listing a.tutor_card:hover h2,
.college-template-tutor-listing a.tutor_card:hover h3,
.college-template-tutor-listing a.tutor_card:hover span,
.college-template-tutor-listing a.tutor_card:active h2,
.college-template-tutor-listing a.tutor_card:active h3,
.college-template-tutor-listing a.tutor_card:active span {
  color: #00a77e !important; }
.college-template-tutor-listing a.tutor_card:focus p,
.college-template-tutor-listing a.tutor_card:hover p,
.college-template-tutor-listing a.tutor_card:active p {
  color: #3a444a; }
.college-template-tutor-listing a.tutor_card:focus span,
.college-template-tutor-listing a.tutor_card:hover span,
.college-template-tutor-listing a.tutor_card:active span {
  background-image: url(../img/arrow-right-jade-1.svg); }
.college-template-tutor-listing a.tutor_card:visited p,
.college-template-tutor-listing a.tutor_card:visited span {
  color: #3a444a; }

.content a.tutor_card:link p {
  font-weight: 400; }

@media screen and (min-width: 480px) {
  .college-template-tutor-listing a.tutor_card .tutor-img {
    width: 42%; }
  .college-template-tutor-listing a.tutor_card .tutor-text {
    width: 58%; } }
@media screen and (min-width: 768px) {
  .college-template-tutor-listing .tutor-list .column {
    min-width: 50%;
    width: 50%; } }
/*
=== HERO GENERIC/BACKSTOP ===
*/
.hero {
  position: relative; }
  .hero h1 {
    margin-bottom: 1.6rem; }
  .hero .hero__content p {
    font-size: 3rem;
    line-height: 1.3; }
  .hero .hero__content p.large_subtitle {
    color: #4a575f;
    font-weight: 600;
    margin-bottom: 1.4rem; }

p.post_subtitle {
  color: #4a575f;
  margin-bottom: 1.4rem;
  font-size: 4.8rem;
  line-height: 1.072;
  font-weight: 400;
  line-height: 1.078; }

.breadcrumb-wrapper {
  display: none; }

@media screen and (min-width: 601px) {
  .hero .hero-text-wrapper {
    padding-left: 16px;
    padding-right: 16px; } }
@media screen and (min-width: 840px) {
  .breadcrumb-wrapper {
    font-size: 1.4rem;
    line-height: 1.142;
    font-weight: 500;
    position: relative;
    display: block; }
    .breadcrumb-wrapper a,
    .breadcrumb-wrapper a:link,
    .breadcrumb-wrapper a:hover,
    .breadcrumb-wrapper a:active {
      text-decoration: none; }
    .breadcrumb-wrapper a:hover,
    .breadcrumb-wrapper a:active {
      border-bottom: none; }

  .breadcrumb-wrapper.breadcrumb-colour--dark {
    color: #3a444a; }
    .breadcrumb-wrapper.breadcrumb-colour--dark a,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:link,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:active {
      color: #3a444a; }
    .breadcrumb-wrapper.breadcrumb-colour--dark a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:active {
      border-bottom: none; }

  .breadcrumb-wrapper.breadcrumb-colour--light {
    color: #fff; }
    .breadcrumb-wrapper.breadcrumb-colour--light a,
    .breadcrumb-wrapper.breadcrumb-colour--light a:link,
    .breadcrumb-wrapper.breadcrumb-colour--light a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--light a:active {
      color: #fff; }
    .breadcrumb-wrapper.breadcrumb-colour--light a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--light a:active {
      border-bottom: none; } }
@media screen and (min-width: 601px) {
  .hero-text-wrapper {
    padding-left: 16px;
    padding-right: 16px; } }
/*
=== HERO GENERIC/BACKSTOP ===
*/
.hero {
  position: relative; }
  .hero h1 {
    margin-bottom: 1.6rem; }
  .hero .hero__content p {
    font-size: 3rem;
    line-height: 1.3; }
  .hero .hero__content p.large_subtitle {
    color: #4a575f;
    font-weight: 600;
    margin-bottom: 1.4rem; }

p.post_subtitle {
  color: #4a575f;
  margin-bottom: 1.4rem;
  font-size: 4.8rem;
  line-height: 1.072;
  font-weight: 400;
  line-height: 1.078; }

.breadcrumb-wrapper {
  display: none; }

@media screen and (min-width: 601px) {
  .hero .hero-text-wrapper {
    padding-left: 16px;
    padding-right: 16px; } }
@media screen and (min-width: 840px) {
  .breadcrumb-wrapper {
    font-size: 1.4rem;
    line-height: 1.142;
    font-weight: 500;
    position: relative;
    display: block; }
    .breadcrumb-wrapper a,
    .breadcrumb-wrapper a:link,
    .breadcrumb-wrapper a:hover,
    .breadcrumb-wrapper a:active {
      text-decoration: none; }
    .breadcrumb-wrapper a:hover,
    .breadcrumb-wrapper a:active {
      border-bottom: none; }

  .breadcrumb-wrapper.breadcrumb-colour--dark {
    color: #3a444a; }
    .breadcrumb-wrapper.breadcrumb-colour--dark a,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:link,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:active {
      color: #3a444a; }
    .breadcrumb-wrapper.breadcrumb-colour--dark a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--dark a:active {
      border-bottom: none; }

  .breadcrumb-wrapper.breadcrumb-colour--light {
    color: #fff; }
    .breadcrumb-wrapper.breadcrumb-colour--light a,
    .breadcrumb-wrapper.breadcrumb-colour--light a:link,
    .breadcrumb-wrapper.breadcrumb-colour--light a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--light a:active {
      color: #fff; }
    .breadcrumb-wrapper.breadcrumb-colour--light a:hover,
    .breadcrumb-wrapper.breadcrumb-colour--light a:active {
      border-bottom: none; } }
@media screen and (min-width: 601px) {
  .hero-text-wrapper {
    padding-left: 16px;
    padding-right: 16px; } }
/*
=== HERO - STANDARD PAGES (and some defaults) ===
*/
.hero p a {
  text-decoration: none;
  border-bottom: 1px solid #3a444a; }

.hero.hero--basic {
  background-size: cover;
  padding-top: 30%;
  width: 100%;
  min-height: 24rem; }
  .hero.hero--basic .breadcrumb-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%; }
    .hero.hero--basic .breadcrumb-wrapper .column {
      margin-top: 44px;
      margin-left: auto;
      margin-right: auto;
      max-width: 1248px;
      float: none; }

.hero.hero--minimal {
  padding-top: 0;
  width: 100%;
  height: auto;
  min-height: 5.8rem; }
  .hero.hero--minimal .breadcrumb-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    color: #3a444a; }
    .hero.hero--minimal .breadcrumb-wrapper .column {
      margin-top: 44px;
      margin-left: auto;
      margin-right: auto;
      max-width: 1248px;
      float: none; }

@media screen and (min-width: 1216px) {
  .hero.hero--basic {
    background-size: cover;
    height: 42rem;
    padding-top: 0; } }
.site--1 .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #14b1e7;
  border-bottom-color: #14b1e7; }
.site--1 .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.site--1 .hero-text-wrapper .hero__content .hero__anchors li a:active,
.site--1 .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

.site--2 .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #00a77e;
  border-bottom-color: #00a77e; }
.site--2 .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.site--2 .hero-text-wrapper .hero__content .hero__anchors li a:active,
.site--2 .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

.site--3 .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #b12a30;
  border-bottom-color: #b12a30; }
.site--3 .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.site--3 .hero-text-wrapper .hero__content .hero__anchors li a:active,
.site--3 .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

.site--4 .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #db5c2c;
  border-bottom-color: #db5c2c; }
.site--4 .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.site--4 .hero-text-wrapper .hero__content .hero__anchors li a:active,
.site--4 .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

/*
=== ".hero--default" SINGLE PRODUCT HERO (CAN ALSO BE USED FOR "BLOCK-HERO-BASIC") ===
*/
.single-product .hero:after, .page-template-special-landing-page .hero:after, .college-template-special-landing-page .hero:after {
  content: "";
  display: table;
  clear: both; }
.single-product .hero, .page-template-special-landing-page .hero, .college-template-special-landing-page .hero {
  position: relative;
  min-height: 648px;
  background-size: 0 0;
  overflow: hidden;
  margin-bottom: 3.2rem; }
  .single-product .hero .content--standard, .page-template-special-landing-page .hero .content--standard, .college-template-special-landing-page .hero .content--standard {
    position: absolute;
    left: 0;
    right: 0; }
  .single-product .hero .content--standard > div, .page-template-special-landing-page .hero .content--standard > div, .college-template-special-landing-page .hero .content--standard > div {
    float: none; }
  .single-product .hero .hero-img, .page-template-special-landing-page .hero .hero-img, .college-template-special-landing-page .hero .hero-img {
    background-size: cover;
    height: 0;
    padding-top: 42%;
    opacity: 1; }
  .single-product .hero img, .page-template-special-landing-page .hero img, .college-template-special-landing-page .hero img {
    max-height: 648px;
    max-width: 100%;
    opacity: 1; }
  .single-product .hero .hero-text-wrapper, .page-template-special-landing-page .hero .hero-text-wrapper, .college-template-special-landing-page .hero .hero-text-wrapper {
    width: 100%;
    position: relative;
    float: left;
    clear: both;
    margin: 0 auto;
    margin-top: -7.2rem;
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px; }
    .single-product .hero .hero-text-wrapper .hero-cell, .page-template-special-landing-page .hero .hero-text-wrapper .hero-cell, .college-template-special-landing-page .hero .hero-text-wrapper .hero-cell {
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
      background-color: white;
      padding-left: 32px;
      padding-right: 32px;
      padding-bottom: 32px;
      margin-bottom: 24px; }
  .single-product .hero .hero__category, .page-template-special-landing-page .hero .hero__category, .college-template-special-landing-page .hero .hero__category {
    display: block;
    float: left;
    font-size: 1.4rem;
    line-height: 1.142;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 24px;
    color: #fff; }
  .single-product .hero .hero__content, .page-template-special-landing-page .hero .hero__content, .college-template-special-landing-page .hero .hero__content {
    display: block;
    clear: both;
    padding-top: 24px; }
    .single-product .hero .hero__content h1 span, .page-template-special-landing-page .hero .hero__content h1 span, .college-template-special-landing-page .hero .hero__content h1 span {
      display: inline-block;
      width: 8rem;
      height: 3.3rem;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right bottom;
      text-indent: -1000px;
      overflow: hidden; }
  .single-product .hero .hero__anchors, .page-template-special-landing-page .hero .hero__anchors, .college-template-special-landing-page .hero .hero__anchors {
    margin: 0;
    padding: 0; }
    .single-product .hero .hero__anchors li, .page-template-special-landing-page .hero .hero__anchors li, .college-template-special-landing-page .hero .hero__anchors li {
      font-size: 1.8rem;
      line-height: 1.5;
      margin: 0;
      padding: 0;
      margin-top: 0; }
      .single-product .hero .hero__anchors li a:link, .page-template-special-landing-page .hero .hero__anchors li a:link, .college-template-special-landing-page .hero .hero__anchors li a:link {
        display: block;
        float: left;
        margin-right: 24px;
        text-decoration: none;
        border-bottom: 1px solid #4a575f;
        font-weight: 500;
        color: #00a77e;
        border-bottom-color: #00a77e; }
      .single-product .hero .hero__anchors li a:focus,
      .single-product .hero .hero__anchors li a:active,
      .single-product .hero .hero__anchors li a:hover, .page-template-special-landing-page .hero .hero__anchors li a:focus,
      .page-template-special-landing-page .hero .hero__anchors li a:active,
      .page-template-special-landing-page .hero .hero__anchors li a:hover, .college-template-special-landing-page .hero .hero__anchors li a:focus,
      .college-template-special-landing-page .hero .hero__anchors li a:active,
      .college-template-special-landing-page .hero .hero__anchors li a:hover {
        color: #4a575f;
        border-bottom-color: #4a575f; }

@media screen and (min-width: 601px) {
  .single-product .hero .hero-text-wrapper, .page-template-special-landing-page .hero .hero-text-wrapper, .college-template-special-landing-page .hero .hero-text-wrapper {
    padding-left: 16px;
    padding-right: 16px; } }
@media screen and (min-width: 840px) {
  .single-product .breadcrumb-wrapper, .page-template-special-landing-page .breadcrumb-wrapper, .college-template-special-landing-page .breadcrumb-wrapper {
    top: 44px;
    position: absolute; }
  .single-product .hero, .page-template-special-landing-page .hero, .college-template-special-landing-page .hero {
    margin-bottom: 0;
    background-size: cover; }
    .single-product .hero .hero-img, .page-template-special-landing-page .hero .hero-img, .college-template-special-landing-page .hero .hero-img {
      background-size: 0 0;
      opacity: 0; }
    .single-product .hero .hero-text-wrapper .hero-cell, .page-template-special-landing-page .hero .hero-text-wrapper .hero-cell, .college-template-special-landing-page .hero .hero-text-wrapper .hero-cell {
      background-color: rgba(255, 255, 255, 0.9); }
    .single-product .hero .hero-text-wrapper, .page-template-special-landing-page .hero .hero-text-wrapper, .college-template-special-landing-page .hero .hero-text-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      margin-top: 0;
      top: 104px; }
      .single-product .hero .hero-text-wrapper .large-7, .page-template-special-landing-page .hero .hero-text-wrapper .large-7, .college-template-special-landing-page .hero .hero-text-wrapper .large-7 {
        width: 58.3%;
        min-width: 652px; } }
@media screen and (min-width: 1024px) {
  .single-product .content--standard .column, .page-template-special-landing-page .content--standard .column, .college-template-special-landing-page .content--standard .column {
    margin-left: 0; }
  .single-product .hero-text-wrapper .hero-cell, .page-template-special-landing-page .hero-text-wrapper .hero-cell, .college-template-special-landing-page .hero-text-wrapper .hero-cell {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px; }
  .single-product .hero .hero-img, .page-template-special-landing-page .hero .hero-img, .college-template-special-landing-page .hero .hero-img {
    display: none; } }
.single-product.category--attended-courses .hero__category {
  background-color: #f15b40;
  color: #fff; }
.single-product.category--attended-courses .hero__content h1 span {
  background-image: url(../img/new-flash-sunset-72-px.svg); }
.single-product.category--attended-courses .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #f15b40;
  border-bottom-color: #f15b40; }
.single-product.category--attended-courses .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.single-product.category--attended-courses .hero-text-wrapper .hero__content .hero__anchors li a:active,
.single-product.category--attended-courses .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

.single-product.category--online-courses .hero__category {
  background-color: #196bac; }
.single-product.category--online-courses .hero__content h1 span {
  background-image: url(../img/new-flash-sapphire-72-px.svg); }
.single-product.category--online-courses .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #196bac;
  border-bottom-color: #196bac; }
.single-product.category--online-courses .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.single-product.category--online-courses .hero-text-wrapper .hero__content .hero__anchors li a:active,
.single-product.category--online-courses .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

.single-product.category--diploma .hero__category {
  background-color: #00a77e; }
.single-product.category--diploma .hero__content h1 span {
  background-image: url(../img/new-flash-jade-72-px.svg); }
.single-product.category--diploma .hero-text-wrapper .hero__content .hero__anchors li a:link {
  color: #00a77e;
  border-bottom-color: #00a77e; }
.single-product.category--diploma .hero-text-wrapper .hero__content .hero__anchors li a:focus,
.single-product.category--diploma .hero-text-wrapper .hero__content .hero__anchors li a:active,
.single-product.category--diploma .hero-text-wrapper .hero__content .hero__anchors li a:hover {
  color: #4a575f;
  border-bottom-color: #4a575f; }

/*
=== HERO SIMPLE ===
// "hero--no_image" Text only, including listings variant with filters
*/
.hero--no_image .breadcrumb {
  margin-top: 4.4rem; }
.hero--no_image h1 {
  margin-top: 6.4rem;
  margin-bottom: 4rem; }
.hero--no_image .hero-text-wrapper {
  padding-bottom: 0; }
  .hero--no_image .hero-text-wrapper .hero__content {
    padding-top: 0; }
  .hero--no_image .hero-text-wrapper .column {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: auto 284px; }
    .hero--no_image .hero-text-wrapper .column .hero-cell {
      box-shadow: none;
      padding: 0 0; }
  .hero--no_image .hero-text-wrapper .column.filter-wrapper {
    padding-right: inherit;
    background-image: none;
    min-height: 1rem;
    margin-bottom: 4rem; }
.hero--no_image .product_filtering {
  padding-bottom: 2.6rem;
  border-bottom: 1px solid #e4e9ec; }
  .hero--no_image .product_filtering pre {
    display: none; }
  .hero--no_image .product_filtering h2 {
    display: block;
    float: left;
    margin-right: 2.3rem;
    margin-bottom: 1.4rem;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.125;
    line-height: 5.2rem; }
  .hero--no_image .product_filtering ul,
  .hero--no_image .product_filtering li {
    margin: 0;
    padding: 0;
    float: left; }
  .hero--no_image .product_filtering ul li {
    margin-bottom: 2.4rem; }
  .hero--no_image .product_filtering select {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    /* background-image: url(../img/arrow-right-granite-1.svg); */
    border: 1px solid #919da5;
    background-image: url(../img/arrow-down-button-dark.svg);
    background-size: 2.1rem;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 4rem;
    padding-top: 1.4rem;
    min-width: 18rem;
    margin-right: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 6rem;
    padding-right: 6rem; }
    .hero--no_image .product_filtering select:hover, .hero--no_image .product_filtering select:active, .hero--no_image .product_filtering select:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
    .hero--no_image .product_filtering select:hover, .hero--no_image .product_filtering select:active, .hero--no_image .product_filtering select:focus {
      border: 1px solid #4a575f !important; }
    .hero--no_image .product_filtering select:hover, .hero--no_image .product_filtering select:active, .hero--no_image .product_filtering select:focus {
      background-image: url(../img/arrow-down-button-white.svg) !important;
      background-color: #c4577c !important;
      border-color: #c4577c !important; }
.hero--no_image input {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #919da5;
  background-color: transparent;
  background-image: url(../img/arrow-right-granite-1.svg);
  border: 1px solid #919da5;
  background-image: url(../img/arrow-down-button-dark.svg);
  background-size: 2.1rem;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 4rem;
  padding-top: 1.4rem;
  min-width: 18rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 6rem;
  max-width: 24.6rem; }
  .hero--no_image input:hover, .hero--no_image input:active, .hero--no_image input:focus {
    background-color: #4a575f !important;
    background-image: url(../img/arrow-right-white-1.svg) !important;
    border: 1px solid transparent;
    color: #fff !important; }
  .hero--no_image input:hover, .hero--no_image input:active, .hero--no_image input:focus {
    border: 1px solid #4a575f !important; }
  .hero--no_image input:hover, .hero--no_image input:active, .hero--no_image input:focus {
    background-image: url(../img/arrow-down-button-white.svg) !important;
    background-color: #c4577c !important;
    border-color: #c4577c !important; }
.hero--no_image input.product_filter--active {
  max-width: 24.6rem; }

@media screen and (min-width: 601px) {
  .hero--no_image .column {
    margin-bottom: 1rem; }
  .hero--no_image .hero-text-wrapper .column {
    background-image: url(../img/motifs/motif-platinum.svg); } }
@media screen and (min-width: 840px) {
  .hero--no_image .hero-text-wrapper .hero__content {
    padding-top: 0; }
  .hero--no_image .hero-text-wrapper .column {
    padding-right: 20%;
    background-image: url(../img/motifs/motif-platinum.svg); } }
@media screen and (min-width: 1024px) {
  .hero--no_image .hero-text-wrapper .hero__content {
    padding-top: 0; }
  .hero--no_image .hero-text-wrapper .column {
    padding-right: 34%;
    min-height: 30rem; } }
.page-template-default .hero--no_image + .content section:first-of-type, .page-template-default .hero--no_image + main section:first-of-type {
  float: left;
  margin-top: 3.2rem; }
  @media screen and (min-width: 601px) {
    .page-template-default .hero--no_image + .content section:first-of-type, .page-template-default .hero--no_image + main section:first-of-type {
      margin-top: 6.4rem; } }

/*
=== PORTAL HERO (carousel) ===
*/
.hero--portal {
  width: 100%;
  position: relative;
  overflow: hidden; }

.hero--portal-slide {
  height: 0 !important;
  padding-top: 42%; }

.hero--portal .cell-inner {
  height: auto !important; }

.hero--portal-slider {
  width: 100%;
  background-color: transparent; }
  .hero--portal-slider .slick-slide {
    width: 100%;
    height: 100%; }

.hero--portal-slide {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%; }

.hero--portal-overlay {
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 601px) {
    .hero--portal-overlay {
      padding-left: 16px;
      padding-right: 16px; } }
  .hero--portal-overlay .hero__content {
    display: block;
    clear: both;
    margin-left: 0; }
    .hero--portal-overlay .hero__content .hero__content__inner {
      margin-left: 0 !important; }
    .hero--portal-overlay .hero__content h1 {
      font-family: "jenna_sue_proregular";
      color: #14b1e7;
      font-size: 9.8rem;
      line-height: 1.072;
      font-weight: 400;
      margin-bottom: 1.2rem;
      margin-top: 2rem; }
    .hero--portal-overlay .hero__content p {
      color: #3a444a;
      font-size: 3rem;
      line-height: 1.3;
      margin-bottom: 3.2rem; }
    .hero--portal-overlay .hero__content ul {
      padding-left: 0;
      padding-bottom: 8rem; }
      .hero--portal-overlay .hero__content ul li a {
        display: block;
        float: left;
        margin-right: 2.8rem;
        margin-bottom: 1.6rem; }
      .hero--portal-overlay .hero__content ul li a.button--default {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inline-block;
        text-decoration: none;
        font-weight: 600;
        font-weight: 600 !important;
        line-height: 1.2;
        border-radius: 9999px;
        background-size: auto 2rem;
        background-repeat: no-repeat;
        background-position: right 1.8rem top 53%;
        overflow: hidden;
        background-color: transparent;
        white-space: nowrap;
        min-width: 18rem;
        border: 1px solid transparent;
        padding-bottom: 1.6rem;
        padding-left: 2.2rem;
        padding-right: 5rem;
        padding-top: 1.4rem;
        font-size: 2.2rem;
        line-height: 1.2;
        color: #fff !important;
        background-image: url(../img/arrow-right-white-1.svg); }
        .hero--portal-overlay .hero__content ul li a.button--default:hover, .hero--portal-overlay .hero__content ul li a.button--default:active, .hero--portal-overlay .hero__content ul li a.button--default:focus {
          background-color: #4a575f !important;
          background-image: url(../img/arrow-right-white-1.svg) !important;
          border: 1px solid transparent;
          color: #fff !important; }
      .hero--portal-overlay .hero__content ul li a.button--ghosted {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inline-block;
        text-decoration: none;
        font-weight: 600;
        font-weight: 600 !important;
        line-height: 1.2;
        border-radius: 9999px;
        background-size: auto 2rem;
        background-repeat: no-repeat;
        background-position: right 1.8rem top 53%;
        overflow: hidden;
        background-color: transparent;
        white-space: nowrap;
        min-width: 18rem;
        border: 1px solid transparent;
        padding-bottom: 1.6rem;
        padding-left: 2.2rem;
        padding-right: 5rem;
        padding-top: 1.4rem;
        font-size: 2.2rem;
        line-height: 1.2;
        color: #fff !important;
        background-image: url(../img/arrow-right-white-1.svg);
        border: 1px solid #fff;
        border-bottom: 1px solid #fff !important; }
        .hero--portal-overlay .hero__content ul li a.button--ghosted:hover, .hero--portal-overlay .hero__content ul li a.button--ghosted:active, .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
          background-color: #4a575f !important;
          background-image: url(../img/arrow-right-white-1.svg) !important;
          border: 1px solid transparent;
          color: #fff !important; }
        .hero--portal-overlay .hero__content ul li a.button--ghosted:hover, .hero--portal-overlay .hero__content ul li a.button--ghosted:active, .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
          border: 1px solid #4a575f !important;
          border-bottom: 1px solid #4a575f !important; }

@media screen and (min-width: 840px) {
  .hero--portal,
  .hero--portal-slide,
  .hero--portal .cell-inner {
    height: 684px !important; }

  .hero--portal-overlay {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    padding-left: 16px;
    padding-right: 16px; }
    .hero--portal-overlay .cell-inner {
      display: flex;
      align-items: center; }
    .hero--portal-overlay .hero__content {
      display: block;
      clear: both;
      margin-left: 0; }
      .hero--portal-overlay .hero__content h1 {
        font-size: 14.8rem;
        line-height: 1.072;
        color: #fff; }
      .hero--portal-overlay .hero__content p {
        color: #fff;
        margin-bottom: 4.8rem; } }
.site--1 .hero--portal-overlay .hero__content ul li a.button--default {
  background-color: #14b1e7; }
@media screen and (max-width: 767px) {
  .site--1 .hero--portal-overlay .hero__content ul li a.button--ghosted {
    border-color: #14b1e7;
    border-bottom: 1px solid #14b1e7 !important;
    color: #00a77e !important;
    background-image: url(../img/arrow-right-jade-1.svg); }
  .site--1 .hero--portal-overlay .hero__content ul li a.button--ghosted:hover,
  .site--1 .hero--portal-overlay .hero__content ul li a.button--ghosted:active,
  .site--1 .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
    color: #fff !important; } }

.site--2 .hero--portal-overlay .hero__content ul li a.button--default {
  background-color: #00a77e; }
@media screen and (max-width: 767px) {
  .site--2 .hero--portal-overlay .hero__content ul li a.button--ghosted {
    border-color: #00a77e;
    border-bottom: 1px solid #00a77e !important;
    color: #00a77e !important;
    background-image: url(../img/arrow-right-jade-1.svg); }
  .site--2 .hero--portal-overlay .hero__content ul li a.button--ghosted:hover,
  .site--2 .hero--portal-overlay .hero__content ul li a.button--ghosted:active,
  .site--2 .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
    color: #fff !important; } }

.site--3 .hero--portal-overlay .hero__content ul li a.button--default {
  background-color: #b12a30; }
@media screen and (max-width: 767px) {
  .site--3 .hero--portal-overlay .hero__content ul li a.button--ghosted {
    border-color: #b12a30;
    border-bottom: 1px solid #b12a30 !important;
    color: #b12a30 !important;
    background-image: url(../img/arrow-right-burgundy-1.svg); }
  .site--3 .hero--portal-overlay .hero__content ul li a.button--ghosted:hover,
  .site--3 .hero--portal-overlay .hero__content ul li a.button--ghosted:active,
  .site--3 .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
    color: #fff !important; } }

.site--4 .hero--portal-overlay .hero__content ul li a.button--default {
  background-color: #db5c2c; }
@media screen and (max-width: 767px) {
  .site--4 .hero--portal-overlay .hero__content ul li a.button--ghosted {
    border-color: #db5c2c;
    border-bottom: 1px solid #db5c2c !important;
    color: #db5c2c !important;
    background-image: url(../img/arrow-right-burnt-1.svg); }
  .site--4 .hero--portal-overlay .hero__content ul li a.button--ghosted:hover,
  .site--4 .hero--portal-overlay .hero__content ul li a.button--ghosted:active,
  .site--4 .hero--portal-overlay .hero__content ul li a.button--ghosted:focus {
    color: #fff !important; } }

/*
=== SINGLE PRODUCT UPPER AND LOWER ===
*/
/*
=== BLOCK WYSIWYG, FORMATTED TEXT ===
*/
.layout--formatted-text,
.wysiwyg {
  font-size: 2.2rem;
  line-height: 1.46; }
  .layout--formatted-text h4,
  .layout--formatted-text h5,
  .layout--formatted-text h6,
  .layout--formatted-text p,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .wysiwyg p {
    clear: none; }
  .layout--formatted-text p,
  .wysiwyg p {
    margin-top: 1.6rem; }
  .layout--formatted-text h2 + p, .layout--formatted-text h3 + p, .layout--formatted-text h4 + p, .layout--formatted-text ul + p, .layout--formatted-text ol + p,
  .wysiwyg h2 + p,
  .wysiwyg h3 + p,
  .wysiwyg h4 + p,
  .wysiwyg ul + p,
  .wysiwyg ol + p {
    margin-top: 0; }
  .layout--formatted-text figure,
  .wysiwyg figure {
    max-width: 100%; }
    .layout--formatted-text figure a,
    .wysiwyg figure a {
      border-bottom: none; }
  .layout--formatted-text figcaption,
  .wysiwyg figcaption {
    font-size: 1.6rem;
    line-height: 1.142;
    border-bottom: 1px dotted #e4e9ec;
    padding-bottom: 1rem; }
  .layout--formatted-text img,
  .wysiwyg img {
    padding-top: 0.8rem;
    padding-bottom: 0; }
  .layout--formatted-text img.alignright,
  .wysiwyg img.alignright {
    float: right;
    margin: 0 0 1em 1em; }
  .layout--formatted-text img.alignleft,
  .wysiwyg img.alignleft {
    float: left;
    margin: 0 1em 1em 0; }
  .layout--formatted-text img.aligncenter,
  .wysiwyg img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .layout--formatted-text .alignright,
  .wysiwyg .alignright {
    float: right;
    margin-left: 2rem; }
  .layout--formatted-text .alignleft,
  .wysiwyg .alignleft {
    float: left;
    margin-right: 2rem; }
  .layout--formatted-text .aligncenter,
  .wysiwyg .aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto; }
  .layout--formatted-text .size-full,
  .wysiwyg .size-full {
    width: 100%;
    height: auto; }
  .layout--formatted-text ul.inline_list,
  .wysiwyg ul.inline_list {
    margin: 0;
    padding: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none; }
    .layout--formatted-text ul.inline_list li,
    .wysiwyg ul.inline_list li {
      float: left;
      padding-left: 0;
      list-style-type: none;
      background-image: none;
      margin-right: 2rem; }
  .layout--formatted-text a.cta_button,
  .layout--formatted-text .layout--formatted-text a.cta_button,
  .wysiwyg a.cta_button,
  .wysiwyg .layout--formatted-text a.cta_button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    background-image: url(../img/arrow-right-white-1.svg);
    margin-top: 1.2rem; }
    .layout--formatted-text a.cta_button:hover, .layout--formatted-text a.cta_button:active, .layout--formatted-text a.cta_button:focus,
    .layout--formatted-text .layout--formatted-text a.cta_button:hover,
    .layout--formatted-text .layout--formatted-text a.cta_button:active,
    .layout--formatted-text .layout--formatted-text a.cta_button:focus,
    .wysiwyg a.cta_button:hover,
    .wysiwyg a.cta_button:active,
    .wysiwyg a.cta_button:focus,
    .wysiwyg .layout--formatted-text a.cta_button:hover,
    .wysiwyg .layout--formatted-text a.cta_button:active,
    .wysiwyg .layout--formatted-text a.cta_button:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
  .layout--formatted-text a.cta_button_ghosted,
  .layout--formatted-text .layout--formatted-text a.cta_button_ghosted,
  .wysiwyg a.cta_button_ghosted,
  .wysiwyg .layout--formatted-text a.cta_button_ghosted {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    /* background-image: url(../img/arrow-right-granite-1.svg); */
    border: 1px solid #919da5;
    margin-top: 1.2rem; }
    .layout--formatted-text a.cta_button_ghosted:hover, .layout--formatted-text a.cta_button_ghosted:active, .layout--formatted-text a.cta_button_ghosted:focus,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:hover,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:active,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:focus,
    .wysiwyg a.cta_button_ghosted:hover,
    .wysiwyg a.cta_button_ghosted:active,
    .wysiwyg a.cta_button_ghosted:focus,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:hover,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:active,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .layout--formatted-text a.cta_button_ghosted:hover, .layout--formatted-text a.cta_button_ghosted:active, .layout--formatted-text a.cta_button_ghosted:focus,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:hover,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:active,
    .layout--formatted-text .layout--formatted-text a.cta_button_ghosted:focus,
    .wysiwyg a.cta_button_ghosted:hover,
    .wysiwyg a.cta_button_ghosted:active,
    .wysiwyg a.cta_button_ghosted:focus,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:hover,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:active,
    .wysiwyg .layout--formatted-text a.cta_button_ghosted:focus {
      border: 1px solid #4a575f !important; }
  .layout--formatted-text hr,
  .wysiwyg hr {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
    border: 0;
    height: 1px;
    background-color: #e4e9ec; }

.layout--formatted-text .wide-block ul {
  display: block;
  width: 100%;
  float: left;
  text-align: center; }
.layout--formatted-text .wide-block ul.inline_list li,
.layout--formatted-text .wide-block .wysiwyg ul.inline_list li {
  float: none;
  display: inline-block; }

.site--1 .wysiwyg a.cta_button {
  background-color: #14b1e7; }
.site--1 .wysiwyg a.cta_button_ghosted {
  border-color: #14b1e7;
  color: #14b1e7;
  background-image: url(../img/arrow-right-sky-1.svg); }
.site--1 .wysiwyg a.coloured:link {
  border-color: #14b1e7;
  color: #14b1e7; }

.site--2 .wysiwyg a.cta_button {
  background-color: #00a77e; }
.site--2 .wysiwyg a.cta_button_ghosted {
  border-color: #00a77e;
  color: #00a77e;
  /* background-image: url(../img/arrow-right-jade-1.svg); */
  background-image: url(../img/arrow-right-white-1.svg); }
.site--2 .wysiwyg a.coloured:link {
  border-color: #00a77e;
  color: #00a77e; }

.site--3 .wysiwyg a.cta_button {
  background-color: #b12a30; }
.site--3 .wysiwyg a.cta_button_ghosted {
  border-color: #b12a30;
  color: #b12a30;
  background-image: url(../img/arrow-right-burgundy-1.svg); }
.site--3 .wysiwyg a.coloured:link {
  border-color: #b12a30;
  color: #b12a30; }

.site--4 .wysiwyg a.cta_button {
  background-color: #db5c2c; }
.site--4 .wysiwyg a.cta_button_ghosted {
  border-color: #db5c2c;
  color: #db5c2c;
  background-image: url(../img/arrow-right-burnt-1.svg); }
.site--4 .wysiwyg a.coloured:link {
  border-color: #db5c2c;
  color: #db5c2c; }

a.cta_button.external {
  background-color: #3a444a !important;
  background-image: url(../img/icon-external-link-white.svg) !important;
  background-size: 2rem;
  padding-right: 5.2rem; }

a.cta_button.external:focus,
a.cta_button.external:active,
a.cta_button.external:hover {
  background-image: url(../img/icon-external-link-white.svg) !important;
  background-size: 2rem;
  padding-right: 5.2rem; }

a.cta_button_ghosted.external {
  border-color: #3a444a !important;
  color: #3a444a !important;
  background-image: url(../img/icon-external-link-dark.svg) !important;
  background-size: 2rem;
  padding-right: 5.2rem; }

a.cta_button_ghosted.external:focus,
a.cta_button_ghosted.external:active,
a.cta_button_ghosted.external:hover {
  background-image: url(../img/icon-external-link-white.svg) !important;
  background-size: 2rem;
  padding-right: 5.2rem; }

.layout--formatted-text.background-colour--white,
.layout--formatted-text.background-colour--cloud,
.layout--formatted-text.background-colour--salt,
.layout--formatted-text.background-colour--platinum,
.layout--formatted-text.background-colour--gradient,
.layout--formatted-text.background-colour--rain,
.layout--formatted-text.background-colour--sweet-pea,
.layout--formatted-text.background-colour--dew,
.layout--formatted-text.background-colour--blush,
.layout--formatted-text.background-colour--glass,
.layout--formatted-text.background-colour--parchment,
.layout--formatted-text.background-colour--cream {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .layout--formatted-text.background-colour--white,
    .layout--formatted-text.background-colour--cloud,
    .layout--formatted-text.background-colour--salt,
    .layout--formatted-text.background-colour--platinum,
    .layout--formatted-text.background-colour--gradient,
    .layout--formatted-text.background-colour--rain,
    .layout--formatted-text.background-colour--sweet-pea,
    .layout--formatted-text.background-colour--dew,
    .layout--formatted-text.background-colour--blush,
    .layout--formatted-text.background-colour--glass,
    .layout--formatted-text.background-colour--parchment,
    .layout--formatted-text.background-colour--cream {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }

/*
=== DOWNLOADS SECTION BLOCKS ===
*/
.block--downloads .block__content {
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
  padding: 3.2rem; }
  .block--downloads .block__content h3 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top 54%;
    padding-left: 42px;
    margin-bottom: 3.2rem; }
  .block--downloads .block__content ul {
    margin-left: 0;
    padding-left: 0; }
    .block--downloads .block__content ul li {
      background-size: 3rem;
      background-repeat: no-repeat;
      background-position: left 0 top 0.3rem;
      padding-left: 42px;
      margin-bottom: 8px; }
      .block--downloads .block__content ul li a {
        text-decoration: none; }

@media screen and (min-width: 840px) {
  .block--downloads .block__content h3,
  .block--downloads .block__content ul li {
    padding-left: 56px; } }
.site--1 .block--downloads h3 {
  background-image: url(../img/img-hg-main/download-sky.svg); }
.site--1 .block--downloads ul li {
  background-image: url(../img/img-hg-main/download-li-icon-sky.svg); }

.site--2 .block--downloads h3,
.college-template .block--downloads h3 {
  background-image: url(../img/img-hg-college/download-jade.svg); }
.site--2 .block--downloads ul li,
.college-template .block--downloads ul li {
  background-image: url(../img/img-hg-college/download-li-icon-jade.svg); }

.site--3 .block--downloads h3,
.college-template .block--downloads h3 {
  background-image: url(../img/img-hg-pubs/download-burgundy.svg); }
.site--3 .block--downloads ul li,
.college-template .block--downloads ul li {
  background-image: url(../img/img-hg-pubs/download-li-icon-burgundy.svg); }

.site--4 .block--downloads h3,
.college-template .block--downloads h3 {
  background-image: url(../img/img-hg-foundation/download-burnt.svg); }
.site--4 .block--downloads ul li,
.college-template .block--downloads ul li {
  background-image: url(../img/img-hg-foundation/download-li-icon-burnt.svg); }

.category--attended-courses .block--downloads h3 {
  background-image: url(../img/img-attended/download-sunset.svg); }
.category--attended-courses .block--downloads ul li {
  background-image: url(../img/img-attended/download-li-icon-sunset.svg); }

.category--online-courses .block--downloads h3 {
  background-image: url(../img/img-online/download-sapphire.svg); }
.category--online-courses .block--downloads ul li {
  background-image: url(../img/img-online/download-li-icon-sapphire.svg); }

.category--diploma .block--downloads h3 {
  background-image: url(../img/img-diploma/download-jade.svg); }
.category--diploma .block--downloads ul li {
  background-image: url(../img/img-diploma/download-li-icon-jade.svg); }

/*
=== ASIDE IMAGES BLOCK, CONTENT LOWER (the original kind of aside image) ===
*/
.single-post .content--lower section.layout--aside-images,
.single-research .content--lower section.layout--aside-images,
.single-case_studies .content--lower section.layout--aside-images,
.single-people .content--lower section.layout--aside-images,
.single .content--lower section.layout--aside-images {
  display: none; }

@media screen and (min-width: 768px) {
  .single-post .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
  .single-research .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
  .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
  .single-people .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
  .single .content--lower section.layout--aside-images .layout--aside-images-inner .large-4 {
    max-width: 100%;
    min-width: 33.3%;
    width: 33.3%;
    overflow: hidden; } }
@media screen and (min-width: 1024px) {
  .single-post .content--lower section.layout--aside-images,
  .single-research .content--lower section.layout--aside-images,
  .single-case_studies .content--lower section.layout--aside-images,
  .single-people .content--lower section.layout--aside-images,
  .single .content--lower section.layout--aside-images {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 0;
    margin-top: 6.4rem; }
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner .column,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner .column,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner .column,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner .column,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner .column {
      position: absolute;
      right: 0; }
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner .block--aside_images,
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner .block--aside_images,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner .block--aside_images,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner .block--aside_images,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner .large-4,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner .block--aside_images,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner .large-4 {
      max-width: 100%;
      width: 33.3%;
      overflow: hidden; }
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner img,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner img,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner img,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner img,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner img {
      margin-bottom: 3.2rem;
      max-width: 100%; }
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner img:last-of-type,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner img:last-of-type,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner img:last-of-type,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner img:last-of-type,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner img:last-of-type {
      margin-bottom: 0; }
    .single-post .content--lower section.layout--aside-images .layout--aside-images-inner p.caption,
    .single-research .content--lower section.layout--aside-images .layout--aside-images-inner p.caption,
    .single-case_studies .content--lower section.layout--aside-images .layout--aside-images-inner p.caption,
    .single-people .content--lower section.layout--aside-images .layout--aside-images-inner p.caption,
    .single .content--lower section.layout--aside-images .layout--aside-images-inner p.caption {
      font-size: 1.8rem;
      line-height: 1.5;
      font-weight: 500; } }
/*
=== BLOCKQUOTE BLOCK ===
*/
.layout--blockquote blockquote {
  width: 100%;
  margin: 0;
  background-image: url(../img/close-quote-silver.svg);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: left 8px;
  min-height: 6rem; }
.layout--blockquote p,
.layout--blockquote cite {
  margin-left: 46px;
  display: block; }
.layout--blockquote p {
  font-family: "freight-text-pro", serif;
  font-weight: 400 !important;
  font-size: 24px;
  line-height: 1.2;
  color: #4a575f; }
.layout--blockquote cite {
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.142;
  font-style: normal; }

@media screen and (min-width: 601px) {
  .layout--blockquote blockquote {
    background-size: 60px; }
  .layout--blockquote p,
  .layout--blockquote cite {
    margin-left: 92px;
    display: block; }
  .layout--blockquote p {
    font-size: 3.6rem;
    line-height: 1.2; } }
.site--1 .layout--blockquote blockquote {
  background-image: url(../img/close-quote-sky.svg); }
.site--1 .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-sky.svg); }

.site--2 .layout--blockquote blockquote {
  background-image: url(../img/close-quote-jade.svg); }
.site--2 .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-jade.svg); }

.site--3 .layout--blockquote blockquote {
  background-image: url(../img/close-quote-burgundy.svg); }
.site--3 .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-burgundy.svg); }

.site--4 .layout--blockquote blockquote {
  background-image: url(../img/close-quote-burnt.svg); }
.site--4 .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-burnt.svg); }

.category--attended-courses .layout--blockquote blockquote {
  background-image: url(../img/close-quote-sunset.svg); }
.category--attended-courses .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/plus-sunset.svg); }
.category--attended-courses .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-sunset.svg); }

.category--online-courses .layout--blockquote blockquote {
  background-image: url(../img/close-quote-sapphire.svg); }
.category--online-courses .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/plus-sapphire.svg); }
.category--online-courses .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-sapphire.svg); }

.category--diploma .layout--blockquote blockquote {
  background-image: url(../img/close-quote-jade.svg); }
.category--diploma .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/plus-jade.svg); }
.category--diploma .layout--blockquote .block--blockquote--plus blockquote {
  background-image: url(../img/motif-plus-jade.svg); }

/*
=== TESTIMONIAL BLOCK ===
*/
section.layout--testimonial {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--testimonial {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--testimonial blockquote {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    padding-top: 7.4rem;
    background-size: auto 4.3rem;
    background-repeat: no-repeat;
    background-position: center top; }
    section.layout--testimonial blockquote img {
      height: 4.3rem;
      clear: both;
      margin: auto; }
    section.layout--testimonial blockquote p,
    section.layout--testimonial blockquote cite {
      margin-left: 0;
      font-size: 3.6; }
    section.layout--testimonial blockquote p {
      font-family: "freight-text-pro", serif;
      font-weight: 400 !important;
      font-size: 24px;
      line-height: 1.2;
      margin-bottom: 32px; }
    section.layout--testimonial blockquote cite {
      text-transform: uppercase;
      font-size: 1.4rem;
      line-height: 1.142;
      font-style: normal; }
  section.layout--testimonial footer {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #3a444a; }

.site--1 section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-sky.svg); }

.site--2 section.layout--testimonial blockquote,
.college-template section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-jade.svg); }

.site--3 section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-burgundy.svg); }

.site--4 section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-burnt.svg); }

.category--attended-courses section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-sunset.svg); }

.category--online-courses section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-sapphire.svg); }

.category--diploma section.layout--testimonial blockquote {
  background-image: url(../img/close-quote-jade.svg); }

@media screen and (min-width: 601px) {
  section.layout--testimonial blockquote p {
    font-size: 3.6rem;
    line-height: 1.2; } }
/*
=== REVIEWS BLOCK ===
*/
.star-rating {
  width: 92px;
  height: 18px;
  background-size: 92px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 26px;
  margin-right: 20px;
  margin-top: 3px;
  font-size: 10px;
  line-height: normal; }

.star-rating > span {
  display: inline-block;
  height: 18px;
  text-indent: -1000px;
  overflow: hidden;
  background-size: 92px;
  background-repeat: no-repeat;
  float: left;
  font-size: 10px;
  line-height: normal; }

section.layout--reviews {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--reviews {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--reviews .block--reviews {
    width: 100%;
    max-width: 1248px;
    margin: 0 auto; }
  section.layout--reviews #reviews {
    position: relative;
    float: left; }
    section.layout--reviews #reviews h2.woocommerce-Reviews-title {
      float: left;
      display: block;
      font-size: 4.8rem;
      line-height: 1.072;
      font-weight: 400;
      margin-bottom: 60px; }
    section.layout--reviews #reviews .review__statistics {
      float: right;
      display: block;
      font-size: 18px;
      line-height: 18px;
      margin-top: 20px; }
      section.layout--reviews #reviews .review__statistics .star-rating {
        width: 92px;
        height: 18px;
        background-size: 92px;
        background-repeat: no-repeat;
        float: left;
        margin-bottom: 26px;
        margin-right: 20px;
        margin-top: 3px;
        font-size: 10px;
        line-height: normal; }
      section.layout--reviews #reviews .review__statistics .star-rating > span {
        display: inline-block;
        height: 18px;
        text-indent: -1000px;
        overflow: hidden;
        background-size: 92px;
        background-repeat: no-repeat;
        float: left;
        font-size: 10px;
        line-height: normal; }
    section.layout--reviews #reviews ol.commentlist {
      float: left;
      clear: both;
      list-style-type: none;
      max-height: 480px;
      overflow-y: scroll; }
      section.layout--reviews #reviews ol.commentlist li {
        background-size: 72px;
        background-position: 104px 0;
        background-repeat: no-repeat;
        margin-bottom: 60px;
        display: block;
        float: left;
        width: 100%; }
        section.layout--reviews #reviews ol.commentlist li li {
          margin-bottom: 0; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text .star-rating {
          width: 92px;
          height: 18px;
          background-size: 92px;
          background-repeat: no-repeat;
          float: left;
          margin-bottom: 26px;
          margin-right: 20px;
          margin-top: 2px; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text .star-rating > span {
          display: inline-block;
          height: 18px;
          text-indent: -1000px;
          overflow: hidden;
          background-size: 92px;
          background-repeat: no-repeat;
          float: left; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text .woocommerce-review__author {
          font-size: 18px;
          line-height: 19px;
          margin-left: 14px;
          font-weight: 600;
          color: #919da5; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text .description {
          overflow: hidden;
          float: left;
          clear: both; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text button {
          font-size: 1.6rem;
          line-height: 1.142;
          text-transform: uppercase;
          text-decoration: none;
          margin-left: 0;
          padding-left: 0;
          background-color: transparent;
          background-image: url(../img/arrow-review-small-down.svg);
          background-size: 1.6rem;
          background-position: right 60%;
          background-repeat: no-repeat;
          padding-right: 24px; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text button:active,
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text button:focus,
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text button:hover {
          opacity: 0.9; }
        section.layout--reviews #reviews ol.commentlist li .comment_container .comment-text button.expanded {
          background-image: url(../img/arrow-review-small-up.svg); }
      section.layout--reviews #reviews ol.commentlist span.ellipsis {
        display: inline; }
      section.layout--reviews #reviews ol.commentlist span.more-text {
        display: none; }
      section.layout--reviews #reviews ol.commentlist .togglable-reviews {
        float: left;
        clear: both;
        height: 0;
        overflow: hidden; }
      section.layout--reviews #reviews ol.commentlist ul.children {
        padding-left: 0;
        clear: both; }
        section.layout--reviews #reviews ol.commentlist ul.children li {
          background-image: none;
          padding-left: 4.6rem;
          padding-right: 0;
          margin-top: 4rem;
          background-size: 2.5rem;
          background-position: left top; }
          section.layout--reviews #reviews ol.commentlist ul.children li .comment_container .comment-text .woocommerce-review__author {
            margin-left: 0;
            margin-bottom: 1.4rem; }
  section.layout--reviews ul.reviews__buttons {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 3.2rem; }
    section.layout--reviews ul.reviews__buttons li {
      margin: 0;
      padding: 0;
      float: left;
      clear: none;
      margin-right: 40px;
      font-size: 2.2rem;
      line-height: 1.2;
      background-image: none; }
      section.layout--reviews ul.reviews__buttons li button {
        font-size: 2.2rem;
        line-height: 1.2;
        font-weight: 600;
        margin-left: 0;
        padding-left: 0;
        background-image: url(../img/arrow-review-big-down.svg);
        background-size: 1.8rem;
        background-position: right 65%;
        background-repeat: no-repeat;
        padding-right: 32px;
        color: #4a575f;
        background-color: transparent;
        text-align: left; }
      section.layout--reviews ul.reviews__buttons li button:active,
      section.layout--reviews ul.reviews__buttons li button:focus,
      section.layout--reviews ul.reviews__buttons li button:hover {
        opacity: 0.9; }
      section.layout--reviews ul.reviews__buttons li button.expanded {
        background-image: url(../img/arrow-review-big-up.svg); }

.layout--reviews-form {
  background-color: white;
  margin-top: 0;
  margin-bottom: 0;
  height: 0;
  overflow: hidden; }

#review_form_wrapper {
  padding-top: 6.4rem;
  float: left;
  clear: both; }
  #review_form_wrapper h2 {
    float: left;
    display: block;
    font-size: 4.8rem;
    line-height: 1.072;
    font-weight: 400;
    margin-bottom: 60px; }
  #review_form_wrapper #review_form #respond #reply-title {
    display: none; }

#commentform > p, #commentform .acf-field-text {
  float: left;
  width: 100%;
  margin-bottom: 3.2rem; }

@media screen and (min-width: 601px) {
  section.layout--reviews #reviews .review__statistics {
    float: right;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-top: 20px; }
  section.layout--reviews #reviews ol.commentlist li {
    padding-left: 205px;
    padding-right: 205px; } }
@media screen and (min-width: 601px) {
  .category--attended-courses section.layout--reviews #reviews ol.commentlist li {
    background-image: url(../img/motifs/motif-review-sunset-tint.svg); } }
.category--attended-courses section.layout--reviews #reviews ol.commentlist ul.children li {
  background-image: url(../img/motifs/motif-sunset.svg); }
.category--attended-courses section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating,
.category--attended-courses section.layout--reviews #reviews .review__statistics .star-rating {
  background-image: url(../img/five-stars-outline-sunset.svg); }
.category--attended-courses section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating
> span,
.category--attended-courses section.layout--reviews #reviews .review__statistics .star-rating > span {
  background-image: url(../img/five-stars-sunset.svg); }

@media screen and (min-width: 601px) {
  .category--online-courses section.layout--reviews #reviews ol.commentlist li {
    background-image: url(../img/motifs/motif-reviews-sapphire-tint.svg); } }
.category--online-courses section.layout--reviews #reviews ol.commentlist ul.children li {
  background-image: url(../img/motifs/motif-sapphire.svg); }
.category--online-courses section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating,
.category--online-courses section.layout--reviews #reviews .review__statistics .star-rating {
  background-image: url(../img/five-stars-outline-sapphire.svg); }
.category--online-courses section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating
> span,
.category--online-courses section.layout--reviews #reviews .review__statistics .star-rating > span {
  background-image: url(../img/five-stars-sapphire.svg); }

@media screen and (min-width: 601px) {
  .category--diploma section.layout--reviews #reviews ol.commentlist li {
    background-image: url(../img/motifs/motif-reviews-jade-tint.svg); } }
.category--diploma section.layout--reviews #reviews ol.commentlist ul.children li {
  background-image: url(../img/motifs/motif-jade.svg); }
.category--diploma section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating,
.category--diploma section.layout--reviews #reviews .review__statistics .star-rating {
  background-image: url(../img/five-stars-outline-jade.svg); }
.category--diploma section.layout--reviews
#reviews
ol.commentlist
li
.comment_container
.comment-text
.star-rating
> span,
.category--diploma section.layout--reviews #reviews .review__statistics > span {
  background-image: url(../img/five-stars-jade.svg); }

/*
=== "FLEXIBLE" CTA BLOCK (the wrappers not the CTAs themeselves) ===
*/
section.layout--flexible-call-to-action section {
  margin-top: 0; }
section.layout--flexible-call-to-action .column {
  margin-bottom: 3.2rem; }

.layout--flexible-call-to-action.background-colour--white,
.layout--flexible-call-to-action.background-colour--cloud,
.layout--flexible-call-to-action.background-colour--salt,
.layout--flexible-call-to-action.background-colour--platinum,
.layout--flexible-call-to-action.background-colour--gradient,
.layout--flexible-call-to-action.background-colour--rain,
.layout--flexible-call-to-action.background-colour--sweet-pea,
.layout--flexible-call-to-action.background-colour--dew,
.layout--flexible-call-to-action.background-colour--blush,
.layout--flexible-call-to-action.background-colour--glass,
.layout--flexible-call-to-action.background-colour--parchment,
.layout--flexible-call-to-action.background-colour--cream {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .layout--flexible-call-to-action.background-colour--white,
    .layout--flexible-call-to-action.background-colour--cloud,
    .layout--flexible-call-to-action.background-colour--salt,
    .layout--flexible-call-to-action.background-colour--platinum,
    .layout--flexible-call-to-action.background-colour--gradient,
    .layout--flexible-call-to-action.background-colour--rain,
    .layout--flexible-call-to-action.background-colour--sweet-pea,
    .layout--flexible-call-to-action.background-colour--dew,
    .layout--flexible-call-to-action.background-colour--blush,
    .layout--flexible-call-to-action.background-colour--glass,
    .layout--flexible-call-to-action.background-colour--parchment,
    .layout--flexible-call-to-action.background-colour--cream {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }

section.layout--flexible-call-to-action .block--cta--single-double section,
.product_listing .block--cta--single-double section {
  display: flex;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  section.layout--flexible-call-to-action .block--cta--single-double section a,
  .product_listing .block--cta--single-double section a {
    width: 100%;
    margin: 0 auto;
    height: auto; }
section.layout--flexible-call-to-action .block--cta--single-double section:before,
.product_listing .block--cta--single-double section:before {
  content: "";
  display: block;
  padding-top: 68%;
  float: left; }
section.layout--flexible-call-to-action .block--cta--2up,
.product_listing .block--cta--2up {
  padding-left: 0;
  padding-right: 0; }
  section.layout--flexible-call-to-action .block--cta--2up section,
  .product_listing .block--cta--2up section {
    display: flex;
    flex-wrap: wrap; }
    section.layout--flexible-call-to-action .block--cta--2up section .column,
    .product_listing .block--cta--2up section .column {
      width: 100%;
      height: auto;
      display: flex; }
    section.layout--flexible-call-to-action .block--cta--2up section .column:before,
    .product_listing .block--cta--2up section .column:before {
      content: "";
      display: block;
      padding-top: 68%;
      float: left; }
    section.layout--flexible-call-to-action .block--cta--2up section .column:last-of-type,
    .product_listing .block--cta--2up section .column:last-of-type {
      margin-bottom: 0; }
@media screen and (max-width: 767px) {
  section.layout--flexible-call-to-action .block--cta--2up section .column,
  .product_listing .block--cta--2up section .column {
    padding-left: 0;
    padding-right: 0; } }
@media screen and (min-width: 768px) {
  section.layout--flexible-call-to-action .block--cta--2up section .column:before,
  .product_listing .block--cta--2up section .column:before {
    content: "";
    display: block;
    padding-top: 68%;
    float: left; }
  section.layout--flexible-call-to-action .block--cta--2up section .column,
  .product_listing .block--cta--2up section .column {
    width: 50%;
    margin-bottom: 0; }
  section.layout--flexible-call-to-action .block--cta--2up section .column:first-of-type,
  .product_listing .block--cta--2up section .column:first-of-type {
    padding-left: 0; }
  section.layout--flexible-call-to-action .block--cta--2up section .column:last-of-type,
  .product_listing .block--cta--2up section .column:last-of-type {
    padding-right: 0; } }
section.layout--flexible-call-to-action .block--cta--3up,
.product_listing .block--cta--3up {
  padding-left: 0;
  padding-right: 0; }
  section.layout--flexible-call-to-action .block--cta--3up section,
  .product_listing .block--cta--3up section {
    display: flex;
    flex-wrap: wrap; }
    section.layout--flexible-call-to-action .block--cta--3up section .column,
    .product_listing .block--cta--3up section .column {
      width: 100%;
      height: auto;
      display: flex; }
    section.layout--flexible-call-to-action .block--cta--3up section .column:before,
    .product_listing .block--cta--3up section .column:before {
      content: "";
      display: block;
      padding-top: 68%;
      float: left; }
@media screen and (max-width: 767px) {
  section.layout--flexible-call-to-action .block--cta--3up section .column, section.layout--flexible-call-to-action .block--cta--3up,
  .product_listing .block--cta--3up section .column,
  .product_listing .block--cta--3up {
    padding-left: 0;
    padding-right: 0; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:last-of-type,
  .product_listing .block--cta--3up section .column:last-of-type {
    margin-bottom: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  section.layout--flexible-call-to-action .block--cta--3up section .column:before,
  .product_listing .block--cta--3up section .column:before {
    content: "";
    display: block;
    padding-top: 68%;
    float: left; }
  section.layout--flexible-call-to-action .block--cta--3up section .column,
  .product_listing .block--cta--3up section .column {
    width: 50%; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:first-of-type,
  .product_listing .block--cta--3up section .column:first-of-type {
    padding-left: 0; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:nth-of-type(2),
  .product_listing .block--cta--3up section .column:nth-of-type(2) {
    padding-right: 0; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:last-of-type,
  .product_listing .block--cta--3up section .column:last-of-type {
    padding-left: 0;
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  section.layout--flexible-call-to-action .block--cta--3up section .column:before,
  .product_listing .block--cta--3up section .column:before {
    content: "";
    display: block;
    padding-top: 68%;
    float: left; }
  section.layout--flexible-call-to-action .block--cta--3up section .column,
  .product_listing .block--cta--3up section .column {
    width: 33.3%; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:first-of-type,
  .product_listing .block--cta--3up section .column:first-of-type {
    padding-left: 0; }
  section.layout--flexible-call-to-action .block--cta--3up section .column:last-of-type,
  .product_listing .block--cta--3up section .column:last-of-type {
    padding-right: 0; } }

/*
=== CTAs in product listings ===
*/
.product_listing-outer {
  	  /*
  === 1up style
  */
  /*
=== 2up style
*/ }
  .product_listing-outer .cell-inner {
    max-width: 1280px; }
  .product_listing-outer .cta_wrapper--single a,
  .product_listing-outer .cta_wrapper--single a:link {
    padding: 3.2rem;
    min-height: 300px; }
  .product_listing-outer .cta_wrapper--single .card--generic a,
  .product_listing-outer .cta_wrapper--single .card--generic a:link {
    padding: 0; }
  .product_listing-outer .cta_wrapper--single h2,
  .product_listing-outer .cta_wrapper--single p {
    width: 100%; }
  .product_listing-outer .cta_wrapper--single h2.cta_heading--h2,
  .product_listing-outer .cta_wrapper--single h2.cta_heading--serif-h2,
  .product_listing-outer .cta_wrapper--single h2.cta_heading--sans-h2 {
    font-size: 3.6rem;
    line-height: 1.072; }
  .product_listing-outer .cta_wrapper--single h2,
  .product_listing-outer .cta_wrapper--single h2.cta_heading--h1,
  .product_listing-outer .cta_wrapper--single h2.cta_heading--serif-h1,
  .product_listing-outer .cta_wrapper--single h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .product_listing-outer .cta_wrapper--single p {
    font-size: 2.7rem;
    line-height: 1.3;
    margin-bottom: 48px; }
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--h2,
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--serif-h2,
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--sans-h2 {
    font-size: 2.4rem;
    line-height: 1.072; }
  .product_listing-outer .cta_wrapper--single .card--generic h2,
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--h1,
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--serif-h1,
  .product_listing-outer .cta_wrapper--single .card--generic h2.cta_heading--sans-h1 {
    font-size: 2.7rem;
    line-height: 1.072; }
  .product_listing-outer .cta_wrapper--single .card--generic p {
    line-height: 1.2;
    font-size: 18px;
    margin-bottom: 0; }
    @media screen and (min-width: 900px) {
      .product_listing-outer .cta_wrapper--single .card--generic p {
        font-size: 2rem; } }
  @media screen and (min-width: 480px) {
    .product_listing-outer .cta_wrapper--single h2,
    .product_listing-outer .cta_wrapper--single p {
      max-width: 70%; }
    .product_listing-outer .cta_wrapper--single .card--generic h2,
    .product_listing-outer .cta_wrapper--single .card--generic p {
      max-width: 100%; }
    .product_listing-outer .cta_wrapper--single .cta--background h2,
    .product_listing-outer .cta_wrapper--single .cta--background p {
      max-width: 100%; } }
  .product_listing-outer .cta_wrapper--double::before {
    content: "";
    display: block;
    padding-top: 68%;
    float: left; }
  .product_listing-outer .cta_wrapper--double a,
  .product_listing-outer .cta_wrapper--double a:link {
    background-position: right bottom;
    background-size: 0;
    padding: 3.2rem; }
  .product_listing-outer .cta_wrapper--double h2,
  .product_listing-outer .cta_wrapper--double p {
    width: 100%; }
  .product_listing-outer .cta_wrapper--double h2.cta_heading--h2,
  .product_listing-outer .cta_wrapper--double h2.cta_heading--serif-h2,
  .product_listing-outer .cta_wrapper--double h2.cta_heading--sans-h2 {
    font-size: 3.4rem;
    line-height: 1.072; }
  .product_listing-outer .cta_wrapper--double h2,
  .product_listing-outer .cta_wrapper--double h2.cta_heading--h1,
  .product_listing-outer .cta_wrapper--double h2.cta_heading--serif-h1,
  .product_listing-outer .cta_wrapper--double h2.cta_heading--sans-h1 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .product_listing-outer .cta_wrapper--double p {
    font-size: 2.7rem;
    line-height: 1.3;
    margin-bottom: 4rem; }
  @media screen and (min-width: 480px) {
    .product_listing-outer .cta_wrapper--double a,
    .product_listing-outer .cta_wrapper--double a:link {
      background-size: 35%; } }
  @media screen and (min-width: 480px) {
    .product_listing-outer .cta_wrapper--double h2,
    .product_listing-outer .cta_wrapper--double p {
      max-width: 70%; } }
  @media screen and (min-width: 601px) {
    .product_listing-outer .cta_wrapper--double h2.cta_heading--serif-h2,
    .product_listing-outer .cta_wrapper--double h2.cta_heading--sans-h2 {
      font-size: 4.2rem;
      line-height: 1.072;
      letter-spacing: -0.04rem; }
    .product_listing-outer .cta_wrapper--double h2,
    .product_listing-outer .cta_wrapper--double h2.cta_heading--h1,
    .product_listing-outer .cta_wrapper--double h2.cta_heading--serif-h1,
    .product_listing-outer .cta_wrapper--double h2.cta_heading--sans-h1 {
      font-size: 4.8rem;
      line-height: 1.072; }
    .product_listing-outer .cta_wrapper--double p {
      font-size: 3.6rem;
      line-height: 1.2; } }
  @media screen and (min-width: 768px) {
    .product_listing-outer .cta_wrapper--double p {
      font-size: 2.6rem;
      line-height: 1.2; } }
  @media screen and (min-width: 840px) {
    .product_listing-outer .cta_wrapper--double p {
      font-size: 2.7rem;
      line-height: 1.3;
      max-width: 70%; } }

/*
=== CTA BLOCK "layout--call-to-action" ===
*/
section.layout--call-to-action .block--cta {
  position: relative; }
  section.layout--call-to-action .block--cta a,
  section.layout--call-to-action .block--cta a:focus,
  section.layout--call-to-action .block--cta a:active,
  section.layout--call-to-action .block--cta a:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    background-image: url(../img/arrow-right-white-1.svg); }
    section.layout--call-to-action .block--cta a:hover, section.layout--call-to-action .block--cta a:active, section.layout--call-to-action .block--cta a:focus,
    section.layout--call-to-action .block--cta a:focus:hover,
    section.layout--call-to-action .block--cta a:focus:active,
    section.layout--call-to-action .block--cta a:focus:focus,
    section.layout--call-to-action .block--cta a:active:hover,
    section.layout--call-to-action .block--cta a:active:active,
    section.layout--call-to-action .block--cta a:active:focus,
    section.layout--call-to-action .block--cta a:hover:hover,
    section.layout--call-to-action .block--cta a:hover:active,
    section.layout--call-to-action .block--cta a:hover:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
  section.layout--call-to-action .block--cta a:focus,
  section.layout--call-to-action .block--cta a:active,
  section.layout--call-to-action .block--cta a:hover {
    opacity: 0.9; }

.site--1 section.layout--call-to-action .block--cta a,
.site--1 section.layout--call-to-action .block--cta a:focus,
.site--1 section.layout--call-to-action .block--cta a:active,
.site--1 section.layout--call-to-action .block--cta a:hover {
  background-color: #14b1e7; }

.site--2 section.layout--call-to-action .block--cta a,
.site--2 section.layout--call-to-action .block--cta a:focus,
.site--2 section.layout--call-to-action .block--cta a:active,
.site--2 section.layout--call-to-action .block--cta a:hover, .college-template section.layout--call-to-action .block--cta a,
.college-template section.layout--call-to-action .block--cta a:focus,
.college-template section.layout--call-to-action .block--cta a:active,
.college-template section.layout--call-to-action .block--cta a:hover {
  background-color: #00a77e; }

.site--3 section.layout--call-to-action .block--cta a,
.site--3 section.layout--call-to-action .block--cta a:focus,
.site--3 section.layout--call-to-action .block--cta a:active,
.site--3 section.layout--call-to-action .block--cta a:hover {
  background-color: #b12a30; }

.site--4 section.layout--call-to-action .block--cta a,
.site--4 section.layout--call-to-action .block--cta a:focus,
.site--4 section.layout--call-to-action .block--cta a:active,
.site--4 section.layout--call-to-action .block--cta a:hover {
  background-color: #db5c2c; }

/*
=== CTA BLOCK GENERIC INNER ELEMENTS ===
=== DEFAULTS AND BACKSTOPS
*/
.cta_wrapper a.cta,
.cta_wrapper a.cta:link,
.cta_wrapper .card--generic a,
.cta_wrapper .card--generic a:link {
  border-bottom: none; }
.cta_wrapper a,
.cta_wrapper a:link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  text-decoration: none; }
  .cta_wrapper a p,
  .cta_wrapper a:link p {
    align-self: flex-start;
    font-weight: 500; }
  .cta_wrapper a h2,
  .cta_wrapper a:link h2 {
    align-self: flex-start;
    margin-bottom: 1.2rem; }
  .cta_wrapper a h2.cta_heading--serif-h1,
  .cta_wrapper a h2.cta_heading--serif-h2,
  .cta_wrapper a p.cta_description--serif,
  .cta_wrapper a:link h2.cta_heading--serif-h1,
  .cta_wrapper a:link h2.cta_heading--serif-h2,
  .cta_wrapper a:link p.cta_description--serif {
    font-family: "freight-text-pro", serif;
    font-weight: 400 !important;
    font-weight: 400; }
.cta_wrapper a.cta_text--light h2,
.cta_wrapper a.cta_text--light p {
  color: #fff; }
.cta_wrapper a:link h2,
.cta_wrapper a:link p,
.cta_wrapper a:hover h2,
.cta_wrapper a:hover p,
.cta_wrapper a:focus h2,
.cta_wrapper a:focus p {
  color: #4a575f; }
.cta_wrapper a.cta_text--light:link h2,
.cta_wrapper a.cta_text--light:link p,
.cta_wrapper a.cta_text--light:visited h2,
.cta_wrapper a.cta_text--light:visited p,
.cta_wrapper a.cta_text--light:hover h2,
.cta_wrapper a.cta_text--light:hover p,
.cta_wrapper a.cta_text--light:focus h2,
.cta_wrapper a.cta_text--light:focus p {
  color: #fff; }

a.internal,
span.internal,
span.external {
  margin-top: auto;
  width: auto;
  align-self: flex-start;
  margin-bottom: 0.8rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  background-image: url(../img/arrow-right-white-1.svg);
  border-bottom-color: transparent !important; }
  a.internal:hover, a.internal:active, a.internal:focus,
  span.internal:hover,
  span.internal:active,
  span.internal:focus,
  span.external:hover,
  span.external:active,
  span.external:focus {
    background-color: #4a575f !important;
    background-image: url(../img/arrow-right-white-1.svg) !important;
    border: 1px solid transparent;
    color: #fff !important; }

span.external, a:hover span.external, span.ghost-light.external, a:hover span.ghost-light.external {
  background-image: url("../img/icon-external-link-white.svg") !important; }

.site--1 a.internal {
  background-color: #14b1e7; }

.site--2 a.internal {
  background-color: #00a77e; }

.site--3 a.internal {
  background-color: #b12a30; }

.site--4 a.internal {
  background-color: #db5c2c; }

a.internal.sky,
span.internal.sky,
span.external.sky {
  background-color: #14b1e7; }

a.internal.sapphire,
span.internal.sapphire,
span.external.sapphire {
  background-color: #196bac; }

a.internal.jade,
span.internal.jade,
span.external.jade {
  background-color: #00a77e; }

a.internal.burgundy,
span.internal.burgundy,
span.external.burgundy {
  background-color: #b12a30; }

a.internal.crimson,
span.internal.crimson,
span.external.crimson {
  background-color: #dd3240; }

a.internal.ghost-dark,
span.internal.ghost-dark,
span.external.ghost-dark {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #919da5;
  background-color: transparent;
  background-image: url(../img/arrow-right-granite-1.svg);
  border: 1px solid #919da5; }
  a.internal.ghost-dark:hover, a.internal.ghost-dark:active, a.internal.ghost-dark:focus,
  span.internal.ghost-dark:hover,
  span.internal.ghost-dark:active,
  span.internal.ghost-dark:focus,
  span.external.ghost-dark:hover,
  span.external.ghost-dark:active,
  span.external.ghost-dark:focus {
    background-color: #4a575f !important;
    background-image: url(../img/arrow-right-white-1.svg) !important;
    border: 1px solid transparent;
    color: #fff !important; }
  a.internal.ghost-dark:hover, a.internal.ghost-dark:active, a.internal.ghost-dark:focus,
  span.internal.ghost-dark:hover,
  span.internal.ghost-dark:active,
  span.internal.ghost-dark:focus,
  span.external.ghost-dark:hover,
  span.external.ghost-dark:active,
  span.external.ghost-dark:focus {
    border: 1px solid #4a575f !important; }

a.internal.ghost-light,
span.internal.ghost-light,
span.external.ghost-light {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  background-image: url(../img/arrow-right-white-1.svg);
  border: 1px solid #fff;
  border-bottom: 1px solid #fff !important; }
  a.internal.ghost-light:hover, a.internal.ghost-light:active, a.internal.ghost-light:focus,
  span.internal.ghost-light:hover,
  span.internal.ghost-light:active,
  span.internal.ghost-light:focus,
  span.external.ghost-light:hover,
  span.external.ghost-light:active,
  span.external.ghost-light:focus {
    background-color: #4a575f !important;
    background-image: url(../img/arrow-right-white-1.svg) !important;
    border: 1px solid transparent;
    color: #fff !important; }
  a.internal.ghost-light:hover, a.internal.ghost-light:active, a.internal.ghost-light:focus,
  span.internal.ghost-light:hover,
  span.internal.ghost-light:active,
  span.internal.ghost-light:focus,
  span.external.ghost-light:hover,
  span.external.ghost-light:active,
  span.external.ghost-light:focus {
    border: 1px solid #4a575f !important;
    border-bottom: 1px solid #4a575f !important; }

.block--cta--3up a.internal,
.block--cta--3up span.internal,
.block--cta--3up span.external {
  padding-bottom: 1.2rem !important;
  padding-left: 2rem !important;
  padding-right: 4rem !important;
  padding-top: 1rem !important;
  line-height: 1.2;
  font-size: 18px; }
  @media screen and (min-width: 900px) {
    .block--cta--3up a.internal,
    .block--cta--3up span.internal,
    .block--cta--3up span.external {
      font-size: 2rem; } }

a.cta {
  background-color: #f7f9fa; }

a.cta.cta_background--blue,
a.cta.cta_background--sky {
  background-color: #14b1e7; }

a.cta.cta_background--green,
a.cta.cta_background--jade {
  background-color: #00a77e; }

a.cta.cta_background--burgundy {
  background-color: #b12a30; }

a.cta.cta_background--burnt {
  background-color: #db5c2c; }

a.cta.cta_background--sapphire {
  background-color: #196bac; }

a.cta.cta_background--crimson {
  background-color: #dd3240; }

a.cta.cta_background--sunset {
  background-color: #f15b40; }

.my_account_offers__wrapper {
  margin-left: -32px;
  margin-right: -32px; }

/*
=== CTA single double (non generic, inner elements only)
=== generic inner elements css is in block-cta-basic
=== wrapper css is in block-cta-flexible-wrappers)
*/
.cta_wrapper--single_double a,
.cta_wrapper--single_double a:link {
  background-position: right bottom;
  background-size: 0;
  padding: 3.2rem; }
.cta_wrapper--single_double h2,
.cta_wrapper--single_double p {
  width: 100%; }
.cta_wrapper--single_double h2.cta_heading--h2,
.cta_wrapper--single_double h2.cta_heading--serif-h2,
.cta_wrapper--single_double h2.cta_heading--sans-h2 {
  font-size: 3.4rem;
  line-height: 1.072; }
.cta_wrapper--single_double h2,
.cta_wrapper--single_double h2.cta_heading--h1,
.cta_wrapper--single_double h2.cta_heading--serif-h1,
.cta_wrapper--single_double h2.cta_heading--sans-h1 {
  font-size: 4.2rem;
  line-height: 1.072;
  letter-spacing: -0.04rem; }
.cta_wrapper--single_double p {
  font-size: 2.7rem;
  line-height: 1.3;
  margin-bottom: 4rem; }

@media screen and (min-width: 480px) {
  .cta_wrapper--single_double a,
  .cta_wrapper--single_double a:link {
    background-size: 35%; }
  .cta_wrapper--single_double a.cta--background,
  .cta_wrapper--single_double a.cta--background:link {
    background-size: cover; }
  .cta_wrapper--single_double p {
    margin-bottom: 4rem; } }
@media screen and (min-width: 480px) {
  .cta_wrapper--single_double h2,
  .cta_wrapper--single_double p {
    max-width: 70%; } }
@media screen and (min-width: 601px) {
  .cta_wrapper--single_double h2.cta_heading--serif-h2,
  .cta_wrapper--single_double h2.cta_heading--sans-h2 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta_wrapper--single_double h2,
  .cta_wrapper--single_double h2.cta_heading--h1,
  .cta_wrapper--single_double h2.cta_heading--serif-h1,
  .cta_wrapper--single_double h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .cta_wrapper--single_double p {
    font-size: 3.6rem;
    line-height: 1.2; } }
@media screen and (min-width: 768px) {
  .cta_wrapper--single_double h2.cta_heading--serif-h2,
  .cta_wrapper--single_double h2.cta_heading--sans-h2 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta_wrapper--single_double h2,
  .cta_wrapper--single_double h2.cta_heading--h1,
  .cta_wrapper--single_double h2.cta_heading--serif-h1,
  .cta_wrapper--single_double h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .cta_wrapper--single_double p {
    font-size: 3.6rem;
    line-height: 1.2; } }
/*
=== CTA 2up (non generic, inner elements only)
=== generic inner elements css is in block-cta-basic
=== wrapper css is in block-cta-flexible-wrappers)
*/
.cta_wrapper--2up a,
.cta_wrapper--2up a:link {
  background-position: right bottom;
  background-size: 0;
  padding: 3.2rem; }
.cta_wrapper--2up h2,
.cta_wrapper--2up p {
  width: 100%; }
.cta_wrapper--2up h2.cta_heading--h2,
.cta_wrapper--2up h2.cta_heading--serif-h2,
.cta_wrapper--2up h2.cta_heading--sans-h2 {
  font-size: 3.4rem;
  line-height: 1.072; }
.cta_wrapper--2up h2, .cta_wrapper--2up h2.cta_heading--h1,
.cta_wrapper--2up h2.cta_heading--serif-h1,
.cta_wrapper--2up h2.cta_heading--sans-h1 {
  font-size: 4.2rem;
  line-height: 1.072;
  letter-spacing: -0.04rem; }
.cta_wrapper--2up p {
  font-size: 2.7rem;
  line-height: 1.3;
  margin-bottom: 4rem; }

@media screen and (min-width: 480px) {
  .cta_wrapper--2up a,
  .cta_wrapper--2up a:link {
    background-size: 35%; } }
@media screen and (min-width: 480px) {
  .cta_wrapper--2up h2,
  .cta_wrapper--2up p {
    max-width: 70%; } }
@media screen and (min-width: 601px) {
  .cta_wrapper--2up h2.cta_heading--serif-h2,
  .cta_wrapper--2up h2.cta_heading--sans-h2 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta_wrapper--2up h2, .cta_wrapper--2up h2.cta_heading--h1,
  .cta_wrapper--2up h2.cta_heading--serif-h1,
  .cta_wrapper--2up h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .cta_wrapper--2up p {
    font-size: 3.6rem;
    line-height: 1.2; } }
@media screen and (min-width: 768px) {
  .cta_wrapper--2up h2,
  .cta_wrapper--2up p {
    max-width: 90%; }
  .cta_wrapper--2up p {
    font-size: 2.6rem;
    line-height: 1.2; } }
@media screen and (min-width: 840px) {
  .cta_wrapper--2up p {
    font-size: 2.7rem;
    line-height: 1.3; } }
@media screen and (min-width: 1024px) {
  .cta_wrapper--2up h2,
  .cta_wrapper--2up p {
    max-width: 70%; } }
/*
=== CTA 3up (non generic, inner elements only)
=== generic inner elements css is in block-cta-basic
=== wrapper css is in block-cta-flexible-wrappers)
*/
.cta_wrapper--3up a,
.cta_wrapper--3up a:link {
  background-position: right bottom;
  background-size: 0;
  padding: 3.2rem; }
.cta_wrapper--3up h2,
.cta_wrapper--3up p {
  width: 100%; }
.cta_wrapper--3up h2.cta_heading--h2,
.cta_wrapper--3up h2.cta_heading--serif-h2,
.cta_wrapper--3up h2.cta_heading--sans-h2 {
  font-size: 3.4rem;
  line-height: 1.072; }
.cta_wrapper--3up h2, .cta_wrapper--3up h2.cta_heading--h1,
.cta_wrapper--3up h2.cta_heading--serif-h1,
.cta_wrapper--3up h2.cta_heading--sans-h1 {
  font-size: 4.2rem;
  line-height: 1.072;
  letter-spacing: -0.04rem; }
.cta_wrapper--3up p {
  font-size: 2.7rem;
  line-height: 1.3;
  margin-bottom: 4rem; }

@media screen and (min-width: 480px) {
  .cta_wrapper--3up a,
  .cta_wrapper--3up a:link {
    background-size: 35%; } }
@media screen and (min-width: 480px) {
  .cta_wrapper--3up h2,
  .cta_wrapper--3up p {
    max-width: 70%; }

  .cta_wrapper--3up .card--generic h2,
  .cta_wrapper--3up .card--generic p {
    max-width: 100%; } }
@media screen and (min-width: 601px) {
  .cta_wrapper--3up h2.cta_heading--serif-h2,
  .cta_wrapper--3up h2.cta_heading--sans-h2 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta_wrapper--3up h2, .cta_wrapper--3up h2.cta_heading--h1,
  .cta_wrapper--3up h2.cta_heading--serif-h1,
  .cta_wrapper--3up h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .cta_wrapper--3up p {
    font-size: 3.6rem;
    line-height: 1.2; } }
@media screen and (min-width: 768px) {
  .cta_wrapper--3up h2 {
    font-size: 2.7rem;
    line-height: 1.3;
    max-width: 100%; }
  .cta_wrapper--3up p {
    font-size: 2.6rem;
    line-height: 1.2; } }
@media screen and (min-width: 840px) {
  .cta_wrapper--3up {
    	  /*
        h2 {
          @include typ-27p;
          max-width: 100%;
        }
        p {
          @include typ-26p;
        }
    	  */ }
    .cta_wrapper--3up p {
      font-size: 2.7rem;
      line-height: 1.3;
      max-width: 70%; } }
@media screen and (min-width: 1024px) {
  .cta_wrapper--3up p {
    max-width: 100%;
    margin-bottom: 4rem; } }
@media screen and (min-width: 1216px) {
  .cta_wrapper--3up h2, .cta_wrapper--3up h2.cta_heading--h1,
  .cta_wrapper--3up h2.cta_heading--serif-h1,
  .cta_wrapper--3up h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; } }
/*
=== CTA FULL WIDTH
*/
section.full-width-cta:last-child .column.block--cta--full-width {
  margin-bottom: 0; }

section.full-width-cta {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0; }
  section.full-width-cta .cell-inner {
    max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.full-width-cta {
      padding-left: 0;
      padding-right: 0; } }
  section.full-width-cta .column {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 601px) {
      section.full-width-cta .column {
        padding-left: 0;
        padding-right: 0; } }
    section.full-width-cta .column .cell-inner {
      padding-left: 26px;
      padding-right: 26px;
      max-width: 1248px;
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 0; }
      @media screen and (min-width: 601px) {
        section.full-width-cta .column .cell-inner {
          background-size: 50%;
          padding-left: 32px;
          padding-right: 32px; } }
      @media screen and (min-width: 840px) {
        section.full-width-cta .column .cell-inner {
          background-size: contain; } }
      section.full-width-cta .column .cell-inner column {
        max-width: 60%; }
        @media screen and (min-width: 768px) {
          section.full-width-cta .column .cell-inner column {
            max-width: 60%; } }

.cta_wrapper--full_width {
  display: flex; }

.cta_wrapper--full_width::before {
  content: "";
  display: block;
  float: left; }

.cta--multi_background {
  width: 100%;
  display: flex;
  background-repeat: no-repeat;
  background-position: right center; }
  .cta--multi_background .cell-inner {
    padding-top: 4.8rem;
    padding-bottom: 3.2rem; }
  .cta--multi_background .cell-inner,
  .cta--multi_background .column {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .cta--multi_background a,
  .cta--multi_background a:link {
    display: block;
    float: left;
    width: auto;
    height: auto;
    padding: auto;
    margin-right: 3.2rem;
    margin-top: 1.6rem; }
  .cta--multi_background h2,
  .cta--multi_background p {
    width: 100%; }
  .cta--multi_background h2.cta_heading--h2,
  .cta--multi_background h2.cta_heading--serif-h2,
  .cta--multi_background h2.cta_heading--sans-h2 {
    font-size: 3.4rem;
    line-height: 1.072; }
  .cta--multi_background h2,
  .cta--multi_background h2.cta_heading--h1,
  .cta--multi_background h2.cta_heading--serif-h1,
  .cta--multi_background h2.cta_heading--sans-h1 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta--multi_background p {
    font-size: 2.7rem;
    line-height: 1.3;
    font-family: "freight-text-pro", serif;
    font-weight: 400 !important;
    margin-bottom: 4rem; }
  .cta--multi_background ul,
  .cta--multi_background ul li {
    margin: 0;
    padding: 0;
    background-image: none; }
  .cta--multi_background ul {
    margin-top: auto; }

.cta_text--light h2,
.cta_text--light p {
  color: #fff; }

.cta--multi_background--full-image {
  background-size: cover; }
  @media screen and (min-width: 601px) {
    .cta--multi_background--full-image {
      min-height: 54rem; } }

.cta--multi_background--full-image.cta_text--light {
  background-size: 0;
  background-size: cover; }
  @media screen and (min-width: 601px) {
    .cta--multi_background--full-image.cta_text--light {
      min-height: 54rem; } }

.cta--multi_background--full-image.cta_text--dark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6); }

.cta--multi_background--cut-out-image {
  background-size: 40%;
  background-position: right -3.2rem bottom; }
  @media screen and (min-width: 601px) {
    .cta--multi_background--cut-out-image {
      min-height: 54rem; } }

@media screen and (min-width: 601px) {
  .cta--multi_background .cell-inner .column {
    max-width: 60%; }
  .cta--multi_background h2.cta_heading--serif-h2,
  .cta--multi_background h2.cta_heading--sans-h2 {
    font-size: 4.2rem;
    line-height: 1.072;
    letter-spacing: -0.04rem; }
  .cta--multi_background h2,
  .cta--multi_background h2.cta_heading--h1,
  .cta--multi_background h2.cta_heading--serif-h1,
  .cta--multi_background h2.cta_heading--sans-h1 {
    font-size: 4.8rem;
    line-height: 1.072; }
  .cta--multi_background p {
    font-size: 3.6rem;
    line-height: 1.2; }

  .cta--multi_background--full-image.cta_text--dark::before {
    display: none; } }
@media screen and (min-width: 920px) {
  .cta--multi_background--cut-out-image {
    background-size: contain;
    background-position: right 3.2rem bottom; } }
/*
=== CTA BLOCK GENERIC CARD ===
*/
section .cta_wrapper .card--generic a,
section .cta_wrapper .card--generic a:link, section .card--generic a,
section .card--generic a:link {
  padding: 0;
  border-bottom: none; }

/*
=== CTA WITH ICON (BOTH INFO AND LINK VERSIONS) ===
*/
.cta_wrapper a.cta--info_icon,
.cta_wrapper a.cta--icon {
  position: relative; }
  .cta_wrapper a.cta--info_icon h2,
  .cta_wrapper a.cta--info_icon p,
  .cta_wrapper a.cta--info_icon span,
  .cta_wrapper a.cta--icon h2,
  .cta_wrapper a.cta--icon p,
  .cta_wrapper a.cta--icon span {
    z-index: 1;
    max-width: 100%; }
  .cta_wrapper a.cta--info_icon img,
  .cta_wrapper a.cta--icon img {
    width: 25%;
    position: absolute;
    right: 3.2rem;
    bottom: 3.2rem;
    opacity: 0.3;
    z-index: 0; }

.cta_wrapper a.cta--info_icon p {
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.2; }
.cta_wrapper a.cta--info_icon span.internal {
  display: none; }

.cta_wrapper a.cta--icon h2 {
  font-family: "freight-text-pro", serif;
  font-weight: 400 !important; }
.cta_wrapper a.cta--icon p {
  color: #fff;
  font-family: "freight-text-pro", serif;
  font-weight: 400 !important; }
.cta_wrapper a.cta--icon span.internal {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  background-image: url(../img/arrow-right-white-1.svg);
  border: 1px solid #fff;
  border-bottom: 1px solid #fff !important;
  margin-top: auto; }
  .cta_wrapper a.cta--icon span.internal:hover, .cta_wrapper a.cta--icon span.internal:active, .cta_wrapper a.cta--icon span.internal:focus {
    background-color: #4a575f !important;
    background-image: url(../img/arrow-right-white-1.svg) !important;
    border: 1px solid transparent;
    color: #fff !important; }
  .cta_wrapper a.cta--icon span.internal:hover, .cta_wrapper a.cta--icon span.internal:active, .cta_wrapper a.cta--icon span.internal:focus {
    border: 1px solid #4a575f !important;
    border-bottom: 1px solid #4a575f !important; }

/*
=== CTA WITH ICON (BOTH INFO AND LINK VERSIONS) ===
*/
.cta_wrapper a.cta--testimonial {
  position: relative; }
  .cta_wrapper a.cta--testimonial p,
  .cta_wrapper a.cta--testimonial span {
    z-index: 1;
    max-width: 100%; }
  .cta_wrapper a.cta--testimonial p.t-text {
    font-family: "freight-text-pro", serif;
    font-weight: 400 !important;
    font-size: 3.6rem;
    line-height: 1.072;
    margin-bottom: 2.8rem; }
  .cta_wrapper a.cta--testimonial p.t-attr {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.142; }
  .cta_wrapper a.cta--testimonial span.internal {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    background-image: url(../img/arrow-right-white-1.svg);
    border: 1px solid #fff;
    border-bottom: 1px solid #fff !important;
    margin-top: auto; }
    .cta_wrapper a.cta--testimonial span.internal:hover, .cta_wrapper a.cta--testimonial span.internal:active, .cta_wrapper a.cta--testimonial span.internal:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
    .cta_wrapper a.cta--testimonial span.internal:hover, .cta_wrapper a.cta--testimonial span.internal:active, .cta_wrapper a.cta--testimonial span.internal:focus {
      border: 1px solid #4a575f !important;
      border-bottom: 1px solid #4a575f !important; }
  .cta_wrapper a.cta--testimonial img {
    width: 6.2rem;
    position: absolute;
    right: 3.2rem;
    bottom: 3.6rem;
    opacity: 0.3;
    z-index: 0; }

/*
=== CTA quicklink ===
*/
.cta_wrapper a.cta--quicklink {
  background-image: url(../img/motifs/motif-white-15percent.svg);
  background-size: 26rem;
  background-position: center bottom -10rem; }
  .cta_wrapper a.cta--quicklink h2 {
    font-size: 3.6rem;
    line-height: 1.2; }
  .cta_wrapper a.cta--quicklink h2.big-bot-marg {
    margin-bottom: 4.8rem; }
  .cta_wrapper a.cta--quicklink p {
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.2; }
  .cta_wrapper a.cta--quicklink span {
    margin-top: auto; }

/*
=== CTA WITH ICON (BOTH INFO AND LINK VERSIONS) ===
*/
.cta_wrapper a.cta--background {
  background-size: cover; }
  .cta_wrapper a.cta--background span.internal, .cta_wrapper a.cta--background span.external {
    margin-top: auto;
    margin-bottom: 0.8rem; }

.block--cta--3up .cta_wrapper a.cta--background span.internal, .block--cta--3up .cta_wrapper a.cta--background span.external {
  padding-bottom: 1.2rem !important;
  padding-left: 2rem !important;
  padding-right: 4rem !important;
  padding-top: 1rem !important;
  line-height: 1.2;
  font-size: 18px; }
  @media screen and (min-width: 900px) {
    .block--cta--3up .cta_wrapper a.cta--background span.internal, .block--cta--3up .cta_wrapper a.cta--background span.external {
      font-size: 2rem; } }

/*
=== "SUPPORTING" BLOCK ===
*/
section.layout--supporting {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding-bottom: 2.4rem;
  overflow: hidden; }
  @media screen and (min-width: 601px) {
    section.layout--supporting {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }

.block--supporting {
  text-align: center; }
  .block--supporting h2 {
    font-size: 4.8rem;
    line-height: 1.072;
    font-weight: 400;
    margin-bottom: 48px; }
  .block--supporting ul {
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .block--supporting ul li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-image: none !important;
      float: left;
      margin: 0;
      text-align: center;
      width: 16.66%;
      min-width: 86px;
      padding-bottom: 4rem; }
    .block--supporting ul figure {
      margin: 0 0;
      padding: 0 0;
      width: 100%; }
      .block--supporting ul figure img {
        width: 40%;
        min-width: 52px;
        margin-bottom: 8px; }
      .block--supporting ul figure figcaption {
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 1.1;
        margin-left: 4px;
        margin-right: 4px; }

@media screen and (min-width: 840px) {
  .block--supporting ul figure img {
    width: 8rem; }
  .block--supporting ul figure figcaption {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-left: 12px;
    margin-right: 12px; } }
/*
=== SHARE/LINK BLOCK ===
*/
section.layout--sharelink {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--sharelink {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }

.block--sharelink {
  text-align: center;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .block--sharelink .sharelink_image {
    width: 7.2rem;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.2rem; }
  .block--sharelink h2 {
    margin-top: 0;
    font-size: 4.8rem;
    line-height: 1.072;
    font-weight: 400; }
  .block--sharelink p {
    font-size: 3rem;
    line-height: 1.3; }
  .block--sharelink .sharelink_footer {
    margin-top: 4rem; }
  .block--sharelink .sharelink_footer > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    background-image: url(../img/arrow-right-white-1.svg); }
    .block--sharelink .sharelink_footer > a:hover, .block--sharelink .sharelink_footer > a:active, .block--sharelink .sharelink_footer > a:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
  .block--sharelink .sharelink_footer > a.ghosted {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    background-image: url(../img/arrow-right-granite-1.svg);
    border: 1px solid #919da5; }
    .block--sharelink .sharelink_footer > a.ghosted:hover, .block--sharelink .sharelink_footer > a.ghosted:active, .block--sharelink .sharelink_footer > a.ghosted:focus {
      background-color: #4a575f !important;
      background-image: url(../img/arrow-right-white-1.svg) !important;
      border: 1px solid transparent;
      color: #fff !important; }
    .block--sharelink .sharelink_footer > a.ghosted:hover, .block--sharelink .sharelink_footer > a.ghosted:active, .block--sharelink .sharelink_footer > a.ghosted:focus {
      border: 1px solid #4a575f !important; }

section ul.sharelink_sharing {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  section ul.sharelink_sharing li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: none;
    float: left;
    margin: 0;
    text-align: center;
    width: 6.4rem; }
  section ul.sharelink_sharing a:link {
    text-indent: -1000px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: none; }
  section ul.sharelink_sharing li:nth-of-type(1) a {
    background-image: url(../img/app-logo-facebook.svg); }
  section ul.sharelink_sharing li:nth-of-type(2) a {
    background-image: url(../img/app-logo-twitter.svg); }
  section ul.sharelink_sharing li:nth-of-type(3) a {
    background-image: url(../img/app-logo-linkedin.svg); }
  section ul.sharelink_sharing li:nth-of-type(4) a {
    background-image: url(../img/app-logo-email.svg); }

.site--1 .sharelink_footer > a {
  background-color: #14b1e7; }
.site--1 .sharelink_footer > a.ghosted {
  border-color: #14b1e7;
  color: #14b1e7;
  background-image: url(../img/arrow-right-sky-1.svg); }

.site--2 .sharelink_footer > a {
  background-color: #00a77e; }
.site--2 .sharelink_footer > a.ghosted {
  border-color: #00a77e;
  color: #00a77e;
  background-image: url(../img/arrow-right-jade-1.svg); }

.site--3 .sharelink_footer > a {
  background-color: #b12a30; }
.site--3 .sharelink_footer > a.ghosted {
  border-color: #b12a30;
  color: #b12a30;
  background-image: url(../img/arrow-right-burgundy-1.svg); }

.site--4 .sharelink_footer > a {
  background-color: #db5c2c; }
.site--4 .sharelink_footer > a.ghosted {
  border-color: #db5c2c;
  color: #db5c2c;
  background-image: url(../img/arrow-right-burnt-1.svg); }

/*
=== SHARETHIS BLOCK ===
// note this takes some of the styling for SHARE/LINK as a starting point
*/
section.layout--share-this .block__content {
  border-top: 1px solid #e4e9ec;
  border-bottom: 1px solid #e4e9ec;
  padding: 3.2rem 0;
  display: flex; }
section.layout--share-this h6 {
  float: left;
  margin-right: 1.3rem;
  margin-bottom: 0; }
section.layout--share-this ul.sharelink_sharing {
  align-items: flex-start;
  float: left;
  clear: none; }
  section.layout--share-this ul.sharelink_sharing li {
    width: 3.6rem; }
  section.layout--share-this ul.sharelink_sharing a {
    width: 2.4rem;
    height: 2.4rem; }

/*
=== VIDEO BLOCK ===
*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%; }

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

section.layout--video h2 {
  margin-bottom: 14px; }
section.layout--video figcaption {
  font-size: 2.2rem;
  line-height: 1.2; }

.block--video {
  text-align: center; }

section.layout--video.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--video.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--video.full-width-block .block--video {
    max-width: 780px;
    margin: auto; }

.product-template-default section.layout--video.text-width-block .block--video {
  text-align: left; }

@media screen and (max-width: 1023px) {
  .block--video.large-7 {
    width: auto; }

  section.layout--video {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0; }
    section.layout--video .block--video {
      text-align: center;
      max-width: 780px;
      margin: auto; }
    section.layout--video h2 {
      margin-top: 24px;
      margin-bottom: 0; }
    section.layout--video figcaption {
      margin-top: 14px;
      font-size: 2.2rem;
      line-height: 1.2; } }
@media screen and (min-width: 1024px) {
  section.layout--video {
    padding-top: 0;
    padding-bottom: 0; }
    section.layout--video figure {
      margin: 0; }
    section.layout--video h2 {
      margin-top: 24px;
      margin-bottom: 0; }
    section.layout--video figcaption {
      margin-top: 14px;
      font-size: 2.2rem;
      line-height: 1.2; } }
/*
=== IMAGE GRID BLOCK ===
*/
.block--image_grid li {
  float: left;
  margin-bottom: 20px; }

.block--image_grid--2 li {
  width: calc(100% / 2); }

.block--image_grid--3 li {
  width: calc(100% / 3); }

.block--image_grid--4 li {
  width: calc(100% / 2); }

section.layout--image-grid ul {
  margin: 0;
  padding: 0;
  margin-left: -0.8rem;
  margin-right: -0.8rem; }
  section.layout--image-grid ul li {
    margin: 0;
    padding: 0;
    background-image: none;
    float: left;
    padding: 0.8rem; }
section.layout--image-grid img {
  float: left; }
section.layout--image-grid figure {
  margin: 0; }
section.layout--image-grid figcaption {
  font-size: 1.8rem;
  line-height: 1.1;
  float: left;
  margin-top: 16px; }

section.layout--image-grid.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--image-grid.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--image-grid.full-width-block .large-7 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1248px; }
  section.layout--image-grid.full-width-block .block--image_grid {
    max-width: 1248px;
    margin: auto; }

@media screen and (min-width: 601px) {
  .block--image_grid--4 li {
    width: calc(100% / 4); } }
/*
=== ACCORDION BLOCK AND FAQ BLOCK ===
*/
.layout--accordion.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .layout--accordion.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }

.layout--accordion button, .layout--faqs button {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  text-align: left;
  padding: 0;
  background-color: transparent;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 600;
  border-top: 1px solid #d3dade;
  padding: 16px 0;
  position: relative;
  padding-right: 40px; }
  .layout--accordion button span, .layout--faqs button span {
    font-weight: 400;
    display: inline-block;
    width: 11rem;
    min-width: 11rem;
    padding-right: 2rem; }
.layout--accordion .wysiwyg:last-of-type, .layout--faqs .wysiwyg:last-of-type {
  border-bottom: 1px solid #d3dade; }
.layout--accordion button.no-dd-content, .layout--faqs button.no-dd-content {
  cursor: default; }
.layout--accordion button:after, .layout--faqs button:after {
  content: "";
  display: block;
  min-width: 4rem;
  min-height: 1.2rem;
  background-image: url(../img/accordion-arrow-down.svg);
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: right top;
  position: absolute;
  right: 0;
  top: 2.5rem; }
.layout--accordion button.no-dd-content:after, .layout--faqs button.no-dd-content:after {
  content: "";
  background-image: none; }
.layout--accordion button[aria-expanded="true"]:after, .layout--faqs button[aria-expanded="true"]:after {
  background-image: url(../img/accordion-arrow-up.svg); }
.layout--accordion button.no-dd-content[aria-expanded="true"]:after, .layout--faqs button.no-dd-content[aria-expanded="true"]:after {
  content: "";
  background-image: none; }
.layout--accordion div, .layout--faqs div {
  display: block;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  padding-top: 0;
  padding-bottom: 0; }
  .layout--accordion div .wysiwyg p:last-child, .layout--accordion div .wysiwyg ul:last-child, .layout--accordion div .wysiwyg ol:last-child, .layout--faqs div .wysiwyg p:last-child, .layout--faqs div .wysiwyg ul:last-child, .layout--faqs div .wysiwyg ol:last-child {
    padding-bottom: 36px; }
.layout--accordion div[aria-hidden="true"], .layout--faqs div[aria-hidden="true"] {
  display: block;
  height: 0;
  padding-bottom: 0; }
.layout--accordion div[aria-hidden="false"], .layout--faqs div[aria-hidden="false"] {
  height: 0;
  padding-bottom: 0; }
.layout--accordion div.has-prefix, .layout--faqs div.has-prefix {
  padding-left: 11rem; }

.content--lower section.layout--accordion.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .content--lower section.layout--accordion.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .content--lower section.layout--accordion.full-width-block .large-7 {
    margin-left: auto;
    margin-right: auto; }

/*
=== NEWSLSETTER SIGN UP BLOCK ===
*/
section.layout--newsletter-signup {
  background-color: #333;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--newsletter-signup {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--newsletter-signup .column {
    float: left; }
  section.layout--newsletter-signup p {
    font-size: 4rem;
    line-height: 1.2;
    color: #fff; }
  section.layout--newsletter-signup a,
  section.layout--newsletter-signup a:focus,
  section.layout--newsletter-signup a:active,
  section.layout--newsletter-signup a:hover {
    margin-top: 3.2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    border: 1px solid #fff;
    border-bottom: 1px solid #fff !important; }
    section.layout--newsletter-signup a:hover, section.layout--newsletter-signup a:active, section.layout--newsletter-signup a:focus,
    section.layout--newsletter-signup a:focus:hover,
    section.layout--newsletter-signup a:focus:active,
    section.layout--newsletter-signup a:focus:focus,
    section.layout--newsletter-signup a:active:hover,
    section.layout--newsletter-signup a:active:active,
    section.layout--newsletter-signup a:active:focus,
    section.layout--newsletter-signup a:hover:hover,
    section.layout--newsletter-signup a:hover:active,
    section.layout--newsletter-signup a:hover:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    section.layout--newsletter-signup a:hover, section.layout--newsletter-signup a:active, section.layout--newsletter-signup a:focus,
    section.layout--newsletter-signup a:focus:hover,
    section.layout--newsletter-signup a:focus:active,
    section.layout--newsletter-signup a:focus:focus,
    section.layout--newsletter-signup a:active:hover,
    section.layout--newsletter-signup a:active:active,
    section.layout--newsletter-signup a:active:focus,
    section.layout--newsletter-signup a:hover:hover,
    section.layout--newsletter-signup a:hover:active,
    section.layout--newsletter-signup a:hover:focus {
      border: 1px solid #4a575f !important;
      border-bottom: 1px solid #4a575f !important; }

@media screen and (min-width: 601px) {
  section.layout--newsletter-signup a,
  section.layout--newsletter-signup a:focus,
  section.layout--newsletter-signup a:active,
  section.layout--newsletter-signup a:hover {
    margin-top: 0; }
  section.layout--newsletter-signup .cell-inner {
    display: flex;
    align-items: center; }
  section.layout--newsletter-signup p {
    margin-bottom: 0; } }
.category--main section.layout--newsletter-signup.background-colour--white p,
.category--main section.layout--newsletter-signup.background-colour--cloud p,
.category--main section.layout--newsletter-signup.background-colour--salt p,
.category--main section.layout--newsletter-signup.background-colour--platinum p,
.site--1 section.layout--newsletter-signup.background-colour--white p,
.site--1 section.layout--newsletter-signup.background-colour--cloud p,
.site--1 section.layout--newsletter-signup.background-colour--salt p,
.site--1 section.layout--newsletter-signup.background-colour--platinum p {
  color: #3a444a; }
.category--main section.layout--newsletter-signup.background-colour--white a,
.category--main section.layout--newsletter-signup.background-colour--cloud a,
.category--main section.layout--newsletter-signup.background-colour--salt a,
.category--main section.layout--newsletter-signup.background-colour--platinum a,
.site--1 section.layout--newsletter-signup.background-colour--white a,
.site--1 section.layout--newsletter-signup.background-colour--cloud a,
.site--1 section.layout--newsletter-signup.background-colour--salt a,
.site--1 section.layout--newsletter-signup.background-colour--platinum a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  background-image: url(../img/arrow-right-white-1.svg);
  background-color: #14b1e7;
  border: 1px solid transparent !important; }
  .category--main section.layout--newsletter-signup.background-colour--white a:hover, .category--main section.layout--newsletter-signup.background-colour--white a:active, .category--main section.layout--newsletter-signup.background-colour--white a:focus,
  .category--main section.layout--newsletter-signup.background-colour--cloud a:hover,
  .category--main section.layout--newsletter-signup.background-colour--cloud a:active,
  .category--main section.layout--newsletter-signup.background-colour--cloud a:focus,
  .category--main section.layout--newsletter-signup.background-colour--salt a:hover,
  .category--main section.layout--newsletter-signup.background-colour--salt a:active,
  .category--main section.layout--newsletter-signup.background-colour--salt a:focus,
  .category--main section.layout--newsletter-signup.background-colour--platinum a:hover,
  .category--main section.layout--newsletter-signup.background-colour--platinum a:active,
  .category--main section.layout--newsletter-signup.background-colour--platinum a:focus,
  .site--1 section.layout--newsletter-signup.background-colour--white a:hover,
  .site--1 section.layout--newsletter-signup.background-colour--white a:active,
  .site--1 section.layout--newsletter-signup.background-colour--white a:focus,
  .site--1 section.layout--newsletter-signup.background-colour--cloud a:hover,
  .site--1 section.layout--newsletter-signup.background-colour--cloud a:active,
  .site--1 section.layout--newsletter-signup.background-colour--cloud a:focus,
  .site--1 section.layout--newsletter-signup.background-colour--salt a:hover,
  .site--1 section.layout--newsletter-signup.background-colour--salt a:active,
  .site--1 section.layout--newsletter-signup.background-colour--salt a:focus,
  .site--1 section.layout--newsletter-signup.background-colour--platinum a:hover,
  .site--1 section.layout--newsletter-signup.background-colour--platinum a:active,
  .site--1 section.layout--newsletter-signup.background-colour--platinum a:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }

.category--college section.layout--newsletter-signup.background-colour--white p,
.category--college section.layout--newsletter-signup.background-colour--cloud p,
.category--college section.layout--newsletter-signup.background-colour--salt p,
.category--college section.layout--newsletter-signup.background-colour--platinum p,
.site--2 section.layout--newsletter-signup.background-colour--white p,
.site--2 section.layout--newsletter-signup.background-colour--cloud p,
.site--2 section.layout--newsletter-signup.background-colour--salt p,
.site--2 section.layout--newsletter-signup.background-colour--platinum p {
  color: #3a444a; }
.category--college section.layout--newsletter-signup.background-colour--white a,
.category--college section.layout--newsletter-signup.background-colour--cloud a,
.category--college section.layout--newsletter-signup.background-colour--salt a,
.category--college section.layout--newsletter-signup.background-colour--platinum a,
.site--2 section.layout--newsletter-signup.background-colour--white a,
.site--2 section.layout--newsletter-signup.background-colour--cloud a,
.site--2 section.layout--newsletter-signup.background-colour--salt a,
.site--2 section.layout--newsletter-signup.background-colour--platinum a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  background-image: url(../img/arrow-right-white-1.svg);
  background-color: #00a77e;
  border: 1px solid transparent !important; }
  .category--college section.layout--newsletter-signup.background-colour--white a:hover, .category--college section.layout--newsletter-signup.background-colour--white a:active, .category--college section.layout--newsletter-signup.background-colour--white a:focus,
  .category--college section.layout--newsletter-signup.background-colour--cloud a:hover,
  .category--college section.layout--newsletter-signup.background-colour--cloud a:active,
  .category--college section.layout--newsletter-signup.background-colour--cloud a:focus,
  .category--college section.layout--newsletter-signup.background-colour--salt a:hover,
  .category--college section.layout--newsletter-signup.background-colour--salt a:active,
  .category--college section.layout--newsletter-signup.background-colour--salt a:focus,
  .category--college section.layout--newsletter-signup.background-colour--platinum a:hover,
  .category--college section.layout--newsletter-signup.background-colour--platinum a:active,
  .category--college section.layout--newsletter-signup.background-colour--platinum a:focus,
  .site--2 section.layout--newsletter-signup.background-colour--white a:hover,
  .site--2 section.layout--newsletter-signup.background-colour--white a:active,
  .site--2 section.layout--newsletter-signup.background-colour--white a:focus,
  .site--2 section.layout--newsletter-signup.background-colour--cloud a:hover,
  .site--2 section.layout--newsletter-signup.background-colour--cloud a:active,
  .site--2 section.layout--newsletter-signup.background-colour--cloud a:focus,
  .site--2 section.layout--newsletter-signup.background-colour--salt a:hover,
  .site--2 section.layout--newsletter-signup.background-colour--salt a:active,
  .site--2 section.layout--newsletter-signup.background-colour--salt a:focus,
  .site--2 section.layout--newsletter-signup.background-colour--platinum a:hover,
  .site--2 section.layout--newsletter-signup.background-colour--platinum a:active,
  .site--2 section.layout--newsletter-signup.background-colour--platinum a:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }

.site--3 section.layout--newsletter-signup.background-colour--white p,
.site--3 section.layout--newsletter-signup.background-colour--cloud p,
.site--3 section.layout--newsletter-signup.background-colour--salt p,
.site--3 section.layout--newsletter-signup.background-colour--platinum p {
  color: #3a444a; }
.site--3 section.layout--newsletter-signup.background-colour--white a,
.site--3 section.layout--newsletter-signup.background-colour--cloud a,
.site--3 section.layout--newsletter-signup.background-colour--salt a,
.site--3 section.layout--newsletter-signup.background-colour--platinum a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  /* background-image: url(../img/arrow-right-white-1.svg); */
  background-color: #b12a30;
  border: 1px solid transparent !important; }
  .site--3 section.layout--newsletter-signup.background-colour--white a:hover, .site--3 section.layout--newsletter-signup.background-colour--white a:active, .site--3 section.layout--newsletter-signup.background-colour--white a:focus,
  .site--3 section.layout--newsletter-signup.background-colour--cloud a:hover,
  .site--3 section.layout--newsletter-signup.background-colour--cloud a:active,
  .site--3 section.layout--newsletter-signup.background-colour--cloud a:focus,
  .site--3 section.layout--newsletter-signup.background-colour--salt a:hover,
  .site--3 section.layout--newsletter-signup.background-colour--salt a:active,
  .site--3 section.layout--newsletter-signup.background-colour--salt a:focus,
  .site--3 section.layout--newsletter-signup.background-colour--platinum a:hover,
  .site--3 section.layout--newsletter-signup.background-colour--platinum a:active,
  .site--3 section.layout--newsletter-signup.background-colour--platinum a:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }

.site--4 section.layout--newsletter-signup.background-colour--white p,
.site--4 section.layout--newsletter-signup.background-colour--cloud p,
.site--4 section.layout--newsletter-signup.background-colour--salt p,
.site--4 section.layout--newsletter-signup.background-colour--platinum p {
  color: #3a444a; }
.site--4 section.layout--newsletter-signup.background-colour--white a,
.site--4 section.layout--newsletter-signup.background-colour--cloud a,
.site--4 section.layout--newsletter-signup.background-colour--salt a,
.site--4 section.layout--newsletter-signup.background-colour--platinum a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-weight: 600 !important;
  line-height: 1.2;
  border-radius: 9999px;
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 1.8rem top 53%;
  overflow: hidden;
  background-color: transparent;
  white-space: nowrap;
  min-width: 18rem;
  border: 1px solid transparent;
  padding-bottom: 1.6rem;
  padding-left: 2.2rem;
  padding-right: 5rem;
  padding-top: 1.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff !important;
  /* background-image: url(../img/arrow-right-white-1.svg); */
  background-color: #db5c2c;
  border: 1px solid transparent !important; }
  .site--4 section.layout--newsletter-signup.background-colour--white a:hover, .site--4 section.layout--newsletter-signup.background-colour--white a:active, .site--4 section.layout--newsletter-signup.background-colour--white a:focus,
  .site--4 section.layout--newsletter-signup.background-colour--cloud a:hover,
  .site--4 section.layout--newsletter-signup.background-colour--cloud a:active,
  .site--4 section.layout--newsletter-signup.background-colour--cloud a:focus,
  .site--4 section.layout--newsletter-signup.background-colour--salt a:hover,
  .site--4 section.layout--newsletter-signup.background-colour--salt a:active,
  .site--4 section.layout--newsletter-signup.background-colour--salt a:focus,
  .site--4 section.layout--newsletter-signup.background-colour--platinum a:hover,
  .site--4 section.layout--newsletter-signup.background-colour--platinum a:active,
  .site--4 section.layout--newsletter-signup.background-colour--platinum a:focus {
    background-color: #4a575f !important;
    /* background-image: url(../img/arrow-right-white-1.svg) !important; */
    border: 1px solid transparent;
    color: #fff !important; }

.category--college section.layout--newsletter-signup,
.site--2 section.layout--newsletter-signup {
  background-color: #00a77e; }

.category--main section.layout--newsletter-signup,
.site--1 section.layout--newsletter-signup {
  background-color: #14b1e7; }

.category--publications section.layout--newsletter-signup,
.site--3 section.layout--newsletter-signup {
  background-color: #b12a30; }

.category--foundation section.layout--newsletter-signup,
.site--4 section.layout--newsletter-signup {
  background-color: #db5c2c; }

.site--1 section.layout--newsletter-signup.background-colour--cloud, .site--2 section.layout--newsletter-signup.background-colour--cloud, .site--3 section.layout--newsletter-signup.background-colour--cloud, .site--4 section.layout--newsletter-signup.background-colour--cloud, .category--college section.layout--newsletter-signup.background-colour--cloud, .category--main section.layout--newsletter-signup.background-colour--cloud {
  background-color: #f7f9fa; }
.site--1 section.layout--newsletter-signup.background-colour--salt, .site--2 section.layout--newsletter-signup.background-colour--salt, .site--3 section.layout--newsletter-signup.background-colour--salt, .site--4 section.layout--newsletter-signup.background-colour--salt, .category--college section.layout--newsletter-signup.background-colour--salt, .category--main section.layout--newsletter-signup.background-colour--salt {
  background-color: #f0f3f5; }
.site--1 section.layout--newsletter-signup.background-colour--platinum, .site--2 section.layout--newsletter-signup.background-colour--platinum, .site--3 section.layout--newsletter-signup.background-colour--platinum, .site--4 section.layout--newsletter-signup.background-colour--platinum, .category--college section.layout--newsletter-signup.background-colour--platinum, .category--main section.layout--newsletter-signup.background-colour--platinum {
  background-color: #e4e9ec; }

/*
=== FEATURED CONTENT BLOCK ===
*/
.block--featured_content .block__image {
  width: 100%;
  margin-bottom: 3.2rem;
  text-align: center; }

.block__image.size-100 img {
  width: 100%; }

.block__image.size-900 img {
  width: 90%; }

.block__image.size-80 img {
  width: 80%; }

.block__image.size-70 img {
  width: 70%; }

.block__image.size-60 img {
  width: 60%; }

.block__image.size-50 img {
  width: 50%; }

.block__image.size-40 img {
  width: 40%; }

.block--featured_content .block__text {
  width: 100%; }

.block--featured_content--left .block__image {
  float: left;
  margin-right: 1.6rem; }

.block--featured_content--left .block__text {
  float: right; }

.block--featured_content--right .block__image {
  float: right;
  margin-left: 1.6rem; }

.block--featured_content--right .block__text {
  float: left; }

.wysiwyg ul.inline_list {
  margin-top: 0; }

section.layout--featured-content.full-width-block {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    section.layout--featured-content.full-width-block {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  section.layout--featured-content.full-width-block .block--featured_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto; }

@media screen and (min-width: 601px) {
  .block--featured_content .block__image {
    width: calc(50% - 3.2rem);
    margin-bottom: 0; }

  .block--featured_content .block__text {
    width: 50%; }

  .block--featured_content--left .block__image {
    margin-right: 3.2rem; }

  .block--featured_content--right .block__image {
    margin-left: 3.2rem; } }
/*
=== LATEST NEWS BLOCK ===
*/
section.layout--latest-news {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px; }
  @media screen and (min-width: 601px) {
    section.layout--latest-news {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  @media screen and (min-width: 601px) {
    section.layout--latest-news {
      padding-left: 54px;
      padding-right: 54px; } }

/*
=== NOTICE BLOCK ===
*/
section.layout--notice {
  background-color: #fff;
  background: transparent; }

.block--notice .block__content {
  padding: 3.2rem; }
.block--notice .block__heading img {
  float: left;
  width: 3.6rem;
  margin-right: 20px; }
.block--notice .block__heading h3 {
  clear: none;
  margin-bottom: 3.2rem; }
.block--notice ul, .block--notice ol {
  padding-left: 0; }

.block--notice.background-colour--default .block__content {
  background-color: transparent;
  background: transparent; }

.block--notice.background-colour--white .block__content {
  background-color: #fff; }

.block--notice.background-colour--cloud .block__content {
  background-color: #f7f9fa; }

.block--notice.background-colour--salt .block__content {
  background-color: #f0f3f5; }

.block--notice.background-colour--gradient .block__content {
  background: #faefed;
  background: -moz-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: -webkit-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: linear-gradient(to right, #faefed 0%, #e8f0fa 100%); }

.block--notice.background-colour--platinum .block__content {
  background-color: #e4e9ec; }

.block--notice.background-colour--rain .block__content {
  background-color: #e6f5fc; }

.block--notice.background-colour--gradient .block__content {
  background: #faefed;
  background: -moz-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: -webkit-linear-gradient(left, #faefed 0%, #e8f0fa 100%);
  background: linear-gradient(to right, #faefed 0%, #e8f0fa 100%); }

.block--notice.background-colour--sweet-pea .block__content {
  background-color: #efebf0; }

.block--notice.background-colour--dew .block__content {
  background-color: #e6f2ee; }

.block--notice.background-colour--blush .block__content {
  background-color: #f7edeb; }

.block--notice.background-colour--glass .block__content {
  background-color: #e8f1fa; }

.block--notice.background-colour--parchment .block__content {
  background-color: #f7f3df; }

.block--notice.background-colour--cream .block__content {
  background-color: #fff4e2; }

/*
=== YOU MAY ALSO LIKE BLOCK ===
*/
section.layout--you-may-also-like {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px; }
  @media screen and (min-width: 601px) {
    section.layout--you-may-also-like {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  @media screen and (min-width: 601px) {
    section.layout--you-may-also-like {
      padding-left: 54px;
      padding-right: 54px; } }
  section.layout--you-may-also-like .card-wrapper {
    margin-bottom: 0; }
  section.layout--you-may-also-like .card--product {
    margin-bottom: 4rem; }
  section.layout--you-may-also-like .block__content {
    display: flex;
    flex-wrap: wrap; }
  section.layout--you-may-also-like .block__footer {
    text-align: center; }
    section.layout--you-may-also-like .block__footer a {
      margin-top: 2.4rem;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      font-weight: 600 !important;
      line-height: 1.2;
      border-radius: 9999px;
      background-size: auto 2rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 53%;
      overflow: hidden;
      background-color: transparent;
      white-space: nowrap;
      min-width: 18rem;
      border: 1px solid transparent;
      padding-bottom: 1.6rem;
      padding-left: 2.2rem;
      padding-right: 5rem;
      padding-top: 1.4rem;
      font-size: 2.2rem;
      line-height: 1.2;
      color: #919da5;
      background-color: transparent;
      /* background-image: url(../img/arrow-right-granite-1.svg); */
      border: 1px solid #919da5;
      margin-bottom: 2px; }
      section.layout--you-may-also-like .block__footer a:hover, section.layout--you-may-also-like .block__footer a:active, section.layout--you-may-also-like .block__footer a:focus {
        background-color: #4a575f !important;
        /* background-image: url(../img/arrow-right-white-1.svg) !important; */
        border: 1px solid transparent;
        color: #fff !important; }
      section.layout--you-may-also-like .block__footer a:hover, section.layout--you-may-also-like .block__footer a:active, section.layout--you-may-also-like .block__footer a:focus {
        border: 1px solid #4a575f !important; }
  section.layout--you-may-also-like .selling_out {
    display: none; }

@media screen and (max-width: 601px) {
  section.layout--you-may-also-like {
    padding-left: 0;
    padding-right: 0; }
    section.layout--you-may-also-like .card-wrapper {
      padding-left: 20px;
      padding-right: 20px; } }
/*
=== PERSON AND PEOPLE BLOCK ===
*/
.card--person {
  display: flex;
  position: relative;
  height: 100%;
  flex-direction: row;
  width: 100%;
  padding: 3.2rem; }

.card--person__image {
  max-width: 280px;
  width: 40%; }

.card--person__content {
  padding-left: 2.4rem;
  width: 60%; }
  .card--person__content h2 {
    font-size: 2.7rem;
    line-height: 1.072; }
  .card--person__content p {
    line-height: 1.2;
    font-size: 18px; }
    @media screen and (min-width: 900px) {
      .card--person__content p {
        font-size: 2rem; } }
  .card--person__content a:link {
    line-height: 1.2;
    font-size: 18px;
    font-weight: 500;
    color: #4a575f;
    border-bottom: none;
    background-image: url(../img/arrow-right-charcoal-1.svg);
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 70%;
    padding-right: 4rem; }
    @media screen and (min-width: 900px) {
      .card--person__content a:link {
        font-size: 2rem; } }
  .card--person__content a:focus,
  .card--person__content a:hover,
  .card--person__content a:active {
    opacity: 0.5; }

.layout--person .block__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
.layout--person .card--person {
  background-color: #f7f9fa; }

.layout--people {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .layout--people {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .layout--people .block__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .layout--people .card--person__wrapper.med-7 {
    float: left;
    display: flex;
    margin-bottom: 3.2rem;
    min-width: 1px !important; }
  .layout--people .card--person {
    background-color: #fff; }

@media screen and (max-width: 600px) {
  .layout--people .card--person__content h2,
  .layout--person .card--person__content h2 {
    margin-bottom: 1rem; }

  .layout--people .card--person__content,
  .layout--person .card--person__content {
    padding-left: 1.2rem; } }
.layout--people.background-colour--white .card--person,
.layout--people.background-colour--default .card--person {
  background-color: #f0f3f5; }

/*
=== SPLIT BLOCK (in venues post) ===
*/
.block--split {
  width: 100%;
  margin: auto;
  max-width: 1248px; }

.block--split > .column {
  width: 100%;
  float: left;
  padding: 0 1.6rem; }
  .block--split > .column .column {
    width: 100%;
    min-width: 1%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6.4rem; }

.block--split > .column:last-child .column {
  margin-bottom: 3.2rem; }

@media screen and (min-width: 601px) {
  .block--split > .column {
    width: 50%; } }
/*
=== BLOCK WYSIWYG, FORMATTED TEXT ===
*/
.layout--basic-post-listing {
  margin-bottom: 3.2rem; }
  .layout--basic-post-listing .posts_inner_wrapper {
    display: flex;
    flex-wrap: wrap; }

/*
=== TEAM MEMBERS BLOCK ===
*/
.layout--team-members {
  margin-top: 10rem; }
  .layout--team-members .columnar-wrapper-inner {
    flex-direction: column; }
  .layout--team-members .block--team_members {
    margin-left: auto;
    margin-right: auto; }
    .layout--team-members .block--team_members h2 {
      font-size: 4.8rem;
      line-height: 1.072;
      color: #4a575f;
      font-weight: 400;
      margin-bottom: 3.2rem; }
    .layout--team-members .block--team_members .team_member .columnar-wrapper-inner {
      border-top: 1px solid #d3dade;
      display: flex;
      padding-top: 6.4rem;
      margin-top: 1.8rem; }
    .layout--team-members .block--team_members .team_member .image img {
      width: 176px;
      min-width: 176px;
      margin-right: 3.2rem;
      margin-bottom: 2.8rem; }
    .layout--team-members .block--team_members .team_member .text h3 {
      font-size: 3.6rem;
      line-height: 1.072; }
    .layout--team-members .block--team_members .team_member .text span {
      font-size: 3rem;
      line-height: 1.125;
      font-weight: 400;
      display: block;
      margin-bottom: 2.4rem; }

@media screen and (min-width: 601px) {
  .layout--team-members .columnar-wrapper-inner {
    flex-direction: row; } }
/*
=== "NEWS" LISTING TEMPLATE ===
*/
.page-template-news-listing .hero + .content section:first-of-type {
  margin-top: 0; }
.page-template-news-listing .load_more_wrapper {
  text-align: right; }
  .page-template-news-listing .load_more_wrapper button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    /* background-image: url(../img/arrow-right-granite-1.svg); */
    border: 1px solid #919da5; }
    .page-template-news-listing .load_more_wrapper button:hover, .page-template-news-listing .load_more_wrapper button:active, .page-template-news-listing .load_more_wrapper button:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .page-template-news-listing .load_more_wrapper button:hover, .page-template-news-listing .load_more_wrapper button:active, .page-template-news-listing .load_more_wrapper button:focus {
      border: 1px solid #4a575f !important; }

@media screen and (min-width: 768px) {
  .page-template-news-listing .featured-post-column {
    width: 100%; }
  .page-template-news-listing .featured_post .card--generic {
    margin-bottom: 3.2rem; }
  .page-template-news-listing .featured_post .card--generic a .card--generic_img {
    width: 75%;
    padding-top: 50%; }
  .page-template-news-listing .featured_post .card--generic a .card--generic_tag {
    margin-right: 50%; }
  .page-template-news-listing .featured_post .card--generic a .arrow-box {
    margin-top: -6rem;
    z-index: 1;
    margin-left: calc(50% - 6rem); }
  .page-template-news-listing .featured_post .card--generic a .card__content {
    margin-top: -20rem;
    min-height: 21rem;
    background: #fff;
    width: 50%;
    margin-left: auto; }
  .page-template-news-listing .featured_post .card--generic h2 {
    font-size: 3.6rem;
    line-height: 1.072; }
  .page-template-news-listing .featured_post .card--generic p, .page-template-news-listing .featured_post span {
    font-size: 2.2rem;
    line-height: 1.2; } }
/*
=== DEFAULT PAGE TEMPLATE ===
*/
.page-template-default {
    /*
	main >h1 {
		text-align:center;
		margin-top:6.4rem;
	}
    */ }
  .page-template-default .layout--aside-images {
    display: block; }

@media screen and (min-width: 601px) {
  .page-template-default .layout--aside-images {
    display: block; }
    .page-template-default .layout--aside-images .layout--aside-images-inner .large-4 {
      width: 58.3%;
      max-width: 100%;
      margin-left: 0; }
      .page-template-default .layout--aside-images .layout--aside-images-inner .large-4 img {
        max-width: 216px; } }
@media screen and (min-width: 768px) {
  .page-template-default .layout--aside-images .layout--aside-images-inner .large-4 {
    width: 58.3%;
    min-width: 652px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 1024px) {
  .page-template-default .layout--aside-images {
    display: block;
    height: 0px;
    margin-top: 0; }
    .page-template-default .layout--aside-images .layout--aside-images-inner {
      width: calc((100% - 652px)/2);
      height: auto;
      margin: 0;
      padding: 0; }
      .page-template-default .layout--aside-images .layout--aside-images-inner .large-4 {
        min-width: 1px;
        width: 100%;
        max-width: 100%;
        padding-right: 3.2rem; }
        .page-template-default .layout--aside-images .layout--aside-images-inner .large-4 img {
          max-width: 100% !important; } }
@media screen and (min-width: 1142px) {
  .page-template-default .layout--aside-images .layout--aside-images-inner {
    width: 20.85%; } }

/* In-page buy btn (non-product pg) */
p.inpage-buy-btn {
  border: none;
  padding: 0;
}

.inpage-buy-btn .woocommerce-Price-amount {
  margin-right: 10px;
  font-weight: 600;
}

.inpage-buy-btn a.added_to_cart {
  font-style: italic;
  font-size: medium;
}

.inpage-buy-btn a.add_to_cart_button {
  color: #f15b40;
}

.add-to-cart-inpage-btn a {
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: #00a77e;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    margin-top: 1.2rem;
}

add-to-cart-inpage-btn a:hover,
add-to-cart-inpage-btn a:active,
add-to-cart-inpage-btn a:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important;
}

/* Soundcloud embed */

.soundcloud-iframe-wrap {
  margin-bottom: 40px;
}

.soundcloud-iframe {
  height: auto !important;
}

.soundcloud-iframe-wrap .iframe-wrap {
  padding-bottom: 200px;
}

/*
=== CONTENT GRID SECTION ===
*/
.layout--content-grid {
  padding-top: 0 !important; }
  .layout--content-grid .block__content {
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -3.2rem; }

/*
=== CARD PRODUCT ===
// 'cards' for courses, publications etc
*/
.card--product {
  width: 100%;
  background: #fff;
  background-color: #fff;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07); }
  .card--product a:link,
  .card--product a:hover,
  .card--product a:focus {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
    border-bottom: none;
    text-decoration: none;
    color: #3a444a; }
    .card--product a:link h2,
    .card--product a:hover h2,
    .card--product a:focus h2 {
      color: #4a575f;
      margin-bottom: 0.8rem;
      border-bottom: none;
      text-decoration: none; }
    .card--product a:link div,
    .card--product a:link p,
    .card--product a:link span,
    .card--product a:hover div,
    .card--product a:hover p,
    .card--product a:hover span,
    .card--product a:focus div,
    .card--product a:focus p,
    .card--product a:focus span {
      color: #3a444a;
      font-weight: 400;
      border-bottom: none;
      text-decoration: none; }
  .card--product .card__image {
    position: relative; }
    .card--product .card__image .tag {
      position: absolute;
      top: 0;
      right: 16px;
      min-width: 68px;
      max-width: 78px;
      height: auto;
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat;
      font-size: 12px;
      line-height: 1.142;
      font-weight: 600;
      text-transform: uppercase;
      text-align: center;
      color: #fff;
      padding: 5px;
      padding-top: 0.8rem;
      padding-bottom: 2rem; }
    .card--product .card__image img {
      display: block;
      max-width: 100%; }
    .card--product .card__image .category {
      display: block;
      font-size: 1.4rem;
      line-height: 1.142;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 24px;
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: #4a575f; }
  .card--product .card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.2rem;
    padding-bottom: 0;
    display: block; }
    .card--product .card__content h2 {
      font-size: 2.7rem;
      line-height: 1.072;
      line-height: 1.1;
      transition: color 0.3s ease-out;
      -moz-transition: color 0.3s ease-out;
      -webkit-transition: color 0.3s ease-out;
      -o-transition: color 0.3s ease-out; }
      .card--product .card__content h2 span {
        display: inline-block;
        width: 5rem;
        height: 2rem;
        background-size: auto 2rem;
        background-repeat: no-repeat;
        background-position: left center;
        text-indent: -1000px;
        overflow: hidden; }
    .card--product .card__content p {
      line-height: 1.2;
      font-size: 18px; }
      @media screen and (min-width: 900px) {
        .card--product .card__content p {
          font-size: 2rem; } }
  .card--product .card__footer {
    font-size: 2.2rem;
    line-height: 1.2;
    padding: 2.2rem;
    padding-top: 0;
    margin-top: auto; }
    .card--product .card__footer .price {
      display: block;
      width: 100%;
      margin-bottom: 2rem;
      padding-right: 2.8rem;
      line-height: 3rem;
      font-size: 1.8rem;
      line-height: 1.5;
      font-weight: 600; }
      .card--product .card__footer .price span.amount {
        font-size: 2.2rem;
        line-height: 1.2;
        font-weight: 600; }
        .card--product .card__footer .price span.amount .woocommerce-Price-currencySymbol {
          font-weight: 600; }
      .card--product .card__footer .price ins {
        text-decoration: none; }
      .card--product .card__footer .price del {
        text-decoration: none; }
        .card--product .card__footer .price del span.amount {
          position: relative;
          display: inline-block;
          font-size: 1.8rem;
          line-height: 1.5;
          color: #4a575f;
          font-weight: 400; }
          .card--product .card__footer .price del span.amount .woocommerce-Price-currencySymbol {
            font-weight: 400;
            color: #919da5; }
        .card--product .card__footer .price del span.amount::after {
          position: absolute;
          content: "";
          left: 0;
          top: 50%;
          right: 0;
          border-top: 1px solid;
          border-color: #828f97;
          -webkit-transform: rotate(-15deg);
          -moz-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
          -o-transform: rotate(-15deg);
          transform: rotate(-15deg); }
    .card--product .card__footer .product__rating {
      width: 92px;
      background-size: 92px;
      background-repeat: no-repeat;
      float: left;
      font-size: 2.2rem;
      line-height: 1.2;
      float: right;
      background-position: left center; }
    .card--product .card__footer .product__rating > span {
      display: block;
      float: left;
      text-indent: -1000px;
      overflow: hidden;
      background-size: 92px;
      background-repeat: no-repeat;
      font-size: 2.2rem;
      line-height: 1.2;
      background-position: left center; }
    .card--product .card__footer .card__view {
      display: inline-block;
      clear: both;
      color: #4a575f;
      font-weight: 600;
      background-size: 0.9rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 70%;
      padding-right: 3.6rem;
      background-image: url(../img/arrow-right-granite-1.svg); }
    .card--product .card__footer .selling_out {
      font-size: 1.4rem;
      line-height: 1.142; }
  .card--product a:link div.card__subfooter {
    display: block;
    background-size: 2.4rem;
    background-position: left 2.2rem top 2.2rem;
    background-repeat: no-repeat;
    padding: 2.2rem;
    background-color: #f0f3f5; }
    .card--product a:link div.card__subfooter div {
      font-size: 2.2rem;
      line-height: 1.2;
      font-weight: 600;
      margin-left: 3.8rem; }
    .card--product a:link div.card__subfooter div.selling_out {
      font-size: 1.8rem;
      line-height: 1.5; }
  .card--product .selling_out {
    font-size: 1.8rem;
    line-height: 1.5; }

.content .card--product a:link,
.content .card--product a:hover,
.content .card--product a:focus,
.content .card--product a:active {
  border-bottom: none; }
.content .card--product a:hover h2,
.content .card--product a:focus h2,
.content .card--product a:active h2 {
  color: #4a575f; }

.category--attended-courses.card--product .card__image .tag {
  background-image: url(../img/diploma-ribbon-sunset.svg); }

.tag--adv-cpd {
  background-image: url(../img/diploma-ribbon-raspberry.svg)!important;
}

.category--attended-courses.card--product .card__image .category {
  background-color: #f15b40; }
.category--attended-courses.card--product .card__content h2 span {
  background-image: url(../img/new-flash-sunset-72-px.svg); }
.category--attended-courses.card--product .card__footer .card__view {
  color: #f15b40;
  background-image: url(../img/arrow-right-sunset-1.svg); }
.category--attended-courses.card--product a:link div.card__subfooter {
  background-image: url(../img/date-venue-sunset.svg); }
.category--attended-courses.card--product a:link div.card__subfooter div.selling_out {
  color: #f15b40; }
.category--attended-courses.card--product a:hover h2,
.category--attended-courses.card--product a:focus h2,
.category--attended-courses.card--product a:active h2 {
  color: #f15b40; }
.category--attended-courses.card--product a:hover div.card__subfooter div.selling_out,
.category--attended-courses.card--product a:focus div.card__subfooter div.selling_out,
.category--attended-courses.card--product a:active div.card__subfooter div.selling_out {
  color: #f15b40; }
.category--attended-courses.card--product .card__footer .product__rating {
  background-image: url(../img/five-stars-outline-sunset.svg); }
.category--attended-courses.card--product .card__footer .product__rating > span {
  background-image: url(../img/five-stars-sunset.svg); }
.category--attended-courses.card--product .selling_out {
  color: #f15b40 !important; }

.category--online-courses.card--product .card__image .tag {
  background-image: url(../img/diploma-ribbon-sapphire.svg); }
.category--online-courses.card--product .card__image .category {
  background-color: #196bac; }
.category--online-courses.card--product .card__content h2 span {
  background-image: url(../img/new-flash-sapphire-72-px.svg); }
.category--online-courses.card--product .card__footer .card__view {
  color: #196bac;
  background-image: url(../img/arrow-right-sapphire-1.svg); }
.category--online-courses.card--product a:link div.card__subfooter div.selling_out {
  color: #196bac; }
.category--online-courses.card--product a:hover h2,
.category--online-courses.card--product a:focus h2,
.category--online-courses.card--product a:active h2 {
  color: #196bac; }
.category--online-courses.card--product a:hover div.card__subfooter div.selling_out,
.category--online-courses.card--product a:focus div.card__subfooter div.selling_out,
.category--online-courses.card--product a:active div.card__subfooter div.selling_out {
  color: #196bac; }
.category--online-courses.card--product .card__footer .product__rating {
  background-image: url(../img/five-stars-outline-sapphire.svg); }
.category--online-courses.card--product .card__footer .product__rating > span {
  background-image: url(../img/five-stars-sapphire.svg); }
.category--online-courses.card--product .selling_out {
  color: #196bac !important; }

.category--diploma.card--product .card__image .tag {
  background-image: url(../img/diploma-ribbon-jade.svg); }
.category--diploma.card--product .card__image .category {
  background-color: #00a77e; }
.category--diploma.card--product .card__content h2 span {
  background-image: url(../img/new-flash-jade-72-px.svg); }
.category--diploma.card--product .card__footer .card__view {
  color: #00a77e;
  background-image: url(../img/arrow-right-jade-1.svg); }
.category--diploma.card--product a:link div.card__subfooter {
  background-image: url(../img/date-venue-jade.svg); }
.category--diploma.card--product a:link div.card__subfooter div.selling_out {
  color: #00a77e; }
.category--diploma.card--product a:hover h2,
.category--diploma.card--product a:focus h2,
.category--diploma.card--product a:active h2 {
  color: #00a77e; }
.category--diploma.card--product a:hover div.card__subfooter div.selling_out,
.category--diploma.card--product a:focus div.card__subfooter div.selling_out,
.category--diploma.card--product a:active div.card__subfooter div.selling_out {
  color: #00a77e; }
.category--diploma.card--product .card__footer .product__rating {
  background-image: url(../img/five-stars-outline-jade.svg); }
.category--diploma.card--product .card__footer .product__rating > span {
  background-image: url(../img/five-stars-jade.svg); }
.category--diploma.card--product .selling_out {
  color: #00a77e !important; }

/*
=== CARD GENERIC ===
// The 'cards' with photo, tag, animated arrow etc.
// see card.php and grid-card.php for examples
*/
.card--generic {
  width: 100%;
  background: transparent;
  background-color: transparent; }
  .card--generic a {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
    border-bottom: none;
    color: #3a444a;
    text-decoration: none;
    min-height: 1px; }
    .card--generic a * {
      pointer-events: none; }
    .card--generic a .card--generic_img {
      width: 100%;
      padding-top: 75%;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #f7f9fa;
      min-height: 1px; }
    .card--generic a .card--generic_tag {
      position: absolute;
      display: flex;
      flex-direction: column;
      height: 3.6rem;
      top: -3.6rem;
      right: 0;
      color: #fff;
      font-size: 1.4rem;
      line-height: 1.142;
      font-weight: 600;
      text-transform: uppercase;
      padding: 0 2.4rem;
      align-items: center;
      justify-content: center; }
    .card--generic a .arrow-box {
      width: 6rem;
      height: 6rem;
      overflow: hidden; }
      .card--generic a .arrow-box .box-arrow {
        width: 6rem;
        height: 6rem;
        background-image: url(../img/arrow-right-white-1.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.4rem; }
    .card--generic a .card__content {
      background-color: #fff;
      margin-top: -12rem;
      margin-left: 6rem;
      padding: 2.4rem;
      padding-right: 0;
      position: relative;
      min-height: 13rem; }
    .card--generic a h2 {
      color: #4a575f;
      margin-bottom: 0.8rem;
      font-size: 2.7rem;
      line-height: 1.072;
      transition: color 0.3s ease-out;
      -moz-transition: color 0.3s ease-out;
      -webkit-transition: color 0.3s ease-out;
      -o-transition: color 0.3s ease-out;
      text-decoration: none; }
    .card--generic a div,
    .card--generic a p,
    .card--generic a span {
      color: #3a444a;
      font-weight: 400;
      line-height: 1.2;
      font-size: 18px;
      text-decoration: none;
      margin-bottom: 0; }
      @media screen and (min-width: 900px) {
        .card--generic a div,
        .card--generic a p,
        .card--generic a span {
          font-size: 2rem; } }
  .card--generic a:hover .arrow-box,
  .card--generic a:focus .arrow-box {
    width: 6rem;
    height: 6rem;
    background-color: #4a575f; }

.card--generic.size-double .card--generic_img {
  padding-top: 50%; }
.card--generic.size-double h2 {
  font-size: 3.6rem;
  line-height: 1.2; }
.card--generic.size-double p {
  font-size: 2.2rem;
  line-height: 1.2; }

.site--1 .card--generic_tag,
.site--1 .arrow-box {
  background: #14b1e7; }

.site--2 .card--generic_tag,
.site--2 .arrow-box {
  background: #00a77e; }

.site--3 .card--generic_tag,
.site--3 .arrow-box {
  background: #b12a30; }

.site--4 .card--generic_tag,
.site--4 .arrow-box {
  background: #db5c2c; }

.block--latest_news .card_highlight-- .card--generic_tag,
.block--latest_news .card_highlight-- .arrow-box {
  background: #14b1e7; }
.block--latest_news .card_highlight-- a:hover h2,
.block--latest_news .card_highlight-- a:focus h2 {
  color: #14b1e7; }

.category--news .card--generic_tag,
.category--news .arrow-box {
  background: #14b1e7; }
.category--news a:hover h2,
.category--news a:focus h2 {
  color: #14b1e7; }

.category--article .card--generic_tag,
.category--article .arrow-box, .category--news .card--generic_tag,
.category--news .arrow-box {
  background: #14b1e7; }
.category--article a:hover h2,
.category--article a:focus h2, .category--news a:hover h2,
.category--news a:focus h2 {
  color: #14b1e7; }

.category--insights .card--generic_tag,
.category--insights .arrow-box {
  background: #196bac; }
.category--insights a:hover h2,
.category--insights a:focus h2 {
  color: #196bac; }

.category--research .card--generic_tag,
.category--research .arrow-box {
  background: #14b1e7; }
.category--research a:hover h2,
.category--research a:focus h2 {
  color: #14b1e7; }

.category--case-study .card--generic_tag,
.category--case-study .arrow-box, .category--success-stories .card--generic_tag,
.category--success-stories .arrow-box {
  background: #00a77e; }
.category--case-study a:hover h2,
.category--case-study a:focus h2, .category--success-stories a:hover h2,
.category--success-stories a:focus h2 {
  color: #00a77e; }

/*

.block--post_listing {
  .type--post {
    .card--generic_tag,
    .arrow-box {
      background: $sky;
    }
    a:hover,
    a:focus {
      h2 {
        color: $sky;
      }
    }
    .category--insights {
      .card--generic_tag,
      .arrow-box {
        background: $sapphire;
      }
      a:hover,
      a:focus {
        h2 {
          color: $sapphire;
        }
      }
    }
  }
  .type--research {
    .card--generic_tag,
    .arrow-box {
      background: $sky;
    }
    a:hover,
    a:focus {
      h2 {
        color: $sky;
      }
    }
  }
  .type--case_studies {
    .card--generic_tag,
    .arrow-box {
      background: $jade;
    }
    a:hover,
    a:focus {
      h2 {
        color: $jade;
      }
    }
  }
}


*/
.card_highlight--sapphire .card--generic_tag,
.card_highlight--sapphire .arrow-box {
  background: #196bac; }
.card_highlight--sapphire a:hover h2,
.card_highlight--sapphire a:focus h2 {
  color: #196bac; }

.card_highlight--sunset .card--generic_tag,
.card_highlight--sunset .arrow-box {
  background: #f15b40; }
.card_highlight--sunset a:hover h2,
.card_highlight--sunset a:focus h2 {
  color: #f15b40; }

.card_highlight--sky .card--generic_tag,
.card_highlight--sky .arrow-box {
  background: #14b1e7; }
.card_highlight--sky a:hover h2,
.card_highlight--sky a:focus h2 {
  color: #14b1e7; }

.card_highlight--burgundy .card--generic_tag,
.card_highlight--burgundy .arrow-box {
  background: #b12a30; }
.card_highlight--burgundy a:hover h2,
.card_highlight--burgundy a:focus h2 {
  color: #b12a30; }

.card_highlight--burnt .card--generic_tag,
.card_highlight--burnt .arrow-box {
  background: #db5c2c; }
.card_highlight--burnt a:hover h2,
.card_highlight--burnt a:focus h2 {
  color: #db5c2c; }

.card_highlight--jade .card--generic_tag,
.card_highlight--jade .arrow-box {
  background: #00a77e; }
.card_highlight--jade a:hover h2,
.card_highlight--jade a:focus h2 {
  color: #00a77e; }

.card_highlight--crimson .card--generic_tag,
.card_highlight--crimson .arrow-box {
  background: #dd3240; }
.card_highlight--crimson a:hover h2,
.card_highlight--crimson a:focus h2 {
  color: #dd3240; }

/*
=== PRODUCT FACTFILE ===
*/
section.layout--factfile {
  z-index: 1;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  height: auto;
  float: left; }
  section.layout--factfile .column {
    position: relative;
    top: 0; }

.block--factfile.large-4 {
  max-width: 652px; }

.category--free-courses .factfile__wrapper .purchase .cart button {
  margin-top: 0; }

.factfile__wrapper {
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
  background: rgba(12, 12, 12, 0.2);
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  margin-top: 0;
  background: #fff;
  padding: 32px;
  padding-top: 40px;
  position: relative;
  /* lower */ }
  .factfile__wrapper .factfile {
    width: 100%;
    float: left; }
  .factfile__wrapper .purchase {
    width: 100%;
    float: left; }
  .factfile__wrapper .factfile_tag {
    min-width: 68px;
    max-width: 78px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 32px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 1.142;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding-top: 1rem; }
    .factfile__wrapper .factfile_tag a {
      display: block;
      padding: 0.5rem;
      padding-top: 0;
      padding-bottom: 2rem;
      color: #fff;
      border-bottom: none;
      font-weight: 600; }
  .factfile__wrapper h3::after {
    height: 8px;
    display: block;
    width: 72px;
    margin-top: 20px;
    content: ""; }
  .factfile__wrapper p.factfile__description {
    font-size: 2.7rem;
    line-height: 1.3; }
  .factfile__wrapper .factfile_rating .star-rating {
    width: 92px;
    height: 18px;
    background-size: 92px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 26px; }
  .factfile__wrapper .factfile_rating .star-rating > span {
    display: inline-block;
    height: 18px;
    text-indent: -1000px;
    overflow: hidden;
    background-size: 92px;
    background-repeat: no-repeat; }
  .factfile__wrapper .factfile_rating a.woocommerce-review-link {
    display: block;
    float: left;
    clear: none;
    margin-left: 12px;
    font-size: 18px;
    line-height: 18px; }
  .factfile__wrapper ul.factfile_information {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 18px; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper ul.factfile_information {
        font-size: 2rem; } }
    .factfile__wrapper ul.factfile_information li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-image: none; }
    .factfile__wrapper ul.factfile_information p {
      line-height: 1.2;
      font-size: 18px; }
      @media screen and (min-width: 900px) {
        .factfile__wrapper ul.factfile_information p {
          font-size: 2rem; } }
  .factfile__wrapper h4.special_offer {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .factfile__wrapper ul.pricing_highlights {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 18px; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper ul.pricing_highlights {
        font-size: 2rem; } }
    .factfile__wrapper ul.pricing_highlights li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-image: none; }
      .factfile__wrapper ul.pricing_highlights li .prefix {
        font-weight: 600; }
      .factfile__wrapper ul.pricing_highlights li .old_price {
        font-size: 1.6rem;
        line-height: 1.142;
        position: relative;
        display: inline-block;
        color: #4a575f; }
      .factfile__wrapper ul.pricing_highlights li .old_price::before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: #828f97;
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        transform: rotate(-15deg); }
      .factfile__wrapper ul.pricing_highlights li .current_price {
        font-weight: 600; }
      .factfile__wrapper ul.pricing_highlights li .prefix:last-of-type {
        font-size: 1.6rem;
        line-height: 1.142;
        font-weight: 400; }
  .factfile__wrapper p.pricing_note {
    font-size: 1.4rem;
    line-height: 1.142;
    margin-top: 1.4rem; }
  .factfile__wrapper .purchase {
    line-height: 1.2;
    font-size: 18px;
    border-top: 1px solid #d3dade;
    padding-top: 2.4rem;
    margin-top: 2.4rem; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper .purchase {
        font-size: 2rem; } }
    .factfile__wrapper .purchase h3::after {
      height: 8px;
      display: block;
      width: 72px;
      background-color: #cae8de;
      margin-top: 20px;
      content: ""; }
    .factfile__wrapper .purchase h4 {
      font-size: 2.4rem;
      line-height: 1.072;
      font-weight: 400; }
    .factfile__wrapper .purchase input {
      line-height: 1.2;
      font-size: 18px; }
      @media screen and (min-width: 900px) {
        .factfile__wrapper .purchase input {
          font-size: 2rem; } }
    .factfile__wrapper .purchase .accordion__item {
      border-bottom: 1px solid #d3dade; }
    .factfile__wrapper .purchase .accordion__item > button {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0;
      text-align: left;
      background-color: transparent;
      line-height: 1.2;
      font-size: 18px;
      font-weight: 600;
      padding: 10px 1.2rem;
      position: relative;
      padding-right: 40px; }
      @media screen and (min-width: 900px) {
        .factfile__wrapper .purchase .accordion__item > button {
          font-size: 2rem; } }
    .factfile__wrapper .purchase .accordion__item:first-of-type > button {
      border-top: 1px solid #d3dade; }
    .factfile__wrapper .purchase .accordion__item > button:after {
      content: "";
      display: block;
      min-width: 4rem;
      min-height: 1.2rem;
      background-image: url(../img/accordion-arrow-down.svg);
      background-size: 1.2rem;
      background-repeat: no-repeat;
      background-position: right top;
      position: absolute;
      right: 1.2rem;
      top: 1.9rem; }
    .factfile__wrapper .purchase .accordion__item .accordion__content:after {
      content: "";
      display: inline-block;
      height: 2rem;
      width: 100%;
      float: left;
      clear: both; }
    .factfile__wrapper .purchase .accordion__item .accordion__content {
      height: 0;
      overflow: hidden; }
      .factfile__wrapper .purchase .accordion__item .accordion__content button[data-max-stock|=""] {
        color: #919da5; }
      .factfile__wrapper .purchase .accordion__item .accordion__content button {
        line-height: 1.2;
        font-size: 18px;
        font-weight: 500;
        width: 100%;
        float: left;
        border-radius: 0;
        background-color: #f7f9fa;
        border-top: 1px solid #d3dade;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.2rem; }
        @media screen and (min-width: 900px) {
          .factfile__wrapper .purchase .accordion__item .accordion__content button {
            font-size: 2rem; } }
        .factfile__wrapper .purchase .accordion__item .accordion__content button span {
          display: inline-block;
          float: right;
          text-transform: uppercase;
          font-size: 12px;
          line-height: 1.142;
          font-weight: 600; }
      .factfile__wrapper .purchase .accordion__item .accordion__content button:hover,
      .factfile__wrapper .purchase .accordion__item .accordion__content button:focus,
      .factfile__wrapper .purchase .accordion__item .accordion__content button:active {
        background-color: #e4e9ec; }
      .factfile__wrapper .purchase .accordion__item .accordion__content a {
        font-size: 12px;
        line-height: 1.142; }
    .factfile__wrapper .purchase a.single_add_to_cart_button {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      font-weight: 600 !important;
      line-height: 1.2;
      border-radius: 9999px;
      background-size: auto 2rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 53%;
      overflow: hidden;
      background-color: transparent;
      white-space: nowrap;
      min-width: 18rem;
      border: 1px solid transparent;
      padding-bottom: 1.6rem;
      padding-left: 2.2rem;
      padding-right: 5rem;
      padding-top: 1.4rem;
      font-size: 2.2rem;
      line-height: 1.2;
      color: #fff !important;
      /* background-image: url(../img/arrow-right-white-1.svg); */
      background-color: #00a77e; }
      .factfile__wrapper .purchase a.single_add_to_cart_button:hover, .factfile__wrapper .purchase a.single_add_to_cart_button:active, .factfile__wrapper .purchase a.single_add_to_cart_button:focus {
        background-color: #4a575f !important;
        /* background-image: url(../img/arrow-right-white-1.svg) !important; */
        border: 1px solid transparent;
        color: #fff !important; }
    .factfile__wrapper .purchase .cart button {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      font-weight: 600 !important;
      line-height: 1.2;
      border-radius: 9999px;
      background-size: auto 2rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 53%;
      overflow: hidden;
      background-color: transparent;
      white-space: nowrap;
      min-width: 18rem;
      border: 1px solid transparent;
      padding-bottom: 1.6rem;
      padding-left: 2.2rem;
      padding-right: 5rem;
      padding-top: 1.4rem;
      font-size: 2.2rem;
      line-height: 1.2;
      color: #fff !important;
		margin-bottom: 15px;
      /* background-image: url(../img/arrow-right-white-1.svg); */
      margin-top: 3rem;
      width: 100%;
      text-align: left; }
      .factfile__wrapper .purchase .cart button:hover, .factfile__wrapper .purchase .cart button:active, .factfile__wrapper .purchase .cart button:focus {
        background-color: #4a575f !important;
        /* background-image: url(../img/arrow-right-white-1.svg) !important; */
        border: 1px solid transparent;
        color: #fff !important; }
    .factfile__wrapper .purchase input.qty {
      line-height: 1.2;
      font-size: 18px;
      font-weight: 500;
      width: 6rem;
      float: left;
      border-radius: 0;
      background-color: transparent;
      text-align: left;
      padding: 4px;
      border: 1px solid #d3dade; }
      @media screen and (min-width: 900px) {
        .factfile__wrapper .purchase input.qty {
          font-size: 2rem; } }
    .factfile__wrapper .purchase input.qty:focus {
      border-color: #f15b40; }
  .factfile__wrapper .special_variation_selected h4 {
    padding-top: 3rem;
    font-weight: 600; }
  .factfile__wrapper .special_variation_selected label {
    padding-top: 3.4rem;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 1.2rem;
    display: block;
    float: left;
    clear: both;
    padding-right: 1.4rem; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper .special_variation_selected label {
        font-size: 2rem; } }
  .factfile__wrapper .special_variation_selected input, .factfile__wrapper .special_variation_selected input:disabled {
    line-height: 1.2;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    float: left;
    border-radius: 0;
    background-color: transparent;
    text-align: left;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    opacity: 1;
    color: #3a444a; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper .special_variation_selected input, .factfile__wrapper .special_variation_selected input:disabled {
        font-size: 2rem; } }
  .factfile__wrapper .special_variation_selected select {
    line-height: 1.2;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    float: left;
    border-radius: 0;
    background-color: transparent;
    text-align: left;
    border: 1px solid #d3dade;
    min-width: 6rem;
    padding: 0.4rem; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper .special_variation_selected select {
        font-size: 2rem; } }
    .factfile__wrapper .special_variation_selected select option {
      line-height: 1.2;
      font-size: 18px;
      font-weight: 500;
      padding: 0; }
      @media screen and (min-width: 900px) {
        .factfile__wrapper .special_variation_selected select option {
          font-size: 2rem; } }
  .factfile__wrapper .special_variation_selected select:hover,
  .factfile__wrapper .special_variation_selected select:focus {
    border-color: #f15b40; }
  .factfile__wrapper .special_variation_selected .quantity {
    line-height: 1.2;
    font-size: 18px;
    font-weight: 400;
    padding-top: 3rem; }
    @media screen and (min-width: 900px) {
      .factfile__wrapper .special_variation_selected .quantity {
        font-size: 2rem; } }
  .factfile__wrapper .special_variation_selected .total-price {
    padding-top: 3rem;
    font-weight: 600; }

.category--free-courses
.layout--factfile
.factfile__wrapper
.purchase
.quantity,
.category--free-courses
.layout--factfile
.factfile__wrapper
.purchase
#price
label {
  display: none !important; }


.factfile__wrapper .special_variations [data-js="set-date"] {
    display: block;
  	margin-top: 3px;
}

.factfile__wrapper .special_variations [data-js="set-date"].active {
  background-color: #00a77e;
}
/*
  .locations-dates [data-js="set-date"] {
  	display: block;
  	margin-top: 3px;
  }
  .locations-dates [data-js="set-date"].active {
  	background-color: #00a77e;
  }
*/

.no-variation-selected {
  display: block;
  font-size: 1.4rem;
  line-height: 1.142;
  color: #f15b40;
  margin-top: 2rem;
  margin-bottom: -2rem; }

@media screen and (min-width: 840px) {
  section.layout--factfile {
    margin-top: -7.4rem; } }
@media screen and (min-width: 1024px) {
  section.layout--factfile {
    height: 0;
    margin-top: 0; }
    section.layout--factfile .block--factfile.large-4 {
      max-width: 33.3%; }
    section.layout--factfile .factfile__wrapper .factfile {
      width: 100%;
      float: left;
      padding-right: 0; }
    section.layout--factfile .factfile__wrapper .purchase {
      width: 100%;
      float: left;
      padding-left: 0; }
    section.layout--factfile .column {
      position: absolute;
      right: 0;
      top: -8.4rem; } }
.category--attended-courses .factfile__wrapper .factfile_rating .star-rating {
  background-image: url(../img/five-stars-outline-sunset.svg); }
.category--attended-courses .factfile__wrapper .factfile_rating .star-rating > span {
  background-image: url(../img/five-stars-sunset.svg); }
.category--attended-courses .factfile_tag {
  background-image: url(../img/diploma-ribbon-sunset.svg); }
.category--attended-courses h4.special_offer {
  color: #f15b40; }
.category--attended-courses .factfile__wrapper ul.pricing_highlights li .current_price {
  color: #f15b40; }
.category--attended-courses .accordion__content button[data-max-stock|=""] span {
  color: #f15b40; }
.category--attended-courses .special_variation_selected h4 {
  color: #f15b40; }
.category--attended-courses .factfile__wrapper .special_variation_selected .total-price span {
  color: #f15b40; }
.category--attended-courses .factfile__wrapper .special_variation_selected label {
  float: left; }
.category--attended-courses .factfile__wrapper .special_variation_selected .quantity {
  float: left; }

.category--online-courses .factfile__wrapper .factfile_rating .star-rating {
  background-image: url(../img/five-stars-outline-sapphire.svg); }
.category--online-courses .factfile__wrapper .factfile_rating .star-rating > span {
  background-image: url(../img/five-stars-sapphire.svg); }
.category--online-courses .factfile_tag {
  background-image: url(../img/diploma-ribbon-sapphire.svg); }
.category--online-courses h4.special_offer {
  color: #196bac; }
.category--online-courses .factfile__wrapper ul.pricing_highlights li .current_price {
  color: #196bac; }
.category--online-courses .accordion__content button[data-max-stock|=""] span {
  color: #196bac; }
.category--online-courses .special_variation_selected h4 {
  color: #196bac; }
.category--online-courses .factfile__wrapper .special_variation_selected .total-price span {
  color: #196bac; }
.category--online-courses .layout--factfile .factfile__wrapper .purchase {
  border-top: none;
  padding-top: 0; }
  .category--online-courses .layout--factfile .factfile__wrapper .purchase p.price {
    display: none; }
  .category--online-courses .layout--factfile .factfile__wrapper .purchase #price label {
    float: left;
    padding-right: 1.4rem;
    padding-top: 5px; }
  .category--online-courses .layout--factfile .factfile__wrapper .purchase .quantity {
    margin-top: 0; }
.category--online-courses .layout--factfile .factfile__wrapper .purchase > span {
  display: none; }

.category--diploma .factfile__wrapper .factfile_rating .star-rating {
  background-image: url(../img/five-stars-outline-jade.svg); }
.category--diploma .factfile__wrapper .factfile_rating .star-rating > span {
  background-image: url(../img/five-stars-jade.svg); }
.category--diploma .factfile_tag {
  background-image: url(../img/diploma-ribbon-jade.svg); }
.category--diploma h4.special_offer {
  color: #00a77e; }
.category--diploma .factfile__wrapper ul.pricing_highlights li .current_price {
  color: #00a77e; }
.category--diploma .accordion__content button[data-max-stock|=""] span {
  color: #00a77e; }
.category--diploma .special_variation_selected h4 {
  color: #00a77e; }
.category--diploma .factfile__wrapper .special_variation_selected .total-price span {
  color: #00a77e; }

.site--1 .factfile__wrapper .purchase .cart button {
  background-color: #14b1e7; }

.site--2 .factfile__wrapper .purchase .cart button {
  background-color: #00a77e; }

.site--3 .factfile__wrapper .purchase .cart button {
  background-color: #b12a30; }

.site--4 .factfile__wrapper .purchase .cart button {
  background-color: #db5c2c; }

.category--attended-courses .factfile__wrapper h3::after {
  background-color: rgba(255, 102, 51, 0.25); }

.category--online-courses .factfile__wrapper h3::after {
  background-color: rgba(0, 102, 153, 0.25); }

.category--diploma .factfile__wrapper h3::after {
  background-color: rgba(0, 153, 102, 0.25); }

.factfile__wrapper #ppcp-messages {
	margin-top: 10px;}

/*
=== SIDEBAR - product pages beneath factfile ===
*/
.sidebar {
  display: none; }

@media screen and (min-width: 1024px) {
  .sidebar {
    display: block; }
    .sidebar .cta_wrapper a.cta--background,
    .sidebar .cta_wrapper a.cta--background:link {
      background-size: cover; }
    .sidebar section.cta_wrapper {
      margin-top: 4.8rem;
      margin-bottom: 0; }
      .sidebar section.cta_wrapper a,
      .sidebar section.cta_wrapper a:link {
        padding: 3.2rem;
        min-height: 300px; }
      .sidebar section.cta_wrapper .card--generic a,
      .sidebar section.cta_wrapper .card--generic a:link {
        padding: 0; }
      .sidebar section.cta_wrapper h2,
      .sidebar section.cta_wrapper p {
        width: 100%; }
      .sidebar section.cta_wrapper h2.cta_heading--h2,
      .sidebar section.cta_wrapper h2.cta_heading--serif-h2,
      .sidebar section.cta_wrapper h2.cta_heading--sans-h2 {
        font-size: 3.6rem;
        line-height: 1.072; }
      .sidebar section.cta_wrapper h2,
      .sidebar section.cta_wrapper h2.cta_heading--h1,
      .sidebar section.cta_wrapper h2.cta_heading--serif-h1,
      .sidebar section.cta_wrapper h2.cta_heading--sans-h1 {
        font-size: 4.8rem;
        line-height: 1.072; }
      .sidebar section.cta_wrapper p {
        font-size: 2.7rem;
        line-height: 1.3;
        margin-bottom: 48px; }
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--h2,
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--serif-h2,
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--sans-h2 {
        font-size: 2.4rem;
        line-height: 1.072; }
      .sidebar section.cta_wrapper .card--generic h2,
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--h1,
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--serif-h1,
      .sidebar section.cta_wrapper .card--generic h2.cta_heading--sans-h1 {
        font-size: 2.7rem;
        line-height: 1.072; }
      .sidebar section.cta_wrapper .card--generic p {
        line-height: 1.2;
        font-size: 18px;
        margin-bottom: 0; } }
      @media screen and (min-width: 1024px) and (min-width: 900px) {
        .sidebar section.cta_wrapper .card--generic p {
          font-size: 2rem; } }
  @media screen and (min-width: 1024px) and (min-width: 480px) {
    .sidebar .cta_wrapper a,
    .sidebar .cta_wrapper a:link {
      background-size: 35%; } }
  @media screen and (min-width: 1024px) and (min-width: 480px) {
    .sidebar .cta_wrapper h2,
    .sidebar .cta_wrapper p {
      max-width: 70%; }
    .sidebar .cta_wrapper .card--generic h2,
    .sidebar .cta_wrapper .card--generic p {
      max-width: 100%; }
    .sidebar .cta_wrapper .cta--background h2,
    .sidebar .cta_wrapper .cta--background p {
      max-width: 100%; } }

/*
=== FOOTER SECTION ===
*/
footer {
  margin-top: 0;
  padding-top: 6rem;
  padding-bottom: 36px;
  background-color: #3a444a;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff; }
  footer .row {
    width: 100%;
    clear: both;
    max-width: 1248px;
    position: relative; }
  footer .column {
    background-color: transparent; }
  footer .col-inner {
    padding-left: 10px;
    padding-right: 10px; }
  footer a {
    text-decoration: none;
    border-bottom: 1px solid #fff; }
  footer a:focus,
  footer a:hover {
    color: #fff;
    border-bottom: 1px solid #fff; }
  footer h3 {
    color: #fff;
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 1.2rem;
    font-weight: 600; }
  footer p {
    font-size: 2.7rem;
    line-height: 1.3;
    margin-bottom: 1.6rem; }
  footer p.tel {
    font-size: 3.2rem;
    line-height: 1.2;
    color: #0eb89a;
    margin-bottom: 0; }
  footer ul,
  footer li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  footer ul li {
    margin-top: 8px;
    line-height: 1.2;
    font-size: 18px;
    line-height: 1.2; }
    @media screen and (min-width: 900px) {
      footer ul li {
        font-size: 2rem; } }
    footer ul li a {
      text-decoration: none;
      border-bottom-color: transparent; }
    footer ul li a:focus,
    footer ul li a:hover,
    footer ul li a:active {
      border-bottom: 1px solid #fff; }

.footer-content .column {
  margin-bottom: 32px; }

.footer-menu-1 .column {
  margin-bottom: 20px; }

.footer-menu-2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .footer-menu-2 .column {
    margin-bottom: 44px; }

.footer-logos {
  margin-top: auto; }
  .footer-logos ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 0; }
  .footer-logos li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center; }
    .footer-logos li img,
    .footer-logos li img.size-full {
      margin-bottom: 0;
      width: auto;
      height: 10.2rem; }

.footer-menu-3 {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.142;
  line-height: 1.1; }
  .footer-menu-3 a {
    text-decoration: none;
    border-bottom: none; }

.footer-menu-3 ul li {
  font-size: 1.6rem;
  line-height: 1.142;
  line-height: 1.1; }

.footer-social {
  display: flex; }
  .footer-social .column {
    flex: 1;
    align-self: flex-end; }
  .footer-social li {
    float: left;
    margin-left: 20px;
    margin-top: 0; }
  .footer-social li:first-of-type {
    margin-left: 0; }
  .footer-social a {
    width: 28px;
    height: 28px;
    text-indent: -1000px;
    overflow: hidden;
    display: block;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: none;
    text-decoration: none; }
  .footer-social a:focus,
  .footer-social a:hover,
  .footer-social a:active {
    border-bottom: none;
    text-decoration: none; }
  .footer-social li:nth-child(1) a {
    background-image: url(../img/app-logo-facebook.svg); }
  .footer-social li:nth-child(2) a {
    background-image: url(../img/app-logo-twitter.svg); }
  .footer-social li:nth-child(3) a {
    background-image: url(../img/app-logo-linkedin.svg); }
  .footer-social li:nth-child(4) a {
    background-image: url(../img/app-logo-instagram.svg); }
  .footer-social li:nth-child(5) a {
    background-image: url(../img/app-logo-youtube.svg); }

a.back_to_top {
  position: fixed;
  right: 0;
  bottom: -60px;
  width: 60px;
  height: 60px;
  background-image: url(../img/back-to-top-charcoal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -1000px;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  z-index: 800000; }

a.back_to_top.opac-1 {
  bottom: 0; }

@media screen and (min-width: 601px) {
  footer {
    padding-left: 16px;
    padding-right: 16px; }
    footer .col-inner {
      padding-left: 16px;
      padding-right: 16px;
      height: 100%; } }
@media screen and (max-width: 767px) {
  .footer-r1 .large-3 {
    margin-top: 40px; }

  .footer-logos {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media screen and (min-width: 768px) {
  footer {
    padding-bottom: 24px;
    color: #fff;
    background-image: url(../img/footer-motif.svg);
    background-size: 155px;
    background-repeat: no-repeat;
    background-position: right 90px top 40%; }
    footer .row {
      display: flex;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0; }

  .footer-r1 .large-6 {
    width: 50%; }

  .footer-r1 .large-3 {
    width: 25%; }

  .footer-content .col-inner {
    display: flex;
    flex-direction: column; }

  .footer-logos {
    padding-top: 2rem; }

  .footer-social ul {
    float: right; }
  .footer-social a {
    width: 28px;
    height: 28px; }

  .footer-r3-wrapper {
    width: 100%;
    border-top: 1px solid #4a575f;
    margin-top: 6.8rem;
    padding-top: 24px; }

  .footer-menu-2 {
    margin-top: 0;
    margin-top: 0; }

  .footer-menu-3 {
    flex-grow: 1;
    flex: 1;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px; }
    .footer-menu-3 span {
      display: block;
      margin-top: 0;
      float: left;
      padding-right: 20px; }
    .footer-menu-3 ul {
      float: left; }
      .footer-menu-3 ul li {
        margin-top: 0;
        float: left;
        margin-right: 20px;
        font-size: 16px;
        line-height: 24px; }

  .footer-social {
    display: block; }
    .footer-social .col-inner {
      float: right; } }
@media screen and (min-width: 1024px) {
  footer {
    padding-left: 16px;
    padding-right: 16px; }

  .footer-r1 .large-6 {
    padding-right: 18rem; } }
@media screen and (max-width: 1348px) {
  .footer-social {
    margin-right: 24px; } }
.site--1 footer p.tel {
  color: #14b1e7 !important; }
.site--1 footer p a:hover,
.site--1 footer p a:focus,
.site--1 footer p a:active {
  color: #14b1e7;
  border-bottom-color: #14b1e7; }
.site--1 footer ul li a:focus,
.site--1 footer a:hover,
.site--1 footer a:active {
  color: #14b1e7;
  border-bottom-color: #14b1e7; }

.site--2 footer p.tel {
  color: #00a77e; }
.site--2 footer p a:hover,
.site--2 footer p a:focus,
.site--2 footer p a:active {
  color: #00a77e;
  border-bottom-color: #00a77e; }
.site--2 footer ul li a:focus,
.site--2 footer a:hover,
.site--2 footer a:active {
  color: #00a77e;
  border-bottom-color: #00a77e; }

.site--3 footer p.tel {
  color: #cc6e73; }
.site--3 footer p a:hover,
.site--3 footer p a:focus,
.site--3 footer p a:active {
  color: #cc6e73;
  border-bottom-color: #cc6e73; }
.site--3 footer ul li a:focus,
.site--3 footer a:hover,
.site--3 footer a:active {
  color: #cc6e73;
  border-bottom-color: #cc6e73; }

.site--4 footer p.tel {
  color: #db5c2c; }
.site--4 footer p a:hover,
.site--4 footer p a:focus,
.site--4 footer p a:active {
  color: #db5c2c;
  border-bottom-color: #db5c2c; }
.site--4 footer ul li a:focus,
.site--4 footer a:hover,
.site--4 footer a:active {
  color: #db5c2c;
  border-bottom-color: #db5c2c; }

/*
=== MODALS ===
*/
.modal__overlay {
  display: none; }

.modal {
  position: fixed;
  z-index: 900000;
  left: 0;
  top: 0;
  background-color: rgba(228, 233, 236, 0.9);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal .modal-inner {
    background-color: #fff;
    width: 80%;
    max-width: 59.2rem;
    padding-top: 5.4rem;
    padding-bottom: 4.4rem;
    text-align: center;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07); }
    .modal .modal-inner h2 {
      font-size: 3.6rem;
      line-height: 1.2;
      margin-bottom: 2rem;
      padding: 0 3.2rem; }
    .modal .modal-inner p {
      font-size: 2.7rem;
      line-height: 1.3;
      padding: 0 3.2rem;
      margin-bottom: 2rem;
      font-weight: 600;
      color: #4a575f; }
    .modal .modal-inner .modal__buttons {
      width: 100%;
      padding: 0 1rem;
      margin-top: 0.6rem;
      margin-left: auto;
      margin-right: auto;
      max-width: 36rem;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
      .modal .modal-inner .modal__buttons a, .modal .modal-inner .modal__buttons button {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inline-block;
        text-decoration: none;
        font-weight: 600;
        font-weight: 600 !important;
        line-height: 1.2;
        border-radius: 9999px;
        background-size: auto 2rem;
        background-repeat: no-repeat;
        background-position: right 1.8rem top 53%;
        overflow: hidden;
        background-color: transparent;
        white-space: nowrap;
        min-width: 18rem;
        border: 1px solid transparent;
        padding-bottom: 1.6rem;
        padding-left: 2.2rem;
        padding-right: 5rem;
        padding-top: 1.4rem;
        font-size: 2.2rem;
        line-height: 1.2;
        color: #fff !important;
        /* background-image: url(../img/arrow-right-white-1.svg); */
        background-color: #14b1e7;
        float: right;
        margin-top: 3.2rem;
        margin-bottom: 6.4rem;
        text-transform: uppercase;
        background-image: none;
        padding-right: 4.8rem;
        padding-left: 4.8rem;
        line-height: 1.2;
        font-size: 18px;
        margin: 1.2rem;
        width: 100%;
        background-color: #00a77e;
        align-self: flex-start;
        margin-left: auto;
        margin-right: auto;
        width: auto; }
        .modal .modal-inner .modal__buttons a:hover, .modal .modal-inner .modal__buttons a:active, .modal .modal-inner .modal__buttons a:focus, .modal .modal-inner .modal__buttons button:hover, .modal .modal-inner .modal__buttons button:active, .modal .modal-inner .modal__buttons button:focus {
          background-color: #4a575f !important;
          /* background-image: url(../img/arrow-right-white-1.svg) !important; */
          border: 1px solid transparent;
          color: #fff !important; }
        .modal .modal-inner .modal__buttons a:hover, .modal .modal-inner .modal__buttons a:active, .modal .modal-inner .modal__buttons a:focus, .modal .modal-inner .modal__buttons button:hover, .modal .modal-inner .modal__buttons button:active, .modal .modal-inner .modal__buttons button:focus {
          background-image: none !important; }
        @media screen and (min-width: 900px) {
          .modal .modal-inner .modal__buttons a, .modal .modal-inner .modal__buttons button {
            font-size: 2rem; } }

@media screen and (min-width: 1024px) {
  .modal .modal-inner {
    padding-top: 9.8rem;
    padding-bottom: 8.6rem; }
    .modal .modal-inner h2 {
      padding: 0 5.4rem;
      margin-bottom: 2rem; }
    .modal .modal-inner p {
      padding: 0 5.4rem; }
    .modal .modal-inner .modal__buttons {
      padding: 0 1.2rem;
      margin-top: 5.2rem; }
      .modal .modal-inner .modal__buttons a {
        margin: 1.2rem; }
      .modal .modal-inner .modal__buttons button {
        margin: 1.2rem; } }
.site--1 .modal .modal-inner .modal__buttons a {
  background-color: #14b1e7; }
.site--1 .modal .modal-inner .modal__buttons button {
  background-color: #14b1e7; }

.site--2 .modal .modal-inner .modal__buttons a {
  background-color: #00a77e; }
.site--2 .modal .modal-inner .modal__buttons button {
  background-color: #00a77e; }

.site--3 .modal .modal-inner .modal__buttons a {
  background-color: #b12a30; }
.site--3 .modal .modal-inner .modal__buttons button {
  background-color: #b12a30; }

.site--4 .modal .modal-inner .modal__buttons a {
  background-color: #db5c2c; }
.site--4 .modal .modal-inner .modal__buttons button {
  background-color: #db5c2c; }

/*
=== HG MAIN - SITE SPECIFIC ===
*/
.site--1 .site_header #header-row-1 {
  background-color: #14b1e7; }
.site--1 .site_header .large-4 #logo {
  background-image: url(../img/img-hg-main/human-givens-logo.svg); }
@media only screen and (min-width: 1024px) {
  .site--1 .site-main-landing {
	font-weight: 600;
    color: #14b1e7; }
    .site--1 .site-main-landing .sub-menu__wrapper.depth--0 {
      display: block; }
  .main__menu > li.site-main-landing:hover > a,
  .main__menu > li.site-main-landing.hovering > a {
    color: #14b1e7;
  }
  .site--1 .sub-menu__wrapper.depth--0,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 {
    background-color: #14b1e7; }
    .site--1 .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after,
    .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after {
      background-image: url(../img/img-hg-main/triangle-sky.svg); }
  .site--1 .sub-menu__column li:last-of-type,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 .sub-menu__column li:last-of-type {
    border-bottom: 1px solid #14b1e7; }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item {
    border-top: 1px solid #14b1e7; }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special {
    border-top: none; }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3 {
    color: #14b1e7; }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span {
    color: #14b1e7;
    background-image: url(../img/img-hg-main/arrow-sky-l.svg); }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler {
    background-image: url(../img/img-hg-main/nav-down-sky.svg); }
  .site--1 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened,
  .main__menu li.site-main-landing .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened {
    background-image: url(../img/img-hg-main/nav-up-sky.svg); } }

/*
=== HG COLLEGE - SITE SPECIFIC ===
*/
.site--2 .site_header #header-row-1, .college-template .site_header #header-row-1 {
  background-color: #00a77e; }
.site--2 .site_header .large-4 #logo, .college-template .site_header .large-4 #logo {
  background-image: url(../img/img-hg-college/college-logo.svg); }
@media only screen and (min-width: 1024px) {
  .site--2 .site-college, .college-template .site-college {
	font-weight: 600;
    color: #00a77e; }
    .site--2 .site-college .sub-menu__wrapper.depth--0, .college-template .site-college .sub-menu__wrapper.depth--0 {
      display: block; }
  .main__menu > li.site-college:hover > a,
  .main__menu > li.site-college.hovering > a {
    color: #00a77e;
  }
  .site--2 .sub-menu__wrapper.depth--0, .college-template .sub-menu__wrapper.depth--0,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 {
    background-color: #00a77e; }
    .site--2 .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after, .college-template .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after,
    .main__menu li.site-college .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after {
      background-image: url(../img/img-hg-college/triangle-jade.svg); }
  .site--2 .sub-menu__column li:last-of-type, .college-template .sub-menu__column li:last-of-type,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 .sub-menu__column li:last-of-type {
    border-bottom: 1px solid #00a77e; }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item {
    border-top: 1px solid #00a77e; }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special {
    border-top: none; }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3 {
    color: #00a77e; }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span {
    color: #00a77e;
    background-image: url(../img/img-hg-college/arrow-jade-l.svg); }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler {
    background-image: url(../img/img-hg-college/nav-down-jade.svg); }
  .site--2 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened, .college-template .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened,
  .main__menu li.site-college .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened {
    background-image: url(../img/img-hg-college/nav-up-jade.svg); } }

/*
=== HG COLLEGE - SITE SPECIFIC ===
*/
.site--3 .site_header #header-row-1 {
  background-color: #b12a30; }
.site--3 .site_header .large-4 #logo {
  background-image: url(../img/img-hg-pubs/hg-publishing-logo.svg); }
@media only screen and (min-width: 1024px) {
  .site--3 .site-publications {
	font-weight: 600;
    color: #b12a30; }
    .site--3 #menu-item-538 .sub-menu__wrapper.depth--0 {
      display: block; }
  .main__menu > li.site-publications:hover > a,
  .main__menu > li.site-publications.hovering > a {
    color: #b12a30;
  }
  .site--3 .sub-menu__wrapper.depth--0,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 {
    background-color: #b12a30; }
    .site--3 .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after,
    .main__menu li.site-publications .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after {
      background-image: url(../img/img-hg-pubs/triangle-burgundy.svg); }
  .site--3 .sub-menu__column li:last-of-type,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 .sub-menu__column li:last-of-type {
    border-bottom: 1px solid #b12a30; }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item {
    border-top: 1px solid #b12a30; }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special {
    border-top: none; }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3 {
    color: #b12a30; }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span {
    color: #b12a30;
    background-image: url(../img/img-hg-college/arrow-jade-l.svg); }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler {
    background-image: url(../img/img-hg-college/nav-down-jade.svg); }
  .site--3 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened,
  .main__menu li.site-publications .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened {
    background-image: url(../img/img-hg-college/nav-up-jade.svg); } }

/*
=== HG COLLEGE - SITE SPECIFIC ===
*/
.site--4 .site_header #header-row-1 {
  background-color: #db5c2c; }
.site--4 .site_header .large-4 #logo {
  background-image: url(../img/img-hg-foundation/hg-foundation-logo.svg); }
@media only screen and (min-width: 1024px) {
  .site--4 .site-foundation {
	font-weight: 600;
    color: #db5c2c; }
    .site--4 .site-foundation .sub-menu__wrapper.depth--0 {
      display: block; }
  .main__menu > li.site-foundation:hover > a,
  .main__menu > li.site-foundation.hovering > a {
    color: #db5c2c;
  }
  .site--4 .sub-menu__wrapper.depth--0,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 {
    background-color: #db5c2c; }
    .site--4 .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after,
    .main__menu li.site-foundation .sub-menu__wrapper.depth--0 .menu-item-has-children > a::after {
      background-image: url(../img/img-hg-foundation/triangle-burnt.svg); }
  .site--4 .sub-menu__column li:last-of-type,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 .sub-menu__column li:last-of-type {
    border-bottom: 1px solid #db5c2c; }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item {
    border-top: 1px solid #db5c2c; }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 li.menu-item.menu-item--special {
    border-top: none; }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 h3 {
    color: #db5c2c; }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 span {
    color: #db5c2c;
    background-image: url(../img/img-hg-college/arrow-jade-l.svg); }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler {
    background-image: url(../img/img-hg-college/nav-down-jade.svg); }
  .site--4 .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened,
  .main__menu li.site-foundation .sub-menu__wrapper.depth--0 li .sub-menu__wrapper.depth--1 .menu_sub_toggler.opened {
    background-image: url(../img/img-hg-college/nav-up-jade.svg); } }

/*
=== COURSE LISTING PAGE ===
*/
.college-template-product-listing .breadcrumb,
.archive .breadcrumb {
  display: block; }
.college-template-product-listing .product_listing-outer .product_listing,
.archive .product_listing-outer .product_listing {
  float: left;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.college-template-product-listing .product_listing-outer .cta--card,
.archive .product_listing-outer .cta--card {
  width: 100%; }
.college-template-product-listing .product_listing_load_more,
.archive .product_listing_load_more {
  text-align: center;
  margin-bottom: 4.8rem;
  margin-top: 4.8rem; }
  .college-template-product-listing .product_listing_load_more button,
  .archive .product_listing_load_more button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #919da5;
    background-color: transparent;
    /* background-image: url(../img/arrow-right-granite-1.svg); */
    border: 1px solid #919da5; }
    .college-template-product-listing .product_listing_load_more button:hover, .college-template-product-listing .product_listing_load_more button:active, .college-template-product-listing .product_listing_load_more button:focus,
    .archive .product_listing_load_more button:hover,
    .archive .product_listing_load_more button:active,
    .archive .product_listing_load_more button:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .college-template-product-listing .product_listing_load_more button:hover, .college-template-product-listing .product_listing_load_more button:active, .college-template-product-listing .product_listing_load_more button:focus,
    .archive .product_listing_load_more button:hover,
    .archive .product_listing_load_more button:active,
    .archive .product_listing_load_more button:focus {
      border: 1px solid #4a575f !important; }

p.no_products {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 500;
  margin-top: 6.4rem;
  margin-bottom: 12.8rem;
  color: #b12a30; }

/*
=== ARCHIVE ===
// Archives take on a lot of styling from listings pages
*/
.archive nav.woocommerce-breadcrumb {
  display: none; }
.archive .breadcrumb-wrapper a,
.archive .breadcrumb-wrapper a:link,
.archive .breadcrumb-wrapper a:hover,
.archive .breadcrumb-wrapper a:active {
  color: #3a444a; }
.archive .hero--no_image .hero-text-wrapper .column {
  background-image: none;
  min-height: 0; }

/*
=== 404 PAGE ===
*/
.error404 .hero {
  display: none; }
.error404 section {
  margin-bottom: 0;
  margin-top: 8rem; }
.error404 .cell-inner {
  display: flex; }
.error404 .text-content {
  padding-bottom: 3.2rem;
  padding-right: 0; }
  .error404 .text-content ul {
    padding-left: 0 !important;
    margin-bottom: 3.2rem; }
    .error404 .text-content ul li {
      background-image: none !important;
      padding-left: 0 !important; }
.error404 .image-content {
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom; }
.error404 p.line-1 {
  font-size: 4.8rem;
  line-height: 1.072;
  font-weight: 600; }
.error404 p.line-2 {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 600; }

@media screen and (min-width: 1024px) {
  .error404 section {
    margin-top: 8rem; }
  .error404 .text-content {
    padding-bottom: 12.8rem;
    padding-right: 3.2rem; }
  .error404 .image-content {
    display: block; } }
/*
=== COOKIE BAR ===
*/
body #cookie-law-info-bar {
  box-shadow: none !important;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left !important;
  padding-left: 3.2rem;
  background-color: rgba(142, 110, 135, 0.9) !important; }
  body #cookie-law-info-bar span {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
body #cookie_action_close_header {
  display: inline !important;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #fff;
  background-color: transparent !important;
  font-weight: 600;
  text-decoration: underline;
  padding-left: 1.6rem !important;
  margin: 0;
  padding: 0; }
body #CONSTANT_OPEN_URL {
  display: inline !important; }

/*
=== BANNER AD ===
*/
.banner {
  width: 100%;
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-top: 0;
  padding: 20px 0; }
  .banner .block-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0; }
  .banner p,
  .banner p a {
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 0.2rem;
    font-weight: 600;
    color: #fff; }

.banner.dark-text p,
.banner.dark-text p a {
  color: #3a444a; }

#close-banner {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  text-indent: -1000px;
  overflow: hidden;
  background-image: url(../img/banner-close-icon-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent; }

#banner-motif {
  width: 40px;
  height: 40px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1rem; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
=== SLICK CAROUSEL CUSTOMISATION ===
*/
.slick-slider {
  /* see https://stackoverflow.com/questions/32423875/slick-carousel-left-arrow-hidden */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: static; }

.slick-track {
  display: flex;
  align-items: flex-start; }

.block--carousel {
  overflow: hidden;
  width: calc(100% - 60px);
  margin: 0;
  margin-left: 30px;
  margin-right: 30px; }

.block--carousel .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.block--carousel .slick-arrow.slick-next,
.block--carousel .slick-arrow.slick-prev {
  width: 30px;
  height: 30px;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0; }

.block--carousel .slick-arrow.slick-prev {
  left: 0;
  background-image: url(../img/carousel-arrow-prev.svg);
  display: none; }

.block--carousel .slick-arrow.slick-next {
  right: 0;
  background-image: url(../img/carousel-arrow-next.svg); }

.slick-dots {
  display: none; }

.slick-prev::before,
.slick-next::before,
.slick-prev::after,
.slick-next::after {
  content: ""; }

.layout--image-carousel {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }
  @media screen and (min-width: 601px) {
    .layout--image-carousel {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem; } }
  .layout--image-carousel .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center; }
  .layout--image-carousel .slick-slide {
    height: 23.2rem; }
    .layout--image-carousel .slick-slide img {
      height: auto;
      max-height: 23.2rem;
      max-width: 100%;
      border-right: 0.8rem solid transparent;
      border-left: 0.8rem solid transparent;
      width: auto; }
  .layout--image-carousel ul {
    margin: 0;
    padding: 0; }
    .layout--image-carousel ul li {
      list-style-type: none;
      margin: 0;
      padding: 0 1.2rem;
      background-image: none !important; }
  .layout--image-carousel .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .layout--image-carousel .slick-dots {
    display: none;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    width: auto;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: 3.2rem; }
    .layout--image-carousel .slick-dots button {
      background: white;
      border-radius: 500px;
      border: 1px solid #b5bfc5;
      width: 1.2rem;
      height: 1.2rem; }
    .layout--image-carousel .slick-dots button::before {
      content: ""; }
    .layout--image-carousel .slick-dots li.slick-active button {
      background: #b5bfc5; }

.carousel-a .columnar-wrapper {
  width: 100% !important;
  min-width: 100% !important; }

@media screen and (min-width: 768px) {
  .block--carousel {
    overflow: hidden;
    width: calc(100% - 168px);
    margin: 0 84px; }

  .block--carousel .slick-arrow.slick-next,
  .block--carousel .slick-arrow.slick-prev {
    width: 8.4rem;
    height: 8.4rem;
    background-size: 20px; } }
@media screen and (min-width: 840px) {
  .layout--image-carousel .slick-slide {
    height: 46.4rem; }
    .layout--image-carousel .slick-slide img {
      max-height: 46.4rem; }
  .layout--image-carousel ul li {
    padding: 0 1.2rem; }
  .layout--image-carousel .slick-dotted.slick-slider {
    margin-bottom: 3rem; }
  .layout--image-carousel .slick-dots {
    display: block;
    visibility: visible;
    height: auto;
    overflow: visible; }
    .layout--image-carousel .slick-dots button::-moz-focus-inner {
      border: 0; }

  .layout--image-carousel .logos {
    width: auto;
    max-width: 100%;
    margin-left: 8.4rem;
    margin-right: 8.4rem; }
    .layout--image-carousel .logos .slick-slider {
      margin: auto;
      max-width: 1248px; }
    .layout--image-carousel .logos .slick-slide {
      height: auto; }
    .layout--image-carousel .logos .slick-dots {
      display: none; } }
.layout--latest-news,
.layout--you-may-also-like {
  padding: 0 84px; }
  .layout--latest-news .cell-inner,
  .layout--you-may-also-like .cell-inner {
    position: static; }
  .layout--latest-news .block--carousel,
  .layout--you-may-also-like .block--carousel {
    overflow: hidden;
    width: calc(100%);
    margin-left: 0;
    margin-right: 0; }

.daterangepicker {
  position: absolute;
  color: #4a575f;
  background-color: #fff;
  border-radius: 4px;
  border: none;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-size: 16px;
  line-height: 1em;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
  font-weight: 500;
  margin-top: 18px;
  letter-spacing: -0.25px;
  left: auto !important;
  right: 0 !important;
  padding-bottom: 32px;
  opacity: 0;
  padding-left: 16px;
  padding-right: 16px; }

.daterangepicker:before,
.daterangepicker:after {
  display: none; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.daterangepicker:after {
  top: -14px;
  border-right: 18px solid transparent;
  border-bottom: 14px solid #fff;
  border-left: 18px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 326px; }

.daterangepicker .drp-calendar.left {
  padding-top: 32px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0; }

.daterangepicker .drp-calendar.right {
  padding-top: 32px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0; }

.daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 36px;
  width: 36px;
  height: 36px;
  line-height: 24px;
  border-radius: 0;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 0;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #c4577c;
  border-color: transparent;
  color: #ffffff; }

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  color: #b7bcbf; }

.daterangepicker td.in-range {
  /*background-color: #ebf4f8;*/
  background-color: #f9eef1;
  border-color: transparent;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 0; }

.daterangepicker td.end-date {
  border-radius: 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 0; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  /*background-color: #357ebd;*/
  background-color: #c4577c;
  border-color: transparent;
  color: #fff; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #b7bcbf;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.daterangepicker .drp-selected {
  display: inline-block;
  padding-right: 8px; }

.daterangepicker .drp-buttons .btn {
  font-weight: bold;
  padding: 4px 8px; }

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  padding: 8px 12px;
  cursor: pointer; }

.daterangepicker .ranges li:hover {
  background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }

  .daterangepicker .ranges ul {
    width: 140px; }

  .daterangepicker.single .ranges ul {
    width: 100%; }

  .daterangepicker.single .drp-calendar.left {
    clear: none; }

  .daterangepicker.single.ltr .ranges,
  .daterangepicker.single.ltr .drp-calendar {
    float: left; }

  .daterangepicker.single.rtl .ranges,
  .daterangepicker.single.rtl .drp-calendar {
    float: right; }

  .daterangepicker.ltr {
    direction: ltr;
    text-align: left; }

  .daterangepicker.ltr .drp-calendar.left {
    clear: left;
    margin-right: 0; }

  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  .daterangepicker.ltr .drp-calendar.right {
    margin-left: 0; }

  .daterangepicker.ltr .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .daterangepicker.ltr .ranges,
  .daterangepicker.ltr .drp-calendar {
    float: left; }

  .daterangepicker.rtl {
    direction: rtl;
    text-align: right; }

  .daterangepicker.rtl .drp-calendar.left {
    clear: right;
    margin-left: 0; }

  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .daterangepicker.rtl .drp-calendar.right {
    margin-right: 0; }

  .daterangepicker.rtl .drp-calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    padding-left: 12px; }

  .daterangepicker.rtl .ranges,
  .daterangepicker.rtl .drp-calendar {
    text-align: right;
    float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }

  .daterangepicker.ltr .ranges {
    float: left; }

  .daterangepicker.rtl .ranges {
    float: right; }

  .daterangepicker .drp-calendar.left {
    clear: none !important; } }
/*
EXTRAS
*/
.daterangepicker .calendar-table thead tr:first-of-type th {
  text-transform: inherit;
  line-height: 1.2;
  font-size: 18px;
  border-bottom: 1px none #e4e9ec; }
  @media screen and (min-width: 900px) {
    .daterangepicker .calendar-table thead tr:first-of-type th {
      font-size: 2rem; } }

.daterangepicker .calendar-table tr:last-of-type th {
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.142;
  border-bottom: 1px solid #e4e9ec; }

.daterangepicker .calendar-table tbody td {
  border: 1px solid #e4e9ec; }

.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next {
  overflow: hidden;
  text-indent: -1000px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat; }
.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .prev {
  background-image: url(../img/arrow-datepicker-l.svg); }
.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .next {
  background-image: url(../img/arrow-datepicker-r.svg); }
.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .next:focus,
.daterangepicker .calendar-table .next:active,
.daterangepicker .calendar-table .prev:hover,
.daterangepicker .calendar-table .prev:focus,
.daterangepicker .calendar-table .prev:active,
.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .next:focus,
.daterangepicker .calendar-table .next:active,
.daterangepicker .calendar-table .prev:hover,
.daterangepicker .calendar-table .prev:focus,
.daterangepicker .calendar-table .prev:active {
  background-color: #f7f9fa; }

.daterangepicker .drp-buttons {
  border-top: none;
  padding-left: 32px;
  padding-right: 32px;
  margin: 0;
  margin-top: 16px;
  float: left;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0; }
  .daterangepicker .drp-buttons button.btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    color: #c4577c;
    text-decoration: none;
    padding: 0.8rem 2.2rem;
    padding-top: 0.6rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.142;
    line-height: 1.1;
    border-radius: 9999px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #c4577c;
    white-space: nowrap; }
    .daterangepicker .drp-buttons button.btn:hover, .daterangepicker .drp-buttons button.btn:active, .daterangepicker .drp-buttons button.btn:focus {
      color: #fff !important;
      background-color: #4a575f;
      border: 1px solid #4a575f !important; }
  .daterangepicker .drp-buttons button.cancelBtn {
    float: left; }
  .daterangepicker .drp-buttons button.applyBtn {
    float: right;
    background-color: #c4577c;
    color: #fff; }

.dtrp-wrapper {
  position: absolute;
  width: 100%;
  max-width: 1248px;
  left: 0;
  right: 0;
  margin: auto; }
  .dtrp-wrapper .daterangepicker {
    top: 0 !important; }
  .dtrp-wrapper .daterangepicker[style] {
    top: 0 !important; }

.date-from, .date-to {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.142;
  line-height: 1.1;
  margin-bottom: 18px;
  background-image: url(../img/calendar-raspberry.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px; }

/*
=== AJAX CART POPUP FOR HEADER ===
*/
.ajax_cart {
  position: relative;
  font-weight: 400; }

.ajax_cart_contents {
  display: none;
  position: absolute;
  z-index: 100;
  right: -6.6rem;
  top: 2.5rem;
  background: #fff;
  width: 384px;
  max-width: 100vw;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.07);
  font-size: 1.8rem;
  line-height: 1.5; }
  .ajax_cart_contents .acc_overview {
    padding: 3.2rem;
    text-align: right;
    background: #fff; }
    .ajax_cart_contents .acc_overview span {
      padding-right: 0.2rem; }
  .ajax_cart_contents .acc_contents {
    padding: 0 3.2rem;
    background: #fff; }
    .ajax_cart_contents .acc_contents ul.woocommerce-mini-cart {
      display: flex;
      flex-direction: column;
      max-height: 25rem;
      overflow-y: auto; }
    .ajax_cart_contents .acc_contents .mini_cart_item {
      position: relative;
      padding-bottom: 2.4rem;
      border-bottom: 1px solid #d3dade;
      margin-bottom: 2.4rem;
      width: 100%;
      font-size: 1.6rem;
      line-height: 1.142;
      font-weight: 600; }
      .ajax_cart_contents .acc_contents .mini_cart_item .remove {
        position: absolute;
        right: 0.4rem;
        bottom: 0;
        width: 24px;
        height: 24px;
        margin-bottom: 2.4rem;
        background-color: #919da5;
        border-radius: 12px;
        background-image: url(../img/close-x-white.svg);
        background-size: 10px;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 30px; }
      .ajax_cart_contents .acc_contents .mini_cart_item a {
        display: flex;
        font-size: 1.6rem;
        line-height: 1.142;
        font-weight: 600; }
      .ajax_cart_contents .acc_contents .mini_cart_item img {
        width: 4rem;
        height: 4rem;
        float: left;
        margin-right: 2rem; }
      .ajax_cart_contents .acc_contents .mini_cart_item span.quantity {
        font-size: 1.8rem;
        line-height: 1.5;
        font-weight: 600;
        margin-left: 6rem;
        display: block;
        float: left;
        margin-top: 1.2rem; }
  .ajax_cart_contents .acc_footer {
    padding: 3.2rem;
    background: #e4e9ec;
    display: block;
    float: left;
    width: 100%; }
    .ajax_cart_contents .acc_footer strong .amount {
      display: block;
      float: right; }
    .ajax_cart_contents .acc_footer a {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      font-weight: 600 !important;
      line-height: 1.2;
      border-radius: 9999px;
      background-size: auto 2rem;
      background-repeat: no-repeat;
      background-position: right 1.8rem top 53%;
      overflow: hidden;
      background-color: transparent;
      white-space: nowrap;
      min-width: 18rem;
      border: 1px solid transparent;
      padding-bottom: 1.6rem;
      padding-left: 2.2rem;
      padding-right: 5rem;
      padding-top: 1.4rem;
      font-size: 2.2rem;
      line-height: 1.2;
      color: #fff !important;
      background-image: url(../img/arrow-right-white-1.svg);
      padding-bottom: 1.2rem !important;
      padding-left: 2rem !important;
      padding-right: 4rem !important;
      padding-top: 1rem !important;
      line-height: 1.2;
      font-size: 18px;
      float: left;
      clear: both;
      background-color: #14b1e7;
      width: 100%;
      margin-top: 3.2rem; }
      .ajax_cart_contents .acc_footer a:hover, .ajax_cart_contents .acc_footer a:active, .ajax_cart_contents .acc_footer a:focus {
        background-color: #4a575f !important;
        background-image: url(../img/arrow-right-white-1.svg) !important;
        border: 1px solid transparent;
        color: #fff !important; }
      @media screen and (min-width: 900px) {
        .ajax_cart_contents .acc_footer a {
          font-size: 2rem; } }

/*
=== 'MY ACCOUNT' PAGES ===
*/
.woo-back-wrapper {
  margin: auto;
  max-width: 1216px;
  width: 100%;
  text-align: right;
  margin-bottom: 1.2rem; }

.woo_back {
  color: #14b1e7;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2;
  text-decoration: none;
  background-image: url(../img/arrow-left-sky.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  padding-left: 2.8rem;
  border-bottom: none !important; }

.woocommerce-account #content,
.woocommerce-cart #content, .woocommerce-page.page-id-9 #content {
  background-color: #f0f3f5;
  background-image: url(../img/motifs/motif-platinum.svg);
  background-position: right -12rem center;
  background-repeat: no-repeat;
  background-size: 65rem;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5.2rem; }
  @media screen and (min-width: 601px) {
    .woocommerce-account #content,
    .woocommerce-cart #content, .woocommerce-page.page-id-9 #content {
      padding-left: 32px;
      padding-right: 32px; } }

.woocommerce-page .woocommerce {
  max-width: 1216px;
  margin: auto;
  margin-bottom: 12.8rem;
  display: flex;
  flex-wrap: wrap; }
  .woocommerce-page .woocommerce::after {
    content: "";
    display: table;
    clear: both; }
  .woocommerce-page .woocommerce h2 {
    flex: 0 0 100%;
    margin-bottom: 3.2rem; }
  .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation {
    float: left;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation {
        width: 23%; } }
    .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul {
      margin: 0;
      padding: 0; }
      .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li {
        margin-left: 0; }
        .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a {
          background-color: #f7f9fa;
          display: block;
          border-bottom: none;
          text-decoration: none;
          font-size: 2.2rem;
          line-height: 1.2;
          font-weight: 600;
          padding-left: 3.2rem;
          padding-top: 2.2rem;
          padding-bottom: 2.2rem; }
        .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
        .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a:active,
        .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a:focus {
          background-color: #fff; }
      .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
        background-color: #fff; }
      .woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
        color: #14b1e7; }
  .woocommerce-page .woocommerce .woocommerce-MyAccount-content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 3.2rem;
    padding-top: 2.6rem; }
    @media screen and (min-width: 768px) {
      .woocommerce-page .woocommerce .woocommerce-MyAccount-content {
        width: 77%; } }
    .woocommerce-page .woocommerce .woocommerce-MyAccount-content > h2,
    .woocommerce-page .woocommerce .woocommerce-MyAccount-content > h3,
    .woocommerce-page .woocommerce .woocommerce-MyAccount-content legend {
      font-size: 2.7rem;
      line-height: 1.072;
      font-weight: 600; }
      .woocommerce-page .woocommerce .woocommerce-MyAccount-content > h2::after,
      .woocommerce-page .woocommerce .woocommerce-MyAccount-content > h3::after,
      .woocommerce-page .woocommerce .woocommerce-MyAccount-content legend::after {
        content: "";
        width: 7.2rem;
        height: 0.8rem;
        background-color: #c4ebf9;
        display: block;
        margin-top: 2rem; }
  .woocommerce-page .woocommerce .woocommerce-MyAccount-content .not-user-highlight {
    color: #14b1e7;
  }
  .woocommerce-page .woocommerce form h3 {
    flex-wrap: wrap;
    flex: 0 0 100%; }
  .woocommerce-page .woocommerce form .form-row {
    float: left;
    width: 100%;
    margin-bottom: 2.4rem;
    clear: none; }
    .woocommerce-page .woocommerce form .form-row label {
      display: block;
      font-weight: 600;
      margin-bottom: 1rem; }
  .woocommerce-page .woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
    margin-bottom: 0; }
  .woocommerce-page .woocommerce form .woocommerce-input-wrapper {
    float: left;
    clear: both;
    width: 100%; }
  .woocommerce-page .woocommerce form input {
    float: left;
    clear: both;
    width: 100%;
    padding: 1.5rem 2rem;
    border: 1px solid #d3dade;
    font-size: 2.2rem;
    line-height: 1.2; }
  .woocommerce-page .woocommerce form input + span {
    font-size: 1.8rem;
    line-height: 1.5;
    line-height: 1.1 !important;
    display: inline-block;
    margin-top: 0.5rem; }
  .woocommerce-page .woocommerce form abbr {
    border-bottom: none;
    text-decoration: none; }
  .woocommerce-page .woocommerce form fieldset {
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 4.8rem;
    float: left;
    width: 100%; }
  .woocommerce-page .woocommerce form legend {
    margin-bottom: 2rem; }
  .woocommerce-page .woocommerce form button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    background-color: #14b1e7;
    float: right;
    margin-top: 3.2rem;
    margin-bottom: 6.4rem;
    text-transform: uppercase;
    background-image: none;
    padding-right: 4.8rem;
    padding-left: 4.8rem; }
    .woocommerce-page .woocommerce form button:hover, .woocommerce-page .woocommerce form button:active, .woocommerce-page .woocommerce form button:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .woocommerce-page .woocommerce form button:hover, .woocommerce-page .woocommerce form button:active, .woocommerce-page .woocommerce form button:focus {
      background-image: none !important; }
  .woocommerce-page .woocommerce form textarea {
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    padding: 1.5rem 2rem;
    border: 1px solid #d3dade;
    font-size: 2.2rem;
    line-height: 1.2; }
  .woocommerce-page .woocommerce form .select2-container--default .select2-selection--single {
    border-radius: 0;
    padding: 1.5rem 2rem;
    border: 1px solid #d3dade;
    font-size: 2.2rem;
    line-height: 1.2;
    height: 5.8rem; }
.woocommerce-page .my-courses-additional-info::before {
  content: "";
  width: 7.2rem;
  height: 0.8rem;
  background-color: #c4ebf9;
  display: block; }
.woocommerce-page .my-courses-additional-info p {
  display: block;
  padding-left: 7.2rem;
  background-image: url(../img/motifs/motif-sky.svg);
  background-size: 5.2rem;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 5.2rem;
  margin-top: 2rem; }
.woocommerce-page .woocommerce-address-fields {
  margin-top: 3.2rem; }
.woocommerce-page .woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(1) {
    order: 1; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(2) {
    order: 2; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(3) {
    order: 3; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(4) {
    order: 6; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(5) {
    order: 7; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(6) {
    order: 8; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(7) {
    order: 9; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(8) {
    order: 10; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(9) {
    order: 11; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(10) {
    order: 5; }
  .woocommerce-page .woocommerce-address-fields__field-wrapper .form-row:nth-child(11) {
    order: 4; }
@media screen and (min-width: 601px) {
  .woocommerce-page #billing_first_name_field,
  .woocommerce-page #billing_last_name_field,
  .woocommerce-page #billing_phone_field,
  .woocommerce-page #billing_country_field,
  .woocommerce-page #billing_state_field,
  .woocommerce-page #billing_postcode_field {
    width: 50% !important; }
  .woocommerce-page #billing_first_name_field,
  .woocommerce-page #billing_phone_field,
  .woocommerce-page #billing_state_field {
    padding-right: 1.6rem; }
  .woocommerce-page #billing_last_name_field,
  .woocommerce-page #billing_postcode_field {
    padding-left: 1.6rem; }
  .woocommerce-page #shipping_first_name_field,
  .woocommerce-page #shipping_last_name_field,
  .woocommerce-page #shipping_state_field,
  .woocommerce-page #shipping_postcode_field {
    width: 50% !important; }
  .woocommerce-page #shipping_first_name_field,
  .woocommerce-page #shipping_state_field {
    padding-right: 1.6rem; }
  .woocommerce-page #shipping_last_name_field,
  .woocommerce-page #shipping_postcode_field {
    padding-left: 1.6rem; } }
.woocommerce-page address {
  font-size: 2.2rem;
  line-height: 1.2; }
.woocommerce-page .woocommerce-Addresses .col-1 {
  margin-bottom: 3.2rem; }
.woocommerce-page .woocommerce-Addresses .col-1,
.woocommerce-page .woocommerce-Addresses .col-2 {
  width: 100%;
  float: left; }
  .woocommerce-page .woocommerce-Addresses .col-1 header,
  .woocommerce-page .woocommerce-Addresses .col-2 header {
    display: flex; }
  .woocommerce-page .woocommerce-Addresses .col-1 h3,
  .woocommerce-page .woocommerce-Addresses .col-2 h3 {
    font-size: 2.2rem;
    line-height: 1.2;
    order: 2;
    margin-left: 1.6rem; }
  .woocommerce-page .woocommerce-Addresses .col-1 a.edit,
  .woocommerce-page .woocommerce-Addresses .col-2 a.edit {
    order: 1;
    width: 3.6rem;
    min-height: 3.6rem;
    padding-top: 3.8rem;
    padding-left: 3px;
    background-image: url(../img/edit-address-sky.svg);
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    color: #14b1e7;
    font-size: 1.6rem;
    line-height: 1.142; }
  .woocommerce-page .woocommerce-Addresses .col-1 address,
  .woocommerce-page .woocommerce-Addresses .col-2 address {
    font-size: 2.2rem;
    line-height: 1.2;
    font-style: normal;
    order: 3;
    margin-left: 5.2rem;
    line-height: 1.45;
    margin-top: -2.4rem; }
@media screen and (min-width: 1024px) {
  .woocommerce-page .woocommerce-Addresses .col-1,
  .woocommerce-page .woocommerce-Addresses .col-2 {
    width: 50%; } }

.woocommerce-message,
.woocommerce-Message, .woocommerce-error, .woocommerce-notice {
  font-size: 2.2rem;
  line-height: 1.2;
  width: 100%;
  padding: 1.6rem;
  color: #fff;
  background: #bd7fb7;
  margin-top: 1.6rem;
  margin-bottom: 3.2rem; }

.woocommerce-table,
.woocommerce-orders-table {
  font-size: 2.2rem;
  line-height: 1.2;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 4.8rem; }
  .woocommerce-table:last-of-type,
  .woocommerce-orders-table:last-of-type {
    margin-bottom: 2.8rem; }
  .woocommerce-table th,
  .woocommerce-table td,
  .woocommerce-orders-table th,
  .woocommerce-orders-table td {
    padding: 1.2rem 2rem;
    text-align: left; }
  .woocommerce-table thead,
  .woocommerce-orders-table thead {
    background-color: #14b1e7;
    color: #fff; }
    .woocommerce-table thead tr th + th,
    .woocommerce-orders-table thead tr th + th {
      text-align: left; }
  .woocommerce-table tbody tr,
  .woocommerce-table tfoot tr,
  .woocommerce-orders-table tbody tr,
  .woocommerce-orders-table tfoot tr {
    border-bottom: 1px solid #e4e9ec; }
  .woocommerce-table a,
  .woocommerce-orders-table a {
    color: #14b1e7;
    padding-right: 1rem;
    text-decoration: none;
    border-bottom: none !important; }
  .woocommerce-table a:last-of-type,
  .woocommerce-orders-table a:last-of-type {
    padding-right: 0; }

.woocommerce-edit-account.woocommerce-account
.woocommerce
.woocommerce-MyAccount-content {
  max-width: 696px; }

.woocommerce-edit-address .woocommerce-MyAccount-content p:first-of-type {
  font-size: 1.8rem;
  line-height: 1.5;
  font-style: italic; }

@media screen and (max-width: 600px) {
  .woocommerce-orders-table__row {
    display: table;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    content: normal; }
    .woocommerce-orders-table__row td {
      display: block; }
    .woocommerce-orders-table__row td:last-child {
      margin-bottom: 2rem; }

  .woocommerce-account.woocommerce-orders
  .woocommerce-orders-table__row
  td::before,
  .woocommerce-page
  .woocommerce-cart-form
  .woocommerce-orders-table__row
  td::before,
  .woocommerce-orders-table__row td::before {
    content: attr(data-title) ": ";
    display: inline;
    left: 1rem;
    width: 100%;
    white-space: nowrap; } }
@media screen and (min-width: 1024px) {
  .woocommerce-account.site--1 .site-main-landing .sub-menu__wrapper.depth--0, .woocommerce-page.site--1 .sub-menu__wrapper.depth--0 {
    display: none; } }
.woocommerce-view-order mark {
  background: transparent; }
.woocommerce-view-order .order-number {
  font-weight: 600; }
.woocommerce-view-order .woocommerce-MyAccount-content section {
  padding-left: 0;
  padding-right: 0; }

.woocommerce-downloads .order_details thead {
  display: none; }
.woocommerce-downloads .woocommerce-table.woocommerce-table--order-downloads td {
  padding-left: 0; }

section.woocommerce-order-downloads {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.download-expires {
  display: none; }

.woocommerce-table .download-product a,
.woocommerce-table .download-product a:hover,
.woocommerce-table .download-product a:focus,
.woocommerce-table .download-product a:active {
  color: #3a444a !important;
  font-weight: 600; }

.download-file a {
  display: block;
  width: 28px;
  height: 100%;
  background-image: url(../img/img-hg-main/download-li-icon-sky.svg);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  overflow: hidden; }

td.download-remaining {
  font-size: 1.6rem;
  line-height: 1.142;
  white-space: nowrap; }

.woocommerce-courses-table tr th:first-of-type,
.woocommerce-courses-table tr td:first-of-type {
  width: 75%; }

.woocommerce-cart .cart-collaterals tr.shipping {
  display: none; }

/*
=== BASKET PAGES ===
*/
.validate-required {
  position: relative; }

.validate-required.error label {
  color: #dd3240; }
.validate-required.error input {
  border-color: #dd3240; }

.validate-required.error::after {
  content: "This field is required";
  color: #dd3240;
  font-size: 1.4rem;
  line-height: 1.142;
  font-weight: 600; }

.help-link {
  margin-left: auto;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #14b1e7;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #14b1e7; }

ul.checkout_steps {
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
  padding: 0;
  width: 100%; }
  ul.checkout_steps li.disabled a {
    cursor: default; }
  ul.checkout_steps li {
    margin: 0;
    padding: 0;
    background: #b5bfc5;
    float: left;
    width: 100%;
    border-bottom: 1px solid #f7f9fa; }
    ul.checkout_steps li a {
      width: 100%;
      padding: 0.8rem 1.4rem;
      float: left;
      text-decoration: none;
      color: #fff;
      font-weight: 600;
      position: relative;
      overflow: visible !important; }
    ul.checkout_steps li.active a {
      background: #14b1e7; }

.woocommerce-cart-form {
  width: 100%; }

tr.divider td {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem; }
tr.divider .divider-line {
  width: 100%;
  height: 1px;
  background: #e4e9ec; }

.checkout_main_wrapper {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 0; }
  .checkout_main_wrapper .shop_table {
    width: 100%;
    background: #fff;
    padding: 3.2rem; }
    .checkout_main_wrapper .shop_table th {
      color: #828f97; }
    .checkout_main_wrapper .shop_table th,
    .checkout_main_wrapper .shop_table td {
      text-align: right;
      vertical-align: top;
      font-size: 2.2rem;
      line-height: 1.2; }
    .checkout_main_wrapper .shop_table .product-name {
      text-align: left; }
      .checkout_main_wrapper .shop_table .product-name .product-thumbnail {
        width: 8.8rem;
        float: left; }
        .checkout_main_wrapper .shop_table .product-name .product-thumbnail img {
          width: 7.2rem; }
      .checkout_main_wrapper .shop_table .product-name .product-name-text {
        width: calc(100% - 8.8rem);
        float: left; }
        .checkout_main_wrapper .shop_table .product-name .product-name-text a:first-of-type {
          margin-top: -0.5rem; }
        .checkout_main_wrapper .shop_table .product-name .product-name-text a,
        .checkout_main_wrapper .shop_table .product-name .product-name-text span {
          float: left;
          clear: both; }
        .checkout_main_wrapper .shop_table .product-name .product-name-text a.remove {
          float: left;
          clear: both;
          font-size: 1.8rem;
          line-height: 1.5;
          font-weight: 400;
          margin-top: 1.2rem;
          padding-left: 2.8rem;
          background-image: url(../img/oval-menu-close.svg);
          background-size: 2rem;
          background-repeat: no-repeat;
          background-position: left center; }
    .checkout_main_wrapper .shop_table .product-name,
    .checkout_main_wrapper .shop_table .product-price {
      padding-right: 3.2rem; }
      .checkout_main_wrapper .shop_table .product-name del,
      .checkout_main_wrapper .shop_table .product-price del {
        text-decoration: none; }
        .checkout_main_wrapper .shop_table .product-name del span.amount,
        .checkout_main_wrapper .shop_table .product-price del span.amount {
          position: relative;
          display: inline-block;
          font-size: 1.8rem;
          line-height: 1.5;
          color: #4a575f;
          font-weight: 400; }
          .checkout_main_wrapper .shop_table .product-name del span.amount .woocommerce-Price-currencySymbol,
          .checkout_main_wrapper .shop_table .product-price del span.amount .woocommerce-Price-currencySymbol {
            font-weight: 400;
            color: #919da5; }
        .checkout_main_wrapper .shop_table .product-name del span.amount::after,
        .checkout_main_wrapper .shop_table .product-price del span.amount::after {
          position: absolute;
          content: "";
          left: 0;
          top: 50%;
          right: 0;
          border-top: 1px solid;
          border-color: #828f97;
          -webkit-transform: rotate(-15deg);
          -moz-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
          -o-transform: rotate(-15deg);
          transform: rotate(-15deg); }
      .checkout_main_wrapper .shop_table .product-name ins,
      .checkout_main_wrapper .shop_table .product-price ins {
        text-decoration: none; }
    .checkout_main_wrapper .shop_table tr.product-name,
    .checkout_main_wrapper .shop_table td.product-price {
      padding-top: 1.5rem; }
    .checkout_main_wrapper .shop_table .product-quantity input.qty {
      width: 8rem;
      border: none;
      background: #f7f9fa;
      float: right;
      padding: 1.5rem; }
    .checkout_main_wrapper .shop_table .product-quantity button.button {
      margin: 0;
      padding: 0;
      background: transparent;
      background-image: none;
      border: none;
      min-width: 1rem;
      color: #3a444a !important;
      font-size: 1.4rem;
      line-height: 1.142;
      font-weight: 400;
      font-weight: 400 !important;
      width: 100%; }
      .checkout_main_wrapper .shop_table .product-quantity button.button:hover, .checkout_main_wrapper .shop_table .product-quantity button.button:active, .checkout_main_wrapper .shop_table .product-quantity button.button:focus {
        background-color: transparent !important;
        background-image: none !important;
        border: none;
        color: #3a444a !important; }
    .checkout_main_wrapper .shop_table .product-subtotal {
      padding-left: 3.2rem; }
    .checkout_main_wrapper .shop_table td.product-subtotal {
      padding-top: 1.5rem; }
    .checkout_main_wrapper .shop_table a {
      text-decoration: none;
      font-weight: 600; }
  .checkout_main_wrapper .checkout-button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-weight: 600 !important;
    line-height: 1.2;
    border-radius: 9999px;
    background-size: auto 2rem;
    background-repeat: no-repeat;
    background-position: right 1.8rem top 53%;
    overflow: hidden;
    background-color: transparent;
    white-space: nowrap;
    min-width: 18rem;
    border: 1px solid transparent;
    padding-bottom: 1.6rem;
    padding-left: 2.2rem;
    padding-right: 5rem;
    padding-top: 1.4rem;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #fff !important;
    /* background-image: url(../img/arrow-right-white-1.svg); */
    background-color: #14b1e7;
    float: right;
    margin-top: 3.2rem;
    margin-bottom: 6.4rem;
    text-transform: uppercase;
    background-image: none;
    padding-right: 4.8rem;
    padding-left: 4.8rem; }
    .checkout_main_wrapper .checkout-button:hover, .checkout_main_wrapper .checkout-button:active, .checkout_main_wrapper .checkout-button:focus {
      background-color: #4a575f !important;
      /* background-image: url(../img/arrow-right-white-1.svg) !important; */
      border: 1px solid transparent;
      color: #fff !important; }
    .checkout_main_wrapper .checkout-button:hover, .checkout_main_wrapper .checkout-button:active, .checkout_main_wrapper .checkout-button:focus {
      background-image: none !important; }

.checkout_side_wrapper {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  float: left;
  padding: 3.2rem; }
  @media screen and (min-width: 1024px) {
    .checkout_side_wrapper {
      height: 100%; } }
  .checkout_side_wrapper p,
  .checkout_side_wrapper li {
    font-size: 1.8rem;
    line-height: 1.5;
    line-height: 1.142;
    margin-bottom: 1rem; }
  .checkout_side_wrapper input[type="radio"] + label {
    padding-left: 0.4rem; }
  .checkout_side_wrapper .cart_totals h2 {
    font-size: 2.2rem;
    line-height: 1.2;
    color: #14b1e7;
    margin-bottom: 0; }
  .checkout_side_wrapper .your-order-overview {
    vertical-align: top; }
    .checkout_side_wrapper .your-order-overview th {
      font-size: 1.8rem;
      line-height: 1.5;
      color: #828f97;
      text-align: left;
      padding-bottom: 1.6rem; }
    .checkout_side_wrapper .your-order-overview th:last-of-type {
      text-align: right; }
    .checkout_side_wrapper .your-order-overview tbody .divider:first-of-type {
      display: none; }
    .checkout_side_wrapper .your-order-overview tr.divider td {
      padding-left: 0;
      padding-right: 0;
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .checkout_side_wrapper .your-order-overview td {
      font-size: 1.8rem;
      line-height: 1.5;
      vertical-align: top; }
    .checkout_side_wrapper .your-order-overview td:last-of-type {
      padding-left: 3.2rem;
      text-align: right; }
    .checkout_side_wrapper .your-order-overview td.product-name {
      font-weight: 600; }
      .checkout_side_wrapper .your-order-overview td.product-name span {
        font-weight: 400; }
  .checkout_side_wrapper .shop_table {
    width: 100%; }
    .checkout_side_wrapper .shop_table tr {
      font-size: 1.8rem;
      line-height: 1.5; }
      .checkout_side_wrapper .shop_table tr th {
        text-align: left; }
      .checkout_side_wrapper .shop_table tr td {
        text-align: right; }
    .checkout_side_wrapper .shop_table tr.cart-discount th,
    .checkout_side_wrapper .shop_table tr.cart-discount td {
      color: #14b1e7; }
      .checkout_side_wrapper .shop_table tr.cart-discount th a.woocommerce-remove-coupon,
      .checkout_side_wrapper .shop_table tr.cart-discount td a.woocommerce-remove-coupon {
        font-weight: 400;
        font-weight: 400 !important;
        color: #3a444a; }
    .checkout_side_wrapper .shop_table h3 {
      font-size: 2.7rem;
      line-height: 1.072; }

.coupon {
  margin-top: 1.6rem; }
  .coupon label {
    color: #14b1e7;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
    cursor: pointer;
    float: left;
    margin-bottom: 1rem; }
  .coupon .coupon_wrapper {
    height: 0;
    overflow: hidden;
    clear: both; }
    .coupon .coupon_wrapper input {
      width: 60%;
      float: left;
      margin-right: 1.6rem;
      font-size: 1.8rem;
      line-height: 1.5;
      padding: 0.6rem 1.2rem; }
    .coupon .coupon_wrapper button {
      padding-bottom: 0.8rem !important;
      padding-left: 2rem !important;
      padding-right: 2rem !important;
      padding-top: 0.8rem !important;
      min-width: 1rem;
      font-size: 1.8rem;
      line-height: 1.5;
      width: auto;
      float: right;
      margin-top: 0;
      padding-top: 0.5rem !important;
      padding-bottom: 0.7rem !important; }
      .coupon .coupon_wrapper button:hover, .coupon .coupon_wrapper button:active, .coupon .coupon_wrapper button:focus {
        background-image: none !important; }

.coupon.opened .coupon_wrapper {
  height: auto; }
.coupon.opened .woocommerce-form-coupon {
  display: block !important; }

.cart-subtotal th {
  font-weight: 400;
  padding-bottom: 1rem; }
@media screen and (max-width: 768px) {
  .cart-subtotal th {
    display: block !important;
    float: left !important; }
  .cart-subtotal td {
    float: right !important; } }

@media screen and (max-width: 768px) {
  .order-total th {
    display: block !important;
    float: left !important; }
  .order-total td {
    float: right !important; } }

@media screen and (max-width: 768px) {
  .shipping th {
    display: block !important;
    float: left !important; }
  .shipping td {
    float: right !important; } }

@media screen and (min-width: 601px) {
  ul.checkout_steps li {
    width: 25%;
    border-bottom: none; }
    ul.checkout_steps li a:before,
    ul.checkout_steps li a:after {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: right center;
      display: inline-block;
      content: "";
      position: absolute;
      height: 100%;
      top: 0;
      width: 3rem; }
    ul.checkout_steps li a:after {
      right: 0;
      width: 3rem;
      background-image: url(../img/checkout-arrow-grey-grey.svg); }
    ul.checkout_steps li.active a:before {
      left: -3rem;
      background-image: url(../img/checkout-arrow-grey-blue.svg); }
    ul.checkout_steps li.active a:after {
      right: 0;
      background-image: url(../img/checkout-arrow-blue-grey.svg); }
  ul.checkout_steps li:first-of-type a:before {
    display: none; }
  ul.checkout_steps li:last-of-type a:after {
    display: none; } }
@media screen and (max-width: 768px) {
  .shop_table th {
    display: none; }
  .shop_table .cart-discount th {
    display: block; }
  .shop_table td {
    display: block;
    text-align: left;
    float: left; }
  .shop_table .product-name {
    width: 100%;
    padding-bottom: 3.2rem; }
  .shop_table tr.divider:first-of-type {
    display: none; }
  .shop_table tr.divider td {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  .checkout_main_wrapper {
    width: 66%; }

  .checkout_side_wrapper {
    width: calc(34% - 3.2rem);
    margin-left: 3.2rem; } }
.woocommerce-notices-wrapper {
  width: 100%; }
  .woocommerce-notices-wrapper .woocommerce-message {
    width: 100%;
    padding: 1.6rem;
    color: #fff;
    background: #bd7fb7;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem; }

.woocommerce-NoticeGroup {
  margin-bottom: 3.2rem; }
  .woocommerce-NoticeGroup ul.woocommerce-error {
    padding-left: 0;
    width: 100%;
    color: #fff;
    background: #bd7fb7; }
    .woocommerce-NoticeGroup ul.woocommerce-error li {
      width: 100%;
      padding: 1.6rem; }

#checkout-help {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(10, 10, 10, 0.45);
  z-index: 100;
  padding: 3.2rem; }
  #checkout-help div {
    background: #bd7fb7;
    color: #fff;
    max-width: 76.8rem;
    padding: 3.2rem;
    position: relative; }
    #checkout-help div button {
      position: absolute;
      right: 1.6rem;
      top: 1.6rem;
      width: 2.6rem;
      height: 2.6rem;
      overflow: hidden;
      text-indent: -1000px;
      background-image: url(../img/mobile-close.svg) !important;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: transparent; }
  #checkout-help h3,
  #checkout-help h4,
  #checkout-help p {
    color: #fff; }
  #checkout-help h3 {
    margin-bottom: 1.6rem; }
  #checkout-help p:last-of-type {
    margin-bottom: 0; }

.cross-sells {
  margin-top: 6.4rem; }
  .cross-sells ul.products {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 601px) {
      .cross-sells ul.products {
        margin-left: -16px;
        margin-right: -16px; } }

/*
=== BASKET PAGES - SCREEN 2 - "DETAILS"  ===
*/
.checkout_login {
  background: #fff;
  padding: 3.2rem; }
  .checkout_login > label {
    font-size: 2.7rem;
    line-height: 1.072;
    font-weight: 600; }
  .checkout_login ul {
    padding-left: 0;
    margin-top: 3.2rem; }
  .checkout_login li {
    display: block;
    float: left;
    margin-right: 2rem;
    position: relative;
    line-height: 2.7rem; }
    .checkout_login li input[type="radio"] {
      position: absolute;
      opacity: 0; }
    .checkout_login li label {
      background-image: url(../img/radio_unchecked.png);
      background-size: 2.7rem;
      background-repeat: no-repeat;
      padding-left: 3.6rem;
      background-position: left center; }
    .checkout_login li input[type="radio"]:checked + label {
      background-image: url(../img/radio_checked.png); }

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

form.woocommerce-checkout h3 {
  font-size: 2.7rem;
  line-height: 1.072;
  margin-bottom: 3.2rem; }

.checkout-inner-step {
  padding: 3.2rem;
  background: #fff; }
  .checkout-inner-step .col-2 h3#ship-to-different-address {
    min-height: 3.2rem;
    width: 100%; }
  .checkout-inner-step .col-2 input#ship-to-different-address-checkbox {
    width: auto;
    margin-top: 1.4rem; }
    .checkout-inner-step .col-2 input#ship-to-different-address-checkbox + span {
      margin-top: 1rem;
      font-weight: 400;
      font-weight: 400 !important;
      display: block;
      float: left;
      padding-left: 0.6rem; }
  .checkout-inner-step .col-2 input#ship-to-different-address-checkbox + span {
    font-weight: 600 !important;
    color: #14b1e7;
    font-size: 2.2rem;
    line-height: 1.2; }
  .checkout-inner-step .col-2 .woocommerce-additional-fields {
    margin-top: 4.8rem; }
  .checkout-inner-step .col-1:after,
  .checkout-inner-step .col-2:after {
    content: "";
    display: table;
    clear: both; }

form.woocommerce-checkout::before {
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  background-color: #e4e9ec;
  margin-top: 3.2rem;
  margin-bottom: 3.2rem; }

.logged-in form.woocommerce-checkout::before {
  content: "";
  display: none !important; }

.woocommerce-page .woocommerce-billing-fields #billing_country_field {
  width: 100% !important; }
.woocommerce-page .woocommerce-billing-fields #billing_city_field,
.woocommerce-page .woocommerce-billing-fields #billing_state_field,
.woocommerce-page .woocommerce-billing-fields #billing_postcode_field,
.woocommerce-page .woocommerce-billing-fields #billing_phone_field {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }
@media screen and (min-width: 601px) {
  .woocommerce-page .woocommerce-billing-fields #billing_city_field {
    width: 50%;
    padding-right: 1.6rem; }
  .woocommerce-page .woocommerce-billing-fields #billing_state_field {
    width: 50%;
    padding-right: 0;
    padding-left: 1.6rem; }
  .woocommerce-page .woocommerce-billing-fields #billing_postcode_field {
    width: 50%;
    padding-right: 1.6rem;
    padding-left: 0;
    clear: both; }
  .woocommerce-page .woocommerce-billing-fields #billing_phone_field {
    width: 50%;
    padding-right: 0;
    padding-left: 1.6rem; } }

.checkout_login_form .woocommerce-form-login {
  background: #fff;
  padding: 3.2rem; }

.checkout_login_form::before {
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  background-color: #e4e9ec;
  margin-top: 3.2rem;
  margin-bottom: 3.2rem; }

.logged-in .checkout_login_form::before {
  content: "";
  display: none !important; }

.woocommerce-page form input#rememberme {
  width: auto;
  margin-top: 1.4rem; }
  .woocommerce-page form input#rememberme + span {
    margin-top: 1rem;
    font-weight: 400;
    font-weight: 400 !important;
    display: block;
    float: left; }

p.lost_password {
  font-size: 1.8rem;
  line-height: 1.5; }

.woocommerce-page form select {
  float: left;
  clear: both;
  width: 100%;
  padding: 1.5rem 2rem;
  border: 1px solid #d3dade;
  font-size: 2.2rem;
  line-height: 1.2; }

.delivery_selection_wrapper h3 {
  margin-top: 3.2rem;
  margin-bottom: 1.6rem; }
.delivery_selection_wrapper ul {
  padding-left: 0; }
.delivery_selection_wrapper li {
  display: block;
  float: left;
  margin-bottom: 2.2rem;
  position: relative;
  line-height: 2.7rem;
  width: 100%; }
  .delivery_selection_wrapper li > input[type="radio"] {
    position: absolute;
    opacity: 0; }
  .delivery_selection_wrapper li > label {
    background-image: url(../img/radio_unchecked.png);
    background-size: 2.7rem;
    background-repeat: no-repeat;
    padding-left: 3.6rem;
    background-position: left center;
    font-weight: 600; }
  .delivery_selection_wrapper li > input[type="radio"]:checked + label {
    background-image: url(../img/radio_checked.png); }
.delivery_selection_wrapper li:first-child:last-child > input[type="hidden"] + label {
  background-image: url(../img/radio_checked.png); }
.delivery_selection_wrapper p:last-of-type {
  font-size: 1.8rem;
  line-height: 1.5; }

/*
=== BASKET PAGES - SCREEN 3 - "STUDENTS"  ===
*/
.checkout_student_details {
  padding-bottom: 3.2rem; }
  .checkout_student_details > label {
    font-size: 2.7rem;
    line-height: 1.072;
    font-weight: 600; }
  .checkout_student_details ul {
    padding-left: 0;
    margin-top: 3.2rem; }
  .checkout_student_details li {
    display: block;
    float: left;
    margin-right: 2rem;
    position: relative;
    line-height: 2.7rem; }
    .checkout_student_details li input[type="radio"] {
      position: absolute;
      opacity: 0; }
    .checkout_student_details li label {
      background-image: url(../img/radio_unchecked.png);
      background-size: 2.7rem;
      background-repeat: no-repeat;
      padding-left: 3.6rem;
      background-position: left center; }
    .checkout_student_details li input[type="radio"]:checked + label {
      background-image: url(../img/radio_checked.png); }

.checkout_main_wrapper .checkout_student_details_form .shop_table {
  padding: 0; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table th,
  .checkout_main_wrapper .checkout_student_details_form .shop_table td {
    text-align: left; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item h3 {
    margin-bottom: 1.8rem; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form {
    background: #eee7f0;
    padding: 3.2rem;
    margin-bottom: 3.2rem; }
    .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div {
      width: 100%;
      padding-left: 0;
      float: left;
      margin-top: 2.2rem; }
      @media screen and (min-width: 601px) {
        .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div {
          margin-top: 0rem;
          width: 50%;
          padding-left: 1.6rem; } }
      .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div label {
        font-weight: 600;
        display: block;
        padding-bottom: 1.2rem; }
    .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div:first-of-type {
      padding-left: 0;
      padding-right: 0; }
      @media screen and (min-width: 601px) {
        .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div:first-of-type {
          padding-right: 1.6rem; } }
    .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form div:last-of-type {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-top: 2.2rem; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .error label {
    color: #dd3240; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .error input {
    border-color: #dd3240; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .error::after {
    content: "This field is required";
    color: #dd3240;
    font-size: 1.4rem;
    line-height: 1.142;
    font-weight: 600; }
  .checkout_main_wrapper .checkout_student_details_form .shop_table .student_details_item_form:after {
    content: "";
    display: table;
    clear: both; }

.checkout_main_wrapper a.checkout-button {
  display: block; }

.checkout_main_wrapper a.checkout-button[data-js="next-student-details"], .checkout_main_wrapper a.checkout-button[data-js="next-payment"] {
  margin-top: 6.4rem;
  float: right;
  margin-right: -3.2rem; }

.checkout_main_wrapper .shop_table .product-name .product-thumbnail {
  margin-top: 0.5rem; }

/*
=== BASKET PAGES - FINAL SCREEN - "PAYMENT"  ===
*/
.checkout-inner-step.active[data-step="payment"] {
  margin-bottom: 6.4rem; }

#payment ul {
  padding-left: 0; }
#payment li.wc_payment_method {
  display: block;
  float: left;
  position: relative;
  line-height: 2.7rem;
  width: 100%;
  margin: 10px 0; }
  #payment li.wc_payment_method > input[type="radio"] {
    position: absolute;
    opacity: 0; }
  #payment li.wc_payment_method > label {
    background-image: url(../img/radio_unchecked.png);
    background-size: 2.7rem;
    background-repeat: no-repeat;
    padding-left: 3.6rem;
    background-position: left center;
    font-weight: 600; }
  #payment li.wc_payment_method > input[type="radio"]:checked + label {
    background-image: url(../img/radio_checked.png); }
#payment .payment_method_paypal_pro > p:first-of-type {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 3.2rem; }
#payment .payment_method_paypal_pro fieldset {
  margin-top: 0; }
#payment .payment_method_paypal_pro > label {
  position: relative; }
  #payment .payment_method_paypal_pro > label img {
    display: none; }
  @media screen and (min-width: 540px) {
    #payment .payment_method_paypal_pro > label::after {
      content: "";
      width: 20rem;
      height: 2.7rem;
      background-image: url(../img/payment-card-icons.svg);
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      position: absolute;
      right: -21rem; } }
@media screen and (min-width: 601px) {
  #payment .payment_method_paypal_pro p.form-row-first,
  #payment .payment_method_paypal_pro p.form-row-last {
    width: 50%; }
  #payment .payment_method_paypal_pro p.form-row-first {
    padding-right: 1.6rem; }
  #payment .payment_method_paypal_pro p.form-row-last {
    padding-left: 1.6rem; } }
#payment .payment_box.payment_method_paypal p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 3.2rem; }
#payment li.payment_method_paypal {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #e4e9ec; }
  @media screen and (min-width: 540px) {
    #payment li.payment_method_paypal {
      /*
      &::before {
        content: "";
        width: 20rem;
        height: 2.7rem;
        background-image: url(../img/payment-paypal-logo.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
      }
		*/ } }
  #payment li.payment_method_paypal > label {
    position: relative; }
    #payment li.payment_method_paypal > label img {
      display: none; }
  #payment li.payment_method_paypal a.about_paypal {
    color: #828f97;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.5; }

    #payment #ppcp-credit-card-gateway-card-number {
      height: 56px !important;
    }

    #payment #ppcp-credit-card-gateway-card-expiry {
      height: 56px !important;
    }

    #payment #ppcp-credit-card-gateway-card-number {
      height: 56px !important;
    }

.woocommerce-privacy-policy-text {
  float: left;
  clear: both; }
  .woocommerce-privacy-policy-text p {
    font-size: 1.8rem;
    line-height: 1.5; }

input#terms {
  width: auto;
  margin-top: 1rem; }
  input#terms + span {
    font-weight: 500;
    display: inline;
    padding-left: 0.6rem; }

#payment::after {
  content: "";
  display: table;
  clear: both; }

.woocommerce-terms-and-conditions-wrapper {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #e4e9ec; }
  .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
    margin-bottom: 0; }
  .woocommerce-terms-and-conditions-wrapper p:last-of-type {
    margin-bottom: 0; }

.form-row.place-order {
  margin-bottom: 0 !important; }

button#place_order {
  margin-bottom: 0; }

/*
=== BASKET PAGES - FINAL SCREEN - "ORDER RECEIVED"  ===
*/
.woocommerce-order-overview {
  padding-left: 0; }

.woocommerce-order a.view-account {
  font-size: 2.2rem;
  line-height: 1.2;
  color: #14b1e7;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #14b1e7;
  display: inline-block;
  margin-bottom: 1.6rem;
  margin-top: 3.2rem; }

section.woocommerce-order-details {
  padding-left: 0;
  padding-right: 0; }
  section.woocommerce-order-details .woocommerce-table--order-details {
    background-color: #fff; }

.woocommerce-customer-details address {
  font-style: normal; }

.iframe-wrap {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

#breakpointCheck {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  display: none;
  width: 1px; }
  @media screen and (min-width: 601px) {
    #breakpointCheck {
      width: 601px; } }
  @media screen and (min-width: 768px) {
    #breakpointCheck {
      width: 768px; } }
  @media screen and (min-width: 1024px) {
    #breakpointCheck {
      width: 1024px; } }

select::-ms-expand {
  display: none; }

#g-recaptcha-checkout-i13 > div {height: auto !important;}
/*# sourceMappingURL=app.css.map */