/* Vanilla Calendar Pro overrides — bump font size and apply the site's Tuscan palette. Enqueued with an explicit dependency on ctr-vanilla-calendar-pro so this file always loads after the vendor CSS, guaranteeing override precedence on equal-specificity rules. Selectors are intentionally unscoped ([data-vc=calendar] without a parent) because the popup is appended to in inputMode. */ [data-vc=calendar] { font-size: 1.4rem; color: #3c2a20; border: 1px solid #c9b8aa; box-shadow: 0 0.5rem 1.5rem rgba(60, 42, 32, 0.15); background-color: #ffffff; } [data-vc=calendar] [data-vc=month], [data-vc=calendar] [data-vc=year] { font-size: 1.5rem; color: #3c2a20; } [data-vc=calendar] [data-vc-week-day], [data-vc=calendar] [data-vc-week-number], [data-vc=calendar] [data-vc-week-numbers=title] { font-size: 1.1rem; } [data-vc=calendar] [data-vc-date-btn] { font-size: 1.3rem; min-height: 2.5rem; min-width: 2.5rem; line-height: 1; } [data-vc=calendar] [data-vc-arrow] { height: 2rem; width: 2rem; } [data-vc=calendar] .vc-week__day { color: #88563f; font-weight: 700; } [data-vc=calendar] .vc-date__btn { background-color: #ffffff; color: #3c2a20; } @media (hover: hover) and (pointer: fine) { [data-vc=calendar] .vc-date__btn:hover { background-color: #f5ede5; } } [data-vc=calendar] .vc-date[data-vc-date-today] .vc-date__btn { background-color: #f5ede5; color: #88563f; font-weight: 700; } [data-vc=calendar] .vc-date[data-vc-date-month=prev] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-month=next] .vc-date__btn { color: #b9a896; } [data-vc=calendar] .vc-date[data-vc-date-disabled] .vc-date__btn { color: #d8cbbc; } [data-vc=calendar] .vc-date[data-vc-date-selected=first] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-selected=last] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-selected=first-and-last] .vc-date__btn { background-color: #88563f; color: #ffffff; } @media (hover: hover) and (pointer: fine) { [data-vc=calendar] .vc-date[data-vc-date-selected=first] .vc-date__btn:hover, [data-vc=calendar] .vc-date[data-vc-date-selected=last] .vc-date__btn:hover, [data-vc=calendar] .vc-date[data-vc-date-selected=first-and-last] .vc-date__btn:hover { background-color: #5a3923; } } [data-vc=calendar] .vc-date[data-vc-date-selected=middle] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn { background-color: #ede2d3; color: #3c2a20; } @media (hover: hover) and (pointer: fine) { [data-vc=calendar] .vc-date[data-vc-date-selected=middle] .vc-date__btn:hover, [data-vc=calendar] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover { background-color: #ede2d3; } } [data-vc=calendar] .vc-date[data-vc-date-hover] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-hover=first] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-hover=last] .vc-date__btn { background-color: #f5ede5; } [data-vc=calendar] .vc-date[data-vc-date-holiday] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-weekend] .vc-date__btn { color: #3c2a20; background-color: #ffffff; } @media (hover: hover) and (pointer: fine) { [data-vc=calendar] .vc-date[data-vc-date-holiday] .vc-date__btn:hover, [data-vc=calendar] .vc-date[data-vc-date-weekend] .vc-date__btn:hover { background-color: #f5ede5; } } [data-vc=calendar] .vc-date[data-vc-date-holiday][data-vc-date-today] .vc-date__btn, [data-vc=calendar] .vc-date[data-vc-date-weekend][data-vc-date-today] .vc-date__btn { color: #88563f; }