#ewpe-popup-wraper {
display: none;
}
@media screen and (max-width:800px) {
.ewpe-calendar-wrapper {
flex-wrap: nowrap;
}
}
.ewpe-calendar-wrapper .ewpe-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: -1;
}
.ewpe-calendar-wrapper .ewpe-modal .ewpe-ec-modal-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #000000;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ewpe-calendar-wrapper .ewpe-modal.ewpe-ec-popup-ready {
display: flex !important;
justify-content: center;
align-items: center;
z-index: 99999;
opacity: 1;
}
.ewpe-calendar-wrapper .ewpe-modal-content {
position: relative;
margin: auto;
border: 1px solid #888;
max-width: 900px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #fefefe; width: 50%;
border-radius: 10px;
}
.ewpe-calendar-wrapper .ewpe-modal-header { color: white;
border-color: #009900;
overflow: auto;
margin-top: 8px;
}
.ewpe-calendar-wrapper .ewpe-featured-img .ewpe-img {
width: -webkit-fill-available;
object-fit: cover;
height: 300px;
}
.ewpe-calendar-wrapper .ewpe-modal-header h2 {
color: #242424;
margin: 0;
padding: 0;
}
.ewpe-calendar-wrapper .ewpe-modal-header .ewpe-event-popup-date {
color: #555;
padding-top: 2px; }
.ewpe-calendar-wrapper .ewpe-modal-header .ewpe-event-popup-date i {
color: #5725ff;
}
.ewpe-calendar-wrapper .ewpe-modal-close {
position: absolute;
right: 22px;
top: 22px;
font-size: 24px;
z-index: 9999;
cursor: pointer;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: visible;
border: 2px solid #fff;
background: #fff;
text-align: center;
-webkit-box-shadow: 2px 0px 12px 3px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 2px 0px 12px 3px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: #000 !important;
height: 30px;
width: 30px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.ewpe-calendar-wrapper .ewpe-modal-close>span {
font-size: 20px;
}
.ewpe-calendar-wrapper .ewpe-modal-close:hover,
.ewpe-calendar-wrapper .ewpe-modal-close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.ewpe-calendar-wrapper .ewpe-modal-body { margin: 10px 0;
color: #555555;
height: auto;
overflow-y: auto;
word-break: break-word;
}
.ewpe-calendar-wrapper .ewpe-modal-body::-webkit-scrollbar {
width: 6px;
}
.ewpe-calendar-wrapper .ewpe-modal-body::-webkit-scrollbar-thumb {
background: #aaa;
border-radius: 10px;
}
.ewpe-calendar-wrapper .ewpe-modal-footer { color: white;
border: 0px solid #ff0000;
}
.ewpe-calendar-wrapper .ewpe-event-date-start,
.ewpe-calendar-wrapper .ewpe-event-date-end {
font-size: 15px;
}
.ewpe-modal.ewpe-zoom-in {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ewpe-modal.ewpe-zoom-in .ewpe-modal-content {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.ewpe-modal.ewpe-zoom-in.ewpe-ec-popup-ready .ewpe-ec-modal-bg {
opacity: 0.7;
}
.ewpe-modal.ewpe-zoom-in.ewpe-ec-popup-ready .ewpe-modal-content {
width: 98%;
max-width: 500px;
padding: 20px;
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.ewpe-modal.ewpe-zoom-in.ewpe-ec-modal-removing .ewpe-modal-content {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.ewpe-modal.ewpe-zoom-in.ewpe-ec-modal-removing .ewpe-ec-modal-bg {
opacity: 0;
}
.ewpe_calendar_events_spinner {
display: none;
width: 50px;
height: 50px;
position: absolute;
z-index: 99;
left: calc(50% - 25px);
bottom: calc(50% - 25px);
border-radius: 50%;
overflow: hidden;
}
.fc-scroller.fc-scroller-liquid-absolute {
overflow: hidden !important;
}
.ewpe-calendar-wrapper .fc .fc-scrollgrid-section,
.fc .fc-scrollgrid-section table,
.fc .fc-scrollgrid-section>td {
margin-bottom: 0px;
}
.ewpe-calendar-wrapper .fc .fc-daygrid-day-events {
cursor: pointer;
}
@media screen and (max-width:767px) {
.ewpe-calendar-wrapper .ewpe-event-calendar-cls.fc .fc-toolbar {
flex-direction: column;
gap: 5px;
}
.ewpe-calendar-wrapper .fc .fc-daygrid-day-bottom {
font-size: 10px;
margin: 0px 3px;
}
}
@media screen and (max-width:425px) {
.ewpe-calendar-wrapper .fc-view-harness {
height: 300px !important;
padding: 3px;
}
.ewpe-calendar-wrapper .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
top: 20px;
font-size: 10px;
}
}