:root {
  --font-size-reg: 1.2rem;
  --font-size-lead: 1.438rem;
  --font-size-lge: 2rem;
  --line-height-reg: 1.25;
  --line-height-lge: 1.5;
  --color-reg: #555555;
  --color-dark: #404040;
  --sublist-padding: 5px 0 15px 20px;
}

@font-face {
  font-family: 'BarlowRegular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'BarlowHeading';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'BarlowRegular', Helvetica, 'Trebuchet MS', Verdana, sans-serif;
  line-height: var(--line-height-reg);
  font-size: var(--font-size-reg);
  color: var(--color-reg);
}

h1,
h2,
h3 {
  font-family: 'BarlowHeading', Helvetica, 'Trebuchet MS', Verdana, sans-serif;
  color: var(--color-dark);
}

h1 {
  margin: 0 0 25px;
  font-size: var(--font-size-lge);
}
h2,
h3 {
  margin: 0 0 25px;
  font-size: var(--font-size-reg);
  margin: 0 0 25px;
}

ul li h2 {
  margin: 0 0 5px -20px;
}

p {
  margin: 0 0 15px;
}

a,
.prevent-link {
  color: inherit;
}
.prevent-link {
  text-decoration: none !important;
  pointer-events: none;
}
.prevent-link:hover {
  cursor: default !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

strong {
  font-family: 'BarlowHeading';
  color: var(--color-dark);
}

ol li ul {
  list-style-type: disc;
  padding: var(--sublist-padding);
}

@counter-style li-upper-alpha {
  system: extends upper-alpha;
  suffix: ') ';
}

ol li ul.upper-alpha {
  list-style: li-upper-alpha;
  padding: var(--sublist-padding);
}

ol li ul.upper-alpha li span {
  font-weight: normal;
  font-family: 'BarlowRegular', Helvetica, 'Trebuchet MS', Verdana, sans-serif;
}

li.list-subheading,
ul ul li h2 {
  font-family: 'BarlowHeading', Helvetica, 'Trebuchet MS', Verdana, sans-serif;
  padding-left: 0;
  margin-left: -40px;
  list-style-type: none;
}

ul li:has(h2),
ul li:has(h3) {
  list-style-type: none;
}
li h3 {
  margin: 0 5px 0 -20px;
}

/* .outer-wrapper { */
header,
main, 
footer {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  padding: 0 30px;
}

/* .tandc-block,
.brand-logo {
  display: block;
} */

.brand-logo {
  padding: 27px 0 20px;
  border-bottom: solid 1px #d8d8d8;
  text-align: center;
}

.brand-logo img {
  width: 70px;
  height: auto;
}

/* ///////////////////////////////////////////////////////////////// */
.tandc-block {
  text-align: left;
  padding: 30px 0;
}

.tandc-block ol {
  padding-left: 20px;
  margin: 0 0 20px;
}

.tandc-block li {
  margin-bottom: 15px;
}

.tandc-block li:last-child {
  margin-bottom: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

.inset-20 {
  padding-left: 20px;
}

.mb-0 {
  margin-bottom: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.ml-minus-20 {
  margin-left: -20px;
}

.pl-5 {
  padding-left: 5px;
}

.d-block {
  display: block;
}
@media only screen and (max-width: 550px) and (max-device-width: 550px) {
  .outer-wrapper {
    padding: 0;
  }

  .tandc-block ol {
    padding: 0 25px;
  }
}

/* OneTrust button */
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.ot-sdk-show-settings:hover {
 padding: 0 !important;
 font-size: var(--font-size-mid) !important;
 background: none !important;
 color: #404040 !important;
 border: none !important;
 text-decoration: underline !important;
 line-height: var(--line-height-reg) !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover {
 text-decoration: none !important;
 cursor: pointer;
}

#onetrust-reject-all-handler {
 background-color: white !important;
 color: #000000 !important;
 border-color: #000000 !important;
}

footer ul {
 padding: 0;
}

footer li {
 display: inline;

 &::after {
  content: '|';
  padding: 0 calc(var(--spacing-common) / 2);
 }

 &:last-child::after {
  content: '';
 }
}