/* Candy Clay: common lesson layout and shared footer */
#rec4626099001 .tn-atom a { color: #2f2e2e !important; }
.t121 center > .t-width { width: calc(100% - 40px); max-width: 800px !important; margin-left: auto; margin-right: auto; }
.t121 .t121__wrap-video { position: relative; width: 100%; aspect-ratio: 16 / 9; }
.t121 .t-video-lazyload { position: absolute; inset: 0; width: 100%; height: 100% !important; }
.t121 .t-video-lazyload iframe { width: 100%; height: 100%; }
.t121 .t-section__title { font-weight: 300; font-size: 43px !important; color: #2f2e2e; letter-spacing: .05em; margin-bottom: 70px !important; }
.cc-lesson-nav { position: relative; max-width: 980px; margin: 0 auto; color: #2f2e2e; font: 300 17px/1.4 'Open Sans Condensed', Arial, sans-serif; }
.cc-lesson-nav a { position: absolute; top: 10px; left: 7px; color: inherit !important; text-decoration: none; }
.cc-lesson-nav span { display: block; }
@media (max-width: 959px) {
 .cc-lesson-nav { padding: 12px 20px 8px; }
 .cc-lesson-nav a { position: static; }
 .cc-lesson-nav span { display: inline; margin-left: 8px; }
 .t121 .t-section__title { font-size: 36px !important; margin-bottom: 35px !important; }
}
@media (max-width: 479px) { .t121 .t-section__title { font-size: 30px !important; } }

/* Keep source typography and fill the footer background at every width. */
.t121 .t-section__title { max-width: 670px; }
#rec4626099001 [data-elem-id="1791529192480000002"] { left: 0 !important; width: 100% !important; height: 100% !important; }
#rec4626099001 [data-elem-id="1791529192480000002"] .tn-atom { width: 100%; height: 100%; }
#rec4626099001 [data-elem-id="1791529192480000002"] img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 959px) { #rec4625327001 [data-elem-id="1791527892254000006"] { margin-left: 5px; } }