.wpem-week-view-event {
font-size: 14px;
line-height: 1.5;
}
.wpem-week-view-event_header-wrapper {
display: flex;
border-top: 1px solid var(--wpem-gray-border-color);
}
.wpem-week-view-event_head-time {
flex: 0 0 63px;
width: 63px;
display: flex;
align-items: center;
justify-content: center;
}
.wpem-week-view-event_head {
width: calc(14.28% - 9px);
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wpem-week-view-event_head-daynum {
font-size: 20px;
font-weight: bold;
}
.wpem-week-view-event_body-wrapper {
height: 720px;
overflow: auto;
border-bottom: 1px solid var(--wpem-gray-border-color);
border-top: 1px solid var(--wpem-gray-border-color);
}
.wpem-week-view-event_body-wrapper::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.wpem-week-view-event_body-wrapper::-webkit-scrollbar-track {
background: var(--wpem-gray-bg-color);
}
.wpem-week-view-event_body-wrapper::-webkit-scrollbar-thumb {
background: var(--wpem-gray-border-color);
}
.wpem-week-view-event_body-wrapper::-webkit-scrollbar-thumb:hover {
background: var(--wpem-gray-color);
}
.wpem-week-view-event_body{
display: flex;
}
.wpem-week-view-event_time-col {
flex: 0 0 63px;
width: 63px;
display: block;
text-align: right;
padding: 20px 0;
}
.wpem-week-view-event_time {
display: block;
height: 56px;
font-size: 12px;
padding-right: 10px;
}
.wpem-week-view-event_day-col {
width: calc(14.28% - 9px);
border-left: 1px solid var(--wpem-gray-border-color);
padding: 20px 0px;
position: relative;
}
.wpem-week-view-event_wrap {
position: absolute;
left: 5px;
width: calc(100% - 10px);
}
:root{
--wpem-spacer-10: 56px;
} .wpem-week-view-event_wrap-time-1 {
top: calc(var(--wpem-spacer-10) - 36px);
}
.wpem-week-view-event_wrap-time-1-5 {
top: calc(var(--wpem-spacer-10) - 8px);
}
.wpem-week-view-event_wrap-time-2 {
top: calc(var(--wpem-spacer-10)*1 + 20px);
}
.wpem-week-view-event_wrap-time-2-5 {
top: calc(var(--wpem-spacer-10)*1 + 48px);
}
.wpem-week-view-event_wrap-time-3 {
top: calc(var(--wpem-spacer-10)*2 + 20px);
}
.wpem-week-view-event_wrap-time-3-5 {
top: calc(var(--wpem-spacer-10)*2 + 48px);
}
.wpem-week-view-event_wrap-time-4 {
top: calc(var(--wpem-spacer-10)*3 + 20px);
}
.wpem-week-view-event_wrap-time-4-5 {
top: calc(var(--wpem-spacer-10)*3 + 48px);
}
.wpem-week-view-event_wrap-time-5 {
top: calc(var(--wpem-spacer-10)*4 + 20px);
}
.wpem-week-view-event_wrap-time-5-5 {
top: calc(var(--wpem-spacer-10)*4 + 48px);
}
.wpem-week-view-event_wrap-time-6 {
top: calc(var(--wpem-spacer-10)*5 + 20px);
}
.wpem-week-view-event_wrap-time-6-5 {
top: calc(var(--wpem-spacer-10)*5 + 48px);
}
.wpem-week-view-event_wrap-time-7 {
top: calc(var(--wpem-spacer-10)*6 + 20px);
}
.wpem-week-view-event_wrap-time-7-5 {
top: calc(var(--wpem-spacer-10)*6 + 48px);
}
.wpem-week-view-event_wrap-time-8 {
top: calc(var(--wpem-spacer-10)*7 + 20px);
}
.wpem-week-view-event_wrap-time-8-5 {
top: calc(var(--wpem-spacer-10)*7 + 48px);
}
.wpem-week-view-event_wrap-time-9 {
top: calc(var(--wpem-spacer-10)*8 + 20px);
}
.wpem-week-view-event_wrap-time-9-5 {
top: calc(var(--wpem-spacer-10)*8 + 48px);
}
.wpem-week-view-event_wrap-time-10 {
top: calc(var(--wpem-spacer-10)*9 + 20px);
}
.wpem-week-view-event_wrap-time-10-5 {
top: calc(var(--wpem-spacer-10)*9 + 48px);
}
.wpem-week-view-event_wrap-time-11 {
top: calc(var(--wpem-spacer-10)*10 + 20px);
}
.wpem-week-view-event_wrap-time-11-5 {
top: calc(var(--wpem-spacer-10)*10 + 48px);
}
.wpem-week-view-event_wrap-time-12{
top: calc(var(--wpem-spacer-10)*11 + 20px);
}
.wpem-week-view-event_wrap-time-12-5 {
top: calc(var(--wpem-spacer-10)*11 + 48px);
}
.wpem-week-view-event_wrap-time-13{
top: calc(var(--wpem-spacer-10)*12 + 20px);
}
.wpem-week-view-event_wrap-time-13-5 {
top: calc(var(--wpem-spacer-10)*12 + 48px);
}
.wpem-week-view-event_wrap-time-14{
top: calc(var(--wpem-spacer-10)*13 + 20px);
}
.wpem-week-view-event_wrap-time-14-5 {
top: calc(var(--wpem-spacer-10)*13 + 48px);
}
.wpem-week-view-event_wrap-time-15{
top: calc(var(--wpem-spacer-10)*14 + 20px);
}
.wpem-week-view-event_wrap-time-15-5 {
top: calc(var(--wpem-spacer-10)*14 + 48px);
}
.wpem-week-view-event_wrap-time-16{
top: calc(var(--wpem-spacer-10)*15 + 20px);
}
.wpem-week-view-event_wrap-time-16-5 {
top: calc(var(--wpem-spacer-10)*15 + 48px);
}
.wpem-week-view-event_wrap-time-17{
top: calc(var(--wpem-spacer-10)*16 + 20px);
}
.wpem-week-view-event_wrap-time-17-5 {
top: calc(var(--wpem-spacer-10)*16 + 48px);
}
.wpem-week-view-event_wrap-time-18{
top: calc(var(--wpem-spacer-10)*17 + 20px);
}
.wpem-week-view-event_wrap-time-18-5 {
top: calc(var(--wpem-spacer-10)*17 + 48px);
}
.wpem-week-view-event_wrap-time-19{
top: calc(var(--wpem-spacer-10)*18 + 20px);
}
.wpem-week-view-event_wrap-time-19-5 {
top: calc(var(--wpem-spacer-10)*18 + 48px);
}
.wpem-week-view-event_wrap-time-20{
top: calc(var(--wpem-spacer-10)*19 + 20px);
}
.wpem-week-view-event_wrap-time-20-5 {
top: calc(var(--wpem-spacer-10)*19 + 48px);
}
.wpem-week-view-event_wrap-time-21{
top: calc(var(--wpem-spacer-10)*20 + 20px);
}
.wpem-week-view-event_wrap-time-21-5 {
top: calc(var(--wpem-spacer-10)*20 + 48px);
}
.wpem-week-view-event_wrap-time-22{
top: calc(var(--wpem-spacer-10)*21 + 20px);
}
.wpem-week-view-event_wrap-time-22-5 {
top: calc(var(--wpem-spacer-10)*21 + 48px);
}
.wpem-week-view-event_wrap-time-23{
top: calc(var(--wpem-spacer-10)*22 + 20px);
}
.wpem-week-view-event_wrap-time-23-5 {
top: calc(var(--wpem-spacer-10)*22 + 48px);
}
.wpem-week-view-event_wrap-time-24{
top: calc(var(--wpem-spacer-10)*23 + 20px);
}
.wpem-week-view-event_wrap-time-24-5 {
top: calc(var(--wpem-spacer-10)*23 + 48px);
}  .wpem-week-view-event_wrap-height-1 .wpem-week-view-event_title {
height: var(--wpem-spacer-10);
}
.wpem-week-view-event_wrap-height-1-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*1 + 28px);
}
.wpem-week-view-event_wrap-height-2 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*2);
}
.wpem-week-view-event_wrap-height-2-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*2 + 28px);
}
.wpem-week-view-event_wrap-height-3 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*3);
}
.wpem-week-view-event_wrap-height-3-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*3 + 28px);
}
.wpem-week-view-event_wrap-height-4 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*4);
}
.wpem-week-view-event_wrap-height-4-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*4 + 28px);
}
.wpem-week-view-event_wrap-height-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*5);
}
.wpem-week-view-event_wrap-height-5-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*5 + 28px);
}
.wpem-week-view-event_wrap-height-6 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*6);
}
.wpem-week-view-event_wrap-height-6-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*6 + 28px);
}
.wpem-week-view-event_wrap-height-7 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*7);
}
.wpem-week-view-event_wrap-height-7-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*7 + 28px);
}
.wpem-week-view-event_wrap-height-8 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*8);
}
.wpem-week-view-event_wrap-height-8-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*8 + 28px);
}
.wpem-week-view-event_wrap-height-9 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*9);
}
.wpem-week-view-event_wrap-height-9-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*9 + 28px);
}
.wpem-week-view-event_wrap-height-10 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*10);
}
.wpem-week-view-event_wrap-height-10-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*10 + 28px);
}
.wpem-week-view-event_wrap-height-11 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*11);
}
.wpem-week-view-event_wrap-height-11-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*11 + 28px);
}
.wpem-week-view-event_wrap-height-12 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*12);
}
.wpem-week-view-event_wrap-height-12-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*12 + 28px);
}
.wpem-week-view-event_wrap-height-13 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*13);
}
.wpem-week-view-event_wrap-height-13-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*13 + 28px);
}
.wpem-week-view-event_wrap-height-14 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*14);
}
.wpem-week-view-event_wrap-height-14-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*14 + 28px);
}
.wpem-week-view-event_wrap-height-15 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*15);
}
.wpem-week-view-event_wrap-height-15-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*15 + 28px);
}
.wpem-week-view-event_wrap-height-16 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*16);
}
.wpem-week-view-event_wrap-height-16-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*16 + 28px);
}
.wpem-week-view-event_wrap-height-17 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*17);
}
.wpem-week-view-event_wrap-height-17-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*17 + 28px);
}
.wpem-week-view-event_wrap-height-18 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*18);
}
.wpem-week-view-event_wrap-height-18-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*18 + 28px);
}
.wpem-week-view-event_wrap-height-19 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*19);
}
.wpem-week-view-event_wrap-height-19-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*19 + 28px);
}
.wpem-week-view-event_wrap-height-20 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*20);
}
.wpem-week-view-event_wrap-height-20-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*20 + 28px);
}
.wpem-week-view-event_wrap-height-21 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*21);
}
.wpem-week-view-event_wrap-height-21-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*21 + 28px);
}
.wpem-week-view-event_wrap-height-22 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*22);
}
.wpem-week-view-event_wrap-height-22-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*22 + 28px);
}
.wpem-week-view-event_wrap-height-23 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*23);
}
.wpem-week-view-event_wrap-height-23-5 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*23 + 28px);
}
.wpem-week-view-event_wrap-height-24 .wpem-week-view-event_title {
height: calc(var(--wpem-spacer-10)*24);
} .wpem-week-view-event_title {
background-color: var(--wpem-gray-bg-color);
border: 2px solid var(--wpem-white-color);
border-radius: 4px;
line-height: normal;
padding: 7px 8px;
font-weight: 500;
font-size: 12px;
cursor: pointer;
position: relative;
}
.wpem-week-view-event_title:hover {
background-color: var(--wpem-gray-border-color);
z-index: 1;
}
.wpem-week-view-event_short-title {
margin: 0;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wpem-week-view-event_title small {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.wpem-week-view-event_title i {
font-size: 16px;
position: relative;
top: 2px;
margin-right: 5px;
}
.tooltipster-base {
width: 260px;
max-height: 340px;
height: 100%;
overflow: auto;
background-color: var(--wpem-white-color);
z-index: 1;
padding: 15px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
border: 1px solid var(--wpem-gray-border-color);
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
}
.wpem-week-view-event_detail{
display: none;
}
.tooltipster-show .wpem-week-view-event_detail{
display: block;
}
.wpem-week-view-event_detetime {
font-size: 12px;
margin-bottom: 5px;
color: var(--wpem-gray-color);
}
.wpem-week-view-event_detail-title .wpem-week-view-event_detail-title-link {
color: var(--wpem-dark-color);
font-weight: bold;
font-size: 16px;
margin: 5px 0;
display: block;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-decoration: none;
}
.wpem-week-view-event_detail-detail {
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--wpem-gray-color);
}
.wpem-week-view-event_banner{
display: block;
position: relative;
margin-bottom: 10px;
}
.wpem-week-view-event_banner img {
border-radius: 4px;
max-height: 140px;
width: 100%;
object-fit: cover;
transition: all 0.3s 0s;
}
.wpem-week-view-event_banner:hover img{
opacity: .8;
}
.wpem-week-view-event_wrap.event_featured .wpem-week-view-event_title{
background-color: #ffffe4;
}
.wpem-week-view-event_wrap.event_cancelled .wpem-week-view-event_title{
background-color: #FFE5E8;
}
.wpem-week-navigation {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
margin-bottom: 20px !important;
}
.wpem-week-navigation button {
border: none !important;
cursor: pointer !important;
padding: 10px !important;
}
#prev_week, #next_week {
background-color: transparent !important;
}
#prev_week:hover {
background-color: #0096FF !important;
}
#next_week:hover {
background-color: #0096FF !important;
}
#current_week{
border: 1px solid black !important;
border-radius: 4px !important;
padding: 5px 15px 5px 15px !important;
margin-right: 10px !important;
}
.wpem-week-view-event_link{
text-decoration: none !important;
color: black !important;
}
@media only screen and (max-width: 767px) {
.wpem-week-view-event_title {
font-size: 0 !important;
width: 16px !important;
height: 16px !important;
background-color: var(--wpem-gray-color);
border-radius: 100px;
padding: 0;
overflow: hidden;
visibility: visible;
display: block;
margin: 0 auto;
}
.wpem-week-view-event_short-title {
font-size: 0 !important;
}
}