:root {
--font-size-calendar: 18px;
--border-radius-calendar: 5px;
}
#top .avia-datepicker-div.ui-datepicker {
width: 400px;
padding: 20px;
display: none;
background: var(--enfold-main-color-bg);
font-size: inherit;
border: 1px solid var(--enfold-main-color-border);
border-radius: var(--border-radius-calendar);
box-shadow: 0 0 44px 0 rgba(0, 0, 0, .2);
}
#top .avia-datepicker-div.ui-datepicker a {
text-decoration: none !important;
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev {
top: 5px;
width: 60px;
height: 32px;
background-color: var(--color-primary);
color: var(--color-light);
line-height: 34px;
border: 1px solid var(--color-primary);
border-radius: var(--border-radius-calendar);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next:hover,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev:hover {
background-color: var(--color-text);
color: var(--color-light);
border-color: var(--colot-text);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span {
color: var(--color-light);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-calendar);
text-transform: uppercase;
}
#top .avia-datepicker-div.ui-datepicker span.ui-datepicker-month,
#top .avia-datepicker-div.ui-datepicker span.ui-datepicker-year {
font-family: var(--font-family-main);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h4);
text-transform: uppercase;
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-month,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-year {
color: var(--color-text);
border-color: var(--color-border-light);
border-radius: var(--border-radius-calendar);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-calendar);
text-transform: uppercase;
border-radius: var(--border-radius-calendar);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover {
background-color: var(--color-primary);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-unselectable {
color: var(--color-text);
}
#top .avia-datepicker-div.ui-datepicker .ui-state-disabled {
opacity: 0.4;
}
#top .avia-datepicker-div.ui-datepicker td {
padding: 2px;
}
#top .avia-datepicker-div.ui-datepicker th span {
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-calendar);
}
#top .avia-datepicker-div.ui-datepicker td a,
#top .avia-datepicker-div.ui-datepicker td span {
padding: 8px 4px;
font-size: var(--font-size-calendar);
border-radius: var(--border-radius-calendar);
background: var(--color-bg-primary);
}
#top .avia-datepicker-div.ui-datepicker a.ui-state-active,
#top .avia-datepicker-div.ui-datepicker a.ui-state-highlight {
color: var(--color-text);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
}
#top .avia-datepicker-div.ui-datepicker a.ui-state-hover,
#top .avia-datepicker-div.ui-datepicker a.ui-state-highlight {
color: var(--color-text);
background-color: var(--color-bg-secondary);
}
#top .avia-datepicker-div.ui-datepicker a.ui-state-active {
color: var(--color-light);
background-color: var(--color-text);
}