golden hour
/var/www/html/wp-content/plugins/weekly-class/assets/front/css
⬆️ Go Up
Upload
File/Folder
Size
Actions
timetable.css
146.46 KB
Del
OK
Edit: timetable.css
@charset "UTF-8"; @import url(../../libs/owlcarousel/css/owl.carousel.min.css); @import url(../../libs/owlcarousel/css/owl.theme.default.min.css); @import url(../../libs/ladda/css/ladda-themeless.min.css); @import url(../../libs/themify/themify-icons.css); .wcs-timetable__container { position: relative; min-height: 12.5vh; clear: both; width: 100%; padding: 5vh 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wcs-timetable__container::after { content: ''; display: block; clear: both; } .wcs-timetable__container * { box-sizing: border-box; } .wcs-timetable__container .wcs-filters__container { -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable__container .wcs-timetable { -webkit-flex-basis: 100%; flex-basis: 100%; } @media (min-width: 992px) { .wcs-timetable__container.wcs-timetable--with-filters:not(.wcs-timetable--filters-center) .wcs-filters__container { -webkit-flex-basis: 210px; flex-basis: 210px; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .wcs-timetable__container.wcs-timetable--with-filters:not(.wcs-timetable--filters-center) .wcs-filters__container .wcs-filters__filter-column:first-child { padding-top: 0; } .wcs-timetable__container.wcs-timetable--with-filters:not(.wcs-timetable--filters-center) .wcs-filters__container .wcs-filters__filter-column:first-child::before { display: none; } .wcs-timetable__container.wcs-timetable--with-filters:not(.wcs-timetable--filters-center) .wcs-timetable { -webkit-flex-basis: 40%; flex-basis: 40%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-center.wcs-timetable--filters-without-toggle .wcs-filters__filter-column { padding-top: 0; } .wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-center.wcs-timetable--filters-without-toggle .wcs-filters__filter-column::before { display: none; } .wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-right .wcs-filters__container { margin-left: 30px; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-left .wcs-filters__container { margin-right: 30px; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; } .wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-center .wcs-timetable { margin-top: 1vh; } } .wcs-timetable__container table, .wcs-timetable__container thead, .wcs-timetable__container tbody, .wcs-timetable__container tr, .wcs-timetable__container td, .wcs-timetable__container th { border: none !important; } .wcs-timetable__container .wcs-mobile { display: none; } .wcs-timetable__container .wcs-content { display: none; } .wcs-timetable__container h2 { margin: 0 0 1vh; padding: 1vh 0; text-align: left; } .wcs-timetable__container h3 { font-size: 160%; line-height: 1.25; } .wcs-timetable__container a:not(.wcs-btn) { color: inherit; } .wcs-timetable__container a:not(.wcs-btn):hover { color: inherit; opacity: 0.75; } .wcs-timetable__container .wcs-class__title:not(td) { margin: 0; padding: 0; } .wcs-timetable { text-align: center; position: relative; width: 100%; } .wcs-timetable.disabled { opacity: 0.5; } .wcs-timetable--class-title { margin: 0; padding: 0; font-size: 140%; line-height: 1.4; color: inherit; } .wcs-class__non-breakable { display: inline-block; white-space: nowrap; } .wcs-class__title { word-break: break-word; } .wcs-filters { margin: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; } .wcs-filters__filter-column { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; padding: 2vh 5px 0; margin-bottom: 1.5vh; -webkit-flex-basis: 160px; flex-basis: 160px; /* @at-root .wcs-timetable--filters-left &, .wcs-timetable--filters-right &{ width: 100%; }*/ } .wcs-filters__filter-column::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid currentColor; opacity: 0.125; } .wcs-filters__filter-column:last-of-type { padding-bottom: 0; border-bottom: none !important; } .wcs-filters__filter-wrapper { margin: 0.5vh 0; display: block; font-size: 90%; font-weight: normal; cursor: pointer; } .wcs-filters__filter-wrapper .wcs-filter { margin-top: 0; margin-right: 7px; } .wcs-filters__filter-wrapper--padded { padding-left: 22px; } .wcs-filters__filter-wrapper--padded:first-of-type { padding-left: 0; } .wcs-filters.disabled div { opacity: 0.5; } .wcs-filters__title { font-size: 90%; font-weight: bold; display: block; padding: 0; margin: 0 0 1vh; } .wcs-filters--inline .wcs-filter { display: none; } .wcs-filters--inline .wcs-filters__filter-wrapper { display: inline-block; margin-right: 1vh; } .wcs-filters--inline .wcs-filters__filter-column { padding-left: 0; padding-right: 0; -webkit-flex-basis: auto; flex-basis: auto; } .wcs-filters--inline .wcs-filters__title { display: inline-block; margin: 0 1vh 0 0; } .wcs-filters .wcs-filter:checked + span { position: relative; display: inline-block; } .wcs-filter-toggler { display: inline-block; padding: 0 5px; line-height: 2.4; cursor: pointer; font-weight: bold; } .wcs-filter-toggler-container { text-align: right; display: none; -webkit-flex-basis: 100%; flex-basis: 100%; } .wcs-timetable--filters-with-toggle .wcs-filter-toggler-container { display: block; } .wcs-filter-toggler em { display: inline-block; margin-left: 5px; } .wcs-filters--switches .wcs-switcher__switch { background: currentColor; border-radius: 48px; display: inline-block; width: 22px; position: relative; height: 13px; cursor: pointer; -webkit-transition: background .2s ease-in-out !important; transition: background .2s ease-in-out !important; margin-right: 10px; float: left; margin-top: 3px; box-shadow: 1px 1px 0px white; } .wcs-filters--switches .wcs-filter { display: none; } .wcs-filters--switches .wcs-filter + .wcs-switcher__switch .wcs-switcher__handler { border-radius: 50%; width: 11px; height: 11px; background: #fff; position: absolute; top: 1px; left: 1px; } .wcs-filters--switches .wcs-filter:checked + .wcs-switcher__switch .wcs-switcher__handler { right: 1px; left: auto; } .wcs-timetable--filters-center .wcs-filters--inline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-timetable--filters-center .wcs-filters__container { padding-bottom: 2em; } .wcs-timetable__list { list-style: none; padding: 0; margin: 0; text-align: left; } .wcs-timetable__list .wcs-class { list-style: none; margin: inherit; padding: inherit; display: -webkit-box; display: -webkit-flex; display: flex; position: relative; min-height: 12.5vh; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-animation: fadein 1s; animation: fadein 1s; } @media (max-width: 768px) { .wcs-timetable__list .wcs-class { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; } } .wcs-timetable__list .wcs-class::before { content: ''; display: block; position: absolute; top: 1px; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0; z-index: 0; } .wcs-timetable__list .wcs-class::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid currentColor; opacity: 0.075; } .wcs-timetable__list .wcs-class:hover::before { opacity: 0.04; } .wcs-timetable__list .wcs-class--canceled { opacity: 0.85; text-decoration: line-through; } .wcs-timetable__list .wcs-class--canceled:hover::before { opacity: 0; } .wcs-timetable__list .wcs-class--canceled * { color: currentColor !important; opacity: 0.6; } .wcs-timetable__list .wcs-class--canceled .wcs-class__action, .wcs-timetable__list .wcs-class--canceled .wcs-class__image { display: none; } .wcs-timetable__list .wcs-class--canceled a { cursor: text; } .wcs-timetable__list .wcs-class__excerpt { margin-top: 1vh; } .wcs-timetable__list .wcs-class .wcs-class__action, .wcs-timetable__list .wcs-class .wcs-class__image, .wcs-timetable__list .wcs-class .wcs-class__meta, .wcs-timetable__list .wcs-class .wcs-class__time { display: -webkit-box; display: -webkit-flex; display: flex; margin: 3vh 15px; z-index: 1; } .wcs-timetable__list .wcs-class .wcs-class__meta { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } @media (max-width: 768px) { .wcs-timetable__list .wcs-class .wcs-class__meta { margin: 10px 20px; } } .wcs-timetable__list .wcs-class .wcs-class_time-duration { font-size: 100%; line-height: 1.4; margin: 0; opacity: 0.75; } .wcs-timetable__list .wcs-class .wcs-class__time { text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 3vh 15px 3vh 30px; } .wcs-timetable__list .wcs-class .wcs-class__time span { display: block; width: 100%; } .wcs-timetable__list .wcs-class .wcs-class__time span:first-child { font-size: 196%; line-height: 1; } .wcs-timetable__list .wcs-class .wcs-class__time span:last-child { font-size: 100%; line-height: 1.4; } @media (max-width: 768px) { .wcs-timetable__list .wcs-class .wcs-class__time { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: 1; flex-flow: 1; width: calc(100% - 40px); margin: 20px 20px 0; text-align: left; } .wcs-timetable__list .wcs-class .wcs-class__time span { display: inline-block; width: auto; } .wcs-timetable__list .wcs-class .wcs-class__time span:first-child { font-size: inherit; line-height: inherit; } .wcs-timetable__list .wcs-class .wcs-class__time span:last-child { font-size: inherit; } } .wcs-timetable__list .wcs-class .wcs-class__image { width: 12.5vh; background-size: cover; background-position: center center; margin: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: stretch; align-self: stretch; } @media (max-width: 768px) { .wcs-timetable__list .wcs-class .wcs-class__image { display: none; } } .wcs-timetable__list .wcs-class .wcs-class__action { -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 768px) { .wcs-timetable__list .wcs-class .wcs-class__action { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; width: 100%; margin: 0 20px 20px; } } .wcs-timetable__list .wcs-timetable__zero-data { text-align: center; min-height: 20vh; } .wcs-timetable__list .wcs-timetable__zero-data::before { opacity: 0.08; } .wcs-timetable__list .wcs-class__inner-flex { width: 100%; } .wcs-timetable__list .wcs-class__duration { text-transform: none; } .wcs-timetable__list .wcs-class__duration::before { opacity: 1; } .wcs-timetable__compact-list { width: 100%; display: block; padding: 0; margin: 0; list-style: none; text-align: left; } .wcs-timetable__compact-list .wcs-day { border-color: inherit; -webkit-transition: background-color, border-left-color 300ms; transition: background-color, border-left-color 300ms; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; } .wcs-timetable__compact-list .wcs-day + .wcs-timetable__compact-list .wcs-day { margin-top: 5vh; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-day + .wcs-timetable__compact-list .wcs-day { margin-top: auto; } } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-day { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .wcs-timetable__compact-list .wcs-day--visible:not(:last-child)::after { content: ''; display: block; position: absolute; border-bottom-style: solid; border-bottom-width: 1px; opacity: 0.25; bottom: 0; left: 0; right: 0; } } .wcs-timetable__compact-list .wcs-day__date { line-height: 1.64; width: 100%; box-sizing: border-box; padding: 1vh 0; text-overflow: ellipsis; min-width: 90px; font-size: normal; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-day__date { width: 18%; } } @media (min-width: 1200px) { .wcs-timetable__compact-list .wcs-day__date { font-size: large; } } .wcs-timetable__compact-list .wcs-day .wcs-timetable__classes { padding: 0; margin: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable__compact-list .wcs-day .wcs-timetable__classes::before { content: ''; display: block; position: absolute; border-top: 3px solid; right: 0; left: 0; top: 0; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-day .wcs-timetable__classes::before { border-left: 3px solid; bottom: 0; right: auto; } } .wcs-timetable__compact-list .wcs-class:last-child::after { display: none; } .wcs-timetable__compact-list .wcs-timetable__classes { list-style: none; padding: 0; margin: 0; border-color: inherit; width: 100%; position: relative; } .wcs-timetable__compact-list .wcs-class { padding: 2vh 0; position: relative; min-height: 7.5vh; width: 100%; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-class { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 1vh 0 1vh 2vh; } .wcs-timetable__compact-list .wcs-class:not(.wcs-class--canceled):hover::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.05; } } .wcs-timetable__compact-list .wcs-class--visible:last-child::after { display: none; } .wcs-timetable__compact-list .wcs-class--visible::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: inherit; opacity: 0.15; } .wcs-timetable__compact-list .wcs-class__content { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-class__content { padding: 0 2vh; } } .wcs-timetable__compact-list .wcs-class__title { font-size: normal; margin-bottom: 5px; } .wcs-timetable__compact-list .wcs-class__title.wcs-modal-call { cursor: pointer; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-class__title { font-size: larger; } } @media (min-width: 1200px) { .wcs-timetable__compact-list .wcs-class__title { font-size: 120%; } } .wcs-timetable__compact-list .wcs-class__time { width: 100%; } .wcs-timetable__compact-list .wcs-class__time .wcs-class__duration { display: inline-block; font-size: 100%; padding-left: 10px; } @media (min-width: 768px) { .wcs-timetable__compact-list .wcs-class__time { line-height: 1.96; width: 15vh; min-width: 160px; text-align: center; padding: 0; } .wcs-timetable__compact-list .wcs-class__time .wcs-class__duration { padding-left: 0; display: block; font-size: 90%; } } .wcs-timetable__compact-list .wcs-class__excerpt { margin-top: 1vh; } .wcs-timetable__compact-list small { display: inline-block; opacity: 0.75; margin: 0 !important; padding: 0; font-size: 90%; line-height: 1.4; } @media (min-width: 768px) { .wcs-timetable__compact-list small { display: block; } } .wcs-timetable__compact-list span { font-size: inherit; } .wcs-timetable__compact-list .wcs-class--canceled { position: relative; } .wcs-timetable__compact-list .wcs-class--canceled::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.025; } .wcs-timetable__compact-list .wcs-class--canceled .wcs-class__time, .wcs-timetable__compact-list .wcs-class--canceled .wcs-class__title, .wcs-timetable__compact-list .wcs-class--canceled small { text-decoration: line-through; opacity: 0.25; color: inherit !important; } .wcs-timetable__compact-list .wcs-class--canceled .wcs-class__time small { opacity: 1; } .wcs-timetable__compact-list .wcs-class--canceled a { cursor: text; color: inherit; } .wcs-timetable__compact-list .wcs-class--canceled a:hover { color: inherit; opacity: 1; } .wcs-timetable--large { width: 100%; text-align: left; } .wcs-timetable--large .wcs-table { display: table; } .wcs-timetable--large .wcs-table__te { display: table-row; } .wcs-timetable--large .wcs-table__te > div { display: table-cell; } .wcs-timetable--large tbody { border-color: inherit; display: block; width: 100%; } @media (min-width: 768px) { .wcs-timetable--large tbody { display: table-row-group; } } .wcs-timetable--large .wcs-table__tr { border-color: inherit; } .wcs-timetable--large .wcs-table__tr:first-of-type .wcs-table__td { border-top: none; } .wcs-timetable--large .no-classes { border-style: solid; border-width: 1px; } .wcs-timetable--large .wcs-class__time { letter-spacing: 1px; text-align: center; } .wcs-timetable--large .wcs-class__time span { display: inline-block; } .wcs-timetable--large .wcs-table__tr { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading { display: block; width: 100%; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-table__td:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-table__td:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-table__td { padding: 10px; border-top: none; text-align: left; cursor: inherit; text-transform: capitalize; } @media (min-width: 768px) { .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-table__td { padding: 2vh 1.5vh; } } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading + .wcs-table__tr > .wcs-table__td { border-top: none; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__time { width: 100%; display: block; border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-align: center; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__title, .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__locations, .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__instructors { display: none; } @media (min-width: 768px) { .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading { display: table-row; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__time { width: 17.5%; border-top-right-radius: 0; border-bottom-right-radius: 0; display: table-cell; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__duration { width: 7.5%; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__title { padding-left: 0; display: table-cell; } .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__locations, .wcs-timetable--large .wcs-table__tr.wcs-timetable__heading .wcs-class__instructors { width: 20%; display: table-cell; } } .wcs-timetable--large .wcs-table__tr .wcs-table__td { padding: 10px; position: relative; display: block; box-sizing: border-box; } @media (min-width: 768px) { .wcs-timetable--large .wcs-table__tr .wcs-table__td { padding: 2vh 1.5vh; display: table-cell; } } .wcs-timetable--large .wcs-table__tr .wcs-table__td.wcs_class__duration { text-align: right; } .wcs-timetable--large .wcs-table__tr .wcs-class__excerpt { margin-top: 0.5vh; font-size: 90%; opacity: 0.75; } .wcs-timetable--large .wcs-table__tr small { display: block; opacity: 0.75; line-height: 1.6; } .wcs-timetable--large .wcs-table__tr [data-wcs-location] a, .wcs-timetable--large .wcs-table__tr [data-wcs-instructor] a { position: relative; z-index: 1; } @media (max-width: 767px) { .wcs-timetable--large .wcs-table__tr .wcs-class__time { width: 50%; text-align: left; } .wcs-timetable--large .wcs-table__tr .wcs-class__duration { width: 50%; text-align: right; } .wcs-timetable--large .wcs-table__tr .wcs-class__title { padding: 0 10px 10px; width: 100%; } .wcs-timetable--large .wcs-table__tr .wcs-class__locations, .wcs-timetable--large .wcs-table__tr .wcs-class__instructors { width: 100%; padding: 0 10px; } .wcs-timetable--large .wcs-table__tr .wcs-class__locations::before { content: attr(data-wcs-location) ":"; display: inline-block; opacity: 0.75; margin-right: 10px; } .wcs-timetable--large .wcs-table__tr .wcs-class__instructors::before { content: attr(data-wcs-instructor) ":"; display: inline-block; opacity: 0.75; margin-right: 10px; } } @media (min-width: 768px) { .wcs-timetable--large .wcs-table__tr { display: table-row; padding: 0; } .wcs-timetable--large .wcs-table__tr:not(.wcs-timetable__heading) + .wcs-table__tr:not(.wcs-timetable__heading) .wcs-table__td::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; border-top-width: 1px; border-top-style: solid; border-top-color: inherit; opacity: 0.15; } .wcs-timetable--large .wcs-table__tr:not(.wcs-timetable__heading):not(.wcs-class--canceled):hover .wcs-table__td::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.05; z-index: 0; } } .wcs-timetable--large .wcs-table__tr:not(.wcs-class--canceled) .wcs-modal-call { cursor: pointer; } .wcs-timetable--large .wcs-table__tr.wcs-class--canceled { text-decoration: line-through; opacity: 0.45; position: relative; } .wcs-timetable--large .wcs-table__tr.wcs-class--canceled .wcs-table__td { position: static; } @media (min-width: 768px) { .wcs-timetable--large .wcs-table__tr.wcs-class--canceled .wcs-table__td { position: relative; } .wcs-timetable--large .wcs-table__tr.wcs-class--canceled .wcs-table__td::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.125; } } .wcs-timetable--large .wcs-table__tr.wcs-class--canceled .wcs-table__td:first-of-type::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.125; } .wcs-timetable--large span { font-size: inherit; } .wcs-timetable__week { padding: 0; margin: 0; text-align: left; } @media (min-width: 992px) { .wcs-timetable__week { margin: 0 -0.2vh; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-align-content: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 992px) { .wcs-timetable__week .wcs-timetable__spacer { -webkit-box-flex: 10; -webkit-flex-grow: 10; flex-grow: 10; position: relative; z-index: 1; } .wcs-timetable__week .wcs-timetable__spacer::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } } .wcs-timetable__week .wcs-day { margin: 0; padding: 0; min-height: 15vh; } @media (min-width: 992px) { .wcs-timetable__week .wcs-day { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; margin: 0 0.2vh; } } .wcs-timetable__week .wcs-day:last-child .wcs-timetable--classes .wcs-timetable--class { border-right: none !important; } .wcs-timetable__week .wcs-day__title { font-size: 110%; position: relative; padding: 1vh; margin: 0 0 0.4vh 0 !important; } @media (min-width: 992px) { .wcs-timetable__week .wcs-day__title { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; text-align: center; padding: 1vh 0; } } .wcs-timetable__week .wcs-day__title::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.125; } .wcs-timetable__week .wcs-day__title small { font-size: 80%; } .wcs-timetable__week .wcs-day .wcs-timetable__classes { padding: 0; margin: 0 0 0.4vh 0; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class { padding: 10px 15px; position: relative; -webkit-flex-shrink: 0; flex-shrink: 0; font-size: 90%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; width: 100%; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class .wcs-class__title { -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class .wcs-class__time { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: right; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class div { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-align-self: flex-end; align-self: flex-end; width: 100%; } @media (min-width: 992px) { .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class .wcs-class__title { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; width: 100%; display: block; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class .wcs-class__time { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: left; width: 100%; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class div { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-align-self: flex-end; align-self: flex-end; } } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class + .wcs-class { margin: 0.4vh 0 0; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class > div { font-size: 80%; position: relative; width: 100%; opacity: 0.6; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class:hover > div { opacity: 0.95; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.06; background-color: currentcolor; -webkit-transition: opacity, background-color, border 100ms ease-in; transition: opacity, background-color, border 100ms ease-in; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class:hover::before { opacity: 0.05; background-color: transparent; border: 0.4vh solid; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class small { text-overflow: ellipsis; display: block; font-size: inherit; position: relative; cursor: pointer; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled { opacity: 0.75; position: relative; z-index: 1; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled .wcs-timetable--class-title, .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled .wcs-timetable--time, .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled > div { opacity: 0.45; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled::before { background-color: transparent; border: 0.4vh solid; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled:hover::before { background-color: transparent; } .wcs-timetable__week .wcs-day .wcs-timetable__classes .wcs-class--canceled:hover > div { opacity: 0.45; } .wcs-timetable__week .wcs-class__time { font-size: inherit; } .wcs-timetable__week time { display: block; font-size: inherit; opacity: 0.75; margin-bottom: 1.5vh; } .wcs-timetable__week time span { font-size: inherit; white-space: normal; display: inline-block; } .wcs-timetable__week .wcs-class--dark { color: rgba(0, 0, 0, 0.75); } .wcs-timetable__week .wcs-class--light { color: rgba(255, 255, 255, 0.75); } @media (min-width: 992px) { .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-1 { min-height: 4.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-2 { min-height: 4.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-3 { min-height: 4.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-4 { min-height: 5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-5 { min-height: 6.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-6 { min-height: 7.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-7 { min-height: 8.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-8 { min-height: 10vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-9 { min-height: 11.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-10 { min-height: 12.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-11 { min-height: 13.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-12 { min-height: 15vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-13 { min-height: 16.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-14 { min-height: 17.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-15 { min-height: 18.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-16 { min-height: 20vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-17 { min-height: 21.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-18 { min-height: 22.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-19 { min-height: 23.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-20 { min-height: 25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-21 { min-height: 26.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-22 { min-height: 27.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-23 { min-height: 28.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-24 { min-height: 30vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-25 { min-height: 31.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-26 { min-height: 32.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-27 { min-height: 33.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-28 { min-height: 35vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-29 { min-height: 36.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-30 { min-height: 37.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-31 { min-height: 38.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-32 { min-height: 40vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-33 { min-height: 41.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-34 { min-height: 42.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-35 { min-height: 43.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-36 { min-height: 45vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-37 { min-height: 46.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-38 { min-height: 47.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-39 { min-height: 48.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-40 { min-height: 50vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-41 { min-height: 51.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-42 { min-height: 52.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-43 { min-height: 53.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-44 { min-height: 55vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-45 { min-height: 56.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-46 { min-height: 57.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-47 { min-height: 58.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-48 { min-height: 60vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-49 { min-height: 61.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-50 { min-height: 62.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-51 { min-height: 63.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-52 { min-height: 65vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-53 { min-height: 66.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-54 { min-height: 67.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-55 { min-height: 68.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-56 { min-height: 70vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-57 { min-height: 71.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-58 { min-height: 72.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-59 { min-height: 73.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-60 { min-height: 75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-61 { min-height: 76.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-62 { min-height: 77.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-63 { min-height: 78.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-64 { min-height: 80vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-65 { min-height: 81.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-66 { min-height: 82.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-67 { min-height: 83.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-68 { min-height: 85vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-69 { min-height: 86.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-70 { min-height: 87.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-71 { min-height: 88.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-72 { min-height: 90vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-73 { min-height: 91.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-74 { min-height: 92.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-75 { min-height: 93.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-76 { min-height: 95vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-77 { min-height: 96.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-78 { min-height: 97.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-79 { min-height: 98.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-80 { min-height: 100vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-81 { min-height: 101.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-82 { min-height: 102.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-83 { min-height: 103.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-84 { min-height: 105vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-85 { min-height: 106.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-86 { min-height: 107.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-87 { min-height: 108.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-88 { min-height: 110vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-89 { min-height: 111.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-90 { min-height: 112.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-91 { min-height: 113.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-92 { min-height: 115vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-93 { min-height: 116.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-94 { min-height: 117.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-95 { min-height: 118.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-96 { min-height: 120vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-97 { min-height: 121.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-98 { min-height: 122.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-99 { min-height: 123.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-100 { min-height: 125vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-101 { min-height: 126.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-102 { min-height: 127.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-103 { min-height: 128.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-104 { min-height: 130vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-105 { min-height: 131.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-106 { min-height: 132.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-107 { min-height: 133.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-108 { min-height: 135vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-109 { min-height: 136.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-110 { min-height: 137.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-111 { min-height: 138.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-112 { min-height: 140vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-113 { min-height: 141.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-114 { min-height: 142.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-115 { min-height: 143.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-116 { min-height: 145vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-117 { min-height: 146.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-118 { min-height: 147.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-119 { min-height: 148.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-120 { min-height: 150vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-121 { min-height: 151.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-122 { min-height: 152.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-123 { min-height: 153.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-124 { min-height: 155vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-125 { min-height: 156.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-126 { min-height: 157.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-127 { min-height: 158.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-128 { min-height: 160vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-129 { min-height: 161.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-130 { min-height: 162.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-131 { min-height: 163.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-132 { min-height: 165vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-133 { min-height: 166.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-134 { min-height: 167.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-135 { min-height: 168.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-136 { min-height: 170vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-137 { min-height: 171.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-138 { min-height: 172.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-139 { min-height: 173.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-140 { min-height: 175vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-141 { min-height: 176.25vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-142 { min-height: 177.5vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-143 { min-height: 178.75vh; } .wcs-timetable--style-3:not(.wcs-timetable--grouped-by-hours) .wcs-class--slots-144 { min-height: 180vh; } } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row { display: none; width: 100%; -webkit-align-content: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (min-width: 992px) { .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row { display: -webkit-box; display: -webkit-flex; display: flex; } } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row .wcs-empty-time { position: relative; z-index: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row .wcs-empty-time::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row .wcs-timetable__classes { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row .wcs-day { -webkit-flex-basis: 10%; flex-basis: 10%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-row + .wcs-row { margin: 0.4vh 0 0; position: relative; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week .wcs-day__title { margin-bottom: 0 !important; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week .wcs-day { min-height: auto; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week .wcs-day.wcs-day__time { text-align: center; -webkit-align-self: stretch; align-self: stretch; -webkit-flex-basis: 90px; flex-basis: 90px; -webkit-flex-shrink: 0; flex-shrink: 0; font-weight: bold; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week .wcs-day.wcs-day__time::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; opacity: 0.05; } @media (min-width: 992px) { .wcs-timetable--style-3.wcs-timetable--grouped-by-hours .wcs-timetable__week > .wcs-day { display: none !important; } } .wcs-timetable--style-3 .wcs-navigation { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 1em; } .wcs-timetable--style-3 .wcs-navigation__title { -webkit-align-self: center; align-self: center; font-size: 120%; padding-left: 1em; padding-right: 1em; font-weight: bold; } .wcs-timetable--style-3 .wcs-navigation .wcs-btn { border: none; border-radius: 2px; } .wcs-timetable--style-3 .wcs-navigation .wcs-btn--next { -webkit-align-self: flex-end; align-self: flex-end; } .wcs-timetable__tabs .wcs-timetable__tabs-nav, .wcs-timetable__tabs .wcs-timetable__tabs-data { list-style: none; margin: 0; padding: 0; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li, .wcs-timetable__tabs .wcs-timetable__tabs-data li { display: none; list-style: none; margin: 0; } .wcs-timetable__tabs .wcs-timetable__tabs-nav { margin-bottom: 6vh; width: 100%; position: relative; } .wcs-timetable__tabs .wcs-timetable__tabs-nav::before { content: ''; display: block; position: absolute; right: 0; top: 100%; left: 0; border-bottom: 1px solid; opacity: 0.8; } .wcs-timetable__tabs .wcs-timetable__tabs-nav a { display: block; padding: 2vh; outline: none; text-decoration: none; box-shadow: none; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li { display: inline-block; position: relative; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li + li::before { content: ''; display: block; position: absolute; top: 20%; left: 0; bottom: 20%; border-left: 1px solid currentcolor; opacity: 0.8; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li.active::before { display: none; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li.active + li::before { display: none; } .wcs-timetable__tabs .wcs-timetable__tabs-nav li.active::after { content: ''; display: block; position: absolute; top: 100%; left: 50%; margin-left: -1vh; border-left: 1vh solid transparent; border-right: 1vh solid transparent; border-top-width: 1vh; border-top-style: solid; } .wcs-timetable__tabs .wcs-timetable__tabs-data > .active { display: block; } .wcs-timetable__tabs .wcs-timetable__tabs-data li { text-align: center; } .wcs-timetable__tabs .wcs-timetable__tabs-data span { font-size: inherit; } .wcs-timetable__tabs .wcs-timetable__tabs-data table { width: 100%; } .wcs-timetable__tabs .wcs-timetable__tabs-data table + table { margin-top: 2.5vh; } .wcs-timetable__tabs .wcs-timetable__tabs-data td, .wcs-timetable__tabs .wcs-timetable__tabs-data th { padding: 1vh 0.5vh; position: relative; text-align: center; } .wcs-timetable__tabs .wcs-timetable__tabs-data th { font-weight: bold; } .wcs-timetable__tabs .wcs-timetable__tabs-data th::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid currentcolor; opacity: 0.2; } .wcs-timetable__tabs .wcs-timetable__tabs-data th.wcs-class__time { width: 20%; } .wcs-timetable__tabs .wcs-timetable__tabs-data th.wcs-class__action { width: 10%; } .wcs-timetable__tabs .wcs-timetable__tabs-data th.wcs-class__locations, .wcs-timetable__tabs .wcs-timetable__tabs-data th.wcs-class__instructors { width: 15%; } .wcs-timetable__tabs .wcs-timetable__tabs-data td { font-size: 90%; } .wcs-timetable__tabs .wcs-timetable__tabs-data td::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; top: 0; right: 0; background-color: currentcolor; opacity: 0; -webkit-transition: none; transition: none; } .wcs-timetable__tabs .wcs-timetable__tabs-data td + td::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; top: 0; border-left: 1px solid currentcolor; opacity: 0.2; } .wcs-timetable__tabs .wcs-timetable__tabs-data tr:hover td::before { opacity: 0.1; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class, .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__title { text-align: left; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__title { min-width: 350px; padding-left: 2vh; padding-right: 2vh; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__time em { display: inline-block; white-space: normal; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__duration { white-space: nowrap; width: 7%; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-modal-call { position: relative; cursor: pointer; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-btn { margin: 3px; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class--canceled td { position: relative; z-index: 1; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class--canceled td::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class--canceled td .wcs-class__time { opacity: 0.35; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class--canceled:hover td::before { display: none; } @media (max-width: 992px) { .wcs-timetable__tabs .wcs-timetable__tabs-data table, .wcs-timetable__tabs .wcs-timetable__tabs-data tbody, .wcs-timetable__tabs .wcs-timetable__tabs-data td { display: block; } .wcs-timetable__tabs .wcs-timetable__tabs-data tr { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-align: left; margin: -1vh 0 5vh -1vh; position: relative; } .wcs-timetable__tabs .wcs-timetable__tabs-data tr:last-of-type { margin-bottom: 0; } .wcs-timetable__tabs .wcs-timetable__tabs-data tr + tr { padding-top: 5vh; } .wcs-timetable__tabs .wcs-timetable__tabs-data tr + tr::after { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; border-top: 1px solid currentcolor; opacity: 0.125; } .wcs-timetable__tabs .wcs-timetable__tabs-data td { margin: 1vh 0 0 1vh; padding: 0; text-align: left; -webkit-flex-basis: calc(50% - 1vh); flex-basis: calc(50% - 1vh); } .wcs-timetable__tabs .wcs-timetable__tabs-data td::before, .wcs-timetable__tabs .wcs-timetable__tabs-data td::after { display: none !important; } .wcs-timetable__tabs .wcs-timetable__tabs-data thead { display: block; width: 100%; margin-bottom: 2vh; } .wcs-timetable__tabs .wcs-timetable__tabs-data thead th { display: none; } .wcs-timetable__tabs .wcs-timetable__tabs-data thead th:first-child { display: block; width: 100%; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__duration { text-align: right; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__title { font-size: 120%; padding: 1vh 0; } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__title, .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__action { -webkit-flex-basis: calc(100% - 1vh); flex-basis: calc(100% - 1vh); } .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__locations::before, .wcs-timetable__tabs .wcs-timetable__tabs-data .wcs-class__instructors::before { content: attr(data-wcs-label); display: block !important; font-size: 80%; position: static; background-color: transparent; opacity: 1 !important; } } .wcs-timetable__agenda .wcs-timetable__agenda-nav, .wcs-timetable__agenda .wcs-timetable__agenda-data { list-style: none; margin: 0; padding: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-nav li, .wcs-timetable__agenda .wcs-timetable__agenda-data li { display: none; list-style: none; margin: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-nav { margin-bottom: 3vh; width: 100%; position: relative; text-align: left; } .wcs-timetable__agenda .wcs-timetable__agenda-nav a { display: block; padding: 1vh 0; outline: none; text-decoration: none; box-shadow: none; font-size: 100%; text-align: center; font-weight: bold; min-width: 3vh; cursor: pointer; } .wcs-timetable__agenda .wcs-timetable__agenda-nav a span { display: block; font-size: 140%; font-weight: normal !important; } .wcs-timetable__agenda .wcs-timetable__agenda-nav li { display: inline-block; position: relative; margin: 0 1vh 1vh; } .wcs-timetable__agenda .wcs-timetable__agenda-nav li.active::before { display: none; } .wcs-timetable__agenda .wcs-timetable__agenda-nav li.active + li::before { display: none; } .wcs-timetable__agenda .wcs-timetable__agenda-nav li.active::after { content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 3px solid currentcolor; } .wcs-timetable__agenda .wcs-timetable__agenda-data > .active { display: block; } .wcs-timetable__agenda .wcs-timetable__agenda-data li { text-align: center; } .wcs-timetable__agenda .wcs-timetable__agenda-data span { font-size: inherit; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class { display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 2vh; padding-left: 1vh; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class + .wcs-class { padding-top: 2vh; position: relative; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class + .wcs-class::before { content: ''; display: block; position: absolute; opacity: 0.125; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; border-top: 1px solid currentcolor; top: 0; right: 0; left: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class, .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__title { text-align: left; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration { width: 6vh; height: 6vh; min-width: 4em; min-height: 4em; font-size: 90%; line-height: 1; text-overflow: ellipsis; display: -webkit-box; display: -webkit-flex; display: flex; vertical-align: center; -webkit-align-content: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; letter-spacing: -1px; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: 6vh; flex-basis: 6vh; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: center; align-self: center; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration::before { content: ''; display: block; position: absolute; opacity: 0.125; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; border: 1px solid currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration::before { border-radius: 100%; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration span { width: 100%; text-align: center; font-weight: bold; opacity: 0.75; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__title-meta { -webkit-align-self: center; align-self: center; width: 100%; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-meta { font-size: 90%; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration + .wcs-class__title-meta { padding-left: 2vh; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__title { margin: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__time em { display: inline-block; white-space: normal; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__time .ti-time { font-size: .8em; margin-right: .25em; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-modal-call { position: relative; cursor: pointer; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-btn { margin: 3px 0; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class--canceled { position: relative; z-index: 1; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class--canceled::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class--canceled .wcs-class__time { opacity: 0.35; } @media (max-width: 992px) { .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__duration { text-align: right; } .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__locations::before, .wcs-timetable__agenda .wcs-timetable__agenda-data .wcs-class__instructors::before { content: attr(data-wcs-label); display: block !important; font-size: 80%; position: static; background-color: transparent; opacity: 1 !important; } } .wcs-timetable--carousel { min-width: 0; } .wcs-timetable__carousel { padding: 0; margin: 0; width: 100%; max-width: 100%; min-width: 0; } .wcs-timetable__carousel.owl-carousel.owl-carousel .owl-stage { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .wcs-timetable__carousel.owl-carousel.owl-carousel .owl-stage::after { display: none; } .wcs-timetable__carousel.owl-carousel .owl-stage-outer { max-width: 100%; min-width: 0; } .wcs-timetable__carousel.owl-carousel.owl-carousel .owl-item { float: none; display: -webkit-box; display: -webkit-flex; display: flex; } .wcs-timetable__carousel .wcs-spacer { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable__carousel .owl-nav { position: relative; margin: 3vh 0 0 0; } .wcs-timetable__carousel .owl-prev, .wcs-timetable__carousel .owl-next { position: absolute; } .wcs-timetable__carousel .owl-prev::before, .wcs-timetable__carousel .owl-next::before { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 120%; } .wcs-timetable__carousel .owl-prev { left: 0; } .wcs-timetable__carousel .owl-prev::before { content: "\e629"; } .wcs-timetable__carousel .owl-next { right: 0; } .wcs-timetable__carousel .owl-next::before { content: "\e628"; } .wcs-timetable__carousel .owl-dots { margin: 3vh 0 0; } .wcs-timetable__carousel .owl-dot { display: inline-block; border: 1px solid currentColor; border-radius: 100%; width: 1.5vh; height: 1.5vh; margin: 0 0.5vh; opacity: 0.45; } .wcs-timetable__carousel .owl-dot.active { background: currentcolor; opacity: 1; } .wcs-timetable__carousel .wcs-class { text-align: left; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 2px; -webkit-align-content: space-between; align-content: space-between; width: 100%; } .wcs-timetable__carousel .wcs-class.vue-element { display: -webkit-box; display: -webkit-flex; display: flex; } .wcs-timetable__carousel .wcs-class__title { font-weight: bold; display: block; font-size: 110%; margin: 2vh 2vh 1vh !important; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .wcs-timetable__carousel .wcs-class__excerpt { margin: 0 2vh 10px; } .wcs-timetable__carousel .wcs-class__meta { font-size: 85%; margin: 2vh 2vh 0 !important; } .wcs-timetable__carousel .wcs-class__meta-label { font-weight: bold; opacity: 0.75; display: block; } .wcs-timetable__carousel .wcs-class__date-time { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; padding-top: 2vh; position: relative; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-align-self: flex-end; align-self: flex-end; margin-top: 2vh; padding-bottom: 2vh; font-size: 85%; } .wcs-timetable__carousel .wcs-class__date-time::before { content: ''; display: block; position: absolute; opacity: 0.125; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; border-top: 1px solid currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__carousel .wcs-class__date-time-icon { -webkit-flex-basis: 15%; flex-basis: 15%; -webkit-align-self: center; align-self: center; text-align: center; padding-left: 2vh; box-sizing: border-box; } .wcs-timetable__carousel .wcs-class__time { -webkit-align-self: center; align-self: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 35%; flex-basis: 35%; position: relative; padding-left: 1vh; } .wcs-timetable__carousel .wcs-class__time::before { content: ''; display: block; position: absolute; opacity: 0.125; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; border-right: 1px solid currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__carousel .wcs-class__time::before { top: -1vh; bottom: -1vh; } .wcs-timetable__carousel .wcs-class__date { -webkit-align-self: center; align-self: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 50%; flex-basis: 50%; text-align: right; padding-right: 2vh; } .wcs-timetable__carousel .wcs-class__date .ti-calendar { margin-right: 1.5vh; } .wcs-timetable__carousel .wcs-class__image { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-left-radius: 2px; max-width: 100%; height: auto; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .wcs-timetable__carousel .wcs-class__image img { max-width: 100%; width: 100%; height: auto; } .wcs-timetable__carousel .wcs-class--canceled { position: relative; opacity: 0.75; position: relative; z-index: 1; } .wcs-timetable__carousel .wcs-class--canceled::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__carousel .wcs-class--canceled::after { content: ''; display: block; position: absolute; opacity: 0.05; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__carousel .wcs-class--canceled .wcs-class__image { opacity: 0.25 !important; } .wcs-timetable__carousel .wcs-class--canceled .wcs-class__title, .wcs-timetable__carousel .wcs-class--canceled .wcs-class__excerpt, .wcs-timetable__carousel .wcs-class--canceled .wcs-class__meta, .wcs-timetable__carousel .wcs-class--canceled .wcs-class__date-time, .wcs-timetable__carousel .wcs-class--canceled .ti-time { color: inherit !important; opacity: 0.5; } .wcs-timetable__carousel .wcs-class--canceled .ti-time { opacity: 1; } .wcs-timetable__carousel .wcs-class .wcs-modal-call { cursor: pointer; } .wcs-timetable__grid { padding: 0; margin: 0; width: 100%; position: relative; box-sizing: border-box; } .wcs-timetable__grid::after { content: ''; display: block; clear: both; } .wcs-timetable__grid .wcs-class { text-align: left; border-radius: 2px; float: left; margin-bottom: 2.5vh; box-sizing: border-box; box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.15); } .wcs-timetable__grid .wcs-class__inner { margin: 0; position: relative; border-radius: inherit; -webkit-transition: width 400ms; transition: width 400ms; } .wcs-timetable__grid .wcs-class__click-area { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; cursor: pointer; } .wcs-timetable__grid .wcs-class__minimize { position: absolute; top: 0.5vh; right: 0.5vh; z-index: 3; padding: 1vh; font-size: 80%; border-radius: 2px; display: none; cursor: pointer; } .wcs-timetable__grid .wcs-class__title { font-weight: bold; display: block; font-size: 90%; margin: 2vh 2vh 1vh !important; text-align: center; -webkit-transition: 200ms; transition: 200ms; cursor: pointer; } .wcs-timetable__grid .wcs-class__excerpt { margin: 0 2vh 10px; display: none; } .wcs-timetable__grid .wcs-class__meta { font-size: 85%; margin: 2vh 2vh 0 !important; display: none; } .wcs-timetable__grid .wcs-class__meta-label { font-weight: bold; opacity: 0.75; display: block; } .wcs-timetable__grid .wcs-class__date-time { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; padding-top: 1.5vh; position: relative; margin-top: 2vh; padding-bottom: 1.5vh; font-size: 80%; box-shadow: inset 0px 5px 5px -8px currentColor; opacity: 0.85; } .wcs-timetable__grid .wcs-class__date-time::before { content: ''; display: block; position: absolute; opacity: 0.05; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__grid .wcs-class__date-time::before { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .wcs-timetable__grid .wcs-class__time { -webkit-align-self: center; align-self: center; text-align: left; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; padding-left: 2vh; } .wcs-timetable__grid .wcs-class__time .ti-time { margin-right: 1vh; } .wcs-timetable__grid .wcs-class__date { -webkit-align-self: center; align-self: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: right; padding-right: 2vh; } .wcs-timetable__grid .wcs-class__date .ti-calendar { margin-right: 1vh; } .wcs-timetable__grid .wcs-class__image { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; max-width: 100%; height: auto; text-align: center; cursor: pointer; } .wcs-timetable__grid .wcs-class__image img { max-width: 100%; height: auto; border-radius: inherit; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner { position: relative; opacity: 0.75; position: relative; z-index: 1; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner::after { content: ''; display: block; position: absolute; opacity: 0.05; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .wcs-class__image { opacity: 0.15 !important; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .wcs-class__title, .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .wcs-class__excerpt, .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .wcs-class__meta, .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .wcs-class__date-time, .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .ti-time { color: inherit !important; opacity: 0.5; } .wcs-timetable__grid .wcs-class--canceled .wcs-class__inner .ti-time { opacity: 1; } .wcs-timetable__grid .wcs-class--active .wcs-class__title { font-size: 120%; text-align: left; } .wcs-timetable__grid .wcs-class--active .wcs-class__excerpt { display: block; } .wcs-timetable__grid .wcs-class--active .wcs-class__meta { display: block; } .wcs-timetable__grid .wcs-class--active .wcs-class__click-area { display: none; } .wcs-timetable__grid .wcs-class--active .wcs-class__minimize { display: block; } .wcs-timetable__grid .wcs-class .wcs-modal-call { cursor: pointer; } .wcs-timetable__grid .wcs-isotope-gutter { width: 2%; } .wcs-timetable__container[data-wcs-layout='7'] .wcs-timetable__zero-data { margin-top: 5vh; display: none; } .wcs-timetable--timeline h2 { text-align: center; } .wcs-timetable__timeline { margin: 0 auto; width: 100%; position: relative; box-sizing: border-box; } @media (min-width: 768px) { .wcs-timetable__timeline { padding: 12.5vh 0; } } .wcs-timetable__timeline::before { content: ''; display: block; position: absolute; opacity: 1; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; bottom: 0; } .wcs-timetable__timeline::before { left: 50%; width: 0.3vh; display: none; border-radius: 10vh; margin-left: -0.15vh; } @media (min-width: 768px) { .wcs-timetable__timeline::before { display: block; } } .wcs-timetable__timeline::after { content: ''; display: block; clear: both; } .wcs-timetable__timeline .wcs-day { text-align: left; border-radius: 2px; float: left; box-sizing: border-box; box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.15); margin-bottom: 7.5vh; } .wcs-timetable__timeline .wcs-day__inner { margin: 0; position: relative; border-radius: inherit; -webkit-transition: width 400ms; transition: width 400ms; } .wcs-timetable__timeline .wcs-day__title { font-weight: bold; display: block; font-size: 110%; margin: 0 !important; text-align: center; -webkit-transition: 200ms; transition: 200ms; padding: 2.5vh 1vh; border-top-right-radius: 2px; border-top-left-radius: 2px; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner { position: relative; opacity: 0.75; position: relative; z-index: 1; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner::after { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255, 255, 255, 0.3); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgba(0, 0, 0, 0.3)%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27/%3E%0A%3C/svg%3E"); content: ''; z-index: -1; opacity: 0.2; z-index: 0; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner::after { content: ''; display: block; position: absolute; opacity: 0.05; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .wcs-class__image { opacity: 0.25 !important; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .wcs-class__title, .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .wcs-class__excerpt, .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .wcs-class__meta, .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .wcs-class__date-time, .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .ti-time { color: inherit !important; opacity: 0.5; } .wcs-timetable__timeline .wcs-day--canceled > .wcs-timetable__timeline .wcs-day--canceled__inner .ti-time { opacity: 1; } .wcs-timetable__timeline .wcs-day .wcs-modal-call { cursor: pointer; } .wcs-timetable__timeline .wcs-class__title { font-size: 100%; line-height: 1.7; padding: 0.5vh 0; color: inherit; display: block; } .wcs-timetable__timeline .wcs-class__excerpt { font-size: 80%; opacity: 0.5; max-width: 300px; margin: 0 auto; line-height: 1.4; padding-bottom: 0.5vh; } .wcs-timetable__timeline .wcs-timetable__classes { padding: 4vh 2vh; text-align: center; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .wcs-timetable__timeline .wcs-isotope-item, .wcs-timetable__timeline .wcs-day { width: 100%; } @media (min-width: 768px) { .wcs-timetable__timeline .wcs-isotope-item, .wcs-timetable__timeline .wcs-day { width: 42.5%; } } .wcs-timetable__timeline .wcs-isotope-gutter { width: 0%; } @media (min-width: 768px) { .wcs-timetable__timeline .wcs-isotope-gutter { width: 15%; } } .wcs-timetable__container[data-wcs-layout='7'] .wcs-timetable__zero-data { margin-top: 5vh; display: none; } .wcs-timetable__monthly-schedule { text-align: left; } .wcs-timetable__monthly-schedule .wcs-class--canceled { text-decoration: line-through; opacity: 0.65; } .wcs-timetable__monthly-schedule .fc-bg table, .wcs-timetable__monthly-schedule .fc-bg td, .wcs-timetable__monthly-schedule .fc-bg th { border: 1px solid; } .wcs-timetable__monthly-schedule .fc-bg .fc-day { position: relative; } .wcs-timetable__monthly-schedule .fc-bg .fc-day::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-bottom: 1px solid currentColor; border-left: 1px solid currentColor; opacity: 0.15; } .wcs-timetable__monthly-schedule .fc-bg .fc-day:last-child::before { border-right: 1px solid currentColor; } .wcs-timetable__monthly-schedule .fc-basic-view .fc-day-number { padding: 4px 8px; } .wcs-timetable__monthly-schedule .fc-head th { position: relative; padding: 6px 0; text-align: center; } .wcs-timetable__monthly-schedule .fc-head th::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-bottom: 1px solid currentColor; opacity: 0.15; } .wcs-timetable__monthly-schedule table { margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .wcs-timetable__monthly-schedule .fc-toolbar h2 { font-size: 190%; margin: 0; padding: 0; } .wcs-timetable__monthly-schedule button { border-radius: 0; font-size: 80%; line-height: normal; height: auto; padding: 8px; font-weight: normal; letter-spacing: 0; text-transform: capitalize; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar { margin-bottom: 2em; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-left { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-right { -webkit-box-ordinal-group: 4; -webkit-order: 3; order: 3; text-align: right; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group { float: right; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-left, .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-right { float: none; -webkit-flex-basis: 30%; flex-basis: 30%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-center { float: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; -webkit-flex-basis: 40%; flex-basis: 40%; -webkit-box-flex: 2; -webkit-flex-grow: 2; flex-grow: 2; text-align: center; } .wcs-timetable__monthly-schedule .fc-toolbar.fc-header-toolbar .fc-center h2 { float: none; text-align: inherit; } .wcs-timetable__monthly-schedule table { border-bottom: none !important; } .wcs-timetable__monthly-schedule .fc-day-grid-event, .wcs-timetable__monthly-schedule .fc-time-grid-event { padding: 4px 5px; } .wcs-timetable__monthly-schedule .fc-event { background-color: transparent; border-color: transparent; font-size: 75%; box-shadow: none; } .wcs-timetable__monthly-schedule .fc-event::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: currentColor; border-radius: 2px; } .wcs-timetable__monthly-schedule .fc-event .fc-time { margin-right: 2px; } .wcs-timetable__monthly-schedule .fc-event.wcs-modal-call { cursor: pointer; } .wcs-timetable__monthly-schedule .fc-slats tr td { border-bottom: 1px solid; } .wcs-calendar-loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background-color: rgba(255, 255, 255, 0.65); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } .wcs-calendar-loading .wcs-spinner > div { background-color: rgba(0, 0, 0, 0.75); } .wcs-timetable--countdown { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative; z-index: 0; } .wcs-timetable--countdown > div { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; padding: 1em 0; } .wcs-timetable--countdown h2.wcs-class__title, .wcs-timetable--countdown h3.wcs-class__title { font-size: 120%; margin: 0; padding: 0; color: inherit; } .wcs-timetable--countdown h2.wcs-class__title + h3.wcs-class__title { font-size: 140%; margin-top: 0.85em; color: inherit; } .wcs-timetable--countdown h3.wcs-class__title + .wcs-class__time-location { margin-top: 0.25em; } .wcs-timetable--countdown .wcs-class__title { text-align: left; width: 100%; } .wcs-timetable--countdown-position-top-left .wcs-class__image { background-position: top left; } .wcs-timetable--countdown-position-top-center .wcs-class__image { background-position: top center; } .wcs-timetable--countdown-position-top-right .wcs-class__image { background-position: top right; } .wcs-timetable--countdown-position-middle-left .wcs-class__image { background-position: center left; } .wcs-timetable--countdown-position-middle-center .wcs-class__image { background-position: center center; } .wcs-timetable--countdown-position-middle-right .wcs-class__image { background-position: center right; } .wcs-timetable--countdown-position-bottom-left .wcs-class__image { background-position: bottom left; } .wcs-timetable--countdown-position-bottom-center .wcs-class__image { background-position: bottom center; } .wcs-timetable--countdown-position-bottom-right .wcs-class__image { background-position: bottom right; } .wcs-timetable--countdown .wcs-class__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; z-index: -1; } .wcs-timetable--countdown .wcs-class__titles { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-shrink: 0; flex-shrink: 0; padding: 1em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .wcs-timetable--countdown .wcs-class__action { -webkit-align-self: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-left: 10px; padding-right: 10px; } .wcs-timetable--countdown .wcs-class__action::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; } .wcs-timetable--countdown .wcs-class__excerpt { font-size: 80%; text-align: left; margin-top: 1em; opacity: 0.8; } .wcs-timetable--countdown .wcs-class__time-location { text-align: left; width: 100%; } .wcs-timetable--countdown .wcs-class__countdown { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 6; -webkit-flex-grow: 6; flex-grow: 6; padding-top: 0; padding-right: 1em; padding-left: 1em; padding-right: calc(1em - 5px); padding-left: calc(1em - 5px); -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } @media (min-width: 992px) { .wcs-timetable--countdown .wcs-class__countdown { padding-left: 0; } } .wcs-timetable--countdown .wcs-class__countdown-years, .wcs-timetable--countdown .wcs-class__countdown-months, .wcs-timetable--countdown .wcs-class__countdown-days, .wcs-timetable--countdown .wcs-class__countdown-hours, .wcs-timetable--countdown .wcs-class__countdown-minutes, .wcs-timetable--countdown .wcs-class__countdown-seconds { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 10%; flex-basis: 10%; } .wcs-timetable--countdown .wcs-class__countdown-label { display: block; font-size: 40%; opacity: 0.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wcs-timetable--countdown .wcs-class__countdown-time { position: relative; padding: 1em 10px; font-size: 150%; white-space: nowrap; overflow: hidden; -webkit-flex-basis: 2.75em; flex-basis: 2.75em; } @media (min-width: 992px) { .wcs-timetable--countdown .wcs-class__countdown-time { font-size: 175%; } } @media (min-width: 1200px) { .wcs-timetable--countdown .wcs-class__countdown-time { font-size: 200%; } } .wcs-timetable--countdown .wcs-class__countdown-time > span { display: block; position: relative; } .wcs-timetable--countdown .wcs-class__countdown-time::before { content: ''; display: block; position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px; opacity: 0.8; } @media (min-width: 768px) { .wcs-timetable--countdown { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .wcs-timetable--countdown > div { -webkit-flex-basis: 10%; flex-basis: 10%; } .wcs-timetable--countdown .wcs-class__titles { -webkit-flex-basis: 350px; flex-basis: 350px; } .wcs-timetable--countdown .wcs-class__countdown { padding-top: 1em; -webkit-flex-basis: 350px; flex-basis: 350px; } .wcs-timetable--countdown .wcs-class__action { -webkit-flex-basis: 180px; flex-basis: 180px; } } @media (min-width: 992px) { .wcs-timetable--countdown > div { -webkit-flex-basis: 10%; flex-basis: 10%; padding: 2em 0; } .wcs-timetable--countdown h2.wcs-class__title, .wcs-timetable--countdown h3.wcs-class__title { font-size: 160%; } .wcs-timetable--countdown h2.wcs-class__title + h3.wcs-class__title { font-size: 120%; } .wcs-timetable--countdown .wcs-class__titles { padding: 2em; } .wcs-timetable--countdown .wcs-class__countdown { padding-top: 2em; padding-right: 2em; padding-left: 2em; -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; } } .wcs-timetable--countdown-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-timetable--countdown-vertical > div { -webkit-flex-basis: auto; flex-basis: auto; } .wcs-timetable--countdown-vertical .wcs-class__title { text-align: center; } .wcs-timetable--countdown-vertical .wcs-class__titles { -webkit-flex-basis: auto; flex-basis: auto; } .wcs-timetable--countdown-vertical .wcs-class__countdown { padding-left: 2em; padding-top: 0; -webkit-flex-basis: auto; flex-basis: auto; } .wcs-timetable--countdown-vertical .wcs-class__action { padding-left: 2em; padding-right: 2em; padding-top: 0; -webkit-flex-basis: auto; flex-basis: auto; } .wcs-timetable--countdown-vertical .wcs-class__action::before { opacity: 1; } .wcs-timetable--countdown-vertical .wcs-class__time-location { text-align: center; } .wcs-timetable--cover { width: 100%; position: relative; } .wcs-timetable--cover .wcs-class__image { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; } .wcs-timetable--cover .wcs-class__content { display: block; padding: 2em; } .wcs-timetable--cover .wcs-class__content::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 120ms ease; transition: all 120ms ease; z-index: 0; display: block; } @media (min-width: 768px) { .wcs-timetable--cover .wcs-class__content::before { display: none; } } .wcs-timetable--cover .wcs-class__content * { position: relative; } .wcs-timetable--cover .wcs-class__time-location { margin-bottom: 1em; margin-top: .5em; } @media (min-width: 992px) { .wcs-timetable--cover .wcs-class__time-location { margin-bottom: 2em; } } .wcs-timetable--cover .wcs-class__action { margin-top: 1em; } .wcs-timetable--cover .wcs-class__action .wcs-btn { padding: 8px 24px; } .wcs-timetable--cover-with-image .wcs-class__content { position: relative; width: 100%; } @media (min-width: 768px) { .wcs-timetable--cover-with-image .wcs-class__content { position: absolute; width: 75%; max-width: 600px; } } @media (min-width: 768px) { .wcs-timetable--cover-overlay-image.wcs-timetable--cover-with-image .wcs-class__image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 120ms ease; transition: all 120ms ease; } } .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image .wcs-class__content { padding: 2em; } .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image .wcs-class__content::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 120ms ease; transition: all 120ms ease; z-index: 0; } @media (min-width: 768px) { .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image .wcs-class__content::before { display: block; } } @media (min-width: 768px) { .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image.wcs-timetable--cover-text-size-sm .wcs-class__content { padding: 0; } } @media (min-width: 992px) { .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image.wcs-timetable--cover-text-size-sm .wcs-class__content { padding: 0; } } @media (min-width: 1200px) { .wcs-timetable--cover-overlay-text.wcs-timetable--cover-with-image.wcs-timetable--cover-text-size-sm .wcs-class__content { padding: 0; } } .wcs-timetable--cover-aspect-169 .wcs-class__image { padding-top: 56.25%; } .wcs-timetable--cover-aspect-169v .wcs-class__image { padding-top: 177.777777778%; } .wcs-timetable--cover-aspect-43 .wcs-class__image { padding-top: 75%; } .wcs-timetable--cover-aspect-43v .wcs-class__image { padding-top: 133.333333333%; } .wcs-timetable--cover-aspect-11 .wcs-class__image { padding-top: 100%; } .wcs-timetable--cover-align-left { text-align: left; } .wcs-timetable--cover-align-center { text-align: center; } .wcs-timetable--cover-align-right { text-align: right; } @media (min-width: 768px) { .wcs-timetable--cover-position-top-left.wcs-timetable--cover-with-image .wcs-class__content { top: 0; left: 0; } } @media (min-width: 768px) { .wcs-timetable--cover-position-top-center.wcs-timetable--cover-with-image .wcs-class__content { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 768px) { .wcs-timetable--cover-position-top-right.wcs-timetable--cover-with-image .wcs-class__content { right: 0; top: 0; } } @media (min-width: 768px) { .wcs-timetable--cover-position-middle-left.wcs-timetable--cover-with-image .wcs-class__content { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 768px) { .wcs-timetable--cover-position-middle-center.wcs-timetable--cover-with-image .wcs-class__content { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 768px) { .wcs-timetable--cover-position-middle-right.wcs-timetable--cover-with-image .wcs-class__content { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 768px) { .wcs-timetable--cover-position-bottom-left.wcs-timetable--cover-with-image .wcs-class__content { bottom: 0; left: 0; } } @media (min-width: 768px) { .wcs-timetable--cover-position-bottom-center.wcs-timetable--cover-with-image .wcs-class__content { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 768px) { .wcs-timetable--cover-position-bottom-right.wcs-timetable--cover-with-image .wcs-class__content { right: 0; bottom: 0; } } .wcs-timetable--cover .wcs-class__title { text-align: inherit; color: inherit; font-size: 140%; } @media (min-width: 992px) { .wcs-timetable--cover .wcs-class__title { font-size: 180%; } } @media (min-width: 1200px) { .wcs-timetable--cover .wcs-class__title { font-size: 200%; } } .wcs-timetable--cover p.wcs-title { margin-bottom: 1em !important; } .wcs-timetable--cover-text-size-sm .wcs-class__time-location { font-size: 90%; } .wcs-timetable--cover-text-size-sm .wcs-class__title { font-size: 100%; } @media (min-width: 992px) { .wcs-timetable--cover-text-size-sm .wcs-class__title { font-size: 110%; } } @media (min-width: 1200px) { .wcs-timetable--cover-text-size-sm .wcs-class__title { font-size: 120%; } } .wcs-timetable--cover-text-size-sm .wcs-class__action .wcs-btn--lg { font-size: 100%; } @media (min-width: 992px) { .wcs-timetable--cover-text-size-md .wcs-class__time-location { font-size: 110%; } } .wcs-timetable--cover-text-size-md .wcs-class__title { font-size: 140%; } @media (min-width: 992px) { .wcs-timetable--cover-text-size-md .wcs-class__title { font-size: 180%; } } @media (min-width: 1200px) { .wcs-timetable--cover-text-size-md .wcs-class__title { font-size: 210%; } } @media (min-width: 992px) { .wcs-timetable--cover-text-size-md .wcs-class__action .wcs-btn--lg { font-size: 120%; } } @media (min-width: 992px) { .wcs-timetable--cover-text-size-lg .wcs-class__time-location { font-size: 140%; } } .wcs-timetable--cover-text-size-lg .wcs-class__title { font-size: 140%; } @media (min-width: 992px) { .wcs-timetable--cover-text-size-lg .wcs-class__title { font-size: 200%; } } @media (min-width: 1200px) { .wcs-timetable--cover-text-size-lg .wcs-class__title { font-size: 220%; } } @media (min-width: 992px) { .wcs-timetable--cover-text-size-lg .wcs-class__action .wcs-btn--lg { font-size: 140%; } } .wcs-timetable--monthly-calendar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .wcs-timetable--monthly-calendar .wcs-spinner { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wcs-timetable--monthly-calendar .wcs-spinner > div { background-color: currentColor; } .wcs-timetable--monthly-calendar .wcs-calendar__header { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; margin-bottom: 1em; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .wcs-timetable--monthly-calendar .wcs-calendar__header h3 { -webkit-flex-basis: 100%; flex-basis: 100%; margin: 0; font-weight: bold; padding-bottom: 10px; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div { opacity: 0.5; text-transform: uppercase; padding: 0 10px; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div.wcs-modal-call { opacity: 1; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div i::before { position: relative; bottom: -0.1em; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div .ti-angle-right { margin-left: .35em; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div .ti-angle-left { margin-right: .35em; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div:first-of-type { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div:last-of-type { -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .wcs-timetable--monthly-calendar .wcs-calendar__header .wcs-calendar-nav { font-size: 90%; letter-spacing: 1px; white-space: nowrap; } .wcs-timetable--monthly-calendar .wcs-calendar__header .wcs-calendar-nav-prev { text-align: right; } .wcs-timetable--monthly-calendar .wcs-calendar__header .wcs-calendar-nav-next { text-align: left; } @media (min-width: 768px) { .wcs-timetable--monthly-calendar .wcs-calendar__header { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: baseline; -webkit-align-items: baseline; align-items: baseline; -webkit-box-pack: normal; -webkit-justify-content: normal; justify-content: normal; margin-bottom: 2em; } .wcs-timetable--monthly-calendar .wcs-calendar__header h3 { -webkit-box-ordinal-group: initial; -webkit-order: initial; order: initial; -webkit-box-flex: 3; -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-basis: 70%; flex-basis: 70%; padding-bottom: auto; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div { padding: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 15%; flex-basis: 15%; } .wcs-timetable--monthly-calendar .wcs-calendar__header > div:first-of-type, .wcs-timetable--monthly-calendar .wcs-calendar__header > div:last-of-type { -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; } } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__main-col { -webkit-box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-shrink: 1; flex-shrink: 1; max-width: 100%; } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__side-col { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; position: relative; margin-top: 2em; } @media (min-width: 768px) { .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__side-col { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 24em; flex-basis: 24em; margin-top: auto; } } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__side-col::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.05; background-color: currentColor; z-index: 0; } @media (min-width: 768px) { .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda { margin: 0 -15px; position: relative; } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__main-col { margin: 0 15px; } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-timetable__side-col { margin: 0 15px; } } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda .wcs-day-agenda { padding: 6.5%; } .wcs-timetable--monthly-calendar.wcs-timetable--side-agenda-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .wcs-timetable--monthly-calendar.wcs-timetable--inside-agenda:not(.wcs-timetable--highligh-round) .wcs-date--selected::after { content: ''; display: block; top: 100%; border-left: 1em solid transparent; border-right: 1em solid transparent; width: 0; height: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 20px solid #f00; position: absolute; } .wcs-timetable--monthly-calendar.wcs-timetable--inside-agenda:not(.wcs-timetable--highligh-round).wcs-timetable--alternate .wcs-day-agenda::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; border: 1px solid currentColor; opacity: 0.1; } .wcs-timetable--monthly-calendar .wcs-table { position: relative; } .wcs-timetable--monthly-calendar .wcs-table-td { position: relative; z-index: 1; } .wcs-timetable--monthly-calendar .wcs-table-td--full { position: relative; } .wcs-timetable--monthly-calendar .wcs-table-td--full::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.075; background-color: currentColor; } .wcs-timetable--monthly-calendar .wcs-table-td--full .wcs-day-agenda { padding: 3em 0; } .wcs-timetable--monthly-calendar .wcs-day::before { content: attr(data-day); display: block; font-weight: bold; } @media (min-width: 768px) { .wcs-timetable--monthly-calendar .wcs-day::before { display: none; } } .wcs-timetable--monthly-calendar .wcs-day__title { font-size: 110%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .wcs-timetable--monthly-calendar .wcs-date span { display: block; font-size: 115%; width: 100%; height: 100%; padding-bottom: 1em; } .wcs-timetable--monthly-calendar .wcs-date span::after { content: ''; display: block; width: .55em; height: .55em; border-radius: 100em; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; margin-top: .25em; } .wcs-timetable--monthly-calendar .wcs-date--past-month span, .wcs-timetable--monthly-calendar .wcs-date--future-month span { opacity: 0.35; } .wcs-timetable--monthly-calendar .wcs-date--selected { position: relative; } .wcs-timetable--monthly-calendar .wcs-date--selected span::after { content: ''; display: block; position: absolute; top: -1px; right: 0; bottom: 0; left: 0; width: auto; height: auto; border-radius: 0; z-index: -1; -webkit-transform: none; transform: none; opacity: 1; margin-top: 0; } .wcs-timetable--monthly-calendar .wcs-date--with-events:not(.wcs-date--past-month):not(.wcs-date--future-month) span::after { opacity: 1; } .wcs-timetable--monthly-calendar .wcs-day-agenda { padding: 2em 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; max-width: 37.5em; margin: 0 auto; position: relative; } .wcs-timetable--monthly-calendar .wcs-day-agenda__title { margin-bottom: 4vh; padding-bottom: 0.5em; position: relative; } .wcs-timetable--monthly-calendar .wcs-day-agenda__title::before { content: ''; display: block; bottom: 0; top: 100%; left: 0; right: 0; border-bottom: 3px solid currentColor; opacity: 2; position: absolute; } .wcs-timetable--monthly-calendar.wcs-timetable--horizontal-borders .wcs-table-tr:not(:last-child) { position: relative; } .wcs-timetable--monthly-calendar.wcs-timetable--horizontal-borders .wcs-table-tr:not(:last-child)::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; border-bottom: 1px solid currentColor; position: absolute; opacity: 0.2; z-index: 0; } .wcs-timetable--monthly-calendar.wcs-timetable--vertical-borders .wcs-table-td:not(:first-child) { position: relative; } .wcs-timetable--monthly-calendar.wcs-timetable--vertical-borders .wcs-table-td:not(:first-child)::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; border-left: 1px solid currentColor; position: absolute; opacity: 0.2; z-index: 0; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-tr, .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-td { position: relative; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-tr::after, .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-td::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; opacity: 0.2; z-index: 0; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-tr::after { border-bottom: 1px solid currentColor; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-td::after { border-right: 1px solid currentColor; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-td:first-child::after { border-left: 1px solid currentColor; } .wcs-timetable--monthly-calendar.wcs-timetable--all-borders .wcs-table-thead .wcs-table-td::after { border-top: 1px solid currentColor; } .wcs-timetable--monthly-calendar.wcs-timetable--alternate .wcs-table-tr:nth-child(2n+1) { position: relative; } .wcs-timetable--monthly-calendar.wcs-timetable--alternate .wcs-table-tr:nth-child(2n+1)::after { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; position: absolute; opacity: 0.075; } .wcs-timetable--monthly-calendar.wcs-timetable--highligh-round .wcs-date--selected::before { display: none; } .wcs-timetable--monthly-calendar.wcs-timetable--highligh-round .wcs-date--selected span:after { width: 2.85em; height: 2.85em; opacity: 1; z-index: -1; top: 50%; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 200em; } .wcs-timetable--monthly-calendar.wcs-timetable--highligh-round .wcs-date--selected span { padding-bottom: 0; } .wcs-timetable--monthly-calendar.wcs-timetable--loading .wcs-spinner { display: block; } .wcs-timetable--monthly-calendar.wcs-timetable--loading .wcs-table-tr { opacity: 0.6; } .wcs-timetable--monthly-calendar.wcs-timetable--past-hidden .wcs-date--past span { opacity: 0.35; } .wcs-timetable--monthly-calendar .wcs-class { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-align-content: flex-start; align-content: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .wcs-timetable--monthly-calendar .wcs-class + .wcs-class { margin-top: 3em; position: relative; } .wcs-timetable--monthly-calendar .wcs-class + .wcs-class::before { content: ''; display: block; top: -1.5em; left: 0; right: 0; width: 100%; border-top: 1px dashed currentColor; opacity: .2; position: absolute; } .wcs-timetable--monthly-calendar .wcs-class--canceled .wcs-class__inner, .wcs-timetable--monthly-calendar .wcs-class--canceled .wcs-class__image { opacity: 0.45; text-decoration: line-through; } .wcs-timetable--monthly-calendar .wcs-class__image { -webkit-flex-basis: 18%; flex-basis: 18%; height: 4.5em; -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-align-self: flex-start; align-self: flex-start; } @media (max-width: 767px) { .wcs-timetable--monthly-calendar .wcs-class__image { display: none; } } @media (min-width: 768px) { .wcs-timetable--monthly-calendar .wcs-class__image + .wcs-class__inner { margin-left: 6%; -webkit-align-self: center; align-self: center; } } .wcs-timetable--monthly-calendar .wcs-class__inner { -webkit-box-flex: 4; -webkit-flex-grow: 4; flex-grow: 4; text-align: left; } .wcs-timetable--monthly-calendar .wcs-class__title { font-size: 110%; margin: .25em 0 !important; } .wcs-timetable--monthly-calendar .wcs-class__meta { font-size: 90%; } .wcs-timetable--monthly-calendar .wcs-class__time-duration { font-size: 90%; } .wcs-timetable__zero-data { display: block; position: relative; padding: 10vh 5vh; text-align: center; width: 100%; } .wcs-timetable__zero-data::before { content: ''; display: block; position: absolute; opacity: 0.125; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-timetable__zero-data > h3, .wcs-timetable__zero-data > p { margin: 0 !important; padding: 0 !important; } @media (max-width: 768px) { .wcs-timetable__zero-data > h3, .wcs-timetable__zero-data > p { font-size: 120%; } } .wcs-btn { display: inline-block; padding: 6px 12px; position: relative; font-size: 85%; border-radius: 2px; color: inherit; box-shadow: none !important; } .wcs-btn::before, .wcs-btn::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; border-radius: inherit; } .wcs-btn::before { background-color: currentcolor; opacity: 0.05; } .wcs-btn::after { border: 1px solid currentColor; } .wcs-btn:first-of-type { margin-left: 0; } .wcs-btn--action::before, .wcs-btn--action::after { display: none; } .wcs-btn--lg { padding: 12px 24px; font-size: 100%; } .wcs-btn + .wcs-btn { margin-left: 3px; margin-right: 3px; } .wcs-more { margin-top: 5vh; border: none; padding: 1vh 3vh; border-radius: 2px; font-size: 90%; font-weight: bold; } .wcs-more:disabled { opacity: 0.85; } .wcs-more.disabled:disabled { opacity: 0.35; color: inherit; position: relative; background-color: transparent !important; } .wcs-more.disabled:disabled::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor !important; opacity: 0.15; } .wcs-more.disabled:disabled::after { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid; opacity: 0.2; border-radius: 2px; } #wcs-vue-modal, .wcs-vue-modal { display: none; } .wcs_modal--opened #wcs-vue-modal, .wcs_modal--opened .wcs-vue-modal { display: block; } .wcs-modal { color: rgba(0, 0, 0, 0.65); text-align: center; font-size: 16px; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.8); z-index: 9999999; position: fixed; top: 0; bottom: 0; right: 0; left: 0; overflow-x: hidden; overflow-y: scroll; } .wcs-modal * { box-sizing: border-box; } .wcs-modal__loader { background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; bottom: 0; right: 0; left: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; padding-top: 60px 0; } .wcs-modal h2 { margin: 0 0 20px; color: inherit; font-size: 160%; text-align: left; line-height: 1.42; } .wcs-modal h2 small { display: block; font-weight: normal; } .wcs-modal a:not(.wcs-btn):not(.wcs-modal__close) { color: inherit; } .wcs-modal--light { background-color: rgba(255, 255, 255, 0.8); } .wcs-modal--light.wcs-modal__loader { background-color: rgba(255, 255, 255, 0.8); } .wcs-modal--light.wcs-modal__loader .wcs-spinner > div { background-color: rgba(0, 0, 0, 0.65); } .wcs-modal--light .wcs-modal__close { color: rgba(0, 0, 0, 0.65); } .wcs-modal--light .wcs-modal__close:hover { color: rgba(0, 0, 0, 0.35); } .wcs-modal--light .wcs-modal__inner { box-shadow: 0px 0px 33px 4px rgba(0, 0, 0, 0.125); } .wcs-modal__box { margin: auto; background-size: cover; position: relative; } @media (min-width: 992px) { .wcs-modal__box { width: 800px; } } @media (min-width: 1200px) { .wcs-modal__box { width: 1000px; } } .wcs-modal__inner { background-color: white; border-radius: 2px; margin: 60px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } @media (min-width: 992px) { .wcs-modal__inner { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin: 100px 0; } } .wcs-modal__content { width: 100%; padding: 50px; } @media (min-width: 992px) { .wcs-modal__content { width: calc(100% - 300px); } .wcs-modal__content--full { width: 100%; } } .wcs-modal__side { width: 100%; position: relative; padding: 0; } .wcs-modal__side::before, .wcs-modal__side::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentcolor; opacity: 0.05; } .wcs-modal__side::after { right: 0; bottom: auto; border-top: 1px solid currentcolor; opacity: 0.1; } @media (min-width: 992px) { .wcs-modal__side { width: 300px; display: block; } .wcs-modal__side::after { right: auto; bottom: 0; border-left: 1px solid currentcolor; opacity: 0.1; } } .wcs-modal__meta { list-style: none; margin: 0; padding: 50px 50px 20px; width: 100%; } @media (min-width: 992px) { .wcs-modal__meta { padding: 50px 30px; } } .wcs-modal__meta li { position: relative; padding: 0 0 0 30px; font-size: 90%; margin: 0 0 10px 0; display: block; } .wcs-modal__meta [class*='ti-']::before { position: absolute; left: 0; top: 1px; } .wcs-modal__close { position: absolute; right: 20px; top: 0; margin-top: -40px; color: #fff; font-size: 24px; text-decoration: none !important; } .wcs-modal__close:hover { color: #fff; opacity: 0.75; } @media (min-width: 992px) { .wcs-modal__close { right: 0; } } .wcs-modal--muted { opacity: 0.65; font-size: inherit; } .wcs-modal__action { padding: 50px 50px 20px; width: 100%; } @media (min-width: 992px) { .wcs-modal__action { padding: 50px 30px; } } .wcs-modal .wcs-map { width: 100%; height: 300px !important; } .wcs-modal .wcs-image { display: none; border-radius: 0; border-top-right-radius: 2px; } @media (min-width: 992px) { .wcs-modal .wcs-image { width: 100%; height: auto; display: block; } } .wcs-modal .ti-time::before { margin-top: 2px; } .wcs-modal .wcs-btn { margin: 0 10px 10px 0; } .wcs-modal--large.wcs-modal--with-image .wcs-modal__side { padding-top: 30vh; background-size: cover; background-repeat: no-repeat; background-position: center center; } .wcs-modal--large .wcs-modal__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; display: block; } .wcs-modal--large .wcs-modal__content { width: 100%; } .wcs-modal--large .wcs-modal__side { width: 100%; color: white; } .wcs-modal--large .wcs-modal__meta { padding: 0; } .wcs-modal--large .wcs-modal__meta li { width: auto; display: inline-block; margin-right: 10px; white-space: nowrap; } .wcs-modal--large .wcs-modal__inner-side { padding: 50px 50px 20px; background-color: rgba(0, 0, 0, 0.45); position: relative; } .wcs-modal--large .wcs-modal__inner-side::before { content: ''; display: block; position: absolute; opacity: 0.5; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; background-color: currentcolor; top: 0; right: 0; bottom: 0; left: 0; } .wcs-modal--large .wcs-modal__inner-side::before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+14,0.65+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .wcs-modal--large .wcs-btn { margin: 5px 0 0 10px; padding: 10px 25px; float: right; font-size: 15px; position: relative; } .wcs-modal--large .wcs-btn:hover { color: inherit; } .wcs-modal--large .wcs-btn:hover::before { opacity: 0.35; } .wcs-modal--large .wcs-btn::before { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background: currentcolor; opacity: 0.225; } .wcs-modal--large .wcs-label--sold-out { display: inline-block; background-color: rgba(0, 0, 0, 0.25); float: right; margin: 5px 0 0 10px; font-size: 15px; line-height: 1; margin: 5px 0 0 10px; padding: 10px 25px; } body.wcs_modal--opened { overflow: hidden; } body.wcs_modal--opened > :not(#wcs-vue-modal):not(.wcs-vue-modal), body.wcs_modal--opened::before, body.wcs_modal--opened::after { -webkit-filter: blur(7px) grayscale(1); filter: blur(7px) grayscale(1); } .wcs-spinner { margin: 100px auto; width: 100px; height: 80px; text-align: center; font-size: 10px; } .wcs-spinner > div { background-color: #fff; height: 100%; width: 5px; display: inline-block; margin: 0 1px; opacity: 0.92; -webkit-animation: wcs-stretchdelay 1.2s infinite ease-in-out; animation: wcs-stretchdelay 1.2s infinite ease-in-out; } .wcs-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .wcs-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .wcs-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .wcs-spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes wcs-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes wcs-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .wcs-addons--pipe { line-height: 1; overflow: hidden; position: relative; padding-left: 1.4em; } .wcs-addons--pipe::before { content: ''; display: inline-block; position: absolute; border-radius: 100em; width: 0.3em; height: 0.3em; background-color: currentColor; opacity: 0.45 !important; left: 0.45em; top: 0.45em; } .wcs-class--unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wcs-addons--blink { animation: blink 1s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; display: inline-block; padding: 0 1px; } @keyframes blink { to { visibility: hidden; } } @-webkit-keyframes blink { to { visibility: hidden; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ .missing-google-maps-api-key { background-color: #DF5851; color: white; padding: 30px; } .missing-google-maps-api-key small { display: block; text-transform: uppercase; font-size: 11px; font-weight: normal; padding-top: 20px; opacity: 0.6; } #single-wcs-event { max-width: 1170px; padding: 0 15px; margin: 0 auto; } #single-wcs-event .wcs-map { margin-top: 2vh; } #single-wcs-event.single-wcs-event--left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #single-wcs-event.single-wcs-event--left .wcs-single-left { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; padding-right: 5vh; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; } #single-wcs-event.single-wcs-event--left .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; -webkit-flex-basis: 100%; flex-basis: 100%; } #single-wcs-event.single-wcs-event--right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #single-wcs-event.single-wcs-event--right .wcs-single-left { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; padding-right: 5vh; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; } #single-wcs-event.single-wcs-event--right .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; -webkit-flex-basis: 100%; flex-basis: 100%; } #single-wcs-event.single-wcs-event--center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #single-wcs-event.single-wcs-event--center .wcs-single-left { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } #single-wcs-event.single-wcs-event--center .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } @media (min-width: 768px) { #single-wcs-event { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #single-wcs-event .wcs-single-right { position: relative; border-radius: 3px; text-align: center; } #single-wcs-event .wcs-single-right p:empty { display: none; } #single-wcs-event .wcs-single-right::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: currentcolor; opacity: 0.05; } #single-wcs-event .wcs-single-right__content { padding: 4vh; } #single-wcs-event.single-wcs-event--right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } #single-wcs-event.single-wcs-event--right .wcs-single-left { -webkit-box-flex: 2; -webkit-flex: 2 0 0; flex: 2 0 0; padding-right: 5vh; } #single-wcs-event.single-wcs-event--right .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; } #single-wcs-event.single-wcs-event--left .wcs-single-left { -webkit-box-flex: 2; -webkit-flex: 2 0 0; flex: 2 0 0; padding-left: 5vh; } #single-wcs-event.single-wcs-event--left .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; } #single-wcs-event.single-wcs-event--center { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #single-wcs-event.single-wcs-event--center .wcs-single-left { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; margin-top: 4vh; } #single-wcs-event.single-wcs-event--center .wcs-single-right { -webkit-box-flex: 1; -webkit-flex: 1 0 0; flex: 1 0 0; margin-bottom: 4vh; position: relative; } #single-wcs-event .wcs-single__date::before { content: "\e6b6"; font-family: 'themify'; display: inline-block; margin-right: 1vh; font-size: 14px; } #single-wcs-event .wcs-single__date + .wcs-single__date::before { content: ' — '; font-family: inherit; } #single-wcs-event .wcs-single__time-duration { margin-bottom: 2vh; } #single-wcs-event .wcs-single__starting { margin-left: 1vh; margin-right: .75vh; } #single-wcs-event .wcs-single__starting::before { content: "\e72b"; font-family: 'themify'; display: inline-block; margin-right: 1vh; font-size: 14px; } #single-wcs-event .wcs-single__ending, #single-wcs-event .wcs-single__starting, #single-wcs-event .wcs-single__date { display: inline-block; font-size: 1.2em; margin-bottom: 2vh; } #single-wcs-event .wcs-single__action { padding-top: 2vh; } #single-wcs-event .wcs-single__instructor { font-size: 0.65em; text-transform: uppercase; letter-spacing: 2px; opacity: 0.75; } #single-wcs-event .wcs-single__location { margin-bottom: 1vh; padding-top: 2vh; position: relative; } #single-wcs-event .wcs-single__location::before { content: ''; display: block; position: absolute; top: 0; width: 4em; left: 50%; margin-left: -2em; border-top: 3px solid currentcolor; opacity: 0.125; } #single-wcs-event .wcs-single__duration { opacity: 0.5; margin-left: 1vh; } #single-wcs-event .wcs-btn { margin-bottom: 0 !important; padding: 1vh 3vh; font-weight: bold; } } #single-wcs-event .wcs-single__image { border-top-left-radius: 3px; border-top-right-radius: 3px; max-width: 100%; height: auto; } #single-wcs-event .wcs-event-details { min-height: 600px; position: relative; margin-bottom: 4vh; text-align: center; padding: 4vh; } #single-wcs-event .wcs-event-details::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 2px dashed currentcolor; border-bottom: 2px dashed currentcolor; opacity: 0.25; } .wcs-table { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .wcs-table-tr { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; } .wcs-table-thead { -webkit-flex-basis: 4em; flex-basis: 4em; } .wcs-table-tr--full { display: table-row; width: 100%; } .wcs-table-td { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 4em; flex-basis: 4em; min-width: 2em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 2vh 0; } .wcs-table-td--full { width: 100%; } .wcs-woo-description { opacity: 0.75; display: inline-block; } .wcs-modal-call { cursor: pointer; } .wcs-vue[v-cloak] { visibility: hidden; }
Save