/*
 * Globals
 */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
@font-face{font-family:Athletics-Regular;src:url(../fonts/Athletics-Regular.woff) format("woff"),url(../fonts/Athletics-Regular.woff2) format("woff2");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}

/* Links */
a,
a:focus,
a:hover {
  color: #1D1D1B;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #1D1D1B;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #1D1D1B;
  border: .05rem solid #1D1D1B;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #FFFFFF;
  font-family: Inter, Arial, sans-serif;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #1D1D1B;

  background-image: url(../img/bg-cover.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 40vw;
}

body.page-404 {
  background-image: url(../img/bg-404.png);
}

.cover-container {
  padding-right:40%;
}


/*
 * Fonts
 */

 .cover-heading{
   font-weight: 100;
   font-size: 62px;
   font-family: Athletics-Regular, Arial, sans-serif;
 }

 .lead{
   font-weight: 400;
   font-size: 20px;
   font-family: Inter, Arial, sans-serif;
 }

 .blue {
   color:#002DD4;
   font-weight: 700;
 }

 .animated-highlight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWwAAABgCAYAAAA5Kkh2AAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAABbKADAAQAAAABAAAAYAAAAADwsaPEAAADTklEQVR4Ae3U0QkAIRBDQc+q7L8sfzywCh/MVhAmS76z1xmOAAECBJ4XmM8nFJAAAQIEroDB9ggECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgAABg+0HCBAgEBEw2JGixCRAgIDB9gMECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgAABg+0HCBAgEBEw2JGixCRAgIDB9gMECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgAABg+0HCBAgEBEw2JGixCRAgIDB9gMECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgAABg+0HCBAgEBEw2JGixCRAgIDB9gMECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgAABg+0HCBAgEBEw2JGixCRAgIDB9gMECBCICBjsSFFiEiBAwGD7AQIECEQEDHakKDEJECBgsP0AAQIEIgIGO1KUmAQIEDDYfoAAAQIRAYMdKUpMAgQIGGw/QIAAgYiAwY4UJSYBAgQMth8gQIBARMBgR4oSkwABAgbbDxAgQCAiYLAjRYlJgACBHwL8A/BQWSlIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: -600px 0;
    background-size: 600px 100%;
    -webkit-animation-name: stripe-black;
    animation-name: stripe-black;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes stripe-black {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 0 0;
  }
}

a.lozenge, button.lozenge {
    display: inline-block;
    border: 2px solid #002dd4;
    background-color: #fff;
    color: #002dd4;
    padding: 20px 64px;
    border-radius: 200px;
    cursor: pointer;
    text-decoration: none;
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

/*
 * Responsive
 */

@media (max-width: 576px) {
  body {
    background-position: right bottom;
    background-size: 80vw;
  }
  .cover-inner {
    margin-top:15%!important;
  }
  .cover-container {
    padding-right: 0;
  }
 }