22

✏️ Editing: ep-fooevents-calendar-events.css

.ep-fooevents-calendar-events-wrapper{width:100%}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-list{display:flex;flex-direction:column}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-item{background-color:#ffffff;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;display:flex;flex-direction:column;height:100%}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-item:hover{box-shadow:0 6px 24px rgba(0,0,0,0.14);transform:translateY(-3px)}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-item:hover .ep-fooevents-calendar-events-image img{transform:scale(1.04)}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image{overflow:hidden;position:relative;width:100%}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-item-content{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-item-content>.ep-fooevents-calendar-events-meta-details{margin-block-end:14px}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image-meta{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:36px 14px 12px;background:linear-gradient(to top, rgba(0,0,0,0.62) 0%, transparent 100%);pointer-events:none}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image-meta .ep-fooevents-calendar-events-date-badge{pointer-events:auto;background-color:rgba(236,80,21,0.92);box-shadow:0 2px 8px rgba(0,0,0,0.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image-meta .ep-fooevents-calendar-events-date-badge[bdt-tooltip]{cursor:pointer}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image-meta .ep-fooevents-calendar-events-time{pointer-events:auto;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.55);font-weight:600}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-image-meta .ep-fooevents-calendar-events-time .ep-icon{color:#ffffff}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-meta-row{display:flex;align-items:flex-start;gap:14px;margin-block-end:14px}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-meta-row .ep-fooevents-calendar-events-date-badge[bdt-tooltip]{cursor:pointer}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-date-badge{background:linear-gradient(to right, #49e0af, #3fb8e1);color:#ffffff;border-radius:5px;padding:8px 10px;text-align:center;min-width:50px;font-weight:700;line-height:1.2;flex-shrink:0}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-date-badge .ep-day{display:block;font-size:26px;line-height:1;font-weight:900}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-date-badge .ep-month{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-date-badge .ep-year{display:block;font-size:11px;opacity:.8}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-meta-details{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-time{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffff;font-weight:500}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-time .ep-icon{font-style:normal;font-size:14px;line-height:1}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-category{display:flex;align-items:center;gap:5px;font-size:13px;color:#6e6e6e;font-weight:500}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-category .ep-icon{font-style:normal;font-size:14px;line-height:1;flex-shrink:0}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-category .ep-fooevents-calendar-events-category-link{color:#6e6e6e;text-decoration:none;transition:color .3s ease;text-transform:capitalize;padding:0px 4px;border:1px solid #7f7e7ea6}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-category .ep-fooevents-calendar-events-category-link:hover{color:#3fb8e1}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-location{display:flex;align-items:center;gap:5px;font-size:13px;color:#6e6e6e;font-weight:500}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-location .ep-icon{font-style:normal;font-size:14px;line-height:1;flex-shrink:0}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-title{font-size:18px;font-weight:700;line-height:1.4;margin:0 0 10px;color:#333333}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-title a{color:inherit;text-decoration:none;transition:color .3s ease}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-title a:hover{color:#48dab7}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-excerpt{font-size:14px;line-height:1.7;color:#666666;margin:0 0 16px;flex:1}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-read-more{display:inline-block;padding:8px 20px;color:#49ddb4;border:2px solid #49ddb4;font-size:13px;font-weight:600;text-decoration:none;border-radius:4px;transition:background-color .3s ease,color .3s ease;align-self:flex-start;margin-block-start:auto}.ep-fooevents-calendar-events-wrapper .ep-fooevents-calendar-events-read-more:hover{background-color:transparent;color:#3fb8e1;border-color:#3fb8e1}.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-item{flex-direction:row;border-radius:6px}.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-image{width:260px;min-width:260px;max-width:260px;flex-shrink:0}.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-image img{height:100%;object-fit:cover}.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-item-content{padding:20px 24px}@media (max-width:767px){.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-item{flex-direction:column}.ep-fooevents-calendar-events-wrapper.ep-fooevents-calendar-events-layout-list .ep-fooevents-calendar-events-image{width:100%;min-width:100%;max-width:100%;height:220px}}.ep-fooevents-calendar-events-wrapper .bdt-alert-warning{padding:14px 20px;border-radius:4px;background-color:#fff3cd;border:1px solid #ffc107;color:#856404;font-size:14px}

MR SKB