.section-mp-row .title-row .title{margin-bottom:2.625rem;padding-right:20px}@media (max-width:1023px){.section-mp-row .title-row .title{margin-top:7px}}.mp-class-item{background:#fff;border:1px solid #666;display:flex;flex-wrap:wrap;margin-bottom:10px;position:relative}@media (max-width:1023px){.mp-class-item{align-content:flex-start;-webkit-align-content:flex-start;flex-wrap:wrap;padding:10px}}.mp-class-item .inner{display:flex;justify-content:space-between;-webkit-justify-content:space-between;width:calc(100% - 14.125rem - 20px)}@media (max-width:1023px){.mp-class-item .inner{flex-wrap:wrap;width:100%}}.mp-class-item.placeholder .details{padding-left:20px}.mp-class-item .date{align-items:center;-webkit-align-items:center;background:var(--dark);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;-webkit-justify-content:center;line-height:14px;margin-right:20px;text-align:center;text-transform:uppercase;width:14.125rem}@media (max-width:1023px){.mp-class-item .date{margin:-10px -10px 10px;padding:14px 10px;text-align:left;width:calc(100% + 20px)}}.mp-class-item .details{align-items:center;display:flex;padding:10px 0}@media (max-width:1023px){.mp-class-item .details{align-items:flex-start;flex-wrap:wrap;padding:0;width:calc(100% - 40px)}}.mp-class-item .details .time{margin-right:2.5rem;width:3.4375rem}@media (max-width:1023px){.mp-class-item .details .time{margin-right:.625rem}}.mp-class-item .details a,.mp-class-item .details span{font-size:12px;margin-right:4px;text-transform:uppercase}@media (max-width:1023px){.mp-class-item .details a,.mp-class-item .details span{line-height:24px}.mp-class-item .details a.location,.mp-class-item .details span.location{display:block;margin:0;width:100%}}.mp-class-item .details a.instructor,.mp-class-item .details span.instructor{display:none;font-weight:700}@media (max-width:1023px){.mp-class-item .details a.instructor,.mp-class-item .details span.instructor{display:block}}.mp-class-item .details a.live-class,.mp-class-item .details span.live-class{background:#bfd5fa;color:#000;font-weight:600;line-height:16px;margin:0 10px;padding:8px 10px 4px}.mp-class-item .favourite{height:100%}.mp-class-item .controls{align-items:flex-start;-webkit-align-items:flex-start;display:flex;padding-right:60px;position:relative}@media (max-width:1023px){.mp-class-item .controls{align-items:center;-webkit-align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;-webkit-justify-content:flex-end;margin-bottom:-10px;margin-right:-10px;margin-top:-10px;padding:0 40px 0 0;width:40px}}.mp-class-item .controls .zoom-btn{margin:0 20px 0 0;padding:10px}@media (max-width:1023px){.mp-class-item .controls .zoom-btn{margin-right:10px;padding:18px 10px;text-align:center;width:100%}}.mp-class-item .controls .instructor{font-size:12px;line-height:50px;margin-right:4px;text-transform:uppercase}@media (max-width:1023px){.mp-class-item .controls .instructor{display:none}}.mp-class-item .controls .icon-wrap{display:flex;height:50px}@media (max-width:1023px){.mp-class-item .controls .icon-wrap{flex-wrap:wrap;height:40px}}.mp-class-item .controls .info{background-color:transparent;background-image:url(icon-information.svg);background-position:50%;-webkit-background-position:center center;-o-background-position:center center;background-repeat:no-repeat;background-size:20px;height:50px;width:35px}@media (max-width:1023px){.mp-class-item .controls .info{box-shadow:inset 0 0 1px 1px #ccc;height:40px;width:40px}}.mp-class-item .controls .info.open{background-image:url(icon-close-dark.svg)}.mp-class-item .controls .fav,.mp-class-item .controls .info.open{background-color:transparent;background-position:50%;-webkit-background-position:center center;-o-background-position:center center;background-repeat:no-repeat;background-size:20px}.mp-class-item .controls .fav{background-image:url(icon-heart.svg);height:50px;width:35px}@media (max-width:1023px){.mp-class-item .controls .fav{box-shadow:inset 0 0 1px 1px #ccc;width:50px}}.mp-class-item .controls .remove{background:var(--dark);height:50px;max-width:50px;min-width:50px;position:absolute;right:0;top:0;transition:all .3s}@media (max-width:1023px){.mp-class-item .controls .remove{bottom:0;height:40px;max-width:40px;min-width:40px;top:auto}}.mp-class-item .controls .remove:after{background-color:transparent;background-image:url(icon-close-white.svg);background-position:50%;-webkit-background-position:center center;-o-background-position:center center;background-repeat:no-repeat;background-size:20px;content:"";height:50px;position:absolute;right:0;top:0;width:50px}@media (max-width:1023px){.mp-class-item .controls .remove:after{height:40px;width:40px}}.mp-class-item .controls .remove span{color:#fff;display:inline-block;font-size:12px;font-weight:600;line-height:50px;overflow:hidden;transition:all .3s;white-space:nowrap;width:0}.mp-class-item .controls .remove:hover{background:var(--pastel-blue);max-width:500px;padding:0 50px 0 20px}.mp-class-item .controls .remove:hover span{color:#000;width:100%}.mp-class-item .controls .remove:hover:after{filter:invert(1)}.mp-class-item .controls .remove.disabled{pointer-events:none}.mp-class-item .controls.bookable{padding-right:0}@media (max-width:1023px){.mp-class-item .controls.bookable{align-items:flex-end;flex-direction:row;justify-content:flex-end;margin:0;width:100%}}.mp-class-item .controls.bookable .book{background:var(--dark);color:#fff;font-size:12px;font-weight:600;line-height:50px;margin-left:10px;padding:0 20px;text-transform:uppercase}.mp-class-item .info-modal{background:var(--dark);display:flex;padding:20px;width:100%}@media (max-width:1023px){.mp-class-item .info-modal{flex-wrap:wrap;margin-top:10px}}.mp-class-item .info-modal .overview{border-left:1px solid #ccc;padding-left:30px}@media (max-width:1023px){.mp-class-item .info-modal .overview{border:none;padding:30px 0 0}}.mp-class-item .info-modal .overview p{color:#fff;margin:0}.mp-class-item .info-modal .instuctor-meta{align-items:center;-webkit-align-items:center;display:flex;padding-right:30px}.mp-class-item .info-modal .instuctor-meta .img{background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;border-radius:50%;-webkit-border-radius:50%;height:60px;position:relative;width:60px}.mp-class-item .info-modal .instuctor-meta span{color:#fff;font-size:12px;font-weight:600;margin-left:.875rem;text-transform:uppercase}.mp-class-item.previous-state .details .date{background:#888}.mp-class-item.previous-state .controls{padding-right:15px}@media (max-width:1023px){.mp-class-item.previous-state .controls{padding-right:0}}.mp-class-item .tt-cell-modal{background:var(--dark);color:#fff;display:none;margin-top:.125rem;padding:1.875rem;position:relative;text-align:left;transition:all .3s}@media (max-width:1023px){.mp-class-item .tt-cell-modal{margin-top:1.25rem}}.mp-class-item .tt-cell-modal .close-icon{background-image:url(icon-close-white.svg);background-size:contain;-webkit-background-size:contain;height:1rem;position:absolute;right:1.25rem;top:1.25rem;width:1rem}.mp-class-item .tt-cell-modal p{font-size:1rem;line-height:1.375rem}.mp-class-item .tt-cell-modal .img-wrap{align-items:center;display:flex;margin-bottom:1.625rem}.mp-class-item .tt-cell-modal .img-wrap img{border-radius:50%;-webkit-border-radius:50%;height:3.375rem;margin-right:.875rem;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:3.375rem}.mp-class-item .tt-cell-modal .img-wrap p{color:#fff;font-size:.625rem;line-height:.9375rem;margin:0;text-transform:uppercase}