/* Replace the initial loading animation */
#initialLoading {
    background-image: url("loading.svg") !important;
    background-color: #343A40 !important;
    display: flex;
}

/* Hide the Closed Captions Close Button */
#ccClose {
    display: none !important;
}

/* Replace the Table of Content Icon, quite possibly overwritten by custom CSS for the course */
.tocExpandCollapse {
    top: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 15%;
    background-color: #58676D;
    /* square-list-duotone-light */
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij48ZGVmcz48c3R5bGU+LmJ7b3BhY2l0eTouODt9LmIsLmN7ZmlsbDojZmZmO30uY3tpc29sYXRpb246aXNvbGF0ZTtvcGFjaXR5Oi40O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE2OCwxMjhjMC0xMy4zLDEwLjctMjQsMjQtMjRoMTYwYzEzLjMsMCwyNCwxMC43LDI0LDI0cy0xMC43LDI0LTI0LDI0SDE5MmMtMTMuMywwLTI0LTEwLjctMjQtMjRabTAsMTkyYzAtMTMuMywxMC43LTI0LDI0LTI0aDE2MGMxMy4zLDAsMjQsMTAuNywyNCwyNHMtMTAuNywyNC0yNCwyNEgxOTJjLTEzLjMsMC0yNC0xMC43LTI0LTI0Wm0xODQtMTIwYzEzLjMsMCwyNCwxMC43LDI0LDI0cy0xMC43LDI0LTI0LDI0SDE5MmMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNGgxNjBaIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0wLDY0QzAsMjguNjUsMjguNjUsMCw2NCwwSDM4NGMzNS4zLDAsNjQsMjguNjUsNjQsNjRWMzg0YzAsMzUuMy0yOC43LDY0LTY0LDY0SDY0QzI4LjY1LDQ0OCwwLDQxOS4zLDAsMzg0VjY0Wk0xMjgsMjI0YzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiwxNC4zLTMyLDMyLDE0LjMzLDMyLDMyLDMyLDMyLTE0LjMsMzItMzJabTAtOTZjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyLDE0LjMtMzIsMzIsMTQuMzMsMzIsMzIsMzIsMzItMTQuMywzMi0zMlptMCwxOTJjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyLDE0LjMtMzIsMzIsMTQuMzMsMzIsMzIsMzIsMzItMTQuMywzMi0zMlpNMTkyLDEwNGMtMTMuMywwLTI0LDEwLjctMjQsMjRzMTAuNywyNCwyNCwyNGgxNjBjMTMuMywwLDI0LTEwLjcsMjQtMjRzLTEwLjctMjQtMjQtMjRIMTkyWm0wLDI0MGgxNjBjMTMuMywwLDI0LTEwLjcsMjQtMjRzLTEwLjctMjQtMjQtMjRIMTkyYy0xMy4zLDAtMjQsMTAuNy0yNCwyNHMxMC43LDI0LDI0LDI0Wm0wLTE0NGMtMTMuMywwLTI0LDEwLjctMjQsMjRzMTAuNywyNCwyNCwyNGgxNjBjMTMuMywwLDI0LTEwLjcsMjQtMjRzLTEwLjctMjQtMjQtMjRIMTkyWiIvPjwvc3ZnPg==");
    transition: width 1.2s, height 1.2s, transform 1s, background-color 1s;
    transition-timing-function: cubic-bezier(.05, .6, .31, 1.49);
    transform-origin: top left;
}

.tocExpandCollapse:hover {
    background-color: #0B0F1E;
    width: 48px !important;
    height: 48px !important;
}

#expandIcon {
    left: 10px !important;
}

#collapseIcon {
    transform: translateX(15px) !important;
}

/* Force font weights */
span.cp-actualText[style*=" hairline"],
span.cp-actualText[style*=" thin"] {
    font-weight: 100 !important;
}

span.cp-actualText[style*=" extralight"],
span.cp-actualText[style*=" ultralight"] {
    font-weight: 200 !important;
}

/* Use " light" so we don't also match "extralight" */
span.cp-actualText[style*=" light"] {
    font-weight: 300 !important;
}

span.cp-actualText[style*=" normal"],
span.cp-actualText[style*=" regular"] {
    font-weight: 400 !important;
}

span.cp-actualText[style*=" medium"] {
    font-weight: 500 !important;
}

span.cp-actualText[style*=" semibold"] {
    font-weight: 600 !important;
}

span.cp-actualText[style*=" bold"] {
    font-weight: 700 !important;
}

span.cp-actualText[style*=" extrabold"] {
    font-weight: 800 !important;
}

span.cp-actualText[style*=" black"] {
    font-weight: 900 !important;
}

span.cp-actualText[style*=" italic"] {
    font-style: italic !important;
}

canvas.cp-shape[id^="rounded"] {
    border-radius: 50px;
}

#ccText {
    pointer-events: none;
    user-select: none;
}