/* Responsive rules */

/* For ultrawide displays */

/* Upper limit on ultrawide displays (HD) */
@media (min-width: 1920px) {



}

@media (min-width: 1225px) {
	

}

@media (min-width: 850px) and (max-width: 1224px) {
	
	#mainNav {
		font-size: .7rem;
		letter-spacing: .15em;
	}
	#navigation {
		padding: 0 10px;
	}
	#navigation li a {
		margin-top: 13px;
	}
	#subHeaderImage, #footerPreImage {
		height: 40%;
	}
	#subHeaderImage {
		height: 500px;
	}
	#pageMain {
		margin-top: 500px;
	}
	#home-inset {
		margin-top: -100px;
	}
	
	#private-event-facilities .unslider-wrap {
		font-size: .8em;
	}
}


 /* Anything larger than mobile */
@media (min-width: 850px) {
	
	#scrollToTopButton {
		display: none;
	}
		
}

/* Special query for nav */
@media (max-width: 849px) {
	
	.big-spacer {
		height: 1.4em;
	}
	
	a.anchor:before {
		height: 10px; margin-top: -10px; 
	}
		/* Change the nav to block style */
	#mainNav {
		/*position: absolute;*/
		position: relative; /* Position normally in the document but allow z-index */
    	opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	#navigation {
		min-width: 0;
		padding-top: 10px;
		padding-bottom: 15px;
		font-size: .8em;
		display: none;
		background-color: #FFF;
		margin: 0 auto;
		box-shadow: 0 0 8px #000;
	}
	#navigation li {
		display: block;
		font-size: 1.4em;
		border-right: none;
		width: auto;
	}
	#navigation li a {
		padding: 7px 0;
	}
	
	
	#navigation li a {
		color: #222;
	}

	
	#menuButton {
		display: block;
	}
	#footerPreImage, #subHeaderImage, #subHeaderImage.fullHeight {
		height: 35%;
		min-height: 250px;
		transform: none ! important;
		-webkit-transform: none ! important;
		position: static;
	}
	
	#subHeaderImage {
		position: static;
		height: 400px;
	}
	#pageMain {
		margin-top: 0px;
		/*margin-top: 250px; /* nav height plus subHeaderImage less nav */
		top: 0px;	
	}
	#pageMain.fullHeight {
		margin-top: 0;
	}
	#home-inset {
		margin: -100px auto 0 auto;
		width: auto;
		margin: 0 auto;
		box-shadow: none;
		padding: 0;
	}
	#home-inset:before {
		display: none;
	}
	.copy.standout {
		margin: 0 auto;
		font-size: 1em;
	}


	.copy {
		margin: 0px auto;
	}
	
	.boxes-container {
		margin-bottom: 2em;
	} 
	.pull-left, .pull-right {
		float: none;
		width: auto;
		padding: 0 0em 2em 0em;
	}
	#menuContainer {
		padding: 0;
	}
	div#menus .menubox {
		max-width: 350px;
		padding-bottom: 0;
	}
	#map {
		position: static;
		height: 300px;
	}
	#footer ul li {
		display: block;
		padding-bottom: 19px;
		border: none;
		width: auto;
	}

	#footer ul li:last-child {
		padding-bottom: 9px;
	}
	
	
	/* AP MEM */
	
	#ap-mem-container, #ap-mem {
		min-width: 0 ! important;
		min-height: 0 ! important;
		width: auto;
		background-color: #fff ! important;
		height: 300px ! important;
	}
	#ap-mem {
		background-position: auto ! important;
	}
	#ap-mem-copy {
		padding-top: 30px ! important;
		position: static ! important;
		width: 100% ! important;

		background-color: #fff;
	}
	#ap-mem-copy > div {
		padding: 20px 10% 40px 10% ! important;
	}
	#ap-mem-copy i.material-icons {
		display: none;
	}
	
	#private-event-facilities #PEsliderBegin {
		/*display: none;*/
	}
	#private-event-facilities, #private-event-facilities .unslider, #private-event-facilities .unslider-container {
		height: auto ! important;
	}	

	#private-event-facilities .unslider-wrap li {
		opacity: 1 ! important;
		position: relative;
		height: auto;
		min-height: 0;
	}
	#private-event-facilities .unslider-wrap li > div {
		position: static;
	}
	
	#private-event-facilities .unslider-wrap li > div.background:before {
		padding-bottom: 66%;
		content: "";
		display: block;
	}
		
		
	#private-event-facilities .unslider .copy-container, 
	#private-event-facilities .unslider .copy-container .copy, 
	#private-event-facilities .unslider .copy-container.center .copy {
		position: static;
		transform: none;
		-webkit-transform: none;
		height: auto;
		width: auto;
		max-width: none;
		min-width: 0;
		padding: .75em ! important;	
	}
	#private-event-facilities .unslider .copy-container.right .copy {
		text-align: left;
	}
	
	#private-event-facilities .unslider .copy-container .copy {
		padding-bottom: 2em ! important;
	}
		
	#private-event-facilities .unslider .copy-container.center {
		background-color: #000;
	}
	#private-event-facilities .unslider .copy-container .title {
		font-size: 1.3em;
	}

	#private-event-facilities .unslider .terms {
		left: 5%;
		right: 5%;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		
		top: auto;
		bottom: 0;
	}
	#private-event-facilities .unslider p.visibility-off { 
		display: none;
	}
	#private-event-facilities .unslider .copy p.last {
		padding-bottom: 0;
	}
	#private-event-facilities .unslider-nav {
		display: none;
	}
	#private-event-facilities .unslider-arrow {
		top: 0% ! important;
		margin-top: 33%;

		/*padding-top: 66%;*/
		
	}
	#private-event-facilities .unslider-arrow i.material-icons {
		background-color: rgba(200,0,0,.75);
		font-size: 40px;
		border-radius: 50px;
		margin: 0 10px;
	}
}
	

	
@media (min-width: 679px) and (max-width: 849px) {
	
	
	/*#mainNav {
		width: 100%;
		letter-spacing: .1em;
	}
	#navigation {
		font-size: .8em;
		display: table;
		width: 100%;
		overflow: scroll;
	}*/

	.caption {
  		padding: 20px 0 10px 0;
  		font-size: 1.4em;
	}
}



/* For tablets & smart phones */

@media (max-width: 678px) {

	html {
		font-size: .9em;
	}
	#subHeaderImage, #footerPreImage, #subHeaderImage.fullHeight {
		height: 300px;
	}

	.unslider-container {
		height: 300px;
	}


	.unslider-arrow i.material-icons {
		iifont-size: 2.5em ! important;
		
	}
	.image-break {
		height: 300px;
	
	}
	.boxes > div {
		display: block;
		width: 100%;
		float: none;
		/*max-width: 350px;*/
		margin: 0 auto;
		padding-bottom: 74%;
		min-height: 300px;
	}
	.boxes > div > div {
		margin: 10px auto;
	}
	.boxes a .overlay {
		opacity: 1;
		visibility: visible;
		bottom: 0;
		top: auto;
		height: 15%;
		background-color: rgba(0,0,0,.8);
	}
	.boxes a .overlay .overlay-text {
		position: absolute;
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.copyright {
		font-size: 1.1em;
	}
	#closure_notice {
		min-width: 250px;

		
	}

	#home-inset {
		width: 90%;
	}	
	


	.caption {
  		padding: 15px 0 8px 0;
  		font-size: 1em;
	}
	.rslides1_nav {
		top: 65%;
		background: url('/images/themes_small.gif') no-repeat scroll left top transparent;
		width: 27px;
		opacity: 0.6;
	}
	
	#subHeaderImageBanner {
	
	width: 20%;
	top: -10px;
	margin: 0 auto;
	}
	/* smaller padding on the lower constraint box */
	.constraint_box_lower {
		padding: 15px 10px;
	}
	
	#copybox {
		margin-right: 0;
		iimargin-bottom: 20px;
		iimargin: 20px 5px; /*2017edit*/
		width: auto; /*2017edit*/
	}
	#maincopy {
		margin-right: 0;
		width: 100%;
		width: auto; /* 2017edit*/
	}
	#maincopy img.thumbnail {
		max-width: 150px;
	}
	
	#mobileBottomNav {
		display: block;
	}

	p {
		line-height: 1.5em;
	}
	.menuboxContainer {
		display: block;
		width: auto;
	}
	
	.event-request-container {
		float: none;
		margin-left: 0;
		width: 100%;
		max-width: none;
		max-width: 400px;
		margin: 0 auto 2em auto;
	}
	.event-request-container form input, .event-request-container form textarea  {
		width: 100%;
	}
	
	#facilities-block .container {

	}
	#facilities-block .container:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 160px;
    margin-top: .8em;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(233, 200, 180, 0.85), rgba(0, 0, 0, 0));
	
}
	#facilities-block .container .content {
		padding: 0 1em 1em 1em;
	}
	#facilities-block .container .content p {
		iipadding-left: 1em;
		iipadding-right: 1em;
	}
	#facilities-block .container .title {
		font-size: .9em;
	}
	#facilities-block .container .title .notes {
		width: 100%;
		margin: 0em 0 1em 0;
		border: 0;
		background-color: #fff;
		box-shadow: none;

	}
	#facilities-block .container .title .notes p {
		padding-bottom: 1.25em;
	}

}


/* For smartphones */
@media (max-width: 480px) {

	#navigation {
		font-size: .8em;
	}

}

@media (max-height: 700px) {


}
@media (max-height: 600px) {


}