/*	BLUE LAGOON POOL AND SPA


*/

@media screen and (max-width: 1047px) {
	.pad,
	#page,
	#main,
	#ph-content {
		max-width:97%;
		margin:0 auto;
	}
	#primary {
		background-position:center bottom;
	}
}

@media screen and (max-width: 925px) {
	#access a {
		font-size:16px;
		line-height:32px;
		padding:0 8px;
	}
	#footerContact input[type=text],
	#footerContact input[type=email],
	#footerContact textarea {
		width:calc(100% - 25px);
		margin:0 0 20px 0;
	}
	#footerContact input[type=email] {
		margin-left:0;
	}
}

@media screen and (max-width: 790px) { /* MOBILE MENU */
	#access {
		height:31px;
	}
	#menu-toggle {
		display:block;
		position:absolute;
		top:-2px;
		left:20px;
		z-index:999;
	}
	#menu-toggle .text {
		position:relative;
		top:-6px;
		left:-6px;
		padding-left:0px;
		color:#000;	
	}
	.site-header {
		z-index:999;
	}
	#access ul {
		position:absolute;
		top:53px;
		width:305px;
		background:#acc5e8;
		padding:15px 0;
		z-index:99;
	}
	#menu-main-menu {
		display:none;
	}
	#menu-main-menu.is-active {
		display:block;
	}
	#menu-main-menu li {
		float:none;
		text-align:left;
		padding-left:20px;
	}
	
	.main-navigation.is-active {
		display:block;
		position:absolute;
		top:44px;
		left:0;
		width:350px;
		background:#249fb8;
		transition:0.4s all;
		margin:0;
		z-index:1;
	}
	.main-navigation .main-menu {
		display:block;
		padding-left:25px;
	}
	.main-navigation .main-menu > li,
	.main-navigation .main-menu > li.menu-item-has-children {
		display:block;
		text-align:left;
	}
	.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
		transform:rotate(-90deg);
	}
	.main-navigation .sub-menu {
		display:none;
		position:relative;
		padding-left:25px;
		background:none;
	}
	.main-navigation .menu-item-has-children.is-active .submenu {
		display:block;
	}
	.main-menu-more {
		display:none;
	}
}

@media screen and (max-width: 720px) {
	#hdr_aaom-logo {
		display:none;
	}
	#ftrAAOM {
		display:block;
	}
}

@media screen and (max-width: 690px) {
	#checkInBtn {
		right:5px;
		width:80px;
		font-size:13px;
		line-height:1.3em;
		padding:0 10px;
	}
	#primary {
		padding-top:25px;
	}
}

@media screen and (max-width: 500px) {
	.ph-entry-content h1 {
		font-size:1.4em;
	}
	img.alignleft, img.alignright, img.aligncenter {
		display:block;
		margin:0 auto 20px auto;
	}
}