/* Originally from twentytwentytwo.css */

.mc-main button.close {
	background: #b00 !important;
	color: #fff !important;
}

.mc-main .close:hover, .mc-main .close:focus {
	color: #d00 !important;
}

.mc-main .details .category-icon {
	width: auto;
}

.mc-main .nextmonth {
	border-color: rgba( 0,0,0,.1 );
	background: rgba( 0,0,0,.08 );
}

.mc-main .nextmonth * {
	display: none;
}

.mc-main .current-day {
	outline: 3px solid var(--highlight-dark);
	outline-offset: -3px;
}

/* Case Customisations */

p#testMsg {color: green}	/* to highlight if latest change is being actioned */

.mc-main span.mc-category-title {font-size: 80%} /* fix #Feb2026-1: formatting of category key */

.mc-main.calendar h3.event-title {font-size: 100%} /* fix #Feb2026-2: formatting of event titles */

/* fix #Dec2025-1: display appropriate calendar - main or mini */ 

/* Default config */
div#narrowBlock  {display: none}

/* Need normalBlock off and narrowBlock on */
@media only screen and (max-width: 480px) {
	div#normalBlock  {display: none}
	div#narrowBlock  {display: block}
}

div#normalBlock .mc-main .my-calendar-navigation .all-categories  {display: none} /* fix #Dec2025-2: disable All Categories buttons */ 
div#narrowBlock .mc-main .my-calendar-navigation .all-categories  {display: none} 

div#normalBlock h2#mc_head_normal span {font-size: larger} /* fix #Dec2025-3: increase heading size */ 
div#narrowBlock h2#mc_head_narrow span {font-size: larger} 

.mc-main h2#mc_head_my-calendar {display: none} /* fix #1: disable subheading in main calendar */ 
.mc-main .mc-date {
    background: var(--date-has-events-bg);	/* fix #2: sets date background for non event days in main calendar to same as event days ie. #f6f6f6*/ 
}
.mc-main.mini .has-events  button span.event-icon {display: none}  /* fix #3: disable event icon(s) in mini calendar one week + one month */

/* fixes for one week mini calendar (new) */

.mc-main.mini h2.my-calendar-week {line-height: 80%}
.mc-main .heading {	/* from my-calendar.css - mini calendar #1 */
    	background: #edf7ff;	/* should be #edf7ff */
	border: 1px solid #a9e3ff; /* was #a9e3ff */
	border-radius: 5px;
    	font-weight: 700;
}
.mc-main.mini h2.my-calendar-week span {font-size: small} 
.mc-main.mini .mc-content .my-calendar-table .mc-row th span {color: #000000; font-size: x-small}  /* M T W T F etc */
.mc-main.mini .mc-content .my-calendar-table .mc-row th { line-height: 80% }
.mc-main.mini {background: #ffffff; border: 1px solid blue; border-radius: 5px; padding-bottom: 2px}
.mc-main.mini .mc-content .my-calendar-table .mc-row .has-events .mc-date-container button {white-space: normal} 
.mc-main.mini .mc-content .my-calendar-table .mc-row .current-day .mc-date-container button {color: var(--current-day-color)} 
.mc-main.mini .mc-content .my-calendar-table .mc-row .current-day .mc-date-container span.no-events span {font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; color: var(--current-day-color)}  /* font family to match that of buttons - see style.css  */
.mc-main.mini .mc-content .my-calendar-table .mc-row .has-events .mc-date-container button span {font-weight: bold; vertical-align: top; text-decoration: underline} 

/* fixes for main calendar current day */

.mc-main .has-events.current-day .mc-date-container span.mc-date span {color: var(--current-day-color)} 
.mc-main .no-events.current-day .mc-date-container span.mc-date span {color: var(--current-day-color)}

.mc-main .calendar-event .details, .mc-main .calendar-events {	/* fix #4 */
    position: absolute;
    left: 15%;
    width: 70%;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 6px #777;
    -webkit-box-shadow: 3px 3px 6px #777;
    box-shadow: 3px 3px 6px #777;
    padding: 5px !important;
    z-index: 3;
}

.mc-main .calendar-events {	/* fix #5 -  not required? */
    width: 200px !important;
    left: 0px;
}

.mc-main .calendar-events {	
    background: #edf7ff; 	/* fix #6 */
/* color  removed */
    border: 1px solid #9b5; 	/* fix #8 was #9b5 */
}
.mc-main .calendar-events .mc-event:nth-of-type(1n+1) { /* added for 3.5.17 to overide reset.css setting */
	border-top: none;
}
	
.mc-main.mini .event-title { /* added for 3.5.17  */
	border-bottom: none;
}

.mc-main .single-event .details { /* added for 3.5.17  */
	padding-left: 20px;
}
.mc-main .calendar-events a.event-link {color: #000;}	/* More link in one week mini pop up (new) */

.mc-main h2.my-calendar-month span {font-size: medium} /* Events in month year header in one month min (new) */

.mc-main.mini .my-calendar-today {display: none} /* adapted fix #9 - hides Today button on one month mini not main calendar */

.mc-main div.mc-content {margin-bottom: 0px; padding-bottom: 0px} /* shrink white space around previous / next buttons on one month mini & adjust button position (new) */
.mc-main div.mc_bottomnav {margin: 0px; padding: 0px}
.mc-main div.my-calendar-nav {margin-bottom: 5px; position: relative; left: 5px} /* for My Calendar v3.7.2; was 23px for v3.6 */

.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a { /* from my-calendar.css - dates #mini note 3 */
    font-size: .9em;	/* further shrinks --grid-date value */
    padding: 1px;
    text-align: center;
}
/*
.mc-main.mini .mc-date-container button.mc-date {margin-top: 1px} /* addresses date button in mini calendar - gives space above button for current day outline from cell above*/

.mc-main .current-day:not(.day .current-day) {	/* from reset.css - reposition current day outline */
	outline-offset: 0px;
}

.mc-main h2.event-title {
	font-size: var(--single-event-title); /* fix bug in v3.5.6 which references .mc-single in reset.css */
	margin: 0 0 8px;
}

.mc-main thead {
	border-bottom: 0px solid blue; /* was var(--grid-header-border) */
}

.mc-main .mc-pu-desc {			/* to pad out desc in SEV */
	padding-top: 10px;
	padding-bottom: 10px;
}
.mc-main.mini .event-title {					/* reset.css line 113 */
	padding: 8px 32px 7px 8px; 				/* was top 8px, right 32px, bottom 7px, left 8px */

}

.mc-main.mini.month h3.event-title {				/* fixes one month mini event title pop up title bar */
	padding-top: 0px;
	padding-bottom: 0px;
}

.mc-main.mini.month h3.event-title div {			/* fixes one month mini event title pop up title bar */
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom: 0px;
}
/* purely for testing purposes 
.mc-main.mini.week h3.event-title div {				
	color: black;
}
*/
.mc-main.mini.week  h3.event-title {				/* fixes one week mini event title pop up title bar */
	padding-top: 3px;
	padding-bottom: 5px;
}

.mc-main div .mc-pu-titlebar {					/* fixes event title in main calendar pop up */
    font-size: 16px !important;	
    font-weight: 700;
    padding: 4px 10px;
}

.mc-main .details div.mc-pu-mainpopup-body {
    margin-top: 10px;					/* fixes body of main calendar pop up */
    padding-left: 10px;
}

.mc-main.mini .details {	/* from reset.css line 141 */
    padding: 8px !important;	/* fixes excessive body indent in mini pop ups - was 16 px; then 6px; tweaked to 8px with 3.5.17 */
}

/* fixes excessive indent of body in Single Event View by moving title right  */
.mc-main article.single-event h2.event-title div {     
    padding-left: 12px;
    /* color: red; */
}
/* disables current day outline in all calendars -  from reset.css line 337 */

.mc-main .current-day:not(.day .current-day) {		
	outline: 0px solid var(--current-day-border);
}

.mc-main.mini .calendar-events button.mc-toggle.close { /* added for v3.5.7; tweaked for 3.5.17 */
	top: 3px; /* was -1px */
}

.mc-main.mini .mc-excerpt p {color: var(--primary-dark)} /* prevents blank explicit excerpts in footers * /