ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

ul.key {
	margin:0;
}

.calendar-days.date ul.key {
	margin-left:0.25em;
}

ul.key li {
	display:block;
	margin-bottom:0.25em;
	white-space:nowrap;
}

ul.key span {
	width:1em;
	height:1em;
	display:inline-block;
}

ul.key .time-available {
	background-color:#fbb040;
}

ul.key .time-unavailable {
	background-color:#d1d3d4;
}

ul.key .time-selected {
	background-color:#1a754c;
}

ul.key .time-partially-available {
	background: repeating-linear-gradient(
		-45deg,
		#fbb040,
		#fbb040 3px,
		#fdc777 3px,
		#fdc777 6px
	)
}

.location-form fieldset {
	padding:0;
}

.location-form legend {
	background-color:#cfdde6;
	font-size:1em;
	font-weight:600;
	padding:0.5em;
	margin-bottom:1em;
}

.location-form ul {
	margin-bottom:1em;
}

.location-form h2 {
	font-size:1em;
	text-transform:uppercase;
}

.location-form:not(.wysiwyg) ul:not(.key) li {
	position:relative;
	float:left;
	width:8.3333333333333333333333333333333%;
}

body.library-of-things .location-form:not(.wysiwyg) li {
	width:16.6666666666666666666666666666666%;
}

.location-form input[type="checkbox"] {
	position:absolute;
	top:10%;
	left:10%;
}

.location-form label {
	display:block;
	width:100%;
	padding:1em 0.125em;
	text-align:center;
	border:2px solid #fff;
	background-color:#fbb040;
	cursor:pointer;
	position:relative;
	float:left;
	word-wrap: break-word;
	font-size:0.875em;
	white-space:nowrap;
}

.location-form.datespan label {
	border:none;
	margin-bottom:0;
}

.location-form input[type="checkbox"][disabled="disabled"] + label,
.location-form.datespan .day + label,
.location-form.datespan .day-past label,
.location-form.datespan .day-no-openings label {
	background-color:#d1d3d4;
	cursor:no-drop;
	color:#666;
}

.location-form input[type="checkbox"]:checked + label {
	background:#1a754c !important; /* using just background vs background-color to override gradient effect for datespan */
	color:#fff !important;
}

@media all and (max-width: 76.5625em) { /* 1225px @ 100% */

	.location-form label {
		padding:1em 0.25em;
	}

}

@media all and (max-width: 73.4375em) { /* 1175px @ 100% */

	.location-form .time-seperator {
		display:block;
		text-align:center;
	}

}

@media all and (max-width: 62.5em) { /* 1000px @ 100% */

}


@media all and (max-width: 50.625em) { /* 810px @ 100% */

	.location-form:not(.wysiwyg) li {
		width:16.666666666666666666666666666667%;
	}

	.location-form label {
		padding:1em 1em;
	}

}

@media all and (max-width: 45.9375em) { /* 735px @ 100% */

	.location-form label {
		padding:1em 0.75em;
	}

}

@media all and (max-width: 53.125em) and (min-width: 40.625em) { /* between 850px and 650px @ 100% */

	/* === flexbox override for grid layout === */
	body.meeting-and-study-rooms .location-summary img,
	body.library-of-things .location-summary img {
		float:none;
	}
	/* === flexbox override for grid layout === */

}

@media all and (min-width: 40.625em) { /* 650px @ 100% */

	/* === flexbox override for grid layout === */
	body.meeting-and-study-rooms main,
	body.museum-passes main,
	body.library-of-things main {
		display:flex;
		flex-flow:row wrap;
	}

	body.meeting-and-study-rooms main > *,
	body.museum-passes main > *,
	body.library-of-things main > * {
		flex: 1 100%;
	}

	body.meeting-and-study-rooms .location,
	body.museum-passes .location,
	body.library-of-things .location {
		flex:1 50%;
		max-width: 50%;
	}

	body.meeting-and-study-rooms .location-summary img {
		float:left;
	}

	.location-summary p {
		text-overflow: ellipsis;
		overflow: hidden;
	}
	/* === flexbox override for grid layout === */


}

@media all and (max-width: 40.625em) { /* 650px @ 100% */

	.location-form label {
		font-size:0.75em;
		padding:1em 0.5em;
	}

}

@media all and (max-width: 31.25em) { /* 500px @ 100% */

	/*ul.key li {
		display:block;
		margin-bottom:0.5em;
	}*/

	.location-form label {
		font-size:0.75em;
		padding:1em 0.25em;
	}

}

@media all and (max-width: 25em) { /* 400px @ 100% */

	.location-form label {
		font-size:0.6875em;
		font-weight:300;
		padding:1em 0.25em;
		border:1px solid #fff;
	}

}
/*
     FILE ARCHIVED ON 14:57:04 Apr 19, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:10:46 Sep 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.618
  exclusion.robots: 0.095
  exclusion.robots.policy: 0.083
  esindex: 0.011
  cdx.remote: 72.091
  LoadShardBlock: 287.647 (3)
  PetaboxLoader3.datanode: 494.673 (5)
  load_resource: 491.902
  PetaboxLoader3.resolve: 208.507
  loaddict: 94.093
*/