@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@font-face {
  font-family: 'Modelica';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/BwModelica-ExtraBold.otf?1551307291000')
    format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Modelica';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/BwModelica-Bold.otf?1551307291000')
    format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Modelica';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/BwModelica-Medium.otf?1551307291000')
    format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Modelica';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/BwModelica-Regular.otf?1551307291000')
    format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'FoundersGrotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/founders-grotesk-r-bold.woff2') format('woff2'),
    url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/FoundersGrotesk-R-Bold.otf') format('otf');
}
@font-face {
  font-family: 'FoundersGrotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/founders-grotesk-r-semibold.woff2')
      format('woff2'),
    url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/FoundersGrotesk-R-Semibold.otf')
      format('otf');
}

@font-face {
  font-family: 'FoundersGrotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/founders-grotesk-r-medium.woff2') format('woff2'),
    url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/FoundersGrotesk-R-Medium.otf') format('otf');
}

@font-face {
  font-family: 'FoundersGrotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/founders-grotesk-r-medium.woff2') format('woff2'),
    url('https://cdn-prod.mytutor.co.uk/shared-assets/fonts/FoundersGrotesk-R-Medium.otf') format('otf');
}

@font-face {
  font-family: 'FoundersGrotesk';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/FoundersGrotesk-400-italic.woff2')
    format('woff2');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'FoundersGrotesk';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/FoundersGrotesk-400.woff2')
    format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'BureauGrotCondensed';
  font-display: fallback;
  src: url('https://cdn.mytutor.co.uk/fonts/Bureau-Grot-Condensed-Medium.woff2')
    format('woff2');
  font-weight: 500;
  font-style: normal;
}
button,
hr,
input {
  overflow: visible;
}

.wrapper {
  margin: 0 auto;
}

.col-center,
.row {
  margin-left: auto;
  margin-right: auto;
}

.row {
  display: block;
  max-width: 1059px;
  padding-left: 60px;
  padding-right: 60px;
}

.row:after,
.row:before {
  content: '';
  display: table;
  clear: both;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

[class*='col-'] {
  float: left;
  margin-bottom: 0;
}

.col-1 {
  width: calc((100% / 12) * 1);
}

.col-2 {
  width: calc((100% / 12) * 2);
}

.col-3 {
  width: calc((100% / 12) * 3);
}

.col-4 {
  width: calc((100% / 12) * 4);
}

.col-5 {
  width: calc((100% / 12) * 5);
}

.col-6 {
  width: calc((100% / 12) * 6);
}

.col-7 {
  width: calc((100% / 12) * 7);
}

.col-8 {
  width: calc((100% / 12) * 8);
}

.col-9 {
  width: calc((100% / 12) * 9);
}

.col-10 {
  width: calc((100% / 12) * 10);
}

.col-11 {
  width: calc((100% / 12) * 11);
}

.col-12 {
  width: calc((100% / 12) * 12);
}

@media (max-width: 1268px) {
  .row {
    padding-left: 60px;
    padding-right: 60px;
  }

  .col-1-l {
    width: calc((100% / 12) * 1);
  }

  .col-2-l {
    width: calc((100% / 12) * 2);
  }

  .col-3-l {
    width: calc((100% / 12) * 3);
  }

  .col-4-l {
    width: calc((100% / 12) * 4);
  }

  .col-5-l {
    width: calc((100% / 12) * 5);
  }

  .col-6-l {
    width: calc((100% / 12) * 6);
  }

  .col-7-l {
    width: calc((100% / 12) * 7);
  }

  .col-8-l {
    width: calc((100% / 12) * 8);
  }

  .col-9-l {
    width: calc((100% / 12) * 9);
  }

  .col-10-l {
    width: calc((100% / 12) * 10);
  }

  .col-11-l {
    width: calc((100% / 12) * 11);
  }

  .col-12-l {
    width: calc((100% / 12) * 12);
  }
}
@media (max-width: 992px) {
  .row {
    padding-left: 40px;
    padding-right: 40px;
  }

  .col-1-m {
    width: calc((100% / 12) * 1);
  }

  .col-2-m {
    width: calc((100% / 12) * 2);
  }

  .col-3-m {
    width: calc((100% / 12) * 3);
  }

  .col-4-m {
    width: calc((100% / 12) * 4);
  }

  .col-5-m {
    width: calc((100% / 12) * 5);
  }

  .col-6-m {
    width: calc((100% / 12) * 6);
  }

  .col-7-m {
    width: calc((100% / 12) * 7);
  }

  .col-8-m {
    width: calc((100% / 12) * 8);
  }

  .col-9-m {
    width: calc((100% / 12) * 9);
  }

  .col-10-m {
    width: calc((100% / 12) * 10);
  }

  .col-11-m {
    width: calc((100% / 12) * 11);
  }

  .col-12-m {
    width: calc((100% / 12) * 12);
  }
}
@media (max-width: 708px) {
  .row {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 440px;
  }

  .col-1-s {
    width: calc((100% / 12) * 1);
  }

  .col-2-s {
    width: calc((100% / 12) * 2);
  }

  .col-3-s {
    width: calc((100% / 12) * 3);
  }

  .col-4-s {
    width: calc((100% / 12) * 4);
  }

  .col-5-s {
    width: calc((100% / 12) * 5);
  }

  .col-6-s {
    width: calc((100% / 12) * 6);
  }

  .col-7-s {
    width: calc((100% / 12) * 7);
  }

  .col-8-s {
    width: calc((100% / 12) * 8);
  }

  .col-9-s {
    width: calc((100% / 12) * 9);
  }

  .col-10-s {
    width: calc((100% / 12) * 10);
  }

  .col-11-s {
    width: calc((100% / 12) * 11);
  }

  .col-12-s {
    width: calc((100% / 12) * 12);
  }
}
.col-center {
  float: none;
}

.col-left {
  float: left;
}

.col-right {
  float: right;
}

@keyframes fadeNavDown {
  from {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transform: translateY(-64px);
    -moz-transform: translateY(-64px);
    -o-transform: translateY(-64px);
    transform: translateY(-64px);
  }
  to {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.button {
  font-family: 'Modelica', 'Source Sans Pro', sans-serif, SansSerif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  box-sizing: border-box;
  font-weight: 600;
}

.button-xl {
  font-size: 20px;
  line-height: 24px;
  padding: 14px 32px;
}

.button--primary {
  background-color: #00ccbb;
  border: 2px solid #00ccbb;
  color: white;
}
.button--primary:hover {
  background-color: #65ddcf;
}
.button--primary:focus {
  border: 2px solid #00918a;
}

.button--secondary {
  background-color: #6c50e5;
  border: 2px solid #6c50e5;
  color: white;
}
.button--secondary:hover {
  background-color: #9383f7;
}
.button--secondary:focus {
  border: 2px solid #311b92;
}

.button--pink {
  background-color: #eb59ae;
  border: 2px solid #eb59ae;
  color: white;
}
.button--pink:hover {
  background-color: #fa76ae;
}
.button--pink:focus {
  border: 2px solid #872c6a;
}

.button--default {
  background-color: white;
  border: 2px solid #c4cdd5;
  color: #12b4a6;
  font-weight: 500;
}
.button--default:hover {
  border: 2px solid #12b4a6;
}
.button--default:focus {
  border: 2px solid #00918a;
}

.button--consolidated {
  border: 0;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  display: inline-block;
  text-align: center;
  font-family: 'FoundersGrotesk', sans-serif;
  color: #242424;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background-color: #ebded5;
}
.button--consolidated:hover {
  color: #242424;
  background-color: #D1BDAB;
}

.button--consolidated-dark {
  border: 0;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  display: inline-block;
  text-align: center;
  font-family: 'FoundersGrotesk', sans-serif;
  color: #242424;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background-color: #03ccba;
}
.button--consolidated-dark:hover {
  background-color: #00918A;
  color: #FFFFFF;
}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  cursor: pointer;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub,
sup {
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

button,
select {
  text-transform: none;
}

[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
}

[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

body {
  font-family: 'FoundersGrotesk', sans-serif;
  line-height: 1;
  z-index: 1;
  font-size: 16px;
  color: #303336;
}

ol,
ul {
  list-style: none;
  list-style-position: inside;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#allcontent {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#container {
  margin-bottom: -20px;
  background-color: #f7f2ed;
}

label {
  display: block;
  margin-bottom: 6px;
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #4c5157;
}

select {
  height: 36px;
  border-radius: 4px;
  border: 1px solid #919191;
  font-size: 17px;
  line-height: 20px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 8px 30px 8px 12px;
  margin-bottom: 19px;
  background: linear-gradient(
      45deg,
      transparent 5px,
      #03ccba 6px,
      transparent 7px
    ),
    linear-gradient(135deg, transparent 5px, #03ccba 6px, transparent 7px);
  background-position: bottom 21px right 26px, bottom -24px right 19px;
  background-size: 8px, 8px;
  background-repeat: no-repeat;
}
select::-ms-expand {
  display: none;
}
select:active,
select a:focus {
  outline: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type='text'],
input[type='email'],
input[type='password'],
textarea {
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  padding-left: 12px;
}
input[type='text']:focus,
input[type='text']:active,
input[type='email']:focus,
input[type='email']:active,
input[type='password']:focus,
input[type='password']:active,
textarea:focus,
textarea:active {
  border: 2px solid #00918a;
}

input[type='text'],
input[type='email'],
input[type='password'] {
  height: 36px;
}

textarea {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'Modelica', 'Source Sans Pro', sans-serif;
  overflow: auto;
}

a,
a:hover {
  color: #006e63;
  font-weight: 600;
  text-decoration: none;
}

p {
  letter-spacing: 0.03em;
}

.cookiewarning {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}

.cookiewarning .inner {
  opacity: 0.8;
  background: #000;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 1140px;
  position: relative;
}

.cookiewarning a img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  height: 20px;
}

.cookiewarning p {
  font-size: 12pt;
  color: #fff;
  margin: 0;
  padding: 12px 20px;
  text-align: left;
}

@media (max-width: 992px) {
  .cookiewarning .inner {
    max-width: 100%;
  }

  .cookiewarning p {
    padding: 12px 60px 12px 20px;
  }
}
.schoolsheader__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  padding: 0 32px;
  height: 80px;
  background-color: #f7f2ed;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-family: 'FoundersGrotesk', sans-serif;
}
@media (max-width: 992px) {
  .schoolsheader__main {
    padding: 0 20px;
  }
}
@media (max-width: 708px) {
  .schoolsheader__main {
    padding: 0 16px;
  }
}
.schoolsheader__main .phone-number {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  color: #242424;
  margin-right: 16px;
}
@media (max-width: 1360px) {
  .schoolsheader__main .phone-number {
    display: none;
  }
}

.schoolsheader__logo_and_nav {
  display: flex;
  align-items: center;
}

.schoolsheader__logo {
  display: inline-block;
  background-image: url('https://cdn.mytutor.co.uk/images/logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 60%;
  width: 96px;
  height: 25px;
}
@media (max-width: 1187px) {
  .schoolsheader__logo {
    flex-grow: 2;
    background-size: 80px;
  }
}

#showmobilemenu_container {
  display: none;
}
@media (max-width: 1187px) {
  #showmobilemenu_container {
    display: block;
    width: 103px;
  }
}
@media (max-width: 340px) {
  #showmobilemenu_container {
    position: absolute;
  }
}
@media (max-width: 285px) {
  #showmobilemenu_container {
    position: static;
  }
}

#showmobilemenu_container #schoolsheader__showmobilemenu {
  padding: 8px 24px;
}

.schoolsheader__nav {
  display: none;
}

@media (min-width: 1188px) {
  .schoolsheader__nav {
    display: block;
  }
}

.schoolsheader__links {
  text-align: center;
}
@media (max-width: 1187px) {
  .schoolsheader__links {
    display: none;
  }
  .schoolsheader__links.schoolsheader__links--mobile {
    display: block;
    margin-left: 0;
  }
}
.schoolsheader__links > ul {
  list-style: none;
  margin: 0;
  font-size: 16px;
  display: block;
}

@media (min-width: 1188px) {
  .schoolsheader__links > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

.schoolsheader__links > ul > li {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  position: relative;
  margin: 0;
}

@media (max-width: 992px) {
  .schoolsheader__links > ul > li {
    font-size: 16px;
  }
}

.schoolsheader__links > ul > li > span {
  display: inline-block;
  padding: 0 12px;
  height: 20px;
  line-height: 20px;
  margin: 0 4px;
}
.schoolsheader__links > ul > li > span a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #242424;
}
.schoolsheader__links > ul > li > span a:hover,
.schoolsheader__links > ul > li > span:hover a {
  color: #03ccba;
}
.schoolsheader__links > ul > li.menu-item-has-children {
  position: relative;
}
.schoolsheader__links > ul > li.menu-item-has-children > span {
  padding-right: 28px;
}
.schoolsheader__links > ul > li.menu-item-has-children > span > a::after {
  border-bottom: 1px solid #303336;
  border-right: 1px solid #303336;
  box-sizing: initial;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: -15px;
  top: 6px;
  transform: rotate(45deg);
}
.schoolsheader__links > ul > li.menu-item-has-children > span:hover > a::after {
  border-bottom: 1px solid #03ccba;
  border-right: 1px solid #03ccba;
  box-sizing: initial;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: -15px;
  top: 10px;
  transform: rotate(225deg);
}
.schoolsheader__links > ul > li ul.sub-menu {
  margin-bottom: 0;
}
@media (min-width: 481px) {
  .schoolsheader__links > ul > li ul.sub-menu > li:hover a {
    color: #03ccba;
  }
}
.schoolsheader__links > ul > li ul.sub-menu > li > span > a {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  color: #303336;
  text-align: left;
}
.schoolsheader__links > ul > li ul.sub-menu > li > span > a .mt-nav-desc {
  white-space: nowrap;
}
.schoolsheader__links > ul > li ul.sub-menu > li.menu-item-has-icon {
  box-sizing: border-box;
}
.schoolsheader__links
  > ul
  > li
  ul.sub-menu
  > li.menu-item-has-icon
  > span
  > a
  > .mt-nav-icon {
  float: left;
  margin-right: 16px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
}
.schoolsheader__links
  > ul
  > li
  ul.sub-menu
  > li.menu-item-has-icon
  > span
  > a
  > .mt-nav-text {
  margin-left: 58px;
  min-width: 110px;
}
.schoolsheader__links > ul > li ul.sub-menu > li.nav-bottom-border {
  border-bottom: 1px solid #dcdae2 !important;
}
.schoolsheader__links > ul > li > ul.sub-menu {
  display: block;
  position: absolute;
  height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  margin-top: 1px;
  left: 12px;
  top: 55px;
  width: auto;
  min-width: 290px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  background-color: white;
  transition: opacity 500ms, box-shadow 1800ms;
  box-shadow: rgba(0, 0, 0, 0) 0px 5px 5px -3px,
    rgba(0, 0, 0, 0) 0px 8px 10px 1px, rgba(0, 0, 0, 0) 0px 3px 14px 2px;
  text-align: left;
}
.schoolsheader__links > ul > li > ul.sub-menu li {
  width: 100%;
  display: block;
  line-height: 10px;
  margin: 0;
}
.schoolsheader__links > ul > li > ul.sub-menu li.nav-section-end,
.schoolsheader__links > ul > li ul.sub-menu > li.nav-bottom-border {
  border-bottom: 1px solid #dcdae2;
}

.schoolsheader__links > ul > li > ul.sub-menu li span > a {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
}
.schoolsheader__links > ul > li > ul.sub-menu > li {
  padding: 11px 24px;
  margin: 0;
  box-sizing: border-box;
}

.schoolsheader__links > ul > li > ul.sub-menu > li.nav-with-subheading {
  padding: 24px;
}

.schoolsheader__links > ul > li > ul.sub-menu > li.nav-with-icon > span > a {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 18px;
  align-items: center;
}

.schoolsheader__links
  > ul
  > li
  > ul.sub-menu
  > li.nav-with-icon
  > span
  > a::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  grid-row: 1 / span 2;
}

.schoolsheader__links
  > ul
  > li
  > ul.sub-menu
  > li.nav-icon-study
  > span
  > a::before {
  background-image: url('https://cdn-prod.mytutor.co.uk/shared-assets/study-resources.svg');
}

.schoolsheader__links
  > ul
  > li
  > ul.sub-menu
  > li.nav-icon-blog
  > span
  > a::before {
  background-image: url('https://cdn-prod.mytutor.co.uk/shared-assets/blog.svg');
}

.schoolsheader__links
  > ul
  > li
  > ul.sub-menu
  > li.nav-icon-groups
  > span
  > a::before {
  background-image: url('https://cdn-prod.mytutor.co.uk/shared-assets/groups.png');
}

.schoolsheader__links > ul > li > ul.sub-menu.open,
.schoolsheader__links > ul > li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
  opacity: 1;
  height: auto;
  /* padding: 12px 0; */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
    rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.schoolsheader__links > ul > li.menu-item-section-container > ul.sub-menu {
  padding: 32px;
}
.schoolsheader__links > ul > li.menu-item-section-container > ul.sub-menu.open {
  display: flex;
}
.schoolsheader__links > ul > li.menu-item-section-container > ul.sub-menu > li {
  display: block;
  margin-top: 0;
  padding: 0;
}
.schoolsheader__links
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li:nth-child(n + 2) {
  border-left: 1px solid #ebeaef;
  padding-left: 24px;
  margin-left: 64px;
}
.schoolsheader__links
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li
  > span
  > a {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #545174;
  cursor: default;
}
.schoolsheader__links
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li
  > .sub-menu {
  opacity: 1;
  padding-top: 24px;
}
.schoolsheader__links
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li
  > .sub-menu
  > li:nth-child(n + 2) {
  margin-top: 24px;
}

.schoolsheader__actions {
  display: inline-block;
}
.schoolsheader__actions > a {
  display: inline-block;
  padding: 16px 21px;
}

.schoolsheader__actions > a:last-child {
  margin-left: 16px;
}

@media (max-width: 1187px) {
  .schoolsheader__actions > a {
    padding: 14px 24px;
  }
  .schoolsheader__actions > a:last-child {
    margin-left: 0;
  }
}

@media (max-width: 1187px) {
  .schoolsheader__actions > a:first-of-type {
    display: none;
  }
}
@media (max-width: 1187px) {
  .schoolsheader__actions {
    right: 24px;
  }
}
@media (max-width: 340px) {
  .schoolsheader__actions {
    display: none;
  }
}

.schoolsheader__mobilemenu {
  z-index: 100;
  top: 54px;
  position: fixed;
  left: 0;
  right: 0;
  overflow: scroll;
  height: calc(100vh - 54px);
  display: none;
  padding-top: 14px;
}
.schoolsheader__mobilemenu .phone-number-container {
  height: 94px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schoolsheader__mobilemenu .phone-number-container .blurb {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 8px;
}
.schoolsheader__mobilemenu .phone-number-container .phone-number {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 3px;
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile {
  background-color: #fff;
  border-top: solid 1px #cac9d8;
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile ul li {
  display: block;
  margin: 0;
  height: auto;
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile ul li a {
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #303336;
  text-transform: uppercase;
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile ul li a .mt-nav-title {
  display: inline-block;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children
  ul.sub-menu {
  display: none;
  position: static;
  background-color: white;
  border: none;
  box-shadow: none;
  padding: 0;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children
  ul.sub-menu
  li {
  margin-top: 0 !important;
  padding: 14px 0;
  height: auto !important;
  text-align: center;
  border-bottom: none;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children
  ul.sub-menu
  li
  .mt-nav-desc {
  margin-top: 4px;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children
  ul.sub-menu
  li
  .mt-nav-icon {
  display: none;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children:hover
  > ul.sub-menu {
  opacity: 0;
  margin-top: 0;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  li.menu-item-has-children
  ul.sub-menu.open {
  opacity: 1;
  display: block;
  margin-top: -12px;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  ul
  .mobile-action-link {
  display: none;
}
@media (max-width: 340px) {
  .schoolsheader__mobilemenu
    .schoolsheader__links--mobile
    ul
    .mobile-action-link {
    display: block;
  }
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile > ul > li {
  border-bottom: 1px solid #f5f4f7;
}
.schoolsheader__mobilemenu .schoolsheader__links--mobile > ul > li > a {
  height: 75px;
  line-height: 75px;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-has-children
  > a {
  position: relative;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-has-children
  > a::after {
  border-bottom: 1px solid #303336;
  border-right: 1px solid #303336;
  box-sizing: initial;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 0;
  transform: rotate(45deg);
}

.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-has-children.children-opened
  > a {
  color: #006e63;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-has-children.children-opened
  > a::after {
  border-bottom: 1px solid #006e63;
  border-right: 1px solid #006e63;
  box-sizing: initial;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 5px;
  transform: rotate(225deg);
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li {
  margin: 0 !important;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li
  > a {
  display: none;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li:nth-child(n + 2) {
  padding-top: 0;
}
.schoolsheader__mobilemenu
  .schoolsheader__links--mobile
  > ul
  > li.menu-item-section-container
  > ul.sub-menu
  > li
  ul.sub-menu {
  padding: 0 !important;
}

@media (max-width: 708px) {
  .schoolsheader__mobilemenu--open {
    overflow: hidden;
  }

  .schoolsheader__mobilemenu--open:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.24);
    -moz-transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
  }
}
.main__content {
  padding-top: 80px;
  z-index: 10;
  position: relative;
  margin-bottom: 48px;
}

.home__texthero {
  padding: 116px 0 36px;
}
.home__texthero.single__texthero {
  padding: 108px 0 36px 297px;
  background-image: url('../images/home_single_title_image.png');
  background-repeat: no-repeat;
  background-position: -25px 45px;
}
@media (max-width: 708px) {
  .home__texthero.single__texthero {
    padding-left: 0;
    background-image: none;
  }
}
.home__texthero h1 {
  font-family: 'BureauGrotCondensed', sans-serif;
  font-weight: 500;
  font-size: 96px;
  color: #242424;
  margin: 0 0 19px 0;
}
.home__texthero p {
  font-size: 24px;
  font-weight: 700;
  color: #242424;
}
@media (max-width: 480px) {
  .home__texthero {
    padding: 32px 0 10px;
    text-align: center;
  }
  .home__texthero.single__texthero {
    background-image: url('../images/home_single_title_image.png');
    padding-top: 22px;
    padding-left: 0;
    padding-bottom: 152px;
    background-position: center bottom 10px;
    background-size: 183px;
  }
  .home__texthero h1 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 36px;
  }
  .home__texthero p {
    font-size: 14px;
    line-height: 18px;
  }
}

.categorycards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 64px;
}
@media (max-width: 960px) {
  .categorycards {
    justify-content: space-around;
  }
}
@media (max-width: 480px) {
  .categorycards {
    padding-bottom: 48px;
  }
}
.categorycards .card {
  position: relative;
  margin-top: 64px;
  width: 280px;
  height: 461px;
  text-align: center;
  background-repeat: no-repeat;
}
@media (min-width: 481px) {
  .categorycards .card:nth-child(2n) {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.categorycards .card .background-image {
  position: relative;
  z-index: 1;
}
.categorycards .card .content-container {
  position: absolute;
  top: 220px;
  height: 241px;
  box-shadow: 0px 8px 16px rgba(24, 19, 87, 0.07);
  border-radius: 6px;
}
.categorycards .card .content-container .mobile-image {
  display: none;
}
.categorycards .card .content-container .content {
  background-color: white;
  height: 241px;
}
.categorycards .card .content-container .content h2 {
  margin: 0;
  font-size: 36px;
  line-height: 44px;
  padding: 10px 0;
}
.categorycards .card .content-container .content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 37px;
  color: #242424;
}
.categorycards .card a {
  display: block;
  position: absolute;
  bottom: 23.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 185px;
  line-height: 48px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .categorycards .card {
    width: 100%;
    height: auto;
    margin-top: 24px;
    background-color: white;
    background-image: none !important;
    padding: 14px;
    box-shadow: 0px 2px 8px rgba(24, 19, 87, 0.08);
  }
  .categorycards .card .background-image {
    display: none;
  }
  .categorycards .card .content-container {
    position: relative;
    top: 0;
    height: auto;
    box-shadow: none;
    border-radius: 0;
  }
  .categorycards .card .content-container .mobile-image {
    display: block;
    width: auto;
    margin-bottom: 8px;
  }
  .categorycards .card .content-container .content {
    height: auto;
    text-align: left;
  }
  .categorycards .card .content-container .content h2 {
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 28px;
    line-height: 28px;
  }
  .categorycards .card .content-container .content p {
    padding: 0;
    font-size: 17px;
    line-height: 26px;
  }
  .categorycards .card a {
    position: static;
    width: 201px;
    transform: none;
    margin-top: 16px;
  }
}

.home__featuredtitle {
  margin-bottom: 24px;
}
@media (max-width: 480px) {
  .home__featuredtitle {
    margin-bottom: 18px;
  }
}
.home__featuredtitle h2 {
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  margin-top: 0;
}
@media (max-width: 480px) {
  .home__featuredtitle h2 {
    font-size: 15px;
    line-height: 20px;
  }
}
.home__featuredtitle .line {
  border-bottom: 1px solid #cac9d8;
}

.texthero__container {
  margin-top: 70px;
  margin-bottom: 14px;
}
@media (max-width: 708px) {
  .texthero__container {
    margin-top: 40px;
  }
}

.texthero__headline {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.22;
  color: #311b92;
  margin: 17px 0 0;
}
@media (max-width: 708px) {
  .texthero__headline {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.25;
  }
}
.texthero__headline > span {
  background-color: #00ccbb;
  transform: skewX(-14deg);
  display: inline-block;
  border-left: 1px solid #00ccbb;
  border-right: 1px solid #00ccbb;
  margin-top: 5px;
  padding: 0 6px;
}
.texthero__headline > span > span {
  transform: skewX(14deg);
  display: block;
}

.texthero__subheadline {
  font-family: 'Modelica', 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  color: #6b7278;
  margin: 16px 0 0;
}
@media (max-width: 708px) {
  .texthero__subheadline {
    font-size: 16px;
    line-height: 1.25;
    margin-top: 8px;
  }
}

.texthero__imagecontainer {
  position: relative;
}
.texthero__imagecontainer > img {
  position: absolute;
  right: 10px;
}

.texthero__searchbutton,
.texthero__searchinput {
  vertical-align: middle;
  display: inline-block;
}

.texthero__searchbutton {
  height: 36px;
  width: 120px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: 0;
  padding: 0;
  margin-left: -5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
}

.categoryandsearch__container {
  margin-bottom: 32px;
}
.categoryandsearch__container > div {
  box-sizing: border-box;
}
.categoryandsearch__container > div:first-child {
  padding-left: 50px;
}
@media (max-width: 708px) {
  .categoryandsearch__container > div:first-child {
    padding: 0;
  }
}
.categoryandsearch__container > div:first-child select {
  width: 100%;
  margin-bottom: 0;
  font-family: 'Modelica', 'Source Sans Pro', sans-serif;
}
.categoryandsearch__container > div:last-child {
  padding-left: 42px;
  padding-right: 50px;
  position: relative;
}
@media (max-width: 708px) {
  .categoryandsearch__container > div:last-child {
    padding: 0;
  }
}
.categoryandsearch__container > div:last-child input[type='search'] {
  width: 100%;
}
.categoryandsearch__container > div:last-child input[type='submit'] {
  position: absolute;
  right: 50px;
  bottom: 0;
}
@media (max-width: 708px) {
  .categoryandsearch__container > div:last-child input[type='submit'] {
    width: 78px;
    right: 0;
  }
}

.blog_single__featured {
  background-color: white;
}
@media (max-width: 480px) {
  .blog_single__featured {
    margin-bottom: 30px;
  }
}
.blog_single__featured .image-container {
  width: 54%;
  float: left;
}
.blog_single__featured .image-container .image {
  height: 0;
  padding-top: 51%;
  background-size: cover;
  background-position: center;
}
.blog_single__featured .content {
  padding: 25px;
  padding-left: 56%;
  min-height: 291px;
  box-sizing: border-box;
}
.blog_single__featured .content h2 {
  margin-top: 0;
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 21px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.blog_single__featured .content p {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.blog_single__featured .content .category {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #919191;
  margin-top: 14px;
}
@media (max-width: 708px) {
  .blog_single__featured .image-container {
    width: 100%;
    height: auto;
    margin: 0 0 23px;
  }
  .blog_single__featured .content {
    padding: 0 16px 40px;
  }
}
@media (max-width: 480px) {
  .blog_single__featured .content h2 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .blog_single__featured .content p {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
  .blog_single__featured .content .category {
    display: none;
  }
}

@media (max-width: 480px) {
  .blog__index {
    padding: 0;
    max-width: 100%;
  }
}
.blog__index > div {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.blog__index > div .item {
  flex-basis: 288px;
  border: 15px solid transparent;
  margin-bottom: 47px;
}
@media (max-width: 480px) {
  .blog__index > div .item {
    flex-basis: 100%;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 37px;
    border: none;
  }
}
.blog__index > div .item .mobile-date {
  display: none;
}
@media (max-width: 480px) {
  .blog__index > div .item .mobile-date {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    display: block;
    color: #919191;
    margin-bottom: 8px;
  }
}
.blog__index > div .item .image {
  height: 187px;
  background-size: cover;
  background-position: center;
  margin-bottom: 16px;
}
@media (max-width: 480px) {
  .blog__index > div .item .image {
    width: 79%;
    height: 0px;
    padding-top: 55%;
    margin: 4px auto 12px;
  }
}
.blog__index > div .item .cat-and-date {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.04em;
  color: #919191;
}
@media (max-width: 480px) {
  .blog__index > div .item .cat-and-date {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .blog__index > div .item .cat-and-date .date {
    display: none;
  }
}
.blog__index > div .item h3 {
  font-size: 21px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #242424;
  margin: 4px 0 14px;
}
@media (max-width: 480px) {
  .blog__index > div .item h3 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.02em;
  }
}
.blog__index > div .item p {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 480px) {
  .blog__index > div .item p {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
}
.blog__index > div .item p a {
  color: #006e63;
  font-weight: 600;
}

.desktop__cta {
  position: relative;
  height: 224px;
  box-sizing: border-box;
  padding-top: 26px;
  background-color: #faf7f5;
  text-align: center;
}
@media (max-width: 480px) {
  .desktop__cta {
    display: none;
  }
}
.desktop__cta.combined-blog {
  height: 273px;
  padding-top: 51px;
  background-image: url('../images/combined_home_cta_left_image.png'),
    url('../images/combined_home_cta_right_image.png');
  background-position: -3px 4px, right -53px bottom -3px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 304px;
}
.desktop__cta.combined-blog div span {
  max-width: 900px;
}
.desktop__cta.single-blog {
  background-image: url('../images/single_home_cta_left_shape.svg'),
    url('../images/single_home_cta_right_shape.svg');
  background-position: -65px 0px, right -301px top -97px;
  background-repeat: no-repeat, no-repeat;
}
.desktop__cta.single-blog .left-image {
  left: -60px;
  top: -41px;
}
.desktop__cta.single-blog .right-image {
  right: 5px;
  top: 10px;
}
@media (max-width: 1322px) {
  .desktop__cta.single-blog .left-image {
    display: none;
  }
  .desktop__cta.single-blog .right-image {
    display: none;
  }
}
.desktop__cta.parents-blog {
  padding-top: 50px;
  background-image: url('../images/parents_cta_left_shape.svg'),
    url('../images/parents_cta_right_shape.svg');
  background-position: -1px 0px, right 0 top -95px;
  background-repeat: no-repeat, no-repeat;
}
.desktop__cta.parents-blog .left-image {
  left: 22px;
  top: 41px;
}
.desktop__cta.parents-blog .right-image {
  right: 76px;
  top: -107px;
}
@media (max-width: 1342px) {
  .desktop__cta.parents-blog .left-image {
    display: none;
  }
  .desktop__cta.parents-blog .right-image {
    display: none;
  }
}
.desktop__cta.students-blog {
  padding-top: 50px;
  background-image: url('../images/single_home_cta_left_shape.svg'),
    url('../images/single_home_cta_right_shape.svg');
  background-position: -73px 0px, right -234px top -97px;
  background-repeat: no-repeat, no-repeat;
}
.desktop__cta.students-blog .left-image {
  left: 10px;
  top: 26px;
}
.desktop__cta.students-blog .right-image {
  right: 35px;
  top: -4px;
}
@media (max-width: 1142px) {
  .desktop__cta.students-blog .left-image {
    display: none;
  }
  .desktop__cta.students-blog .right-image {
    display: none;
  }
}
.desktop__cta.tutors-blog {
  background-image: url('../images/tutors_cta_left_shape.svg'),
    url('../images/tutors_cta_right_shape.svg');
  background-position: -1px 0px, right 0 top -95px;
  background-repeat: no-repeat, no-repeat;
}
.desktop__cta.tutors-blog .left-image {
  left: 10px;
  top: -14px;
}
.desktop__cta.tutors-blog .right-image {
  right: 22px;
  top: -13px;
}
@media (max-width: 1220px) {
  .desktop__cta.tutors-blog .left-image {
    display: none;
  }
  .desktop__cta.tutors-blog .right-image {
    display: none;
  }
}
.desktop__cta > img {
  position: absolute;
}
.desktop__cta div span {
  display: inline-block;
  font-family: 'BureauGrotCondensed', sans-serif;
  font-size: 55px;
  line-height: 50px;
  font-weight: 500;
  letter-spacing: 0px;
  max-width: 791px;
}
.desktop__cta a {
  padding: 15px 24px;
  margin-top: 23px;
  font-weight: 600;
}

.home__cta-mobile {
  display: none;
}
@media (max-width: 480px) {
  .home__cta-mobile {
    display: block;
    background-color: #f9f8fb;
    background-position-x: right;
    background-position-y: -2px;
    background-repeat: no-repeat;
    width: 100%;
    padding: 11px 118px 20px 17px;
    margin-top: -18px;
    margin-bottom: 48px;
  }
  .home__cta-mobile div {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 16px;
  }
  .home__cta-mobile a {
    display: inline-block;
    width: 197px;
    line-height: 46px;
    font-weight: 600;
  }
  .home__cta-mobile a:hover {
    font-weight: 600;
  }
}

.home__backtotop {
  display: inline-block;
  width: 174px;
  line-height: 45px;
  cursor: pointer;
}
.home__backtotop > svg {
  margin-left: 26px;
  margin-bottom: -2px;
}

.breadcrumbs {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #cac9d8;
}
.breadcrumbs a {
  color: #006e63;
}

.category__texthero {
  padding-top: 88px;
  padding-bottom: 64px;
}
.category__texthero h1 {
  font-family: 'BureauGrotCondensed', sans-serif;
  font-size: 64px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: 0;
  display: inline-block;
  padding: 3px 0;
  margin-top: 24px;
  margin-bottom: 19px;
}
@media (max-width: 480px) {
  .category__texthero h1 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.category__texthero p {
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 480px) {
  .category__texthero {
    text-align: center;
    padding: 24px 0;
  }
  .category__texthero .breadcrumbs {
    display: none;
  }
  .category__texthero p {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media (max-width: 480px) and (max-width: 480px) {
  .category__texthero p {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #303336;
  }
}

.author-and-date {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: center;
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #303336;
}
.author-and-date .avatar {
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
  float: left;
  margin-right: 26px;
}

.category__featured {
  display: flex;
  padding: 47px 0 66px;
  overflow: hidden;
  border-bottom: 1px solid #919191;
}
.category__featured .image-container {
  width: 48%;
  float: left;
  margin-right: 5%;
}
.category__featured .image-container .image {
  height: 0;
  padding-top: 68%;
  background-size: cover;
  background-position: center;
}
.category__featured .content {
  width: 47%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.category__featured .content .content-text .featured-label {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #919191;
}
.category__featured .content .content-text h2 {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 11px 0 15px;
}
.category__featured .content .content-text p {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.category__featured .content .author-and-date {
  margin: 15px 0;
}
.category__featured .content .author-and-date .avatar {
  width: 40px;
  height: 40px;
  margin-right: 13px;
}
@media (max-width: 480px) {
  .category__featured {
    display: block;
    padding: 0 8px 24px;
  }
  .category__featured .image-container {
    width: 100%;
    margin: 0 0 17px;
  }
  .category__featured .content {
    width: 100%;
  }
  .category__featured .content .content-text h2 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 8px;
  }
  .category__featured .content .content-text p {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
  .category__featured .content .content-text p a {
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0.01em;
  }
  .category__featured .content .author-and-date span {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
}

.single-blog-mobile-subcats-and-search-container {
  display: none;
}
@media (max-width: 480px) {
  .single-blog-mobile-subcats-and-search-container {
    display: block;
  }
  .single-blog-mobile-subcats-and-search-container label {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .single-blog-mobile-subcats-and-search-container select {
    width: 100%;
    height: 56px;
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #bdbdbd;
  }
  .single-blog-mobile-subcats-and-search-container #search-form {
    position: relative;
    margin-bottom: 17px;
  }
  .single-blog-mobile-subcats-and-search-container #search-form #search-input {
    width: 100%;
    border: 1px solid #919191;
    background-color: transparent;
    border-radius: 4px;
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 56px;
    color: #bdbdbd;
    padding-left: 12px;
    background-image: url('../images/search-icon-green.svg');
    background-repeat: no-repeat;
    background-position: top 21px right 139px;
  }
  .single-blog-mobile-subcats-and-search-container
    #search-form
    #search-input::placeholder {
    opacity: 1;
  }
  .single-blog-mobile-subcats-and-search-container #search-form #search-submit {
    display: inline-block;
    width: 113px;
    height: 60px;
    clip-path: none;
    right: 1px;
    top: 1px;
    z-index: 10;
    clip: auto;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #919191;
    background-color: #03ccba;
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 18px;
    letter-spacing: 0.02em;
    font-weight: 600;
  }
  .single-blog-mobile-subcats-and-search-container
    #search-form
    #search-submit:focus {
    left: auto;
  }
  .single-blog-mobile-subcats-and-search-container
    #search-form
    .dark-magnifying-glass {
    display: none;
  }
}

@media (max-width: 480px) {
  .single-blog-desktop-subcats-and-search-container {
    display: none;
  }
}

.subcats-and-search-text {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.03em;
  margin-top: 16px;
}
@media (max-width: 480px) {
  .subcats-and-search-text {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-top: 4px;
  }
}

.category__subcats-and-search {
  position: relative;
  margin-top: 8px;
  overflow: hidden;
}
.category__subcats-and-search .subcats {
  float: left;
  margin-top: 13px;
  margin-bottom: 48px;
  padding-right: 200px;
}
@media (max-width: 480px) {
  .category__subcats-and-search .subcats {
    margin-bottom: -4px;
  }
}
.category__subcats-and-search .subcats a {
  display: none;
  font-size: 21px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: center;
  color: #242424;
  background-color: #ebded5;
  border-radius: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 11px 1px;
  white-space: nowrap;
}
.category__subcats-and-search .subcats a.revealed {
  display: inline-block;
}
.category__subcats-and-search .subcats a.active {
  background-color: #ffab00;
}
.category__subcats-and-search .subcats .show-all-subcats {
  align-self: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #006e63;
  cursor: pointer;
  text-decoration: underline;
}
.category__subcats-and-search #search-form {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 7px;
}
.category__subcats-and-search #search-form #search-input {
  border: 1px solid #cac9d8;
  width: 166px;
  height: 40px;
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #303336;
  padding-left: 16px;
  background-color: transparent;
}
.category__subcats-and-search #search-form #search-input:focus {
  outline: none;
}
.category__subcats-and-search #search-form #search-input::placeholder {
  opacity: 1;
}
.category__subcats-and-search #search-form > svg {
  position: absolute;
  top: 8px;
  right: 8px;
}
@media (max-width: 708px) {
  .category__subcats-and-search .subcats {
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .category__subcats-and-search #search-form {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
  }
  .category__subcats-and-search #search-form #search-input {
    width: 100%;
  }
}

.cat__loadmore {
  display: inline-block;
  width: 131px;
  font-weight: 600;
  line-height: 46px;
  cursor: pointer;
}

.categories__cta-mobile {
  background-color: #faf7f5;
  padding: 23px 0 26px;
  margin-bottom: 24px;
  width: 100%;
  text-align: center;
}
@media (min-width: 481px) {
  .categories__cta-mobile {
    display: none;
  }
}
.categories__cta-mobile > div {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto 20px;
  width: 82%;
}
.categories__cta-mobile > a {
  display: inline-block;
  line-height: 47px;
  padding: 0 26px;
  font-weight: 600;
}

.casestudy__quicklinks--sidebar,
.casestudy__socialsideelement {
  position: fixed;
  top: 250px;
  left: 60px;
  z-index: 9999;
}
@media (max-width: 1288px) {
  .casestudy__quicklinks--sidebar,
  .casestudy__socialsideelement {
    left: 10px;
  }
}

.casestudy {
  padding-top: 164px;
  padding-bottom: 60px;
}

.casestudy__categories {
  margin-bottom: 20px;
}
.casestudy__categories p {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.casestudy__categories p a {
  color: #542eff;
}

@media (max-width: 708px) {
  .casestudy {
    padding-top: 114px;
    padding-bottom: 60px;
  }

  .casestudy__tagdescriptor {
    margin-bottom: 15px;
  }
}
.single__title {
  font-size: 46px;
  line-height: 56px;
  text-align: center;
  color: #303336;
  margin-bottom: 32px;
}

.single__title span {
  color: #54ca63;
}

@media (max-width: 708px) {
  .single__title {
    font-size: 28px;
    line-height: 1.21;
    margin-bottom: 20px;
    letter-spacing: 0;
  }
}
.casestudy__author {
  margin-bottom: 80px;
  font-size: 14px;
  text-align: center;
  color: #8492a6;
}

@media (max-width: 708px) {
  .casestudy__author {
    margin-bottom: 40px;
  }
}
.casestudy__paragraph {
  font-size: 19px;
  line-height: 34px;
  color: #3c4858;
  margin-bottom: 60px;
}

.casestudy__paragraph--italic {
  font-style: italic;
}

.casestudy__paragraph a {
  color: #2787ff;
}

@media (max-width: 708px) {
  .casestudy__paragraph {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 28px;
  }
}
.casestudy__paragraph--largebottommargin {
  margin-bottom: 100px;
}

@media (max-width: 708px) {
  .casestudy__paragraph--largebottommargin {
    margin-bottom: 80px;
  }

  .casestudy__paragraph--smallbottommargin {
    margin-bottom: 20px;
  }
}
.casestudy__paragraph--smallbottommargin {
  margin-bottom: 20px;
}

.casestudy__paragraph--footnote {
  font-size: 14px;
  line-height: initial;
}

.casestudy__image {
  width: 100%;
}

.casestudy__image--marginbottom {
  margin-bottom: 60px;
}

.casestudy__doubleimage .casestudy__image {
  width: calc(100% - 10px);
}

.casestudy__doubleimage .casestudy__image--left {
  margin-right: 10px;
}

.casestudy__doubleimage .casestudy__image--right {
  margin-left: 10px;
}

@media (max-width: 708px) {
  .casestudy__doubleimage .casestudy__image {
    width: 100%;
  }

  .casestudy__doubleimage .casestudy__image--left {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .casestudy__doubleimage .casestudy__image--right {
    margin-left: 0;
  }
}
.casestudy__header {
  color: #3c4858;
  text-align: left;
}

.casestudy__header--large {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .casestudy__header--large {
    font-size: 24px;
    line-height: 28px;
  }
}
.casestudy__header--small {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 0;
}

.casestudy__quote {
  margin-bottom: 100px;
}

@media (max-width: 708px) {
  .casestudy__quote {
    margin-bottom: 60px;
  }
}
.casestudy__quote--border {
  width: 137px;
  margin: 0 auto;
  border: 2px solid #1fb6ff;
}

.casestudy__quote__text {
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  color: #1fb6ff;
  margin-top: 40px;
  padding: 0 20px;
}

.casestudy__authordetail {
  margin-bottom: 60px;
}

.casestudy__authordetail--bordertop {
  border-top: solid 1px #e3e8ef;
}

.casestudy__authordetail--paddingtop {
  margin-top: 100px;
}

@media (max-width: 708px) {
  .casestudy__quote--border {
    width: 59px;
  }

  .casestudy__quote__text {
    font-size: 24px;
    line-height: 38px;
  }

  .casestudy__authordetail--paddingtop {
    margin-top: 80px;
  }

  .casestudy__authordetail {
    margin-bottom: 60px;
  }
}
.casestudy__authordetail__image {
  border-radius: 100%;
  width: 72px;
  height: 72px;
  display: block;
  margin: 40px auto 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.casestudy__authordetail__name {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 30px;
  font-family: 'Modelica', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  text-align: center;
}

.casestudy__authordetail__bio {
  text-align: center;
  font-size: 17px;
  line-height: 20px;
  color: #6b7278;
}

@media (max-width: 708px) {
  .casestudy__authordetail__bio {
    font-size: 14px;
  }
}
.casestudy__socialsideelement {
  opacity: 1 !important;
}

@media (max-width: 992px) {
  .casestudy__socialsideelement {
    display: none !important;
  }
}
.casestudy__socialsideelement a {
  display: block;
  margin-bottom: 15px;
}

.casestudy__quicklinks p {
  font-size: 20px;
  line-height: 1.2;
  color: #292e31;
  margin-bottom: 16px;
}

.casestudy__quicklinks__links {
  border-left: solid 3px #e6eaee;
}

.casestudy__quicklinks a {
  display: block;
  font-size: 19px;
  margin-bottom: 15px;
  color: #2787ff;
  padding-left: 20px;
}

.casestudy__list p,
.casestudy__list__header {
  color: #292e31;
}

.casestudy__quicklinks a:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 1268px) {
  .casestudy__quicklinks--sidebar {
    display: none !important;
  }
}
.casestudy__quicklinks--inline {
  display: none;
}

@media (max-width: 1268px) {
  .casestudy__quicklinks--inline {
    display: block;
    margin-bottom: 60px;
  }
}
.casestudy__socialicons {
  display: inline-block;
  padding: 0 20px;
  z-index: 1;
  position: relative;
}

.casestudy__social {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 481px) {
  .casestudy__social {
    display: none;
  }
}

@media (max-width: 708px) {
  .casestudy__social:before {
    width: 100%;
    left: 0;
  }
}
.casestudy__social a {
  margin: 0 7.5px;
}

.casestudy__social a img {
  width: 40px;
  height: 40px;
}

.casestudy__list {
  padding-bottom: 100px;
}

.casestudy__list li:before {
  content: '•';
  font-size: 16px;
  top: 11px;
  position: relative;
  padding-right: 12px;
  float: left;
}

.casestudy__list__content {
  display: inline-block;
  padding-left: 10px;
  width: calc(100% - 30px);
  margin-bottom: 5px;
}

.casestudy__list__content--header {
  margin-bottom: 40px;
}

.casestudy__list--smallbottommargin {
  padding-bottom: 60px;
}

.casestudy__list p {
  font-size: 19px;
  line-height: 2;
}

@media (max-width: 708px) {
  .casestudy__list p {
    font-size: 17px;
  }
}
.casestudy__list__header {
  font-size: 19px;
  line-height: 1.79;
  font-weight: 600;
}

@media (max-width: 708px) {
  .casestudy__list__header {
    font-size: 17px;
  }
}
.casestudy__list--nobullets li:before {
  content: none;
}

.casestudy__list--nobullets p {
  line-height: 1.6;
}

.casestudy__list--nobullets .casestudy__list__content {
  padding-left: 0;
}

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

.casestudy__resourcecardwrapper .row::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1268px) {
  .casestudy__resourcecardwrapper .row {
    height: inherit;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.casestudy__resourcecard {
  height: 166px;
  width: 166px;
  position: relative;
  border-radius: 3px;
  margin: 0 10px;
  cursor: pointer;
  display: inline-block;
}

@media (max-width: 1268px) {
  .casestudy__resourcecard:first-of-type {
    margin-left: 40px;
  }

  .casestudy__resourcecard:last-of-type {
    margin-right: 40px;
  }
}
.casestudy__resourcecard__subject {
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  padding: 0 5px;
}

.casestudy__resourcecard__image {
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: center;
  height: calc(100% - 30px);
}

.casestudy__resourcecard--maths {
  background-color: #3079ec;
}

.casestudy__resourcecard--maths .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/maths.svg);
}

.casestudy__resourcecard--englishlanguage {
  background-color: #f19822;
}

.casestudy__resourcecard--englishlanguage .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/englishlanguage.svg);
}

.casestudy__resourcecard--englishliterature {
  background-color: #fc7453;
}

.casestudy__resourcecard--englishliterature .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/englishliterature.svg);
}

.casestudy__resourcecard--physics {
  background-color: #929292;
}

.casestudy__resourcecard--physics .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/physics.svg);
}

.casestudy__resourcecard--chemistry {
  background-color: #8cc453;
}

.casestudy__resourcecard--chemistry .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/chemistry.svg);
}

.casestudy__resourcecard--biology {
  background-color: #24a86b;
}

.casestudy__resourcecard--biology .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/biology.svg);
}

.casestudy__resourcecard--french {
  background-color: #d8423f;
}

.casestudy__resourcecard--french .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/french.svg);
}

.casestudy__resourcecard--german {
  background-color: #7857b9;
}

.casestudy__resourcecard--german .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/german.svg);
}

.casestudy__resourcecard--spanish {
  background-color: #f6bf26;
}

.casestudy__resourcecard--spanish .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/spanish.svg);
}

.casestudy__resourcecard--geography {
  background-color: #43b5f5;
}

.casestudy__resourcecard--geography .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/geography.svg);
}

.casestudy__resourcecard--computing {
  background-color: #7e939e;
}

.casestudy__resourcecard--computing .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/computing.svg);
}

.casestudy__resourcecard--general {
  background-color: #b56dc2;
}

.casestudy__resourcecard--general .casestudy__resourcecard__image {
  background-image: url(//cdn.mytutor.co.uk/images/uploads/general.svg);
}

.casestudy__accordion {
  margin: 60px 0;
  padding-bottom: 2px;
  border-bottom: solid 1px #e6eaee;
}

.casestudy__accordion__section {
  font-size: 24px;
  line-height: 2.17;
  color: #2787ff;
  padding-top: 2px;
  margin-bottom: -4px;
  border-top: solid 1px #e6eaee;
}

.casestudy__accordion__section:before {
  content: '+';
  padding-right: 12px;
  padding-left: 8px;
}

.casestudy__accordion__section--open:before {
  content: '-';
  padding-right: 16px;
  padding-left: 11px;
}

.casestudy__accordion__content {
  display: none;
  padding-top: 30px;
}

.casestudy__accordion__content p {
  padding: 0 10px;
}

#js-casestudy--sideelement {
  position: fixed;
  top: 250px;
  left: 60px;
  opacity: 1 !important;
}

@media (max-width: 1268px) {
  #js-casestudy--sideelement {
    display: none !important;
  }
}
.upsell {
  padding-bottom: 120px;
}

@media (max-width: 708px) {
  .upsell {
    padding-bottom: 60px;
  }
}
.upsell__header {
  color: #3c4858;
  font-size: 34px;
  letter-spacing: -0.5px;
  line-height: 1.12;
  text-align: center;
  margin-bottom: 50px;
}

.upsell__header span {
  color: #54ca63;
}

@media (max-width: 992px) {
  .upsell__header {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.17;
    margin-bottom: 62px;
  }
}
@media (max-width: 708px) {
  .upsell__header {
    margin-bottom: 41px;
  }
}
.video {
  padding: 80px 0 160px;
  border-top: solid 1px #e7e8ea;
  position: relative;
}

@media (max-width: 992px) {
  .video {
    padding-bottom: 120px;
  }
}
@media (max-width: 708px) {
  .video {
    padding: 60px 0 80px;
  }
}
.blog__contentbody {
  font-size: 18px;
  line-height: 24px;
}
.blog__contentbody h2,
.blog__contentbody h3,
.blog__contentbody h4,
.blog__contentbody h5,
.blog__contentbody h6 {
  text-align: left;
}
.blog__contentbody h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px;
}
.blog__contentbody h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}
.blog__contentbody h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
.blog__contentbody p {
  margin-bottom: 48px;
}
.blog__contentbody li {
  margin-bottom: 20px;
  margin-left: 22px;
}
.blog__contentbody a {
  color: #00ccbb;
}

.blog__container {
  max-width: 726px;
  overflow: hidden;
  margin: 60px auto 0;
  padding: 57px 16px 0;
}
.blog__container .featured-image {
  width: 100%;
  height: auto;
  margin-top: 27.5px;
}
.blog__container .category {
  margin-top: 28px;
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #919191;
}
.blog__container h1 {
  font-family: 'BureauGrotCondensed', sans-serif;
  font-size: 64px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 16px;
  margin-bottom: 32px;
}
.blog__container .author-and-date {
  margin-bottom: 44px;
}
.blog__container .content h2 {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0;
  font-weight: 700;
}
.blog__container .content h3 {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.blog__container .content h4 {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.blog__container .content p {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  margin: 35px 0;
}
@media (max-width: 480px) {
  .blog__container {
    padding-top: 27px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .blog__container .breadcrumbs {
    margin-top: 26px;
  }
  .blog__container .category {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .blog__container .featured-image {
    margin-top: 19.5px;
  }
  .blog__container h1 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  .blog__container .author-and-date {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 38px;
  }
  .blog__container .author-and-date .avatar {
    width: 40px;
    height: 40px;
    margin-right: 13px;
  }
  .blog__container .content p {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin: 0;
  }
  .blog__container .content h2 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
  }
  .blog__container .content h3 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  .blog__container .content h4 {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    font-weight: 700;
  }
  .blog__container .content img {
    max-width: 100%;
    height: auto;
  }
}

.light-background {
  background-color: #faf7f5;
}

.related-posts-title {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: left;
  margin-top: 50px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cac9d8;
}
@media (max-width: 480px) {
  .related-posts-title {
    display: none;
  }
}

.blog__suggestedposts {
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  .blog__suggestedposts {
    padding-top: 50px;
    margin-bottom: 0;
  }
  .blog__suggestedposts .item {
    margin-bottom: 26px !important;
  }
}

@media (max-width: 992px) {
  .blog__content {
    padding-top: 100px;
  }

  .blog__suggestedposts .blog__item:nth-of-type(2) {
    display: none;
  }

  .blog__contentbody h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.blog__contentbody blockquote {
  margin-bottom: 100px;
  margin-top: 100px;
}

@media (max-width: 708px) {
  .blog__content {
    padding-top: 70px;
  }

  .blog__suggestedposts .blog__item:nth-of-type(3) {
    display: none;
  }

  .blog__contentbody blockquote {
    margin-bottom: 60px;
  }
}
.blog__contentbody blockquote p {
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  color: #311b92;
  padding: 0 20px;
}

.blog__contentbody blockquote p:before {
  border-top: solid 4px #311b92;
  content: '';
  display: block;
  width: 137px;
  margin: 0 auto;
  padding-bottom: 40px;
}

@media (max-width: 708px) {
  .blog__contentbody blockquote p {
    font-size: 24px;
    line-height: 38px;
  }

  .blog__contentbody blockquote p:before {
    width: 59px;
  }
}
@media (max-width: 708px) {
  .blog__contentbody p {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 28px;
  }
}
#container {
  margin-bottom: 0;
}

.casestudy__social {
  margin-top: 40px;
}

strong {
  font-weight: 700 !important;
}

em {
  font-style: italic !important;
}

h4 {
  margin-bottom: 10px;
}

ol,
ul {
  margin-bottom: 60px;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
  margin-bottom: 20px;
}

.wp-caption-text {
  font-size: 16px !important;
  font-style: italic;
  color: #6b7c93 !important;
  margin-top: 10px;
}

@media (max-width: 400px) {
  .squarebutton {
    width: 100%;
  }
}
.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

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

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

@media (max-width: 992px) {
  .hide--medium {
    display: none;
  }
}
.hide--small {
  display: inline-block;
}

@media (max-width: 708px) {
  .hide--small {
    display: none;
  }
}
.navigation.pagination {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.mt__cta {
  position: relative;
  padding-top: 53px;
  padding-bottom: 57px;
  width: 100%;
  background-color: #f5f4f7;
  color: #303336;
}
.mt__cta p,
.mt__cta h1,
.mt__cta h2,
.mt__cta h3,
.mt__cta h4,
.mt__cta h5,
.mt__cta h6 {
  margin: 8px 0;
}
.mt__cta .inner {
  max-width: 1026px;
  margin: 0 auto;
}
@media (min-width: 748px) {
  .mt__cta .inner {
    padding-left: 40px;
  }
}
.mt__cta form {
  overflow: hidden;
}
.mt__cta form .form-fields > * {
  display: inline-block;
  vertical-align: middle;
}
.mt__cta form .form-fields .subscribe-message {
  font-size: 21px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0px;
  margin-right: 35px;
}
.mt__cta form .form-fields input[type='text'],
.mt__cta form .form-fields input[type='email'] {
  width: 250px;
  height: 48px;
  color: #303336;
  margin: 4px 16px 4px 0;
  box-sizing: border-box;
  border-radius: 0;
}
.mt__cta form .form-fields input[type='email'] {
  margin-right: 0;
  border-right: 0;
}
.mt__cta form .form-fields input[type='submit'] {
  width: 148px;
  height: 48px;
  line-height: 48px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: center;
  margin-left: -5px;
}
@media (max-width: 1090px) {
  .mt__cta form .form-fields .subscribe-message {
    display: block;
    margin-bottom: 10px;
  }
}
@media (max-width: 748px) {
  .mt__cta form .form-fields > * {
    display: block;
    margin: 0 auto 24px !important;
    width: 70% !important;
  }
  .mt__cta form .form-fields .subscribe-message {
    text-align: center;
    margin-bottom: 16px !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .mt__cta form .form-fields input[type='email'] {
    border-right: 1px solid #c4cdd5;
  }
}
.mt__cta form p {
  font-size: 12px;
}
.mt__cta * {
  position: relative;
  z-index: 2;
}
.mt__cta h1,
.mt__cta h2,
.mt__cta h3,
.mt__cta h4,
.mt__cta h5,
.mt__cta h6 {
  color: #311b92;
}
.mt__cta .non_dotmailer_newsletter__gdpr {
  margin-left: 130px;
}
@media (max-width: 768px) {
  .mt__cta .non_dotmailer_newsletter__gdpr {
    margin-left: 0;
  }
}
.mt__cta.mt__cta--fixedbottom {
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.mt__cta.mt__cta--fixedbottom .fixedbottom-cta-content {
  margin-left: 8px;
  margin-right: 8px;
}

.blog__contentbody__singlenavlinks a {
  font-family: 'Modelica', 'Source Sans Pro', sans-serif, SansSerif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  box-sizing: border-box;
  font-weight: 600;
  background-color: #00ccbb;
  border: 2px solid #00ccbb;
  color: white;
}
.blog__contentbody__singlenavlinks a:hover {
  background-color: #65ddcf;
}
.blog__contentbody__singlenavlinks a:focus {
  border: 2px solid #00918a;
}
.blog__contentbody__singlenavlinks a:first-child {
  float: left;
}
.blog__contentbody__singlenavlinks a:last-child {
  float: right;
}

footer {
  background-color: #f7f2ed;
}
footer .subscribe-container {
  background-color: white;
  text-align: center;
}
footer .subscribe-container .subscribe-content {
  display: inline-block;
  margin: 51px 0;
}
footer .subscribe-container .subscribe-content .subscribe-message {
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin-right: 35px;
}
footer .subscribe-container .subscribe-content .button--consolidated-dark {
  line-height: 56px;
  width: 127px;
  font-weight: 600;
}
@media (max-width: 480px) {
  footer .subscribe-container {
    text-align: left;
    padding: 60px;
    padding-right: 10px;
  }
  footer .subscribe-container .subscribe-content {
    margin: 0;
  }
  footer .subscribe-container .subscribe-content .subscribe-message {
    font-family: 'FoundersGrotesk', sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    font-weight: 600;
  }
  footer .subscribe-container .subscribe-content .button--consolidated-dark {
    display: block;
    line-height: 46px;
    margin-top: 20px;
  }
}
footer .footer-menus {
  padding-top: 124px;
  display: flex;
  justify-content: space-between;
  padding-left: 177px;
  padding-right: 225px;
}
@media (max-width: 980px) {
  footer .footer-menus {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 620px) {
  footer .footer-menus {
    display: none;
  }
}
footer .footer-menus h1 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #242424;
}
footer .footer-menus nav ul {
  list-style: none;
}
footer .footer-menus nav ul a {
  color: #5b5b5b;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
footer .footer-menus .help .contacting h1 {
  margin-bottom: 32px;
}
footer .footer-menus .help .contacting a {
  display: block;
  padding-left: 24px;
  background-repeat: no-repeat;
  font-family: 'FoundersGrotesk', sans-serif;
  font-size: 16px;
  color: #5b5b5b;
  margin-bottom: 23px;
}
footer .footer-menus .help .contacting a.contact {
  background-image: url('../images/contact-icon.svg');
}
footer .footer-menus .help .contacting a.message {
  background-image: url('../images/whatsapp-icon.svg');
}
footer .footer-menus .help .contacting a.phone-number {
  background-image: url('../images/call-icon.svg');
}
footer .footer-menus .help .divider {
  width: 159px;
  margin: 35px 0 30px;
  border-bottom: 1px solid #ebded5;
}
footer .footer-menus .help .socials a {
  margin-right: 16px;
}
footer .bottom {
  position: relative;
  margin: 80px 175px 0 158px;
  padding-bottom: 110px;
}
@media (max-width: 980px) {
  footer .bottom {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 620px) {
  footer .bottom {
    display: none;
  }
}
footer .bottom .left {
  position: absolute;
  left: 0;
  top: 0;
}
footer .bottom .left p {
  font-size: 9px;
  color: #5b5b5b;
  margin-bottom: 8px;
}
footer .bottom .left p a {
  font-size: inherit;
  color: inherit;
}
footer .bottom .right {
  position: absolute;
  right: 0;
  top: 0;
}
footer .bottom .right a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position-y: 3px;
  margin-left: 10px;
  font-size: 16px;
  line-height: 17px;
  color: #5b5b5b;
}
footer .bottom .right a.ceop {
  background-image: url('../images/ceop-logo.png');
  padding-left: 36px;
}
footer .bottom .right a.sagepay {
  background-image: url('../images/sagepay-logo.svg');
  padding-top: 18px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*# sourceMappingURL=mytutorblog.css.map */