/* Hide unnecessary elements */
.page__skip,
.sticky,
.media-content__accent,
.cta,
.footer,
.link,
.print-hidden,
.section__swoosh,
.section__curve,
.raw-cookie,
.raw-cookie__dialog,
.glide,
.button {
    display: none !important;
    height: 0;
    padding: 0;
    margin: 0;
}

/* Body */
body {
    font-family: 'proxima-nova', sans-serif, sans-serif;
}

.display {
    margin: 40px 0;
    display: flex;
}

.grid {
    flex-wrap: nowrap;
}

.display__item {
    margin-right: 20px;
}

/* Spacing */
@page {
    margin: 0.5cm;
}

.section {
    margin: 0.5cm;
    padding: 0;
    margin: 0;
}

main {
    margin-top: 0;
    padding-top: 0;
}

/* Typography  */
/* body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 12pt;
    line-height: 1.3;
} */

/* prevent ending up with a single line at the end of a page 
and a single line at the top the next page  */
p,
.card--light .card__description {
    font-family: 'proxima-nova', sans-serif, sans-serif;
    font-size: 12pt;
    line-height: 1.3;
    color: #000000;
    orphans: 2;
    widows: 2;
}

h1,
.heading--1 {
    color: #351E57;
    font-size: 22pt;
    font-weight: bold;
}

h2,
.heading--2 {
    color: #351E57;
    font-size: 20pt;
    font-weight: bold;
}

h3,
.heading--3 {
    color: #351E57;
    font-size: 18pt;
    font-weight: bold;
}

h4,
.heading--4 {
    color: #351E57;
    font-size: 15pt;
    font-weight: bold;
}

p,
.copy--1,
.copy--2,
.copy--3,
.copy--4 {
    font-size: 12pt;
    margin-bottom: 0;
    /* page-break-after: avoid;
    page-break-inside: avoid; */
}

.simple-banner__heading,
.heading--1,
.heading--2,
.heading--3,
.heading--4,
.copy--1,
.copy--2,
.copy--3,
.copy--4 {
    font-family: 'proxima-nova', sans-serif, sans-serif;
    margin-bottom: 0;
    /* page-break-after: avoid;
    page-break-inside: avoid; */
}

body,
.section--shaded,
.section--dark {
    background-color: #ffffff;
}

.section--dark h1,
.section--dark h2,
.section--dark h3 {
    color: #351E57;
}

.u-align-center.heading--3.heading--white {
    color: #351E57 !important;
}
.heading--white {
    color: #351E57 !important;
}

.card--row.card--with-icon .card__container {
    height: auto
}

.card--row.card--with-icon .card__icon img {
    height: 50px;
    width: 50px;
}


/* Datacentre page */
.simple-banner__page-name {
    color: #865D8A;
    font-size: 16pt;
}

.media-content__image {
    width: 300px;
}