.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.one-course .tippy-box{background-color:#d8842e}.one-course .tippy-content{padding:10px}.one-course .tippy-content>*{font-size:1.2rem!important;line-height:100%;color:#fff;font-weight:400}.one-course .tippy-content button{padding:2px 10px;background-color:#fff;color:#1a6e74;margin:0 10px;border-radius:4px;border:1px solid #1a6e74}.one-course .tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-20px;border-width:10px 10px 0;border-top-color:#d8842e}.one-course .instructors{font-size:unset}.one-course .ajaxPending{cursor:not-allowed;opacity:.5;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{color:#000}50%{color:#1a6e74}to{color:#000}}.course-index:before{background-image:url(../img/courses.jpg);padding-bottom:22.9%}.course-index nav.terms{margin-bottom:20px}.course-index nav.terms a{display:inline-block;margin-right:5%;font-family:Open Sans,sans-serif;font-size:1.4rem}.course-index nav.terms a.current{color:#000;cursor:default;pointer-events:none}.course-index h2,.course-index nav.terms,.course-index article,.course-index .add,.course-index>form>p,.course-index>p,.course-index .snippet,.course-index .cke{width:84%;margin-left:auto;margin-right:auto}@media (max-width: 500px){.course-index h2,.course-index nav.terms,.course-index article,.course-index .add,.course-index>form>p,.course-index>p,.course-index .snippet,.course-index .cke{width:100%}}.course-index article{padding:1rem 1.3rem;background-color:#fbf2ea;margin-bottom:1rem;font-family:Open Sans,sans-serif;font-size:1.3rem;font-weight:700}@media (max-width: 500px){.course-index article{padding:.5rem}.course-index article .enrollmentDetails{padding-bottom:10px}}.course-index article.deleted{background-color:#eee;opacity:.7}.course-index article h3,.course-index article h4{margin-top:0;margin-bottom:10px}.course-index article h3{font-size:120%;position:relative}.course-index article .deletedLabel{position:absolute;right:0;color:#d8842e}.course-index article h4{text-transform:uppercase}.course-index article time,.course-index article div{display:block;font-size:70%;margin-bottom:10px}.course-index article button{font-size:100%}.course-index article button icon{margin-left:1em;margin-right:.5em}.course-index article .enrollmentDetails span:first-of-type:not(:empty){margin-right:.5em}@media (max-width: 500px){.course-index article .actions{display:block;float:right}.course-index article .actions>a,.course-index article .actions .enrollControl{display:block}}.course-index article .actions a{display:inline-block}.course-index article .actions a:not(:first-of-type){margin-left:.85em}.course-index .comments h3{color:#d8842e;margin:1em 0 .5em}.course-index .comments .comment{padding:.5em 0;border-bottom:1px solid #333;width:100%;background-color:inherit}.course-index .comments h4{margin-top:0}.course-index .comments .student{margin-right:2em}.course-index .comments .date{font-size:80%}.course-index .comments div{font-weight:400}.course-index button.formLink{border:none;background:none;margin-left:1em;text-decoration:none;color:#000;transition:color .2s ease-in}.course-index button.formLink:hover{color:#1a6e74}.course-index button.formLink i{margin-right:.5em}.course-index button.formLink.admin-disenroll{margin-left:0}