/* Force proper stacking of pinned tabs in live mode */
.course-tab-container.tab-01 {
position: sticky !important;
top: 0px !important;
z-index: 70 !important;
}
.course-tab-container.tab-02 {
position: sticky !important;
top: 20px !important;
z-index: 69 !important;
}
.course-tab-container.tab-03 {
position: sticky !important;
top: 40px !important;
z-index: 68 !important;
}
.course-tab-container.tab-04 {
position: sticky !important;
top: 60px !important;
z-index: 67 !important;
}
.course-tab-container.tab-05 {
position: sticky !important;
top: 80px !important;
z-index: 66 !important;
}
.course-tab-container.tab-06 {
position: sticky !important;
top: 100px !important;
z-index: 65 !important;
}
.course-tab-container.tab-07 {
position: sticky !important;
top: 120px !important;
z-index: 64 !important;
}
/* Stop tabs from sticking over footer */
.course-tab-container {
position: sticky !important;
top: 0px;
/* This is key - limits how far down they can stick */
margin-bottom: 40px;
}
.course-tab-container.tab-01 {
top: 0px !important;
z-index: 70 !important;
}
.course-tab-container.tab-02 {
top: 20px !important;
z-index: 69 !important;
}
.course-tab-container.tab-03 {
top: 40px !important;
z-index: 68 !important;
}
.course-tab-container.tab-04 {
top: 60px !important;
z-index: 67 !important;
}
.course-tab-container.tab-05 {
top: 80px !important;
z-index: 66 !important;
}
.course-tab-container.tab-06 {
top: 100px !important;
z-index: 65 !important;
}
.course-tab-container.tab-07 {
top: 120px !important;
z-index: 64 !important;
}
/* Force tabs to release before footer */
footer {
position: relative;
z-index: 100 !important;
}
