/* overrides.css — loaded after style.css, don't let gulp touch this */


@media screen and (max-width: 992px) {

  .videoHeader {
    height: 78vh;
  }

    .videoHeader .video-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
        transform: translate(0%, 0);
    }

  .videoHeader .video-wrapper video {

  object-fit: cover;
  object-position: center;
}

    .videoHeader h2 {
        font-size: 3rem;
        bottom: 6%;
    }



}

/* Header typography */
.videoHeader h1 {
    position: absolute;
    bottom: 12%;
    left: 5%;
    font-size: 2rem;
    letter-spacing: 3px;
    font-family: "Helvetica Neue Medium", Arial, sans-serif;
}

.button-light-grey{
    color: #d7dad5;
}

.button-light-grey svg{
    background-color: #d7dad5;
}

.button-dark{
    color:#051c2c;
}

.button-dark svg{
    background-color:#051c2c;
}

.bg-light-grey {
  background-color: #d7dad5;
}

.bg-dark {
  background-color: #051c2c;
}

.button-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .875rem 1.75rem;

    border-radius: 9999px;

    background: var(--button-bg);
    color: var(--button-text);

    text-decoration: none;

    transition: none;

    &:hover,
    &:focus {
        background: var(--button-bg);
        color: var(--button-text);
        transform: none;
    }
}
.button-pill.button-blue {
    --button-bg: #4ABEE9;
}
.button-pill.button-darkBlue {
    --button-bg: #2D6F88;
}

.button-pill.button-green {
    --button-bg: #5AA836;
}

.button-pill.button-darkGreen {
    --button-bg: #154734;
}

.button-pill.button-black {
    --button-bg: #000000;
}

.button-pill.button-white {
    --button-bg: #ffffff;
}

.button-pill.button-grey {
    --button-bg: #54585A;
}

.button-pill.button-light-grey {
    --button-bg: #d7dad5;
}

.button-pill.button-dark {
    --button-bg: #051c2c;
}