/* ST: Set timetable style links to look like normal text except when hovered over */
a.timetable {
	text-decoration: none;
	color: inherit;
}
a.timetable:hover { text-decoration: underline; }

/* ST: Override the MP timetable display style so that it actually shows in the Fusion theme */
/* Don't apply this to devices with limited width though as it won't scroll properly */
@media (min-width:600px) {
	table#\#all { display: block !important; }
}

/* ST: Another fix for iPad: Shrink the column height since we know it's going to display row spans */
@supports (-webkit-overflow-scrolling: touch) {
	 td.mptt-shortcode-event { height: 45px !important; }
}

/* ST: Apply a style to ALL events in the MP timetable */
/* Default background of grey to make it stand out against the white page background */
/* Also over-ride the default height of the columns so we can get slightly more text in - this is set in the element.style, so have to apply important tag to force this (disabled for now). */
table#\#all tbody tr td.mptt-shortcode-event { 
  background-color: #f0f0f0;
/*  height: 90px !important; */
}

/* ST: Override to be purple for event listings and set the text color to white */
/* The background color will only take effect when there is no Event color specified */
table#\#all tbody tr td.mptt-shortcode-event div.mptt-event-container { 
  background-color: #7c67c2; 
  color: #ffffff;
}

/* ST: Add horizontal lines to the MP timetable */
table#\#all td { 
/*  border-top: 1px solid black; 
  border-bottom: 1px solid black; */
  padding: 2px;
}

/* ST: Manually hide the half hour rows that are showing due to the fact that MP does not span rows for events */
/* Don't apply this to iOS devices though: iOS actually displays correctly with row spanning */
/*@supports not (-webkit-overflow-scrolling: touch) {
	tr.mptt-shortcode-row-14, tr.mptt-shortcode-row-22, tr.mptt-shortcode-row-28, tr.mptt-shortcode-row-29, tr.mptt-shortcode-row-30, tr.mptt-shortcode-row-37, tr.mptt-shortcode-row-38, tr.mptt-shortcode-row-40, tr.mptt-shortcode-row-41, tr.mptt-shortcode-row-42, tr.mptt-shortcode-row-43, tr.mptt-shortcode-row-44, tr.mptt-shortcode-row-45, tr.mptt-shortcode-row-46, tr.mptt-shortcode-row-47 {
  		display: none;
	}
}*/

/* ST: Modern desktop browsers in 2020 (Firefox v85, Chrome 73, Opera 73, Edge) all hide rows correctly, so no need to do this manually.
We will shrink the height of the row to get it on 1 screen (assume they use a HD screen) because events will span multiple rows. Don't apply this to iOS devices because they work correctly already. */
@supports not (-webkit-overflow-scrolling: touch) {
	 td.mptt-shortcode-event { height: 45px !important; }
}

/* ST: Make MP timetable span full width even without the hours listed */
table#\#all tbody tr td.mptt-shortcode-event { 
  width: 1%;
}

/* ST: Make icons boxs on the home page have smaller gaps between them */
div.homepageIcons {
	padding-left: 5px;
	padding-right: 5px;
}