/* ================ Colors ================

EFEE74	Rehearsal day
E39E3C	Performance day
9B8978	Not-in-month
BEAFA2	Not-in-month new! (special to schedule page)

*/



/* ---------------- Calendar ---------------- */

div.calendar,div.calendar_dayheaders{
	display:grid;
	grid-template-columns:repeat(7,1fr);
	grid-gap:0px 0px;
	border-right:1px solid #8C7E6F;
	justify-content:stretch;align-content:stretch;
	justify-items:stretch;align-items:stretch;
	font-size:0.67em;
	}

div.five-week{
	grid-template-rows:repeat(6,auto);
	grid-template-areas:
		'day0 day1 day2 day3 day4 day5 day6'
		'day7 day8 day9 day10 day11 day12 day13'
		'day14 day15 day16 day17 day18 day19 day20'
		'day21 day22 day23 day24 day25 day26 day27'
		'day28 day29 day30 day31 day32 day33 day34'
		;
	}

div.six-week{
	grid-template-rows:repeat(7,auto);
	grid-template-areas:
		'day0 day1 day2 day3 day4 day5 day6'
		'day7 day8 day9 day10 day11 day12 day13'
		'day14 day15 day16 day17 day18 day19 day20'
		'day21 day22 day23 day24 day25 day26 day27'
		'day28 day29 day30 day31 day32 day33 day34'
		'day35 day36 day37 day38 day39 day40 day41'
		;
	}

div.calendar{
	margin-bottom:48px; /* Determined by sight. Not sure why lower values don't seem to appear. */
	border-bottom:1px solid #8C7E6F;
	}

div.calendar_dayheaders{
	margin-bottom:0px;
	border-bottom:0px none;
	}

div.calendar>div,div.calendar_dayheaders>div{ /* Complete the border look */
	border-top:1px solid #8C7E6F;
	border-left:1px solid #8C7E6F;
	border-right:0px none;border-bottom:0px none;
	}

/* Ordinary calendar square aspect ratio */
div.calendar>div::before{content:"";width:1px;height:0px;margin-left:-1px;float:left;padding-top:100%;}
div.calendar>div::after{content:"";clear:both;}

/* Day-headers */
div.calendar_dayheaders>div{
	padding:3px 6px 4px 6px;
	font-family:'TeX_Gyre_Pagella-bold-SC';
	font-size:1.03em;
	text-align:right;
	}

/* Standard calendar text */
div.calendar p{margin:0px 0px 0px 10px;padding:1px 3px;text-indent:-10px;}
div.calendar p.calendar_number{margin:0px;padding:1px 3px 0px 0px;text-align:right;text-indent:0px;}
h4.calendar_header{
	padding:5px 7px 6px 7px; /* Different bottom padding is to account for the ordinary #8C7E6F line that's part of the ordinary box borders, which I decided to keep, as it looks stark without it. */
	margin:0px;text-transform:none;letter-spacing:0px;color:#FFFFFB; /* These negate the main.css H4 definitions: */
	background-color:#221D18;
	}

/* Mobile calendar text */
@media only screen and (max-width:560px){
	p.calendar_text::first-letter{font-family:'TeX_Gyre_Pagella-bold-SC';font-size:1.03em;text-transform:lowercase;} /* Highlight first letter of each line in main day-square text */
	span.calendar_desktop{display:none;}
	}

/* Desktop calendar text */
@media only screen and (min-width:561px){
	span.calendar_desktop{display:inline;}
	}

/* Special calendar squares */
div.rehearsal_day{background-color:#EFEE74;}
div.performance_day{background-color:#E39E3C;}
div.not_in_month{color:#BEAFA2;}



/* ---------------- Specific calendar locations ---------------- */

div#calendar_day0{grid-area:day0;}
div#calendar_day1{grid-area:day1;}
div#calendar_day2{grid-area:day2;}
div#calendar_day3{grid-area:day3;}
div#calendar_day4{grid-area:day4;}
div#calendar_day5{grid-area:day5;}
div#calendar_day6{grid-area:day6;}
div#calendar_day7{grid-area:day7;}
div#calendar_day8{grid-area:day8;}
div#calendar_day9{grid-area:day9;}
div#calendar_day10{grid-area:day10;}
div#calendar_day11{grid-area:day11;}
div#calendar_day12{grid-area:day12;}
div#calendar_day13{grid-area:day13;}
div#calendar_day14{grid-area:day14;}
div#calendar_day15{grid-area:day15;}
div#calendar_day16{grid-area:day16;}
div#calendar_day17{grid-area:day17;}
div#calendar_day18{grid-area:day18;}
div#calendar_day19{grid-area:day19;}
div#calendar_day20{grid-area:day20;}
div#calendar_day21{grid-area:day21;}
div#calendar_day22{grid-area:day22;}
div#calendar_day23{grid-area:day23;}
div#calendar_day24{grid-area:day24;}
div#calendar_day25{grid-area:day25;}
div#calendar_day26{grid-area:day26;}
div#calendar_day27{grid-area:day27;}
div#calendar_day28{grid-area:day28;}
div#calendar_day29{grid-area:day29;}
div#calendar_day30{grid-area:day30;}
div#calendar_day31{grid-area:day31;}
div#calendar_day32{grid-area:day32;}
div#calendar_day33{grid-area:day33;}
div#calendar_day34{grid-area:day34;}
div#calendar_day35{grid-area:day35;}
div#calendar_day36{grid-area:day36;}
div#calendar_day37{grid-area:day37;}
div#calendar_day38{grid-area:day38;}
div#calendar_day39{grid-area:day39;}
div#calendar_day40{grid-area:day40;}
div#calendar_day41{grid-area:day41;}



/* ---------------- Calendar legend ---------------- */

div#calendar_legend{margin:2em 0px;}
span.calendar_legend_day_type{display:inline-block;}
span.calendar_legend_icon{position:relative;display:inline-block;height:1em;width:1em;margin-right:0.5em;top:3px;border:1px #8C7E6F solid;}
span.calendar_legend_icon_rehearsal{background-color:#EFEE74;}
span.calendar_legend_icon_performance{background-color:#E39E3C;}
@media only screen and (max-width:560px){p.calendar_legend_mobile{display:block;margin-top:0.33em;margin-left:2em;text-indent:-2em;}}
@media only screen and (min-width:561px){p.calendar_legend_mobile{display:none;}}



/* ---------------- Other text ---------------- */

/* OLD
span.schedule_entry{
	font-family:'Source_Sans_Pro-regular';
	font-size:0.9em;
	text-transform:uppercase;
	}
*/

span.schedule_entry{
	font-family:'TeX_Gyre_Pagella-regular-SC';font-size:1.03em;
	}