.skip-link {
    color: var(--color-primary-white);
}

.visually-hidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

:where(.list-as-nav, .list-as-nav ul, .list-as-nav li) {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

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

.text-right {
    text-align: right;
}

.no-underline {
    text-decoration: none;
}

.underline-on-hover-only {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }

}

.white-text {
    color: var(--color-primary-white);
}

.bold {
    font-weight: 700;
}

:where(.primary-font) {
    font-family: var(--font-family-main);
}

:where(.secondary-font) {
    font-family: var(--font-family-heading);
}

:where(.navy) {
    color: var(--color-brand-navy)
}

:where(.header) {
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1;

    &.small {
        font-size: 3rem;
    }
}


:where(.margin-block-x-small) {
    margin-block: var(--size-x-small);
}

:where(.margin-block-small) {
    margin-block: var(--size-small);
}

:where(.margin-block-medium) {
    margin-block: var(--size-medium);
}

:where(.margin-block-large) {
    margin-block: var(--size-large);
}