/*!
Theme Name: UK-Ras Network
Theme URI: http://underscores.me/
Author: Jeff Logan
Author URI: http://underscores.me/
Description: UK-Ras Network theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ukras
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
button, [type='button'], [type='reset'], [type='submit'],
.button-element {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #474b76;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover,
.button-element:hover {
  background-color: #393c5e;
  color: #fff;
}

button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus,
.button-element:focus {
  outline: 3px solid rgba(71, 75, 118, 0.6);
  outline-offset: 2px;
}

button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled,
.button-element:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover,
.button-element:disabled:hover {
  background-color: #474b76;
}

.button--hamlyn-primary {
  border: 1px solid #112063;
  background-color: #7a61a3;
  font-family: "Helvetica Neue", arial, sans-serif;
}

.button--hamlyn-primary:hover {
  background-color: #624d84;
}

.button--hamlyn-secondary {
  background-color: #656565;
}

.button--hamlyn-secondary:hover {
  background-color: #4c4b4b;
}

.button--school-comp {
  background-color: #ff8d22;
}

.button--school-comp:hover {
  background-color: #ee7300;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  display: block;
  margin-bottom: 0.375em;
  font-size: 0.875rem;
  font-weight: 400;
}

label[hidden] {
  display: none;
}

input,
select,
textarea {
  display: block;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-size: 16px;
}

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #f5f6f8;
  border-left: 2px solid #d7d7d7;
  border-radius: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  padding: 0.5em;
  -webkit-transition: border-color 150ms ease;
  transition: border-color 150ms ease;
  width: 100%;
  font-size: 0.875rem;
}

[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
  border-color: #acacac;
}

[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
  border-color: #474b76;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(71, 75, 118, 0.7);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(71, 75, 118, 0.7);
  outline: none;
}

[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
  border: 1px solid #d7d7d7;
}

[type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cacaca;
}

[type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  color: #cacaca;
}

[type='color']::-ms-input-placeholder, [type='date']::-ms-input-placeholder, [type='datetime']::-ms-input-placeholder, [type='datetime-local']::-ms-input-placeholder, [type='email']::-ms-input-placeholder, [type='month']::-ms-input-placeholder, [type='number']::-ms-input-placeholder, [type='password']::-ms-input-placeholder, [type='search']::-ms-input-placeholder, [type='tel']::-ms-input-placeholder, [type='text']::-ms-input-placeholder, [type='time']::-ms-input-placeholder, [type='url']::-ms-input-placeholder, [type='week']::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #cacaca;
}

[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
  color: #cacaca;
}

textarea {
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 0.75em;
  width: 100%;
}

[type="checkbox"]:focus,
[type="radio"]:focus,
[type="file"]:focus,
select:focus {
  outline: 3px solid rgba(71, 75, 118, 0.6);
  outline-offset: 2px;
}

.form--white {
  color: #fff;
}

.form--white input[type="text"] {
  border: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

.form--white input[type="text"]::-webkit-input-placeholder {
  color: #474b76;
}

.form--white input[type="text"]::-moz-placeholder {
  color: #474b76;
}

.form--white input[type="text"]::-ms-input-placeholder {
  color: #474b76;
}

.form--white input[type="text"]::placeholder {
  color: #474b76;
}

.form--white button,
.form--white a.button-element,
.form--white input[type="button"],
.form--white input[type="submit"] {
  border: 1px solid #fff;
  background-color: #00296b;
}

html {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  margin: 0;
}

body.hamlyn {
  background-color: #f5f6f8;
}

body.hamlyn .main-content {
  padding-bottom: 4.209rem;
}

body.school {
  background-color: #f5f6f8;
}

dl {
  margin: 0;
}

dt {
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 1.5em 0;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

thead {
  line-height: 1.2;
  vertical-align: bottom;
}

tbody {
  vertical-align: top;
}

tr {
  border-bottom: 1px solid #d7d7d7;
}

th {
  font-weight: 600;
}

th,
td {
  padding: 0.75em 0.75em 0.75em 0;
}

html {
  color: #000;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

body.hamlyn .main-content {
  font-family: "Helvetica Neue", arial, sans-serif;
  font-size: 1rem;
}

body.hamlyn .main-content p {
  font-size: 1rem;
}

body.hamlyn .main-content h1,
body.hamlyn .main-content h2,
body.hamlyn .main-content h3,
body.hamlyn .main-content h4,
body.hamlyn .main-content h5,
body.hamlyn .main-content h6 {
  font-family: "Helvetica Neue", arial, sans-serif;
}

body.school .main-content p {
  font-size: 1.125rem;
  color: #00296b;
}

p {
  margin: 0 0 0.75em;
  font-size: 0.875rem;
}

.main-content ul:not(.breadcrumb__list) {
  font-size: 0.875rem;
}

a {
  color: #474b76;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  text-decoration: none;
  -webkit-transition: color 150ms ease;
  transition: color 150ms ease;
}

a:hover {
  color: #353859;
}

a:focus {
  outline: 3px solid rgba(71, 75, 118, 0.6);
  outline-offset: 2px;
}

hr {
  border-bottom: 1px solid #d7d7d7;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

.page-id-3 .main-content__inner {
  padding-top: 2.25rem;
}

.home .content-set__inner .content-set__fifth {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.home .news--small {
  min-height: 215px;
  margin-bottom: 1rem;
}

.site-header {
  background-color: #fff;
}

.site-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.site-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  padding-bottom: 0.5rem;
}

.section-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 40rem;
  height: 100%;
}

@media (min-width: 0) and (max-width: 767px) {
  .section-listing {
    display: none;
  }
}

.section-listing__item {
  display: block;
  padding: 0.5rem;
  margin-left: 1rem;
  border-bottom: 4px solid #000;
  font-size: 1rem;
  font-weight: 400;
  color: #00296b;
  opacity: .5;
  -webkit-transition: opacity 150ms ease;
  transition: opacity 150ms ease;
}

.section-listing__item:hover,
.section-listing__item--is-active {
  opacity: 1;
}

.section-listing__item--ukras {
  border-color: #3b3f6d;
}

.section-listing__item--robot {
  border-color: #92278f;
}

.section-listing__item--summer-showcase {
  border-color: #0b6570;
}

.section-listing__item--school {
  border-color: #ff8d22;
}

.section-listing__item--hamlyn {
  color: #000;
}

.site-header__burger-box {
  display: inline-block;
  padding: 0.875rem;
  background-color: rgba(71, 75, 118, 0.1);
}

.site-header__burger-box .burger {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.site-header__burger-box .burger, .site-header__burger-box .burger::before, .site-header__burger-box .burger::after {
  display: block;
  width: 32px;
  height: 4px;
  background-color: #474b76;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.site-header__burger-box .burger::before, .site-header__burger-box .burger::after {
  position: absolute;
  content: "";
}

.site-header__burger-box .burger::before {
  top: -9px;
}

.site-header__burger-box .burger::after {
  top: 9px;
}

.site-header__burger-box.is-active .burger {
  background-color: transparent;
}

.site-header__burger-box.is-active .burger::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.site-header__burger-box.is-active .burger::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

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

.pre-header {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  background-color: #fff;
}

.pre-header__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pre-header__social i,
.pre-header__social svg {
  display: block;
}

.pre-header__social__link {
  margin-left: 1rem;
}

.pre-header__search {
  width: 15rem;
  margin-left: 2.25rem;
}

.pre-header__search__input {
  padding-left: 0;
  border: none;
  border-bottom: 1px solid rgba(71, 75, 118, 0.3);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pre-header__search__input::-webkit-input-placeholder {
  color: #474b76;
}

.pre-header__search__input::-moz-placeholder {
  color: #474b76;
}

.pre-header__search__input::-ms-input-placeholder {
  color: #474b76;
}

.pre-header__search__input::placeholder {
  color: #474b76;
}

.pre-header__search__input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 768px) {
  .pre-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.navigation {
  display: none;
  background-color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu-list__item {
  position: relative;
}

.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: none;
  z-index: 40;
}

.menu-list__link,
.sub-menu__link {
  display: block;
  padding: 1rem;
  color: #fff;
  white-space: nowrap;
}

.menu-list__link:hover,
.sub-menu__link:hover {
  color: #fff;
}

@media (min-width: 0) and (max-width: 767px) {
  .navigation {
    font-size: 1rem;
  }
  .sub-menu {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .menu-list__link,
  .sub-menu__link {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .menu-list__item__trigger-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu-list__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 4rem;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .menu-list__trigger:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url("../images/icons/chevron-down.svg");
    background-size: 0.875rem;
    background-position: center;
    -webkit-transition: -webkit-transform ease 150ms;
    transition: -webkit-transform ease 150ms;
    transition: transform ease 150ms;
    transition: transform ease 150ms, -webkit-transform ease 150ms;
  }
  .menu-list__trigger.is-active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (min-width: 768px) {
  .navigation {
    display: block;
  }
  .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .menu-list__item {
    margin-left: 1rem;
  }
  .menu-list__link {
    position: relative;
  }
  .menu-list__item:hover .menu-list__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #fff;
  }
  .menu-list__item:hover .sub-menu {
    display: block;
  }
  .sub-menu {
    position: absolute;
    background-color: #fff;
  }
  .sub-menu__item {
    border-bottom: 1px solid #000;
  }
  .sub-menu__link {
    color: #000;
  }
}

.navigation--ukras {
  background: -webkit-gradient(linear, left top, right top, from(#3b3f6d), to(#525689));
  background: linear-gradient(to right, #3b3f6d, #525689);
}

.navigation--ukras .menu-list__item:hover .menu-list__link:after {
  opacity: .5;
}

@media (min-width: 768px) {
  .navigation--ukras .sub-menu__item {
    border-bottom-color: rgba(71, 75, 118, 0.2);
  }
  .navigation--ukras .sub-menu__link {
    color: #7a61a3;
  }
  .navigation--ukras .sub-menu__link:hover {
    color: #3b3f6d;
  }
}

.robotics .navigation {
  background: -webkit-gradient(linear, left top, right top, from(#6b1369), to(#92278f));
  background: linear-gradient(to right, #6b1369, #92278f);
}

.robotics .navigation .menu-list__item:hover .menu-list__link:after {
  opacity: .5;
}

@media (min-width: 768px) {
  .robotics .navigation .sub-menu__item {
    border-bottom-color: rgba(71, 75, 118, 0.2);
  }
  .robotics .navigation .sub-menu__link {
    color: #7a61a3;
  }
  .robotics .navigation .sub-menu__link:hover {
    color: #3b3f6d;
  }
}

.summer-showcase .navigation {
  background: -webkit-gradient(linear, left top, right top, from(#0b6570), to(#0a8894));
  background: linear-gradient(to right, #0b6570, #0a8894);
}

.summer-showcase .navigation .menu-list__item:hover .menu-list__link:after {
  opacity: .5;
}

@media (min-width: 768px) {
  .summer-showcase .navigation .sub-menu__item {
    border-bottom-color: rgba(71, 75, 118, 0.2);
  }
  .summer-showcase .navigation .sub-menu__link {
    color: #7a61a3;
  }
  .summer-showcase .navigation .sub-menu__link:hover {
    color: #3b3f6d;
  }
}

.school .navigation {
  background: -webkit-gradient(linear, left top, right top, from(#f65709), to(#f29a21));
  background: linear-gradient(to right, #f65709, #f29a21);
}

.school .navigation .menu-list__item:hover .menu-list__link:after {
  opacity: .5;
}

@media (min-width: 768px) {
  .school .navigation .sub-menu__item {
    border-bottom-color: rgba(71, 75, 118, 0.2);
  }
  .school .navigation .sub-menu__link {
    color: #7a61a3;
  }
  .school .navigation .sub-menu__link:hover {
    color: #3b3f6d;
  }
}

.hamlyn .sub-menu__link:hover {
  color: #3b3f6d;
}

.site-footer {
  position: relative;
}

.site-footer .white-links {
  color: #fff;
}

.site-footer .white-links:hover {
  color: #fff;
  text-decoration: underline;
}

.site-footer__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.site-footer__logos > * {
  margin-bottom: 2.25rem;
}

.site-footer.fg--white .mw-link {
  color: #fff;
}

.site-footer.fg--white .mw-link:hover {
  color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .site-footer__logos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-footer__logos > *:not(:last-child) {
    margin-right: 2.25rem;
  }
}

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

@media (min-width: 0) and (max-width: 767px) {
  .site-footer__social {
    margin-top: 2.25rem;
  }
}

.site-footer__social__link {
  display: block;
  margin-bottom: 0.875rem;
  color: #fff;
}

.site-footer__social__link:hover {
  color: rgba(255, 255, 255, 0.9);
}

.site-footer__social .site-footer__social__link:last-child {
  margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 767px) {
  .site-footer__social__link {
    margin-right: 1rem;
  }
}

@media (min-width: 768px) {
  .site-footer__social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.hamlyn .site-footer:before {
  content: "";
  position: absolute;
  bottom: calc(100% - 2px);
  display: block;
  width: 100%;
  height: 10rem;
  background-image: url("../images/misc/hamlyn-footer.svg");
  background-size: 73.75rem;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.site-footer--robotics .site-footer__inner {
  padding: 1.875rem;
  border-radius: 1.875rem;
  background-color: #f65709;
  color: #fff;
}

@media (min-width: 0) and (max-width: 767px) {
  .site-footer--robotics::after {
    clear: both;
    content: "";
    display: block;
  }
  .site-footer--robotics .site-footer__inner {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-position: center;
}

.banner__container {
  width: 100%;
  height: 100%;
}

.ukras .banner--large {
  position: relative;
  height: 20rem;
}

.hamlyn .banner--large {
  position: relative;
  height: 15rem;
}

.robotics .banner--large,
.summer-showcase .banner--large {
  position: relative;
  height: 15rem;
  background-position: center top;
}

.ukras .banner--large:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/misc/large-banner-overlay.svg");
  background-position: center right -160px;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner--small {
  position: relative;
  height: 16.875rem;
}

.robotics .banner--small,
.summer-showcase .banner--small {
  position: relative;
  height: 15rem;
}

.banner--small:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/misc/small-banner-overlay.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner__detail {
  position: relative;
  padding: 1rem 1rem 0.25rem 1rem;
  font-size: 1.875rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 30;
}

.banner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.ukras .banner--large .banner__detail {
  background-color: transparent;
}

.ukras .banner--large .banner__detail h2 {
  font-weight: 300;
}

@media (min-width: 576px) {
  .banner__detail {
    text-align: right;
  }
  .ukras .banner--large .banner__detail {
    padding-left: 8rem;
  }
}

@media (min-width: 768px) {
  .ukras .banner--large {
    height: 25rem;
  }
  .hamlyn .banner--large {
    height: 23.5rem;
  }
  .robotics .banner--large,
  .summer-showcase .banner--large {
    height: 20rem;
  }
  .summer-showcase .banner--small,
  .robotics .banner--small {
    height: 20rem;
  }
  .banner__detail {
    font-size: 1rem;
    max-width: 30rem;
    text-align: right;
  }
  .ukras .banner--large .banner__detail h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .ukras .banner--large:after {
    background-position: center center;
  }
  .summer-showcase .banner--large,
  .robotics .banner--large {
    height: 25rem;
  }
  .summer-showcase .banner--small,
  .robotics .banner--small {
    height: 26.25rem;
  }
  .banner--large:after {
    background-position: center;
  }
}

.slick-dots {
  position: absolute;
  bottom: 20px;
  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 {
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #000;
  outline: none;
  opacity: 0.5;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  background: #000;
  outline: none;
  opacity: 0.9;
}

.slick-dots li.slick-active button {
  opacity: 0.75;
}

.robotics.page-template-page_robotics-week-front .slick-dots {
  bottom: 3rem;
}

@media (min-width: 992px) {
  .robotics.page-template-page_robotics-week-front .slick-dots {
    bottom: 11rem;
  }
  .robotics.page-template-page_robotics-week .slick-dots {
    bottom: 8rem;
  }
}

.event-set__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media (min-width: 768px) {
  .event-set__secondary-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .event-set__secondary {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    margin-right: 1.875rem;
  }
  .event-set__secondary-items .event-set__secondary:last-child {
    margin-right: 0;
  }
}

.news-listing-page .main-content__title .current-title {
  display: block;
}

.news-listing-page .main-content__center .bt--purple-dark.bg--off-white {
  padding-top: 0;
  border-top: 0;
  background-color: transparent;
}

.news-listing-page .main-content__center .bt--purple-dark.bg--off-white h1 {
  display: none;
}

.news--large .news--large__image img {
  width: 100%;
}

.content-set__column {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
}

.content-set__fifth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content-set__fifth > * {
  margin-bottom: 0.5rem;
}

.content-set__fifth > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .content-set__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-set__title,
  .content-set__cta {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .content-set__center {
    width: 72.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .content-set__two-fifths {
    width: 47.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .content-set__right,
  .content-set__fifth {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .content-set__fifth--full-inner > * {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .content-set__title {
    width: 17.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .content-set__center {
    width: 57.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
    margin-left: 0;
  }
  .content-set__two-fifths {
    width: 37.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
    margin-left: 0;
  }
  .content-set__right,
  .content-set__fifth {
    width: 17.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .content-set__cta {
    margin-top: -2rem;
  }
}

@media (min-width: 768px) {
  .event--large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .event--large__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    padding-right: 0.875rem;
  }
  .event--large__image {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 0px;
            flex: 2 1 0px;
  }
}

.event-showcase__image {
  position: relative;
}

.event-showcase__title {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
}

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

.event-showcase__download {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5rem;
}

@media (min-width: 768px) {
  .event-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .event-showcase__cta {
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .event-showcase__download {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    margin-top: auto;
  }
}

.page-template-page_ukras-wide .ss-social-sharing {
  display: none;
}

.cta-set__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cta-box {
  background-size: cover;
  background-position: center right;
}

.cta-box p {
  margin-bottom: 1.5rem;
  color: #fff;
}

@media (min-width: 0) and (max-width: 767px) {
  .cta-box {
    margin-bottom: 2px;
  }
}

@media (min-width: 768px) {
  .cta-set__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cta-set__left,
  .cta-set__right {
    width: calc(50% - 2px);
  }
  .cta-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

.main-content__column {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
}

.main-content__title .current-title {
  display: none;
}

.robotics .main-content,
.summer-showcase .main-content {
  position: relative;
}

.robotics .main-content__poke-title,
.summer-showcase .main-content__poke-title {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
  position: absolute;
  bottom: calc(100% - 1.2rem);
  color: #fff;
}

.main-content__robotics-head-single {
  border-bottom: 1px solid #000;
  margin-bottom: 2.25rem;
}

.main-content__robotics-head__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) {
  .main-content__title,
  .main-content__column {
    width: 97.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__center,
  .main-content__hamlyn-post-content {
    width: 64.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__sidebar {
    width: 31.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__post-content {
    width: 97.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .robotics .main-content__poke-title {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .main-content__robotics-head-single,
  .main-content__robotics-single,
  .main-content__robotics-head {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .main-content__robotics-head__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-content__robotics-head__logos img:last-child {
    margin-left: 3.75rem;
  }
}

@media (min-width: 992px) {
  .main-content__title {
    width: 17.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__center {
    width: 51.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__hamlyn-post-content {
    width: 71.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .main-content__sidebar {
    width: 17.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
    margin-left: 7.77777778%;
  }
  .main-content__post-content {
    width: 77.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
    margin-left: 21.11111111%;
  }
  .ukras .main-content__sidebar {
    margin-top: -2.125rem;
  }
  .robotics .main-content,
  .summer-showcase .main-content {
    margin-top: -7.5rem;
    z-index: 2;
  }
  .main-content__robotics-head {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .robotics .main-content__poke-title,
  .summer-showcase .main-content__poke-title,
  .main-content__robotics-head-single,
  .main-content__robotics-single {
    width: 80.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
    margin-left: 9.72222222%;
  }
}

.widget--link-listing__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.widget--link-listing__item {
  border-bottom: 1px solid rgba(71, 75, 118, 0.3);
}

.widget--link-listing__link {
  display: block;
  padding: 0.875rem 1rem;
  color: rgba(71, 75, 118, 0.6);
}

.widget--link-listing__link:hover {
  color: #474b76;
}

.hamlyn .widget--link-listing {
  background-color: #fff;
  font-weight: 400;
}

.hamlyn .widget--link-listing__title {
  margin-bottom: 0;
  padding: 1rem;
}

.hamlyn .widget--link-listing__list {
  background-color: #e3e3eb;
}

.hamlyn .widget--link-listing__item {
  border-bottom: 1px solid #fff;
}

.blog-listing__item {
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #00296b;
}

.blog-listing__item p:last-child {
  margin-bottom: 0;
}

.blog-listing__item:last-child {
  margin-top: 0;
  border-bottom: 0;
}

.hamlyn .breadcrumb {
  font-family: "Helvetica Neue", arial, sans-serif;
}

.breadcrumb__inner {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
}

.breadcrumb__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 500;
}

.breadcrumb__item:after {
  content: "/";
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.breadcrumb__list .breadcrumb__item:last-child:after {
  content: none;
}

.breadcrumb__link {
  color: rgba(71, 75, 118, 0.7);
}

.hamlyn .breadcrumb__link {
  color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 992px) {
  .breadcrumb__inner {
    width: 51.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
    margin-left: 21.11111111%;
  }
  .main-content .breadcrumb__inner {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

@media (min-width: 576px) {
  .download--listing .download {
    width: 33.33333333%;
    float: left;
  }
  .download--listing .download:nth-child(2n + 1) {
    margin-left: 8.33333333%;
    margin-right: -100%;
    clear: both;
  }
  .download--listing .download:nth-child(2n + 2) {
    margin-left: 58.33333333%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 768px) {
  .download--listing .download {
    width: 30.55555556%;
    float: left;
  }
  .download--listing .download:nth-child(3n + 1) {
    margin-left: 1.38888889%;
    margin-right: -100%;
    clear: both;
  }
  .download--listing .download:nth-child(3n + 2) {
    margin-left: 34.72222222%;
    margin-right: -100%;
    clear: none;
  }
  .download--listing .download:nth-child(3n + 3) {
    margin-left: 68.05555556%;
    margin-right: -100%;
    clear: none;
  }
}

.ce-listing {
  position: relative;
  padding: 1.5rem 0;
}

.ce-listing::after {
  clear: both;
  content: "";
  display: block;
}

.ce-listing .ce-filters {
  margin-bottom: 1.5rem;
}

.ce-listing .ce-filters::after {
  clear: both;
  content: "";
  display: block;
}

.ce-listing .ce-filters label,
.ce-listing .ce-filters select,
.ce-listing .ce-filters input,
.ce-listing .ce-filters button {
  font-size: 0.75rem;
}

.ce-listing .ce-filters label {
  font-weight: bold;
}

.ce-listing .ce-filters select, .ce-listing .ce-filters input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  height: 2rem;
  border: 1px solid #d7d7d7;
}

.ce-listing .ce-filters input {
  margin-bottom: 0.75em;
}

.ce-listing .ce-filter-column,
.ce-listing .ce-submit,
.ce-listing table,
.ce-listing .cedb-no-results,
.ce-listing .pagination {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
}

.ce-listing .ce-filter-category {
  padding: 1rem;
  background-color: #eeeeee;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.ce-listing table {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.75rem;
}

.ce-listing a {
  font-weight: 600;
}

.ce-listing .button-element {
  font-size: 0.75rem;
}

.ce-listing .spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ce-listing .spinner,
.ce-listing .spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.ce-listing .spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(128, 128, 128, 0.2);
  border-right: 1.1em solid rgba(128, 128, 128, 0.2);
  border-bottom: 1.1em solid rgba(128, 128, 128, 0.2);
  border-left: 1.1em solid #808080;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ce-listing .pagination {
  margin-top: 1.5rem;
}

.ce-listing .pagination button {
  padding: 0.5em 1em;
  margin-right: 1rem;
}

.ce-listing .pagination button:last {
  margin-right: 0;
}

.ce-listing .pagination .current-page {
  display: inline-block;
  padding: 0.75em 1.5em;
  margin-right: 1rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .ce-listing .ce-filter-category {
    margin-bottom: 0.75em;
  }
}

@media (min-width: 768px) {
  .ce-listing .ce-filter-column {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .ce-listing .ce-submit {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
    margin-top: 1.5rem;
  }
  .ce-listing table,
  .ce-listing .cedb-no-results,
  .ce-listing .pagination {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

.link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.875rem;
  height: 18.5rem;
  background-size: cover;
  -webkit-transition: -webkit-box-shadow 150ms ease;
  transition: -webkit-box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
}

.link-box:hover {
  -webkit-box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.1);
}

.link-box__icon {
  margin-bottom: 1rem;
  -webkit-transition: -webkit-transform 150ms ease;
  transition: -webkit-transform 150ms ease;
  transition: transform 150ms ease;
  transition: transform 150ms ease, -webkit-transform 150ms ease;
}

.link-box:hover .link-box__icon {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.link-box__title,
.link-box__cta {
  width: 100%;
}

.link-box-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .link-box-set {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .link-box-set .link-box {
    margin-right: 1.5rem;
  }
  .link-box-set .link-box:last-child {
    margin-right: 0;
  }
}

.wp-block-ukras-blocks-ukras-panel {
  position: relative;
}

.wp-block-ukras-blocks-ukras-panel::after {
  clear: both;
  content: "";
  display: block;
}

.wp-block-ukras-blocks-ukras-panel h2 {
  position: relative;
  z-index: 1;
}

.wp-block-ukras-blocks-ukras-panel .bg-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
}

.wp-block-ukras-blocks-ukras-panel .block-body {
  position: relative;
  z-index: 1;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel {
  margin-bottom: 1.5rem;
  min-height: 250px;
  overflow: hidden;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel h2 {
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  color: #fff;
  text-transform: uppercase;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel .bg-image {
  background-repeat: no-repeat;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel .block-body {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel .block-body p:last-child {
  margin-bottom: 0;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel .bg-image + .block-body {
  position: absolute;
  top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  height: calc(100% - 40px);
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel .bg-image + .block-body a {
  color: #fff;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel.justify-content-center .block-body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel.justify-content-flex-end .block-body {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.hamlyn .wp-block-ukras-blocks-ukras-panel.no--text .bg-image + .block-body {
  display: none;
}

.wp-block-ukras-blocks-ukras-panel.bg--black {
  border: solid 1px #000;
}

.wp-block-ukras-blocks-ukras-panel.bg--black .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--black .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--black {
  border: solid 1px #000;
}

.wp-block-ukras-blocks-ukras-panel.bg--white {
  border: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--white .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--white .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--white {
  border: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--red {
  border: solid 1px #ff0000;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--red .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--red .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--fx--red {
  border: solid 1px #ff0000;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--yellow {
  border: solid 1px #fcf500;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--yellow .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--yellow .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--fx--yellow {
  border: solid 1px #fcf500;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--green {
  border: solid 1px #8dc63f;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--green .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--fx--green .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--fx--green {
  border: solid 1px #8dc63f;
}

.wp-block-ukras-blocks-ukras-panel.bg--red {
  border: solid 1px #662122;
}

.wp-block-ukras-blocks-ukras-panel.bg--red .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--red .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--red {
  border: solid 1px #662122;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey {
  border: solid 1px #d7d7d7;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--grey {
  border: solid 1px #d7d7d7;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey-dark {
  border: solid 1px #656565;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey-dark .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--grey-dark .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--grey-dark {
  border: solid 1px #656565;
}

.wp-block-ukras-blocks-ukras-panel.bg--off-white {
  border: solid 1px #f5f6f8;
}

.wp-block-ukras-blocks-ukras-panel.bg--off-white .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--off-white .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--off-white {
  border: solid 1px #f5f6f8;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-dark {
  border: solid 1px #3b3f6d;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-dark .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-dark .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-dark {
  border: solid 1px #3b3f6d;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple {
  border: solid 1px #474b76;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple {
  border: solid 1px #474b76;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-light {
  border: solid 1px #525689;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-light .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-light .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-light {
  border: solid 1px #525689;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lighter {
  border: solid 1px #7a61a3;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lighter .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lighter .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-lighter {
  border: solid 1px #7a61a3;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lightest {
  border: solid 1px #9496ab;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lightest .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-lightest .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-lightest {
  border: solid 1px #9496ab;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-sat {
  border: solid 1px #7a61a3;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-sat .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-sat .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-sat {
  border: solid 1px #7a61a3;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-pale {
  border: solid 1px #e3e3eb;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-pale .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-pale .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-pale {
  border: solid 1px #e3e3eb;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo {
  border: solid 1px #6b1369;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-robo {
  border: solid 1px #6b1369;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo-light {
  border: solid 1px #92278f;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo-light .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--purple-robo-light .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--purple-robo-light {
  border: solid 1px #92278f;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-dark {
  border: solid 1px #112063;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-dark .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-dark .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--blue-dark {
  border: solid 1px #112063;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue {
  border: solid 1px #00296b;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--blue {
  border: solid 1px #00296b;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-light {
  border: solid 1px #00aeef;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-light .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-light .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--blue-light {
  border: solid 1px #00aeef;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-mid {
  border: solid 1px #77a7cf;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-mid .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-mid .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--blue-mid {
  border: solid 1px #77a7cf;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-lightest {
  border: solid 1px #0099ff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-lightest .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--blue-lightest .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--blue-lightest {
  border: solid 1px #0099ff;
}

.wp-block-ukras-blocks-ukras-panel.bg--cyan {
  border: solid 1px #00bff3;
}

.wp-block-ukras-blocks-ukras-panel.bg--cyan .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--cyan .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--cyan {
  border: solid 1px #00bff3;
}

.wp-block-ukras-blocks-ukras-panel.bg--twitter-blue {
  border: solid 1px #00bff3;
}

.wp-block-ukras-blocks-ukras-panel.bg--twitter-blue .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--twitter-blue .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--twitter-blue {
  border: solid 1px #00bff3;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-dark {
  border: solid 1px #f65709;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-dark .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-dark .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--orange-dark {
  border: solid 1px #f65709;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange {
  border: solid 1px #ec7d20;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--orange {
  border: solid 1px #ec7d20;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-light {
  border: solid 1px #f29a21;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-light .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-light .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--orange-light {
  border: solid 1px #f29a21;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-sat {
  border: solid 1px #ff8d22;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-sat .block-body {
  color: #fff;
  border-top: solid 1px #fff;
}

.wp-block-ukras-blocks-ukras-panel.bg--orange-sat .block-body a {
  color: #fff;
}

.wp-block-ukras-blocks-ukras-panel.block-title-bg--orange-sat {
  border: solid 1px #ff8d22;
}

.page-template-page_school .widget_ukras_twitter_widget,
.post-template-post_school_competition .widget_ukras_twitter_widget,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget {
  background-color: #fff;
}

.page-template-page_school .widget_ukras_twitter_widget .widget-title,
.page-template-page_school .widget_ukras_twitter_widget .widget-view-more-link,
.post-template-post_school_competition .widget_ukras_twitter_widget .widget-title,
.post-template-post_school_competition .widget_ukras_twitter_widget .widget-view-more-link,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget .widget-title,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget .widget-view-more-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.page-template-page_school .widget_ukras_twitter_widget .widget-title,
.post-template-post_school_competition .widget_ukras_twitter_widget .widget-title,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget .widget-title {
  padding-top: 0.5rem;
}

.page-template-page_school .widget_ukras_twitter_widget .widget-view-more-link,
.post-template-post_school_competition .widget_ukras_twitter_widget .widget-view-more-link,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget .widget-view-more-link {
  padding-bottom: 0.5rem;
}

.page-template-page_school .widget_ukras_twitter_widget .bg--off-white,
.post-template-post_school_competition .widget_ukras_twitter_widget .bg--off-white,
.page-template-page_school_blog_listing .widget_ukras_twitter_widget .bg--off-white {
  background-color: #fff;
}

.popular-posts {
  background-color: #fff;
}

.popular-posts .widget-title,
.popular-posts .wpp-list,
.popular-posts .wpp-no-data {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.popular-posts .widget-title {
  padding-top: 0.5rem;
}

.popular-posts .wpp-list,
.popular-posts .wpp-no-data {
  padding-bottom: 0.5rem;
}

.bg--black {
  background-color: #000;
}

.block-title-bg--black h2 {
  background-color: #000;
}

.bc--black {
  border-color: #000;
}

button.bg--black:hover {
  background-color: black;
}

.bg--white {
  background-color: #fff;
}

.block-title-bg--white h2 {
  background-color: #fff;
}

.bc--white {
  border-color: #fff;
}

button.bg--white:hover {
  background-color: #cccccc;
}

.bg--fx--red {
  background-color: #ff0000;
}

.block-title-bg--fx--red h2 {
  background-color: #ff0000;
}

.bc--fx--red {
  border-color: #ff0000;
}

button.bg--fx--red:hover {
  background-color: #cc0000;
}

.bg--fx--yellow {
  background-color: #fcf500;
}

.block-title-bg--fx--yellow h2 {
  background-color: #fcf500;
}

.bc--fx--yellow {
  border-color: #fcf500;
}

button.bg--fx--yellow:hover {
  background-color: #cac400;
}

.bg--fx--green {
  background-color: #8dc63f;
}

.block-title-bg--fx--green h2 {
  background-color: #8dc63f;
}

.bc--fx--green {
  border-color: #8dc63f;
}

button.bg--fx--green:hover {
  background-color: #719e32;
}

.bg--red {
  background-color: #662122;
}

.block-title-bg--red h2 {
  background-color: #662122;
}

.bc--red {
  border-color: #662122;
}

button.bg--red:hover {
  background-color: #521a1b;
}

.bg--grey {
  background-color: #d7d7d7;
}

.block-title-bg--grey h2 {
  background-color: #d7d7d7;
}

.bc--grey {
  border-color: #d7d7d7;
}

button.bg--grey:hover {
  background-color: #acacac;
}

.bg--grey-dark {
  background-color: #656565;
}

.block-title-bg--grey-dark h2 {
  background-color: #656565;
}

.bc--grey-dark {
  border-color: #656565;
}

button.bg--grey-dark:hover {
  background-color: #515151;
}

.bg--off-white {
  background-color: #f5f6f8;
}

.block-title-bg--off-white h2 {
  background-color: #f5f6f8;
}

.bc--off-white {
  border-color: #f5f6f8;
}

button.bg--off-white:hover {
  background-color: #c4c5c6;
}

.bg--purple-dark {
  background-color: #3b3f6d;
}

.block-title-bg--purple-dark h2 {
  background-color: #3b3f6d;
}

.bc--purple-dark {
  border-color: #3b3f6d;
}

button.bg--purple-dark:hover {
  background-color: #2f3257;
}

.bg--purple {
  background-color: #474b76;
}

.block-title-bg--purple h2 {
  background-color: #474b76;
}

.bc--purple {
  border-color: #474b76;
}

button.bg--purple:hover {
  background-color: #393c5e;
}

.bg--purple-light {
  background-color: #525689;
}

.block-title-bg--purple-light h2 {
  background-color: #525689;
}

.bc--purple-light {
  border-color: #525689;
}

button.bg--purple-light:hover {
  background-color: #42456e;
}

.bg--purple-lighter {
  background-color: #7a61a3;
}

.block-title-bg--purple-lighter h2 {
  background-color: #7a61a3;
}

.bc--purple-lighter {
  border-color: #7a61a3;
}

button.bg--purple-lighter:hover {
  background-color: #624e82;
}

.bg--purple-lightest {
  background-color: #9496ab;
}

.block-title-bg--purple-lightest h2 {
  background-color: #9496ab;
}

.bc--purple-lightest {
  border-color: #9496ab;
}

button.bg--purple-lightest:hover {
  background-color: #767889;
}

.bg--purple-sat {
  background-color: #7a61a3;
}

.block-title-bg--purple-sat h2 {
  background-color: #7a61a3;
}

.bc--purple-sat {
  border-color: #7a61a3;
}

button.bg--purple-sat:hover {
  background-color: #624e82;
}

.bg--purple-pale {
  background-color: #e3e3eb;
}

.block-title-bg--purple-pale h2 {
  background-color: #e3e3eb;
}

.bc--purple-pale {
  border-color: #e3e3eb;
}

button.bg--purple-pale:hover {
  background-color: #b6b6bc;
}

.bg--purple-robo {
  background-color: #6b1369;
}

.block-title-bg--purple-robo h2 {
  background-color: #6b1369;
}

.bc--purple-robo {
  border-color: #6b1369;
}

button.bg--purple-robo:hover {
  background-color: #560f54;
}

.bg--purple-robo-light {
  background-color: #92278f;
}

.block-title-bg--purple-robo-light h2 {
  background-color: #92278f;
}

.bc--purple-robo-light {
  border-color: #92278f;
}

button.bg--purple-robo-light:hover {
  background-color: #751f72;
}

.bg--blue-dark {
  background-color: #112063;
}

.block-title-bg--blue-dark h2 {
  background-color: #112063;
}

.bc--blue-dark {
  border-color: #112063;
}

button.bg--blue-dark:hover {
  background-color: #0e1a4f;
}

.bg--blue {
  background-color: #00296b;
}

.block-title-bg--blue h2 {
  background-color: #00296b;
}

.bc--blue {
  border-color: #00296b;
}

button.bg--blue:hover {
  background-color: #002156;
}

.bg--blue-light {
  background-color: #00aeef;
}

.block-title-bg--blue-light h2 {
  background-color: #00aeef;
}

.bc--blue-light {
  border-color: #00aeef;
}

button.bg--blue-light:hover {
  background-color: #008bbf;
}

.bg--blue-mid {
  background-color: #77a7cf;
}

.block-title-bg--blue-mid h2 {
  background-color: #77a7cf;
}

.bc--blue-mid {
  border-color: #77a7cf;
}

button.bg--blue-mid:hover {
  background-color: #5f86a6;
}

.bg--blue-lightest {
  background-color: #0099ff;
}

.block-title-bg--blue-lightest h2 {
  background-color: #0099ff;
}

.bc--blue-lightest {
  border-color: #0099ff;
}

button.bg--blue-lightest:hover {
  background-color: #007acc;
}

.bg--cyan {
  background-color: #00bff3;
}

.block-title-bg--cyan h2 {
  background-color: #00bff3;
}

.bc--cyan {
  border-color: #00bff3;
}

button.bg--cyan:hover {
  background-color: #0099c2;
}

.bg--twitter-blue {
  background-color: #00bff3;
}

.block-title-bg--twitter-blue h2 {
  background-color: #00bff3;
}

.bc--twitter-blue {
  border-color: #00bff3;
}

button.bg--twitter-blue:hover {
  background-color: #0099c2;
}

.bg--orange-dark {
  background-color: #f65709;
}

.block-title-bg--orange-dark h2 {
  background-color: #f65709;
}

.bc--orange-dark {
  border-color: #f65709;
}

button.bg--orange-dark:hover {
  background-color: #c54607;
}

.bg--orange {
  background-color: #ec7d20;
}

.block-title-bg--orange h2 {
  background-color: #ec7d20;
}

.bc--orange {
  border-color: #ec7d20;
}

button.bg--orange:hover {
  background-color: #bd641a;
}

.bg--orange-light {
  background-color: #f29a21;
}

.block-title-bg--orange-light h2 {
  background-color: #f29a21;
}

.bc--orange-light {
  border-color: #f29a21;
}

button.bg--orange-light:hover {
  background-color: #c27b1a;
}

.bg--orange-sat {
  background-color: #ff8d22;
}

.block-title-bg--orange-sat h2 {
  background-color: #ff8d22;
}

.bc--orange-sat {
  border-color: #ff8d22;
}

button.bg--orange-sat:hover {
  background-color: #cc711b;
}

.bg--robotics {
  background-color: #f5f6f8;
  background-image: url("../images/misc/rw--bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.fg--black {
  color: #000;
}

.hv--black:hover {
  color: #000;
}

svg.fg--black {
  fill: #000;
}

.fg--white {
  color: #fff;
}

.hv--white:hover {
  color: #fff;
}

svg.fg--white {
  fill: #fff;
}

.fg--fx--red {
  color: #ff0000;
}

.hv--fx--red:hover {
  color: #ff0000;
}

svg.fg--fx--red {
  fill: #ff0000;
}

.fg--fx--yellow {
  color: #fcf500;
}

.hv--fx--yellow:hover {
  color: #fcf500;
}

svg.fg--fx--yellow {
  fill: #fcf500;
}

.fg--fx--green {
  color: #8dc63f;
}

.hv--fx--green:hover {
  color: #8dc63f;
}

svg.fg--fx--green {
  fill: #8dc63f;
}

.fg--red {
  color: #662122;
}

.hv--red:hover {
  color: #662122;
}

svg.fg--red {
  fill: #662122;
}

.fg--grey {
  color: #d7d7d7;
}

.hv--grey:hover {
  color: #d7d7d7;
}

svg.fg--grey {
  fill: #d7d7d7;
}

.fg--grey-dark {
  color: #656565;
}

.hv--grey-dark:hover {
  color: #656565;
}

svg.fg--grey-dark {
  fill: #656565;
}

.fg--off-white {
  color: #f5f6f8;
}

.hv--off-white:hover {
  color: #f5f6f8;
}

svg.fg--off-white {
  fill: #f5f6f8;
}

.fg--purple-dark {
  color: #3b3f6d;
}

.hv--purple-dark:hover {
  color: #3b3f6d;
}

svg.fg--purple-dark {
  fill: #3b3f6d;
}

.fg--purple {
  color: #474b76;
}

.hv--purple:hover {
  color: #474b76;
}

svg.fg--purple {
  fill: #474b76;
}

.fg--purple-light {
  color: #525689;
}

.hv--purple-light:hover {
  color: #525689;
}

svg.fg--purple-light {
  fill: #525689;
}

.fg--purple-lighter {
  color: #7a61a3;
}

.hv--purple-lighter:hover {
  color: #7a61a3;
}

svg.fg--purple-lighter {
  fill: #7a61a3;
}

.fg--purple-lightest {
  color: #9496ab;
}

.hv--purple-lightest:hover {
  color: #9496ab;
}

svg.fg--purple-lightest {
  fill: #9496ab;
}

.fg--purple-sat {
  color: #7a61a3;
}

.hv--purple-sat:hover {
  color: #7a61a3;
}

svg.fg--purple-sat {
  fill: #7a61a3;
}

.fg--purple-pale {
  color: #e3e3eb;
}

.hv--purple-pale:hover {
  color: #e3e3eb;
}

svg.fg--purple-pale {
  fill: #e3e3eb;
}

.fg--purple-robo {
  color: #6b1369;
}

.hv--purple-robo:hover {
  color: #6b1369;
}

svg.fg--purple-robo {
  fill: #6b1369;
}

.fg--purple-robo-light {
  color: #92278f;
}

.hv--purple-robo-light:hover {
  color: #92278f;
}

svg.fg--purple-robo-light {
  fill: #92278f;
}

.fg--blue-dark {
  color: #112063;
}

.hv--blue-dark:hover {
  color: #112063;
}

svg.fg--blue-dark {
  fill: #112063;
}

.fg--blue {
  color: #00296b;
}

.hv--blue:hover {
  color: #00296b;
}

svg.fg--blue {
  fill: #00296b;
}

.fg--blue-light {
  color: #00aeef;
}

.hv--blue-light:hover {
  color: #00aeef;
}

svg.fg--blue-light {
  fill: #00aeef;
}

.fg--blue-mid {
  color: #77a7cf;
}

.hv--blue-mid:hover {
  color: #77a7cf;
}

svg.fg--blue-mid {
  fill: #77a7cf;
}

.fg--blue-lightest {
  color: #0099ff;
}

.hv--blue-lightest:hover {
  color: #0099ff;
}

svg.fg--blue-lightest {
  fill: #0099ff;
}

.fg--cyan {
  color: #00bff3;
}

.hv--cyan:hover {
  color: #00bff3;
}

svg.fg--cyan {
  fill: #00bff3;
}

.fg--twitter-blue {
  color: #00bff3;
}

.hv--twitter-blue:hover {
  color: #00bff3;
}

svg.fg--twitter-blue {
  fill: #00bff3;
}

.fg--orange-dark {
  color: #f65709;
}

.hv--orange-dark:hover {
  color: #f65709;
}

svg.fg--orange-dark {
  fill: #f65709;
}

.fg--orange {
  color: #ec7d20;
}

.hv--orange:hover {
  color: #ec7d20;
}

svg.fg--orange {
  fill: #ec7d20;
}

.fg--orange-light {
  color: #f29a21;
}

.hv--orange-light:hover {
  color: #f29a21;
}

svg.fg--orange-light {
  fill: #f29a21;
}

.fg--orange-sat {
  color: #ff8d22;
}

.hv--orange-sat:hover {
  color: #ff8d22;
}

svg.fg--orange-sat {
  fill: #ff8d22;
}

a.ro--black.is-active,
a.ro--black:hover {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

a.ro--white.is-active,
a.ro--white:hover {
  border-color: #fff;
  background-color: #fff;
  color: #fff;
}

a.ro--fx--red.is-active,
a.ro--fx--red:hover {
  border-color: #ff0000;
  background-color: #ff0000;
  color: #fff;
}

a.ro--fx--yellow.is-active,
a.ro--fx--yellow:hover {
  border-color: #fcf500;
  background-color: #fcf500;
  color: #fff;
}

a.ro--fx--green.is-active,
a.ro--fx--green:hover {
  border-color: #8dc63f;
  background-color: #8dc63f;
  color: #fff;
}

a.ro--red.is-active,
a.ro--red:hover {
  border-color: #662122;
  background-color: #662122;
  color: #fff;
}

a.ro--grey.is-active,
a.ro--grey:hover {
  border-color: #d7d7d7;
  background-color: #d7d7d7;
  color: #fff;
}

a.ro--grey-dark.is-active,
a.ro--grey-dark:hover {
  border-color: #656565;
  background-color: #656565;
  color: #fff;
}

a.ro--off-white.is-active,
a.ro--off-white:hover {
  border-color: #f5f6f8;
  background-color: #f5f6f8;
  color: #fff;
}

a.ro--purple-dark.is-active,
a.ro--purple-dark:hover {
  border-color: #3b3f6d;
  background-color: #3b3f6d;
  color: #fff;
}

a.ro--purple.is-active,
a.ro--purple:hover {
  border-color: #474b76;
  background-color: #474b76;
  color: #fff;
}

a.ro--purple-light.is-active,
a.ro--purple-light:hover {
  border-color: #525689;
  background-color: #525689;
  color: #fff;
}

a.ro--purple-lighter.is-active,
a.ro--purple-lighter:hover {
  border-color: #7a61a3;
  background-color: #7a61a3;
  color: #fff;
}

a.ro--purple-lightest.is-active,
a.ro--purple-lightest:hover {
  border-color: #9496ab;
  background-color: #9496ab;
  color: #fff;
}

a.ro--purple-sat.is-active,
a.ro--purple-sat:hover {
  border-color: #7a61a3;
  background-color: #7a61a3;
  color: #fff;
}

a.ro--purple-pale.is-active,
a.ro--purple-pale:hover {
  border-color: #e3e3eb;
  background-color: #e3e3eb;
  color: #fff;
}

a.ro--purple-robo.is-active,
a.ro--purple-robo:hover {
  border-color: #6b1369;
  background-color: #6b1369;
  color: #fff;
}

a.ro--purple-robo-light.is-active,
a.ro--purple-robo-light:hover {
  border-color: #92278f;
  background-color: #92278f;
  color: #fff;
}

a.ro--blue-dark.is-active,
a.ro--blue-dark:hover {
  border-color: #112063;
  background-color: #112063;
  color: #fff;
}

a.ro--blue.is-active,
a.ro--blue:hover {
  border-color: #00296b;
  background-color: #00296b;
  color: #fff;
}

a.ro--blue-light.is-active,
a.ro--blue-light:hover {
  border-color: #00aeef;
  background-color: #00aeef;
  color: #fff;
}

a.ro--blue-mid.is-active,
a.ro--blue-mid:hover {
  border-color: #77a7cf;
  background-color: #77a7cf;
  color: #fff;
}

a.ro--blue-lightest.is-active,
a.ro--blue-lightest:hover {
  border-color: #0099ff;
  background-color: #0099ff;
  color: #fff;
}

a.ro--cyan.is-active,
a.ro--cyan:hover {
  border-color: #00bff3;
  background-color: #00bff3;
  color: #fff;
}

a.ro--twitter-blue.is-active,
a.ro--twitter-blue:hover {
  border-color: #00bff3;
  background-color: #00bff3;
  color: #fff;
}

a.ro--orange-dark.is-active,
a.ro--orange-dark:hover {
  border-color: #f65709;
  background-color: #f65709;
  color: #fff;
}

a.ro--orange.is-active,
a.ro--orange:hover {
  border-color: #ec7d20;
  background-color: #ec7d20;
  color: #fff;
}

a.ro--orange-light.is-active,
a.ro--orange-light:hover {
  border-color: #f29a21;
  background-color: #f29a21;
  color: #fff;
}

a.ro--orange-sat.is-active,
a.ro--orange-sat:hover {
  border-color: #ff8d22;
  background-color: #ff8d22;
  color: #fff;
}

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

.container {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

.container--wider {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container--wider:after {
  content: " ";
  display: block;
  clear: both;
}

.clear-container {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}

.clear-container:after {
  content: " ";
  display: block;
  clear: both;
}

.clear-container:after {
  content: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.display--block {
  display: block;
}

.display--inline-block {
  display: inline-block;
}

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

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

@media (min-width: 0) and (max-width: 767px) {
  [class*="span--"] {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
  [class*="n-span--"] {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .mo\:float--left {
    float: left;
  }
  .mo\:float--right {
    float: right;
  }
}

@media (min-width: 768px) {
  .span--1 {
    width: 5.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--2 {
    width: 13.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--3 {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--4 {
    width: 30.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--5 {
    width: 38.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--6 {
    width: 47.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--7 {
    width: 55.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--8 {
    width: 63.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--9 {
    width: 72.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--10 {
    width: 80.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--11 {
    width: 88.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--12 {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .n-span--1 {
    width: 5.71428571%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--2 {
    width: 14.28571429%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--3 {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--4 {
    width: 31.42857143%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--5 {
    width: 40%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--6 {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--7 {
    width: 57.14285714%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--8 {
    width: 65.71428571%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--9 {
    width: 74.28571429%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--10 {
    width: 82.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--11 {
    width: 91.42857143%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .n-push--1 {
    margin-left: 8.57142857%;
  }
  .n-push--2 {
    margin-left: 17.14285714%;
  }
  .n-push--3 {
    margin-left: 25.71428571%;
  }
  .n-push--4 {
    margin-left: 34.28571429%;
  }
  .n-push--5 {
    margin-left: 42.85714286%;
  }
  .n-push--6 {
    margin-left: 51.42857143%;
  }
  .n-push--7 {
    margin-left: 60%;
  }
  .n-push--8 {
    margin-left: 68.57142857%;
  }
  .n-push--9 {
    margin-left: 77.14285714%;
  }
  .n-push--10 {
    margin-left: 85.71428571%;
  }
  .n-push--11 {
    margin-left: 94.28571429%;
  }
  .n-push--12 {
    margin-left: 102.85714286%;
  }
  .n-span--1-8 {
    width: 8.69565217%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--2-8 {
    width: 21.73913043%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--3-8 {
    width: 34.7826087%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--4-8 {
    width: 47.82608696%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--5-8 {
    width: 60.86956522%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--6-8 {
    width: 73.91304348%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--7-8 {
    width: 86.95652174%;
    float: left;
    margin-right: 4.34782609%;
  }
  .n-span--8-8 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .n-span--last {
    margin-right: 0;
  }
  .md\:width--1 {
    width: 5.55555556%;
  }
  .md\:width--2 {
    width: 13.88888889%;
  }
  .md\:width--3 {
    width: 22.22222222%;
  }
  .md\:width--4 {
    width: 30.55555556%;
  }
  .md\:width--5 {
    width: 38.88888889%;
  }
  .md\:width--6 {
    width: 47.22222222%;
  }
  .md\:width--7 {
    width: 55.55555556%;
  }
  .md\:width--8 {
    width: 63.88888889%;
  }
  .md\:width--9 {
    width: 72.22222222%;
  }
  .md\:width--10 {
    width: 80.55555556%;
  }
  .md\:width--11 {
    width: 88.88888889%;
  }
  .md\:width--12 {
    width: 97.22222222%;
  }
  .md\:width-ng--1 {
    width: 8.33333333%;
  }
  .md\:width-ng--2 {
    width: 16.66666667%;
  }
  .md\:width-ng--3 {
    width: 25%;
  }
  .md\:width-ng--4 {
    width: 33.33333333%;
  }
  .md\:width-ng--5 {
    width: 41.66666667%;
  }
  .md\:width-ng--6 {
    width: 50%;
  }
  .md\:width-ng--7 {
    width: 58.33333333%;
  }
  .md\:width-ng--8 {
    width: 66.66666667%;
  }
  .md\:width-ng--9 {
    width: 75%;
  }
  .md\:width-ng--10 {
    width: 83.33333333%;
  }
  .md\:width-ng--11 {
    width: 91.66666667%;
  }
  .md\:width-ng--12 {
    width: 100%;
  }
  .md\:height--1 {
    height: 5.55555556%;
  }
  .md\:height--2 {
    height: 13.88888889%;
  }
  .md\:height--3 {
    height: 22.22222222%;
  }
  .md\:height--4 {
    height: 30.55555556%;
  }
  .md\:height--5 {
    height: 38.88888889%;
  }
  .md\:height--6 {
    height: 47.22222222%;
  }
  .md\:height--7 {
    height: 55.55555556%;
  }
  .md\:height--8 {
    height: 63.88888889%;
  }
  .md\:height--9 {
    height: 72.22222222%;
  }
  .md\:height--10 {
    height: 80.55555556%;
  }
  .md\:height--11 {
    height: 88.88888889%;
  }
  .md\:height--12 {
    height: 97.22222222%;
  }
  .push--1 {
    margin-left: 9.72222222%;
  }
  .push--2 {
    margin-left: 18.05555556%;
  }
  .push--3 {
    margin-left: 26.38888889%;
  }
  .push--4 {
    margin-left: 34.72222222%;
  }
  .push--5 {
    margin-left: 43.05555556%;
  }
  .push--6 {
    margin-left: 51.38888889%;
  }
  .push--7 {
    margin-left: 59.72222222%;
  }
  .push--8 {
    margin-left: 68.05555556%;
  }
  .push--9 {
    margin-left: 76.38888889%;
  }
  .push--10 {
    margin-left: 84.72222222%;
  }
  .push--11 {
    margin-left: 93.05555556%;
  }
  .push--12 {
    margin-left: 101.38888889%;
  }
  .md\:float--left {
    float: left;
  }
  .md\:float--right {
    float: right;
  }
}

@media (min-width: 992px) {
  .lg\:width--1 {
    width: 5.55555556%;
  }
  .lg\:width--2 {
    width: 13.88888889%;
  }
  .lg\:width--3 {
    width: 22.22222222%;
  }
  .lg\:width--4 {
    width: 30.55555556%;
  }
  .lg\:width--5 {
    width: 38.88888889%;
  }
  .lg\:width--6 {
    width: 47.22222222%;
  }
  .lg\:width--7 {
    width: 55.55555556%;
  }
  .lg\:width--8 {
    width: 63.88888889%;
  }
  .lg\:width--9 {
    width: 72.22222222%;
  }
  .lg\:width--10 {
    width: 80.55555556%;
  }
  .lg\:width--11 {
    width: 88.88888889%;
  }
  .lg\:width--12 {
    width: 97.22222222%;
  }
  .lg\:width-ng--1 {
    width: 8.33333333%;
  }
  .lg\:width-ng--2 {
    width: 16.66666667%;
  }
  .lg\:width-ng--3 {
    width: 25%;
  }
  .lg\:width-ng--4 {
    width: 33.33333333%;
  }
  .lg\:width-ng--5 {
    width: 41.66666667%;
  }
  .lg\:width-ng--6 {
    width: 50%;
  }
  .lg\:width-ng--7 {
    width: 58.33333333%;
  }
  .lg\:width-ng--8 {
    width: 66.66666667%;
  }
  .lg\:width-ng--9 {
    width: 75%;
  }
  .lg\:width-ng--10 {
    width: 83.33333333%;
  }
  .lg\:width-ng--11 {
    width: 91.66666667%;
  }
  .lg\:width-ng--12 {
    width: 100%;
  }
  .lg\:height--1 {
    height: 5.55555556%;
  }
  .lg\:height--2 {
    height: 13.88888889%;
  }
  .lg\:height--3 {
    height: 22.22222222%;
  }
  .lg\:height--4 {
    height: 30.55555556%;
  }
  .lg\:height--5 {
    height: 38.88888889%;
  }
  .lg\:height--6 {
    height: 47.22222222%;
  }
  .lg\:height--7 {
    height: 55.55555556%;
  }
  .lg\:height--8 {
    height: 63.88888889%;
  }
  .lg\:height--9 {
    height: 72.22222222%;
  }
  .lg\:height--10 {
    height: 80.55555556%;
  }
  .lg\:height--11 {
    height: 88.88888889%;
  }
  .lg\:height--12 {
    height: 97.22222222%;
  }
  .lg\:float--left {
    float: left;
  }
  .lg\:float--right {
    float: right;
  }
  .lg\:span--1--15 {
    width: 4.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--2--15 {
    width: 11.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--3--15 {
    width: 17.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--4--15 {
    width: 24.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--5--15 {
    width: 31.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--6--15 {
    width: 37.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--7--15 {
    width: 44.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--8--15 {
    width: 51.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--9--15 {
    width: 57.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--10--15 {
    width: 64.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--11--15 {
    width: 71.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--12--15 {
    width: 77.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--13--15 {
    width: 84.44444444%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--14--15 {
    width: 91.11111111%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:span--15--15 {
    width: 97.77777778%;
    float: left;
    margin-left: 1.11111111%;
    margin-right: 1.11111111%;
  }
  .lg\:push--1--15 {
    margin-left: 7.77777778%;
  }
  .lg\:push--2--15 {
    margin-left: 14.44444444%;
  }
  .lg\:push--3--15 {
    margin-left: 21.11111111%;
  }
  .lg\:push--4--15 {
    margin-left: 27.77777778%;
  }
  .lg\:push--5--15 {
    margin-left: 34.44444444%;
  }
  .lg\:push--6--15 {
    margin-left: 41.11111111%;
  }
  .lg\:push--7--15 {
    margin-left: 47.77777778%;
  }
  .lg\:push--8--15 {
    margin-left: 54.44444444%;
  }
  .lg\:push--9--15 {
    margin-left: 61.11111111%;
  }
  .lg\:push--10--15 {
    margin-left: 67.77777778%;
  }
  .lg\:push--11--15 {
    margin-left: 74.44444444%;
  }
  .lg\:push--12--15 {
    margin-left: 81.11111111%;
  }
  .lg\:push--13--15 {
    margin-left: 87.77777778%;
  }
  .lg\:push--14--15 {
    margin-left: 94.44444444%;
  }
  .lg\:push--15--15 {
    margin-left: 101.11111111%;
  }
}

.font--xs {
  font-size: 0.5rem;
}

.font--sm {
  font-size: 0.875rem;
}

.font--rg {
  font-size: 1rem;
}

.font--md {
  font-size: 1.125rem;
}

.font--db {
  font-size: 1.5rem;
}

.font--lg {
  font-size: 1.875rem;
}

.font--xl {
  font-size: 2.25rem;
}

.font--xxl {
  font-size: 3.75rem;
}

.font--xxxl {
  font-size: 4.209rem;
}

.font--hamlyn-intro {
  font-size: 3rem;
}

.weight--helvetica-neue--light {
  font-weight: 200;
}

.weight--helvetica-neue--regular {
  font-weight: 400;
}

.weight--helvetica-neue--bold {
  font-weight: 600;
}

.weight--open-sans--light {
  font-weight: 300;
}

.weight--open-sans--regular {
  font-weight: 400;
}

.weight--open-sans--semi-bold {
  font-weight: 600;
}

.weight--montserrat--light {
  font-weight: 300;
}

.weight--montserrat--regular {
  font-weight: 400;
}

.weight--montserrat--medium {
  font-weight: 500;
}

.weight--montserrat--semi-bold {
  font-weight: 600;
}

.family--helvetica-neue {
  font-family: "Helvetica Neue", arial, sans-serif;
}

.family--open-sans {
  font-family: "Open sans", helvetica, arial, sans-serif;
}

.family--montserrat {
  font-family: "Montserrat", helvetica, arial, sans-serif;
}

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

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

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

.text--upper {
  text-transform: uppercase;
}

.p--0 {
  padding: 0;
}

.p--xs {
  padding: 0.5rem;
}

.p--sm {
  padding: 0.875rem;
}

.p--rg {
  padding: 1rem;
}

.p--md {
  padding: 1.125rem;
}

.p--db {
  padding: 1.5rem;
}

.p--lg {
  padding: 1.875rem;
}

.p--xl {
  padding: 2.25rem;
}

.p--xxl {
  padding: 3.75rem;
}

.p--xxxl {
  padding: 4.209rem;
}

.px--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px--sm {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px--rg {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px--md {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.px--db {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px--lg {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.px--xl {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px--xxl {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.px--xxxl {
  padding-left: 4.209rem;
  padding-right: 4.209rem;
}

.py--xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py--sm {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py--rg {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py--md {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.py--db {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py--lg {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.py--xl {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py--xxl {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.py--xxxl {
  padding-top: 4.209rem;
  padding-bottom: 4.209rem;
}

.pt-minus--xs {
  margin-top: -0.5rem;
}

.pt--xs {
  padding-top: 0.5rem;
}

.pt--sm {
  padding-top: 0.875rem;
}

.pt--rg {
  padding-top: 1rem;
}

.pt--md {
  padding-top: 1.125rem;
}

.pt--db {
  padding-top: 1.5rem;
}

.pt--lg {
  padding-top: 1.875rem;
}

.pt--xl {
  padding-top: 2.25rem;
}

.pt--xxl {
  padding-top: 3.75rem;
}

.pt--xxxl {
  padding-top: 4.209rem;
}

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

.pr--xs {
  padding-right: 0.5rem;
}

.pr--sm {
  padding-right: 0.875rem;
}

.pr--rg {
  padding-right: 1rem;
}

.pr--md {
  padding-right: 1.125rem;
}

.pr--db {
  padding-right: 1.5rem;
}

.pr--lg {
  padding-right: 1.875rem;
}

.pr--xl {
  padding-right: 2.25rem;
}

.pr--xxl {
  padding-right: 3.75rem;
}

.pr--xxxl {
  padding-right: 4.209rem;
}

.pb--xs {
  padding-bottom: 0.5rem;
}

.pb--sm {
  padding-bottom: 0.875rem;
}

.pb--rg {
  padding-bottom: 1rem;
}

.pb--md {
  padding-bottom: 1.125rem;
}

.pb--db {
  padding-bottom: 1.5rem;
}

.pb--lg {
  padding-bottom: 1.875rem;
}

.pb--xl {
  padding-bottom: 2.25rem;
}

.pb--xxl {
  padding-bottom: 3.75rem;
}

.pb--xxxl {
  padding-bottom: 4.209rem;
}

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

.pl--xs {
  padding-left: 0.5rem;
}

.pl--sm {
  padding-left: 0.875rem;
}

.pl--rg {
  padding-left: 1rem;
}

.pl--md {
  padding-left: 1.125rem;
}

.pl--db {
  padding-left: 1.5rem;
}

.pl--lg {
  padding-left: 1.875rem;
}

.pl--xl {
  padding-left: 2.25rem;
}

.pl--xxl {
  padding-left: 3.75rem;
}

.pl--xxxl {
  padding-left: 4.209rem;
}

.m--0 {
  margin: 0;
}

.m--xs {
  margin: 0.5rem;
}

.m--sm {
  margin: 0.875rem;
}

.m--rg {
  margin: 1rem;
}

.m--md {
  margin: 1.125rem;
}

.m--db {
  margin: 1.5rem;
}

.m--lg {
  margin: 1.875rem;
}

.m--xl {
  margin: 2.25rem;
}

.m--xxl {
  margin: 3.75rem;
}

.m--xxxl {
  margin: 4.209rem;
}

.mx--xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx--sm {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx--rg {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx--md {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.mx--db {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx--lg {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.mx--xl {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.mx--xxl {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.mx--xxxl {
  margin-left: 4.209rem;
  margin-right: 4.209rem;
}

.my--xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my--sm {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.my--rg {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my--md {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.my--db {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my--lg {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.my--xl {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.my--xxl {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.my--xxxl {
  margin-top: 4.209rem;
  margin-bottom: 4.209rem;
}

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

.mt--xs {
  margin-top: 0.5rem;
}

.mt--sm {
  margin-top: 0.875rem;
}

.mt--rg {
  margin-top: 1rem;
}

.mt--md {
  margin-top: 1.125rem;
}

.mt--db {
  margin-top: 1.5rem;
}

.mt--lg {
  margin-top: 1.875rem;
}

.mt--xl {
  margin-top: 2.25rem;
}

.mt--xxl {
  margin-top: 3.75rem;
}

.mt--xxxl {
  margin-top: 4.209rem;
}

.mr--xs {
  margin-right: 0.5rem;
}

.mr--sm {
  margin-right: 0.875rem;
}

.mr--rg {
  margin-right: 1rem;
}

.mr--md {
  margin-right: 1.125rem;
}

.mr--db {
  margin-right: 1.5rem;
}

.mr--lg {
  margin-right: 1.875rem;
}

.mr--xl {
  margin-right: 2.25rem;
}

.mr--xxl {
  margin-right: 3.75rem;
}

.mr--xxxl {
  margin-right: 4.209rem;
}

@media (min-width: 768px) {
  .md\:mr--xs {
    margin-right: 0.5rem;
  }
  .md\:mr--sm {
    margin-right: 0.875rem;
  }
  .md\:mr--rg {
    margin-right: 1rem;
  }
  .md\:mr--md {
    margin-right: 1.125rem;
  }
  .md\:mr--db {
    margin-right: 1.5rem;
  }
  .md\:mr--lg {
    margin-right: 1.875rem;
  }
  .md\:mr--xl {
    margin-right: 2.25rem;
  }
  .md\:mr--xxl {
    margin-right: 3.75rem;
  }
  .md\:mr--xxxl {
    margin-right: 4.209rem;
  }
}

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

.mb--xs {
  margin-bottom: 0.5rem;
}

.mb--sm {
  margin-bottom: 0.875rem;
}

.mb--rg {
  margin-bottom: 1rem;
}

.mb--md {
  margin-bottom: 1.125rem;
}

.mb--db {
  margin-bottom: 1.5rem;
}

.mb--lg {
  margin-bottom: 1.875rem;
}

.mb--xl {
  margin-bottom: 2.25rem;
}

.mb--xxl {
  margin-bottom: 3.75rem;
}

.mb--xxxl {
  margin-bottom: 4.209rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .mo\:mb--xs {
    margin-bottom: 0.5rem;
  }
  .mo\:mb--sm {
    margin-bottom: 0.875rem;
  }
  .mo\:mb--rg {
    margin-bottom: 1rem;
  }
  .mo\:mb--md {
    margin-bottom: 1.125rem;
  }
  .mo\:mb--db {
    margin-bottom: 1.5rem;
  }
  .mo\:mb--lg {
    margin-bottom: 1.875rem;
  }
  .mo\:mb--xl {
    margin-bottom: 2.25rem;
  }
  .mo\:mb--xxl {
    margin-bottom: 3.75rem;
  }
  .mo\:mb--xxxl {
    margin-bottom: 4.209rem;
  }
}

.ml--xs {
  margin-left: 0.5rem;
}

.ml--sm {
  margin-left: 0.875rem;
}

.ml--rg {
  margin-left: 1rem;
}

.ml--md {
  margin-left: 1.125rem;
}

.ml--db {
  margin-left: 1.5rem;
}

.ml--lg {
  margin-left: 1.875rem;
}

.ml--xl {
  margin-left: 2.25rem;
}

.ml--xxl {
  margin-left: 3.75rem;
}

.ml--xxxl {
  margin-left: 4.209rem;
}

.b--1 {
  border: 1px solid;
}

.bl--xs {
  border-left: 0.5rem solid;
}

.bl--sm {
  border-left: 0.875rem solid;
}

.bl--rg {
  border-left: 1rem solid;
}

.bl--md {
  border-left: 1.125rem solid;
}

.bl--db {
  border-left: 1.5rem solid;
}

.bl--lg {
  border-left: 1.875rem solid;
}

.bl--xl {
  border-left: 2.25rem solid;
}

.bl--xxl {
  border-left: 3.75rem solid;
}

.bl--xxxl {
  border-left: 4.209rem solid;
}

.bt--xs {
  border-top: 0.5rem solid;
}

.bt--sm {
  border-top: 0.875rem solid;
}

.bt--rg {
  border-top: 1rem solid;
}

.bt--md {
  border-top: 1.125rem solid;
}

.bt--db {
  border-top: 1.5rem solid;
}

.bt--lg {
  border-top: 1.875rem solid;
}

.bt--xl {
  border-top: 2.25rem solid;
}

.bt--xxl {
  border-top: 3.75rem solid;
}

.bt--xxxl {
  border-top: 4.209rem solid;
}

.bt--black {
  border-top: 2px solid #000;
}

.bt--white {
  border-top: 2px solid #fff;
}

.bt--fx--red {
  border-top: 2px solid #ff0000;
}

.bt--fx--yellow {
  border-top: 2px solid #fcf500;
}

.bt--fx--green {
  border-top: 2px solid #8dc63f;
}

.bt--red {
  border-top: 2px solid #662122;
}

.bt--grey {
  border-top: 2px solid #d7d7d7;
}

.bt--grey-dark {
  border-top: 2px solid #656565;
}

.bt--off-white {
  border-top: 2px solid #f5f6f8;
}

.bt--purple-dark {
  border-top: 2px solid #3b3f6d;
}

.bt--purple {
  border-top: 2px solid #474b76;
}

.bt--purple-light {
  border-top: 2px solid #525689;
}

.bt--purple-lighter {
  border-top: 2px solid #7a61a3;
}

.bt--purple-lightest {
  border-top: 2px solid #9496ab;
}

.bt--purple-sat {
  border-top: 2px solid #7a61a3;
}

.bt--purple-pale {
  border-top: 2px solid #e3e3eb;
}

.bt--purple-robo {
  border-top: 2px solid #6b1369;
}

.bt--purple-robo-light {
  border-top: 2px solid #92278f;
}

.bt--blue-dark {
  border-top: 2px solid #112063;
}

.bt--blue {
  border-top: 2px solid #00296b;
}

.bt--blue-light {
  border-top: 2px solid #00aeef;
}

.bt--blue-mid {
  border-top: 2px solid #77a7cf;
}

.bt--blue-lightest {
  border-top: 2px solid #0099ff;
}

.bt--cyan {
  border-top: 2px solid #00bff3;
}

.bt--twitter-blue {
  border-top: 2px solid #00bff3;
}

.bt--orange-dark {
  border-top: 2px solid #f65709;
}

.bt--orange {
  border-top: 2px solid #ec7d20;
}

.bt--orange-light {
  border-top: 2px solid #f29a21;
}

.bt--orange-sat {
  border-top: 2px solid #ff8d22;
}

.clean-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.inline-list li {
  display: inline-block;
}

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

@media (min-width: 768px) {
  .md\:flex-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.flex--justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex--justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

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

.flex--1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 992px) {
  .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.size--xs {
  width: 0.5rem;
  height: 0.5rem;
}

.size--sm {
  width: 0.875rem;
  height: 0.875rem;
}

.size--rg {
  width: 1rem;
  height: 1rem;
}

.size--md {
  width: 1.125rem;
  height: 1.125rem;
}

.size--db {
  width: 1.5rem;
  height: 1.5rem;
}

.size--lg {
  width: 1.875rem;
  height: 1.875rem;
}

.size--xl {
  width: 2.25rem;
  height: 2.25rem;
}

.size--xxl {
  width: 3.75rem;
  height: 3.75rem;
}

.size--xxxl {
  width: 4.209rem;
  height: 4.209rem;
}

.width--xs {
  width: 0.5rem;
}

.width--sm {
  width: 0.875rem;
}

.width--rg {
  width: 1rem;
}

.width--md {
  width: 1.125rem;
}

.width--db {
  width: 1.5rem;
}

.width--lg {
  width: 1.875rem;
}

.width--xl {
  width: 2.25rem;
}

.width--xxl {
  width: 3.75rem;
}

.width--xxxl {
  width: 4.209rem;
}

.tablet-up {
  display: none;
}

.large-up {
  display: none;
}

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

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

@media (min-width: 992px) {
  .large-up {
    display: block;
  }
}

.zi--z--header {
  z-index: 10;
}

.zi--z--navigation {
  z-index: 20;
}

.zi--z--detail {
  z-index: 30;
}

.zi--z--overlay {
  z-index: 40;
}

.zi--z--urgent {
  z-index: 100;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 1rem;
}

.rounded--sm {
  border-radius: 0.875rem;
}

.rounded--xs {
  border-radius: 0.5rem;
}

.element-hidden {
  visibility: hidden;
}

.element-visible {
  visibility: visible;
}