@font-face {
  font-display: swap;
  font-family: 'Metropolis Regular';
  font-weight: 325;
  src:
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-Regular.woff2'),
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-Regular.woff');
}

@font-face {
  font-display: swap;
  font-family: 'Metropolis Extra Light';
  font-weight: 300;
  src:
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-ExtraLight.woff2'),
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-ExtraLight.woff');
}

@font-face {
  font-display: swap;
  font-family: 'Metropolis Semi-Bold';
  font-weight: 350;
  src:
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-SemiBold.woff2'),
    url('https://s1.thcdn.com/fe/fonts/christopherobin/Metropolis-SemiBold.woff');
}

@font-face {
  font-display: swap;
  font-family: 'Dapifer Book';
  src:
    url(//static.thcdn.com/fe/fonts/christopherobin/dapifer-book.woff) format("woff"),
    url(//static.thcdn.com/fe/fonts/christopherobin/dapifer-book.woff2) format("woff2");
}

[data-theme='christopherobin'] .strip-banner.stripBanner {
  background-color: #d34b3a;

  span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.4px;
  }
  &:hover {
    color: #952434;
    background-color: #ffffff;
  }
  &:focus {
    background-color: #952434;
    text-decoration: underline;
    color: inherit;
  }
}

[data-theme='christopherobin'] .override-border {
  border: none;
}