@charset "utf-8";
/* CSS Document */

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

html, body, div, img, p, a{
	padding: 0px;
	border: 0px;
	margin: 0px;	
}
html, body{
	height:100%;
}

body{
	background-color:#000000;
	width:100%;
}
h2{
	font-family: 'Limelight', cursive;
	font-size:1.5em;
	color:#FFCC33;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.25em;
	color:#FFFFFF;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;
}

a {
	color:#ffffff;
}

main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	border: 0px;
	display: flex;
	flex-wrap:wrap;
}
header {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap:wrap;
}
figure img{
border-color:#000000;
border-width:2px;
border-style:solid;
	
}
figcaption{
padding-left:10px;
font-size:.8em;
font-family:"Times New Roman", Times, serif;
color:#5c5d54;
}

.logoimage{
	width:400px;
}
.headyellow{
	background-color:#FFCC33;
	height:62px;
	width: calc(100% - 400px);
}
.desktopnav {
background-color:#FFCC33;
width:100%;
}
.desktopnav li{
	display:inline;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	padding: 1em;
}
.desktopnav a{
	color:#000000;
	text-decoration:none;
}

.mobilemenu {
	background-color:#FFCC33;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1em;
	font-weight:bold;
}
.mobilemenu a{
	color:#000000;
	text-decoration:none;
}
nav {
	width: 300px;
	position: absolute;
	left:20px;
	top:125px;
	transform: translate (0px, -1000px);
	-webkit-transform: translate(0px, -1000px);
	transition: transform 0.5s ease;
	color:#000000;
	background-color:#FFCC33;
	margin: auto;
	z-index:1000;	
	display:flex;
	flex-wrap:wrap;
}
.navbutton {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .85em;
	color:#000000;
	padding: 15px 10px 0px 10px;
	border-top-style: solid;
	border-top-color:#ffffff;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#ffffff;
	border-bottom-width: 1px;
}
nav a{
	color:#000000;
	text-decoration:none;
}	
nav.open {
	-webkit-transform: translate(0, 0);
	transform: translate (0,0);
}

/* SECTION FORMATTING */

section {
	width:100%;
	background-color:#efe2dc;
	padding-bottom:20px;
}

/*ARTICLE FORMATTING*/
article {
	margin:auto;
	width:75%;
	background-color:#FFFFFF;
	padding-bottom:20px;
}
article p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	padding:1em 40px 1em 40px;
}
article h2{
	font-family: 'Limelight', cursive;
	font-size:1.25em;
	background-color:#FFCC00;
	color:#000000;
	padding:5px 40px 5px 40px;
	max-width:300px;
	border-color:#000000;
	border-style:solid;
	border-width:2px;
}
article h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color:#e65a33;
	padding:0 40px 0 40px;
}	

article ul {
	list-style-position:inside;
	padding-left: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}

article ul li {
	margin-bottom:10px;
}
article a {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;	
	font-size:1em;
	color:#e65a33;
}
.packages {
	padding: 0px 40px 0px 40px;
	width: 60%;
}
.item {
width:70%;
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
color:#000000;
display:inline-block;
position:relative;
padding:0;
margin:0;
}
.price {
width:30%;
font-family:"Times New Roman", Times, serif;
font-size:.85em;
color:#5c5d54;
display:inline-block;
padding:0px;
margin:0px;
text-align:right;

vertical-align:top;
}
/* FOOTER */

footer {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:center;
	color:#FFCC33;
	padding:.8em;
}


/* MEDIA QUERRIES */

@media screen and (min-width: 640px){
	.mobilemenu{
	display:none;
	}

}
@media screen and (max-width: 639px){
	.desktopnav{
		display:none;
	}
	article{
	width:100%;
	}
}
@media screen and (min-width: 800px) and (max-width:999px) {
	main{
		width:800px;
	}
}
@media screen and (min-width: 640px) and (max-width:999px) {
	.desktopnav li{
		display:inline;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight:bold;
		padding: 1em 5px 1em 0;
}
}
@media screen and (max-width: 799px) {
	main{
		width:100%;
	}
	section{
		width:100%;
	}
}
@media screen and (max-width: 400px) {
	.logoimage img{
		width:100%;
	}
	section p{
		font-size:.8em;
	}
	section h2{
		font-size:1.5em;
	}section h3{
		font-size:1em;
	}
}

/* Navigation Styling */


#primary_nav_wrap ul{
	list-style: none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background:#ffcc33;
}

#primary_nav_wrap ul a{
	display:block;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	font-size:.85em;
	padding:15px 10px 15px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#primary_nav_wrap ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.current-menu-item{
	background:#e65a33;
}

#primary_nav_wrap a:hover{
	background:#e65a33;
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#ffcc33;
	padding:0;
}

#primary_nav_wrap ul ul{
	width:200px;
}
#primary_nav_wrap ul ul li{
	float:none;
}

#primary_nav_wrap ul ul a{
	padding:10px
}

#primary_nav_wrap ul li:hover > ul{
	display:block
}

/* Mobile Menu */

#drawer li{
	list-style-type:none;
}

#drawer ul li:hover > a {
	color:#000000;
	background-color:#e65a33;
}
#drawer ul li:hover{
	color:#000000;
	background-color:#e65a33;
}

#drawer ul li:hover >ul {
	width:200px;
	display:block;
}
#drawer ul ul li:hover > a {
	color:#000000;
	background-color:#e65a33;
}
#drawer ul ul {
	padding:0;
	position:absolute;
	top:100%;

}
#drawer ul ul li a {
	font-size:.9em;

}
		
#drawer ul ul li a:hover {
	border-bottom:none;
	color:#000000;
	background-color:#e65a33;
}

#drawer ul ul {
	position:relative;
	top:0;
	bottom:0;
}

#drawer ul li:hover > ul {
	height:auto;
	width:100%;
}
		
#drawer ul ul li	{
	border-top:none;
	background: #ffcc33;
}
		
#drawer ul ul li a {
	display: block;
	position: relative;
	z-index: 100;
}

/* Google Map Media Queries */



@media screen and (min-width: 800px){
		.small-map{
			display:none;
	}
}
@media screen and (max-width: 799px){
		.large-map{
	display:none;
	}
}