/* APM Campus Video Tools */

.apm-video {
    width: 100%;
    margin: 0 0 28px;
}

.apm-video__title {
    margin: 0 0 14px;
    color: #182012;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.apm-video__description {
    margin: -4px 0 14px;
    color: #4d5148;
    font-size: 15px;
    line-height: 1.55;
    text-align: center;
}

.apm-video__description p {
    margin: 0 0 8px;
}

.apm-video__frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: var(--apm-video-ratio, 56.25%);
    overflow: hidden;
}

.apm-video__frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.apm-video--square .apm-video__frame,
.apm-video--square .apm-video__frame iframe {
    border-radius: 0 !important;
}

.apm-video--rounded .apm-video__frame,
.apm-video--rounded .apm-video__frame iframe {
    border-radius: 12px;
}

.apm-video__material {
    margin-top: 12px;
    text-align: center;
}

.apm-video__material a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    color: #182012;
    background: #f7f4ea;
    border: 1px solid rgba(189,164,90,.72);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.apm-video__material a:hover {
    background: #bda45a;
    color: #101915;
}

.apm-video--error {
    padding: 12px;
    color: #7a2e2e;
    background: #fff3f3;
    border: 1px solid #e5b8b8;
    border-radius: 10px;
}