.website_header{display:none;}

form#reservation label { 
	display:inline-block;
}

/*Style 'show menu' label button and hide it by default*/

.show-menu2 div {
	margin-right:-1000px;
	position: absolute;
	display:none;
}
.show-menu2 {
	display:none;
}

/*Hide checkbox*/
#show-menu{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ .navigation.main {
    display: block;
    position: relative;
}

.mobile_menu_icon.up {
	display:none;
}

.mobile_menu {
	position: absolute;
	left: -9999px;
}


.show-menu2 {
  width: 45px;
  height: 45px;
  position: absolute;
  top:-10px;
  right:30px;
  margin-top:50px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	z-index:1000;
	padding:0px !important;;
}

.show-menu2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 40px;
  background: #FFF;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}




/* Icon 3 */

.show-menu2 span:nth-child(1) {
  top: 0px;
}

.show-menu2 span:nth-child(2) {
  top: 10px;
}

.show-menu2 span:nth-child(3) {
  top: 20px;
}

.show-menu2.open span:nth-child(2) {
  width: 0%;
  left: 50%;
}

.show-menu2.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
}

.show-menu2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
}
.mobile_menu_label {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 1002;
	width: 30px;
	height: auto;
	margin: auto;
	overflow: visible;
	width: auto;
	visibility: visible;
	opacity:1;
}
.mobile_menu_label a {
	display:inline-block;
}
input.mobile_menu:focus + label {
	/* outline: 2px solid #777; */
}

@media (max-width:1000px) {

	html,body {
		/*background-color: #FFF;*/
	}
	.university.life .banner-1000x310 {
		height:auto !important;
	}
	#content .content-header.banner-1000x310 .splash-photo img {
		width:100%;
	}
	/*Make dropdown links appear inline*/
	.navigation.main {
		display: none;
		bottom:auto;
		right:auto;
		margin-top:13px;
		padding-top:5px;
	}
	/*Create vertical spacing*/
	.navigation.main li {

	}
	/*Make all menu links full width*/
	.navigation.main ul li, li a {
		width: 100%;
		padding:10px;
	}
	.navigation.main a {
		height:20px;
	}
	.university.life .sidebar .navigation ul li a {
		width: auto !important;
		height:auto !important;
	}
	/*Display 'show menu' link*/
	.show-menu2 {
		display:block;
	}


	#site-header.header {
		display:block !important;
	}
	#logo {
		position: relative;
		left:14px;
		top:8px;
	}

	#site-header .wrapper,
	#content,
	.content-header,
	.photobox,
	#content div.content,
	#content div.content .section .section-content,
	#site-footer .wrapper,
	.reserve_notice,
	#reservation_table {
		width:100% !important;
		box-sizing: border-box;
	}

	#reservation_table tr td,
	fieldset tr td {
		display: block !important;
		width:100%;
	}

	.mceItemTable.rowbreak tr td {
		display: block !important;
		width:100%;
	}

	.pq fieldset {
		padding: 5px 30px 5px 5px;
		margin-right: 0px !important;
	}
	.pq fieldset tr td label {
		display: inline-block;
	}
	.pq form input[type="text"], .pq form input[type="password"], .pq form input[type="email"], .pq form textarea, .pq form select {
		width:auto !important;
		max-width:100% !important;
		margin-right:30px !important;
	}


	#content div.content,
	#content div.content .section .section-content,
	#content {
		background-color: #FFF !important;
	}
	.photobox img {
		width:100%;
	}
	.gallery {
		width:auto !important;
		max-width: 100% !important;
	}
	.section-content img {
		max-width: 100% !important;
		height: auto !important;
	}
	.pq .banner-1000x310 {
		height: auto;
	}
	.pq .content .section .section-content table,
	.content .section .section-content table {
		width:auto !important;
		max-width:100% !important;
	}
	.pq .content-header-sub.alt3 {
		background-position: center center !important;
	}
	#site-footer .navigation {
		margin-left:0px;
	}
	.about-photo.buttons {
		display: none;
	}
	.two-col.main-left .sidebar {
		padding:30px 0 30px 0;
	}

	#site-footer #campaign-for-penn-banner,
	#site-footer .navigation.clear,
	.marketing.spotlight.departmental {
		display:none;
	}
	#site-footer,
	#site-footer .wrapper {
		width:100% !important;
		padding:0px;
		margin:0px;
		background-image:none;
		height:180px;
	}
	#site-footer .aligned-contact {
		width:100%;
		padding:0px;
		margin:0px;
		left:0px;
		top:10px;
	}

	.navigation.services {
		display: none;
	}

	.pq .navigation.breadcrumb .master-sprite {
		/*background-position: -20px -134px;*/
	}

	.pq .quick-links .master-sprite,
	.pq .module.navigation a {
		background-image: none !important;
	}

	 .pq.university.life .module.navigation a:hover, .pq .university.life .module.navigation a:focus, .pq .module.navigation a:focus, .pq .module.navigation a:hover {
	 	background-color: transparent !important;
	 }

	 .navigation.breadcrumb a {
	 	padding:0 0px 0 20px;
	 }

	.navigation.secondary {
		background: #022571;
		padding: 20px 20px 10px 20px;
		position: absolute;
		left: -9999px;
		top: 26px;
		width: 250px;
		visibility: hidden;
		opacity:0;
	}

	.has-secondary > a:focus + .navigation.secondary,
	.has-secondary:hover .navigation.secondary,
    #navigation-more.focused,
    .menu-item-has-children .sub-menu {
		/* left: -9999px !important;
		right: 1px; */
	}

	.navigation.secondary ul {
		float: none;
		width: 100%;
		overflow:hidden;
	}

	.navigation.secondary .first {
		margin-right: 20px;
	}
	.university.life .module.navigation a:hover, .university.life .module.navigation a:focus, .module.navigation a:focus, .module.navigation a:hover {
		/*padding:12px 25px 10px 40px !important;*/
	}
	.navigation.secondary li {
		border: none;
		float: none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		margin: 0 0 10px 0;
	} 

	.content-header-sub .heading {
		/*padding:10px 30px 10px 30px;*/
		/*height:60px !important;*/
		/*line-height: 60px;*/
		/*display: inline-block;*/
		/*vertical-align: middle;*/
	}

}
@media (max-width:600px) {
	.two-col.main-left .sidebar {
		width: auto;
		box-sizing: border-box;
	}
	.pq form#reservation input[type="text"], .pq form#reservation input[type="password"], .pq form#reservation input[type="email"], .pq form#reservation textarea, .pq form#reservation select {
		width:100% !important;
		max-width:100% !important;
		margin-right:30px !important;
	}

}

/* Added 8/18/20 */

@media (max-width: 1000px) {
	.mobile_menu_icon{
		position: absolute;
		top: 0px;
		padding: 12px;
		background-color: rgba(0,0,0,0.08);
	}

	.navigation.main ul li {
		padding: 0px;
		height: auto;
	}

	.navigation.main ul li a {
		padding: 14px;
		margin: 0px;
	}

	.vpul-nav .has-secondary .secondary a {
		padding: 5px !important;
	}

	.mobile_menu:checked ~ .navigation.secondary {
		clear:left !important;
		position:relative !important;
		right:1px !important;
		display:block !important;
		top:0px !important;
		width:100% !important;
		padding:20px 20px 10px 40px;
		left:auto;right:1px !important;
		visibility:visible;
		opacity:1;
	}
	

}

@media (min-width: 1000px){
	.mobile_menu_icon {
		display: none !important;
	}
}