/* A theme in dark grays and blacks with light text and dark blue highlighting. */
.mc-main.dark .event-title {
    color: #fff;
}

.mc-main.dark, .mc-list {
    background: #333;
    color: #fff;
}

.mc-main.dark a {
    color: #9cf;
    text-decoration: none;
}

.mc-main.dark a:hover {
    text-decoration: underline;
    color: #fff;
}

.mc-main.dark .heading, .mc-main.dark .my-calendar-date-switcher,
.mc-main.dark .category-key, .mc-main.dark .calendar-event .details,
.mc-main.dark .calendar-events {
    background: #222;
    color: #fff;
}

.mc-main.dark .category-key .no-icon {
    border: 1px solid #bbb;
}

.mc-main.dark, .mc-list {
    background: #333;
    color: #fff;
}

.mc-main.dark .my-calendar-header a,
.mc-main.dark .my-calendar-footer a {
	background: var(--primary-dark);
	color: var(--primary-light);
}

.mc-main.dark .my-calendar-header a:focus,
.mc-main.dark .my-calendar-footer a:focus,
.mc-main.dark .my-calendar-header a:hover,
.mc-main.dark .my-calendar-footer a:hover {
	background: var(--secondary-dark);
	color: var(--secondary-light);
	outline-color: var(--primary-light) !important;
}

.mc-main.dark .my-calendar-footer .mc-active, .mc-main.dark .my-calendar-header .mc-active {
	background-color: var(--secondary-dark);
	color: var(--secondary-light);
}

.mc-main.dark .my-calendar-date-switcher input, .mc-main.dark .my-calendar-date-switcher select {
    color: #333;
}

.mc-main.dark .my-calendar-date-switcher label {
    color: #fff;
}

.mc-main.dark .list-event .details, .mc-main.dark td {
    border: 1px solid #222;
	background: #333;
	color: #f0f0f0;
}

.mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
    background: #444;
    border: 1px solid #222;
    color: #fff;
}

.mc-main.dark .my-calendar-nav li a, .mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
    border: 1px solid #444;
}

.mc-main.dark .list-event .details {
    background: #252525;
    color: #eee;
}

.mc-main.dark .mc-list .odd {
    background: #353535;
}

.mc-main.dark .odd .list-event .details {
    background: #151515;
    border: 1px solid #353535;
}

.mc-main.dark .nextmonth, .mc-main.dark .nextmonth .weekend {
    color: #999;
}

.mc-main.dark .current-day {
    background: #224;
}

.mc-main.dark .current-day .mc-date {
    color: #fff;
    background: #111;
}

.mc-main.dark .weekend {
    background: #555 !important;
    color: #fff !important;
}

.mc-main.dark .mc-date {
    background: #080808;
    color: #fff;
}

.mc-main.dark .mc_edit_links a,
.mc-main.dark .my-calendar-footer a,
.mc-main.dark .my-calendar-header a {
    color: #bbf;
    background: var(--primary-dark);
}

.mc-main.dark .my-calendar-nav li a:hover {
    color: #fff;
    border: 1px solid #aaf;
}

.upcoming-events .past-event {
    color: #aaa;
}

.upcoming-events .today {
    color: #eee;
}

.upcoming-events .future-event {
    color: #bbb;
}

.mc-main.dark .event-title, .mc-main.dark .event-title a {
    color: #fff;
}

.mc-main.dark h2 {
    color: #fff;
}

.mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
    border: 2px solid #222;
    box-shadow: 3px 3px 10px #000;
}

.mc-main.dark.mini .day-with-date span, .mc-main.dark.mini .day-with-date a {
    color: #fff;
}

.mc-main.dark .mini-event .sub-details {
    border-bottom: 1px solid #ccc;
}

.mc-main.dark .nextmonth {
    background: #f6f6f6;
    color: #888;
}

.mc-main.dark .nextmonth .event-title {
    opacity: .7;
}

.mc-main.dark .nextmonth .weekend {
    color: #888;
    background: #161616 !important;
}

.mc-main.dark .nextmonth {
    background: #000;
    color: #666 !important;
}

.mc-main.dark .nextmonth .mc-date {
    background: #161616;
}

.mc-main.dark .vcard, #mc_event .vcard {
    background: #111;
    border: 1px solid #333;
}

.mc-main.dark .mc_edit_links {
	background: var(--primary-dark);
	border: none;
}

.mc-main.dark .heading:not(.widget .mc-main .heading) {
	color: #f0f0f0;
}

.my-calendar-cards .card-event {
	border: 1px solid var(--secondary-dark);
	box-shadow: 4px 4px 4px var(--secondary-dark);
}

.mc-main.dark {
	padding: 4px;
}

dialog.my-calendar-modal .js-modal-title-container {
	background: #000;
	color: #f0f0f0;
}

.my-calendar-modal #js-modal-content {
	background: #333;
	color: #f0f0f0;
}

.my-calendar-modal #js-modal-content a {
	color: #fff;
}

.my-calendar-modal-close:focus, .my-calendar-modal-close:hover, .my-calendar-modal-close:active {
	outline: 2px solid #aaa;
	color: #fff;
}

.my-calendar-modal-overlay {
	background: #aaa;
}

.my-calendar-modal .mc_edit_links, .mc-main .mc_edit_links, .mc-event .mc_edit_links {
	background: #000;
}