body {
  font-family: Helvetica, Arial, freesans, sans-serif; }

/* autoprefixer: off */
.b-reith-sans-font.b-reith-sans-loaded {
  font-feature-settings: 'ss01'; }

.b-reith-sans-font .language-selector__drawer {
  line-height: 1.2rem; }

/* autoprefixer: off */
body {
  font-family: Helvetica, Arial, freesans, sans-serif; }

.bitesize__button {
  background-color: #e5640f;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 11px 16px;
  position: relative;
  text-align: left;
  transition: background-color .3s linear, color .3s linear; }
  .bitesize__button:active:enabled, .bitesize__button:focus:enabled, .bitesize__button:hover:enabled {
    background-color: #231f20;
    color: #fff;
    cursor: pointer;
    text-decoration: underline; }
  .bitesize__button:focus {
    outline: #1a9bf0 solid 4px; }
  .bitesize__button:disabled {
    opacity: .3; }
  @media (min-width: 37.5em) {
    .bitesize__button {
      padding-bottom: 10px;
      padding-top: 10px; } }
  .bitesize__button svg {
    fill: #fff;
    height: 18px;
    margin-bottom: -2px;
    padding-right: 16px;
    width: 18px; }

.bitesize-practice__container {
  background-color: #553287;
  height: 750px; }

.bitesize-practice__iframe-wrapper--hidden {
  display: none; }

.gel-icon--right-arrow {
  float: right;
  height: 18px;
  margin-left: 12px;
  width: 16px; }

@keyframes rotation {
  from {
    transform: translate(-50%, -50%) rotate(0deg); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

.bitesize-loading-spinner {
  padding: 16px 0;
  text-align: center; }
  @media (min-width: 37.5em) {
    .bitesize-loading-spinner {
      padding: 32px 0; } }
  .bitesize-loading-spinner > svg {
    animation: rotation 1s infinite linear; }

.bitesize-practice-interstitial {
  padding: 16px 8px; }

@media (min-width: 37.5em) {
  .bitesize-practice-interstitial__layout {
    margin: 32px auto;
    width: 472px; } }

@media (min-width: 56.25em) {
  .bitesize-practice-interstitial__layout {
    margin: 48px auto; } }

.bitesize-practice-interstitial__content {
  background-color: #fff;
  padding: 16px 8px; }
  @media (min-width: 37.5em) {
    .bitesize-practice-interstitial__content {
      padding: 32px; } }

.bitesize-practice-interstitial__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0; }

.bitesize-practice-interstitial__text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }

.bitesize-practice-interstitial__link {
  -webkit-text-decoration-color: #e5640f;
  border-bottom: 0;
  color: #231f20;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #e5640f; }
  .bitesize-practice-interstitial__link:visited {
    color: #706d66; }
  .bitesize-practice-interstitial__link:focus {
    color: #231f20;
    outline: #1a9bf0 solid 4px; }
  .bitesize-practice-interstitial__link:hover {
    color: #e5640f;
    text-decoration: none; }

.bitesize-practice-interstitial__button {
  margin: 0;
  text-align: center;
  width: 100%; }

.bitesize-practice__iframe-loading > * {
  fill: #bab3a9;
  padding: 359px 50%; }

.bitesize-practice__iframe {
  border: 0;
  display: block;
  height: 750px;
  width: 100%; }

.bitesize-practice__iframe--hidden {
  display: none; }

.bitesize-practice__message-wrap {
  max-width: 1008px;
  margin: 0 auto;
  padding-right: 8px;
  padding-left: 8px;
  background-color: #553287;
  color: #fff;
  margin-bottom: 16px; }

.bitesize-practice__message-layout {
  list-style: none;
  direction: ltr;
  text-align: left; }

.bitesize-practice__message-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 16px 0 0; }

.bitesize-practice__message-body {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 0; }
  .bitesize-practice__message-body p {
    margin-top: 8px; }

.bitesize-practice__message-cta {
  margin-bottom: 16px;
  text-align: center; }
  @media (min-width: 63em) {
    .bitesize-practice__message-cta {
      width: 25%;
      margin-bottom: 0;
      text-align: right;
      transform: translateY(calc(50% - 22px)); } }

@media (min-width: 63em) {
  .bitesize-practice__message-cta--slim {
    width: 33.33333%; } }

.bitesize-practice__message-cta-link {
  background-color: #e5640f;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 11px 16px;
  position: relative;
  text-align: left;
  transition: background-color .3s linear, color .3s linear;
  display: inline-block;
  text-decoration: none; }
  .bitesize-practice__message-cta-link:active:enabled, .bitesize-practice__message-cta-link:focus:enabled, .bitesize-practice__message-cta-link:hover:enabled {
    background-color: #231f20;
    color: #fff;
    cursor: pointer;
    text-decoration: underline; }
  .bitesize-practice__message-cta-link:focus {
    outline: #1a9bf0 solid 4px; }
  .bitesize-practice__message-cta-link:disabled {
    opacity: .3; }
  @media (min-width: 37.5em) {
    .bitesize-practice__message-cta-link {
      padding-bottom: 10px;
      padding-top: 10px; } }
  @media (min-width: 37.5em) {
    .bitesize-practice__message-cta-link {
      padding-bottom: 13px;
      padding-top: 13px; } }

#orb-modules .bitesize-practice__message-id-sign-in .id4-cta {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0; }
  @media (min-width: 63em) {
    #orb-modules .bitesize-practice__message-id-sign-in .id4-cta {
      margin-top: 4px; } }

@media (min-width: 63em) {
  .bitesize-practice__message-feedback .bitesize-practice__message-layout-item {
    width: 75%; } }

@media (min-width: 63em) {
  .bitesize-practice__message-feedback .bitesize-practice__message-cta {
    width: 25%; } }

@media (min-width: 63em) {
  .bitesize-practice__message-cookies .bitesize-practice__message-layout-item,
  .bitesize-practice__message-id-sign-in .bitesize-practice__message-layout-item {
    width: 66.66667%; } }

@media (min-width: 63em) {
  .bitesize-practice__message-cookies .bitesize-practice__message-cta,
  .bitesize-practice__message-id-sign-in .bitesize-practice__message-cta {
    width: 33.33333%; } }

html:not(.orb-js) .bitesize-loading-spinner {
  display: none; }

.orb-js .bitesize-practice-loading .bitesize-practice-fallback-content {
  display: none; }
