main {
	padding:2.5% 5%;
}

main h1 {
	font-family:georgia, serif;
	font-size:1.375em;
	font-weight:400;
	margin-bottom:1em;
}

.instructions {
	font-style:italic;
	margin-bottom:1em;
	font-family:georgia, serif;
	font-size:0.875em;
}

section.datepick-header {
	padding:0.5em 0;
	color: #000;
    text-transform: uppercase;
}

h2.calendar-month-name {
	float: left;
	font-size: 1.5em;
	font-weight:400;
}

ul.calendar-month-controls a {
	color: #1a754c;
	font-weight:700;
}

li.calendar-view-control a {
	color:#1a754c !important;
}

li.calendar-view-control.inactive a, li.calendar-view-control.active a {
	color:#666 !important;
}

.calendar-days {
	border:1px solid #000;
	padding:0.5em;
	position:relative;
}

.day-names {
	background-color: #fff;
	color: #000;
}

.day, .day-name {
	border:5px solid #fff;
	padding:0;
}

.day {
	background-color:#fbb040;
	height:auto;
}

.location-form.datespan .day:not(.day-blank) {
	background-color:transparent;
}

.day-number a,
.location-form.datespan label {
	display:block;
	width:100%;
	text-align:center;
	padding:1.25em 0;
	color:#1a754c;
	font-weight:700;
	white-space:nowrap;
	font-size:100%;
}

.day-past, .day-blank, .day-unavailable, .day-no-openings {
	background-color:#d1d3d4;
}

.day-blank .day-number a,
.day-blank label {
	visibility:hidden;
	cursor:default;
}

.day-past .day-number a {
	color:#aaa !important;
	cursor:default;
}

.day-past .day-number a, .day-unavailable a, .day-no-openings a,
.day-past .day-number label, .day-unavailable label, .day-no-openings label {
	color:#666;
	cursor:default;
}

body > main > div.calendar-days .day-today.day-has-openings.day-has-closures:not(.day-no-openings),
body > main > div.calendar-days .day-future.day-has-openings.day-has-closures:not(.day-no-openings),
body > main > div.calendar-days .day-future.day-has-openings.day-limited:not(.day-no-openings),
.location-form.datespan .day-today.day-has-openings.day-has-closures:not(.day-no-openings) label,
.location-form.datespan .day-future.day-has-openings.day-has-closures:not(.day-no-openings) label {
	background: repeating-linear-gradient(
		-45deg,
		#fbb040,
		#fbb040 10px,
		#fdc777 10px,
		#fdc777 20px
	);
}

ul.museum-list {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #000;
}

ul.museum-list li {
	margin:1em 0;
	font-family:georgia;
	color:#d1d3d4;
}

ul.museum-list a {
	color:#000;
}

ul.museum-list span {
	font-weight:700;
	font-family:'Source Sans Pro', tahoma, arial, sans-serif;
	text-transform:uppercase;
	margin-left:1em;
	font-size:0.875em;
}

ul.museum-list a span {
	color:#0f5381;
}

.error, .alert, .warn {
	margin:0 0 1em 0;
}

.museum-pass-category {
	margin-bottom:2em;
}

.object-type-category, .room-category {
	margin-top:1em;
}

.museum-pass-category, .location {
	max-width: 35.9375em;
}

h2.museum-pass-category-title {
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	min-width: 20%;
	padding: 0.25em 1.4em 0.125em 0.5em;
	text-transform: uppercase;
}

h2.object-type-category-title, h2.room-category-title {
	color: #0f5381;
	text-transform: uppercase;
}

.location-summary.room-summary, .location-summary.museum-pass-summary, .location-summary.object-type-summary {
	padding:1em 2em 1em 0;
	margin:0;
}

.location-summary, .location-summary-panel {
	font-size:0.875em;	
}

span.location-summary {
	font-size:1em;
}

.museum-pass-category .location-summary {
	border:none;
}

.location-summary .location-summary-panel-trigger {
	display:none;
	font-weight:700;
}

.location-summary-panel {
	background-color:#cfdde6;
	padding:2em;
	border:none;
}

.location-summary img {
	border:1px solid #000;
	float:left;
	margin:0 1em 0 0;
	width:15em;
	height:auto;
	cursor:pointer;
}

.location-summary.museum-pass-summary img {
	width:7.1428571428571428571428571428571em;
}

.location-summary h3 {
	margin-bottom:0.125em;
}

.location-summary-panel p {
	margin-bottom:1em;
}

.location-summary-panel p.museum-pass-directions {
	margin-top:-0.5em;
	text-transform:uppercase;
}

.location-summary-panel h4 {
	margin-bottom:1em;
	color:#1a754c;
	text-transform:uppercase;
}

.location-summary-panel.museum-pass-summary-panel p > strong:first-child,
/*.location-summary-panel.object-type-summary-panel p > strong:first-child*/ {
	text-transform:uppercase;
}

.location-summary .confirm {
	font-size:1.1428571428571428571428571428571em;
}

.location-form {
	display:block;
	/*padding:1em 0;*/
	padding:1em 0 0 0;
	background-color:rgba(255,255,255,0.5);
	/*margin-bottom:1em;*/
}

.location-form.datespan {
	padding-top:0;
}

.location-form.museums, .location-form.rooms, .location-form.object-types, .location-form.objects {
	padding:1em;
}

.location-form.museums form, .location-form.museums fieldset,
.location-form.object-types form, .location-form.object-types fieldset {
	display: block;
}

.location-form-wrapper {
	text-align: right;
}

.location-form.museums button.confirm,
.location-form.object-types button.confirm {
	margin:0 0 0.5em 0;
}

.location-summary-panel .location-form:last-child {
	margin-bottom:0;
}

fieldset > h4 {
	margin-bottom:1em;
}

label[for="reservationpassbranchid"],
label[for="loanobjectid"] {
	font-weight: 700;
	margin-bottom: 1em;
}

div.pass,
div.object {
	margin-bottom: 1em;
	padding:0.5em 3em;
	background-color:#fbb040;
}

div.pass > span + span,
div.object > span + span {
	margin:0;
	padding-top:0.5em;
	display:block;
	border-left:2px solid  #e68900;
	padding-left:1em;
}

div.pass > span + span label:not(.radio),
div.object > span + span label:not(.radio) {
	font-weight:700;
}

div.pass select,
div.object select {
	background-color:#ffdaa3;
}

label.pass,
label.object {
	cursor:pointer;
	margin:0;
	position:relative;
	border-left:2px solid  #e68900;
	padding-left:1em;
}

label.pass input,
label.object input {
	line-height:1.5;
	cursor:pointer;
	position:absolute;
	top:0.375em;
	left:-2em;
}

label.pass span.pass-title,
label.object span.object-title {
	float:left;
	padding:0 !important;
	line-height:1.5;
	width:88%;
}

label.pass .location-summary-panel,
label.object .location-summary-panel {
	padding:0.5em 0 0 0;
	background-color:#fbb040;
}

label.pass .location-summary-panel h4,
label.object .location-summary-panel h4 {
	color:#0f5381;
}


@media all and (max-width: 62.5em) { /* 1000px @ 100% */

	body.meeting-and-study-rooms ul.calendar-view-controls {
	  float:left;
	  margin: 0.375em 0;
	}

	body.museum-passes ul.calendar-view-controls {
		display:block;
		float:none;
		margin-right:0;
	}

	.day-name span span {
		display:none;
	}

}

@media all and (max-width: 45.9375em) { /* 735px @ 100% */

	ul.calendar-view-controls {
		display:inline-block;
	}

	ul.calendar-month-controls {
		font-size:0.75em;
	}

	ul.calendar-month-controls a {
		margin:0 0 0 0.5em;
		padding:0 0 0 0.5em;
	}

}

@media all and (max-width: 40.625em) { /* 650px @ 100% */

	.location-summary img {
		width:11em;
	}

	h1.calendar-month-name {
		float:none;
		margin-bottom:0;
	}

	ul.museum-list li {
		padding-left:4em;
		position:relative;
	}

	ul.museum-list span {
		margin:0;
		float:left;
		display:block;
		position:absolute;
		left:0;
		top:0.125em;
	}

	.period {
		position:relative;
		top:auto;
		left:auto;
		transform:none;
	}

}

@media all and (max-width: 37.5em) { /* 600px @ 100% */

	

}

@media all and (max-width: 31.25em) { /* 500px @ 100% */

	h2.calendar-month-name {
		float:none;
		margin-bottom: 0.5em;
	}

	.day-name span {
		display:none;
	}

	.location-summary {
		padding:1em 0 !important;
	}

	.location-summary p {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width:31.25em; /* applied because iOS won't show ellipsis otherwise */
	}

	.location-summary-panel {
		padding:1em;
	}

	.location-summary img {
		float:none;
		margin:0 0 1em 0;
	}

}

@media all and (max-width: 25em) { /* 400px @ 100% */

	.location-summary img {
		float:none;
		width:100%;
		max-width:100%;
		margin:1em 0;
	}

	ul.calendar-month-controls {
		font-size:0.625em;
		text-align:center;
	}

	.day-number a {
		padding:1em 0;
	}

}

/* FLEXBOX */
/*
.institution-waltwhitman.museum-passes main {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}

.institution-waltwhitman.museum-passes p.instructions {
	width:100%;
	display:block;
}

.institution-waltwhitman.museum-passes .location.museum {
	width:50%;
}
*/

/* COLUMNS */
/*
.institution-waltwhitman.museum-passes main {
	column-count:2;
}

.institution-waltwhitman.museum-passes .location.museum {
	page-break-inside: avoid;
	break-inside: avoid;
}
*/

/* FLOATS */
/*
.institution-waltwhitman.museum-passes p.instructions {
	width:100%;
	display:block;
}

.institution-waltwhitman.museum-passes .location.museum {
	float:left;
	width:50%;
	position:relative;
	z-index:1;
}

.institution-waltwhitman.museum-passes .museum-pass-summary {
	z-index:1;
}

.institution-waltwhitman.museum-passes .museum-pass-summary-panel {
	position:absolute;
	z-index:2;
}
*/
/*
     FILE ARCHIVED ON 14:56:49 Apr 19, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:10:43 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.395
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.057
  esindex: 0.006
  cdx.remote: 18.106
  LoadShardBlock: 177.18 (3)
  PetaboxLoader3.datanode: 733.16 (5)
  load_resource: 709.241
  PetaboxLoader3.resolve: 39.029
  loaddict: 142.364
*/