:root{--course-grid-border-color:#eaeaea;--course-grid-border-radius:10px;--course-grid-padding:10px}.main .courses-semester-selector{margin-bottom:1.5rem}.main #courses-container{margin:0 auto;max-width:var(--wp--custom--container-width--xwide);width:100%}.main .courses-tabs{display:flex}.courses-tabs__sidebar{display:flex;flex-direction:column;min-width:225px;width:225px}.courses-tabs__tab{background:#f8f8f8;border:none;border-bottom:1px solid var(--course-grid-border-color);border-left:1px solid var(--course-grid-border-color);border-radius:0;cursor:pointer;font-size:1rem;font-weight:500;padding:calc(var(--course-grid-padding)*1.5) calc(var(--course-grid-padding)*2);text-align:left}.courses-tabs__tab:first-child{border-radius:10px 0 0 0;border-top:1px solid var(--course-grid-border-color)}.courses-tabs__tab:last-child{border-radius:0 0 0 10px}.courses-tabs__tab:focus-visible{outline:2px solid var(--wp--preset--color--metalic-gold);outline-offset:2px;z-index:999}.courses-tabs__tab:active,.courses-tabs__tab:hover{background-color:var(--course-grid-border-color);border-right:1px solid var(--course-grid-border-color)}.courses-tabs__tab.is-active{background-color:#fff;font-weight:700;position:relative}.courses-tabs__tab.is-active:after{background-color:#fff;content:"";display:block;height:100%;position:absolute;right:-1px;top:0;width:1px}.courses-tabs__content{border:1px solid var(--course-grid-border-color);border-radius:0 10px 10px 10px;flex-grow:1;padding:1rem}.courses-tabs__content h3{margin:0 0 1rem}.course-grid{border:1px solid var(--course-grid-border-color);border-radius:var(--course-grid-border-radius);display:grid;gap:0;grid-template-columns:1.5fr 3.5fr 1.5fr auto}.course-grid__header{background-color:#f8f8f8;border-bottom:1px solid var(--course-grid-border-color);border-right:1px solid var(--course-grid-border-color);color:#212121;font-weight:700;padding:var(--course-grid-padding) calc(var(--course-grid-padding)*2)}.course-grid__header:first-child{border-radius:var(--course-grid-border-radius) 0 0 0}.course-grid__header-last{border-radius:0 var(--course-grid-border-radius) 0 0;border-right:0}.course-grid__row{display:contents}.course-grid__cell{align-items:center;border-top:1px solid var(--course-grid-border-color);display:flex;padding:var(--course-grid-padding) calc(var(--course-grid-padding)*2)}.course-grid__title{cursor:pointer!important;text-decoration:none;transition:all .2s ease}.course-grid__title:focus-visible{border-radius:5px;outline:2px solid var(--wp--preset--color--red);outline-offset:2px}.course-grid__title:active,.course-grid__title:hover{text-decoration:underline}.course-drawer{color:#212121;display:none;grid-column:2/-1;margin-bottom:1rem;padding:1.5rem;position:relative}.course-drawer.active{display:block}.course-drawer__title{color:var(--wp--preset--color--metalic-gold);display:none;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.course-drawer__description{line-height:1.6;margin-bottom:1rem}.course-drawer__details{margin-top:1rem}.course-drawer__detail{display:flex}.course-drawer__label{color:#212121;font-size:.9rem;font-weight:700;margin-bottom:.25rem;margin-right:.5rem}.course-drawer__close{align-items:center;background-color:#fff;border:1px solid #ded1c1;border-radius:5px;color:var(--wp--preset--color--metalic-gold);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;line-height:1;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:2rem}.course-drawer__close:active,.course-drawer__close:focus,.course-drawer__close:hover{background-color:var(--wp--preset--color--metalic-gold);border:1px solid var(--wp--preset--color--metalic-gold);color:#fff}.course-drawer__close:focus{outline:2px solid var(--wp--preset--color--metalic-gold);outline-offset:2px}@media(max-width:768px){.main .courses-tabs{display:flex;flex-wrap:wrap}.courses-tabs__sidebar{border:1px solid var(--course-grid-border-color);border-bottom:none;border-radius:10px 10px 0 0;display:flex;flex-direction:row;min-width:100%;overflow-y:scroll}.courses-tabs__tab.is-active{border-bottom:1px solid #fff}.courses-tabs__tab.is-active:after{bottom:-1px;height:1px;right:0;width:100%}.courses-tabs__tab:last-child{border-radius:0 10px 0 0}.course-grid{grid-template-columns:1fr}.course-grid__header{display:none}.course-grid__row{display:block}.course-grid__row~.course-grid__row{border-top:6px solid var(--course-grid-border-color)}.course-grid__cell{display:grid;gap:.5rem;grid-template-columns:120px 1fr}.course-grid__cell:before{content:attr(data-label);font-weight:700}.course-drawer{grid-column:1/-1}}