.wpem-calendar-yearly-view-calendar .calendar-contents-container {
margin-bottom: 20px;
}
.wpem-calendar-table-title {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-align: center;
line-height: normal;
margin-bottom: 5px;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar {
box-shadow: 0px 0px 30px rgb(0 0 0 / 5%);
border: 0px;
margin: 0px;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar td, .wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar th {
border: 0;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-widget-event-details-link {
text-decoration: none;
font-weight: 600;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar td.calendar-day-container.today .day-number {
color: var(--wpem-white-color);
background-color: var(--wpem-primary-color);
margin-top: 2px;
padding: 8px 0 !important;
border-radius: 100px;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar td.calendar-day-container.today{
background: transparent;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .calendar-contents-container table.calendar td.calendar-day-container .day-number {
font-size: 12px;
color: var(--wpem-gray-color);
}
.wpem-calendar-yearly-view-calendar td {
height: 36px;
line-height: 36px;
}
.wpem-calendar-yearly-view-event {
display: flex;
padding: .5rem 0;
border-bottom: 1px solid var(--wpem-gray-border-color);
}
.wpem-calendar-yearly-view-event time {
text-align: center;
background: var(--wpem-gray-bg-color);
border-radius: 4px;
flex: 0 0 70px;
max-width: 70px;
padding: 5px 0 10px;
margin-right: 10px;
}
.wpem-calendar-yearly-view-event_date {
font-size: 20px;
font-weight: 600;
color: var(--wpem-dark-color);
}
.wpem-calendar-yearly-view-event_month {
font-size: 12px;
text-transform: uppercase;
line-height: 10px;
color: var(--wpem-gray-color);
}
.wpem-calendar-yearly-view-event_title {
margin-right: 15px;
}
.wpem-calendar-yearly-view-event_title h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.wpem-calendar-yearly-view-event_title h3 a {
font-size: 14px;
font-weight: 500;
color: var(--wpem-dark-color);
text-decoration: none;
display: inline;
}
.wpem-calendar-yearly-view-event_short-details {
flex: 1;
min-height: 55px;
display: flex;
flex-direction: column;
justify-content: center;
}
.wpem-calendar-yearly-view-event_single {
display: flex;
margin: 3px 0;
position: relative;
padding-left: 15px;
}
.wpem-calendar-yearly-view-event_single:before {
content: "";
width: 8px;
height: 8px;
background-color: var(--wpem-gray-bg-color);
position: absolute;
left: 0;
top: calc(50% - 7px);
border-radius: 10px;
transition: all 0.3s 0s;
}
.wpem-calendar-yearly-view-event_single:hover:before {
background-color: var(--wpem-primary-color);
transform: scale(1.5);
}
.wpem-icon-cheveron-left, .wpem-icon-cheveron-right{
color: black;
}
.wpem-year-navigation {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
.wpem-year-navigation button {
border: none !important;
cursor: pointer !important;
padding: 10px !important;
}
#prev_year, #next_year {
background-color: transparent !important;
}
#prev_year:hover {
background-color: #0096FF !important;
}
#next_year:hover {
background-color: #0096FF !important;
}
#current_year{
border: 1px solid black !important;
border-radius: 4px !important;
padding: 5px 15px 5px 15px !important;
margin-right: 10px !important;
}
.wpem-icon-cheveron-left,
.wpem-icon-cheveron-right {
font-size: 20px;
}
@media (min-width: 992px){
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .wpem-row {
margin-right: -10px;
margin-left: -10px;
}
.wpem-calendar-yearly-view-calendar .wpem-calendar-view-container .wpem-row .wpem-col-lg-6 {
padding-left: 10px;
padding-right: 10px;
}
}