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

body{
	background-image: url("Backgrounds/MainBackground5.jpg");
	background-position: top, left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	padding:0;
	margin:0;
}


#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.logo{
	position:fixed;
	top:-4px;
	left:13%;
	width:16%; 
	display: block;
	z-index: 99999;
}

.header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:75px;
	border-bottom: 1px solid #333333; 
	background-color: #fffbf4;
	z-index: 9999;
}

.menu{
	position:absolute;
	top:25px;
	left:45%;
	width:40%;
	display: flex;
	justify-content: space-between;
	gap:10px; 
}

.menu a{
	font-family: 'Quicksand', sans-serif;
	font-size: .9em; color:#000000;
	text-decoration:none;
	transition: all .4s ease-in-out;
	border:1px solid transparent;
	text-align:center;
	padding:8px;
	flex:1;
}

.menu a:hover{
	border: 1px solid #222222;
}

.content{
	position:relative;
	margin:100px auto;
	width:100%;	
}

.contentflex{
	position:relative;
	margin:50px auto;
	width:70%;
	display:flex;
	justify-content: space-between;
	gap:20px; 
	align-items: center;
}

.contentflex a:link{text-decoration: none;}

.contentflex h1{
  position:relative;
  margin:0 0;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 4em;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
}

.contentflex h2{
  position:relative; 
  margin: -5px 1%;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2.5em;
  font-style:italic;
  color:#7DDA5B; 
}

.contentflex p{
  position:relative; 
  margin: 15px 1%;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-size: 1em;
  font-style:normal;
  color:#222222;   
}


.contentleft{
	flex-basis: 50%;
}

.buttonflex{
	position:relative;
	margin:25px 12%;
	width:50%;
	display: flex;
	justify-content: space-between;
	gap:15px;
}

.btn1{
	width:200px;
	background-color: #7DDA5B;
	font-family: 'Quicksand', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	transition: all .4s ease-in-out;
	border-radius: 25px;
	text-align:center;
	text-decoration: none;
	padding:15px;
	box-shadow: .5px .5px 5px #666666;
}

.btn1:hover{
	background-color: #EFEFEF;
	color:#222222;
}

.btn2{
	width: 200px;
	background-color: #EFEFEF;
	font-family: 'Quicksand', sans-serif;
	font-size: .9em;
	font-weight:600;
	color:#7DDA5B;
	transition: all .4s ease-in-out;
	border-radius: 25px;
	text-align:center;
	text-decoration: none;
	padding:15px;
	box-shadow: .5px .5px 5px #666666;
}

.btn2:hover{
	background-color: #9CE77D;
	color:#222222;
}


.contentright{
	flex-basis: 50%;
}

.contentright img{border: 3px solid black;}

.contentalt{flex-basis:20%;}

.centerbreak{
	position:relative;
	margin: 50px auto;
	width:100%;
	background-color: #fffbf4;
	box-shadow: 0 -5px 5px -5px #888888;
	box-shadow: 0 3px 3px 5px #888888; 
}

.centerbreak a:link{text-decoration:none;}

.centerbreakcontent{
	position:relative;
	margin:50px auto;
	width:80%;
	padding-top:30px;
	padding-bottom: 50px;
	text-align: center;
}

.centertext{
	position:relative;
	margin: 0 auto;
	width:90%;
	text-wrap:balance;
}

.centerbreak h3{
  position:relative; 
  margin: -5px 1%;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2em;
  font-style:italic;
  color:#7EDB57; 
}

.centerbreak h3{
  position:relative; 
  margin: 0 auto;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2em;
  font-style:italic;
  color: #000000;
}


.centerbreak p{
  position:relative; 
  margin: 0 auto;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-size: 1em;
  font-style:normal;
  color: #000000;
}

.centerflex{
	position:relative;
	margin:40px auto;
	width:100%;
	display: flex;
	justify-content: space-between;
	gap:20px; 
}

.box{
	flex-basis:33%;
	transition:all .4s ease-in-out;
}

.box img{
	border: 3px solid black;
}

.box:hover{
	 
}


.boxtext{
	position:relative;
	margin:0 auto;
	width:90%; 
	min-height: 130px; 
}

.boxbtn{
	position:relative;
	margin: 10px auto;
	width:200px;
	background-color: #7DDA5B;
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	transition: all .4s ease-in-out;
	border-radius: 25px;
	text-align:center;
	text-decoration: none;
	padding:15px;
	box-shadow: .5px .5px 5px #666666;
}

.boxbtn:hover{
	background-color: #EFEFEF;
	color:#222222;
}

.testimonials{
	position:relative;
	margin:50px auto;
	width:80%;
	text-align:center;
}

.testimonials h2{
	font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2em;
  font-style:italic;
  color: #000000;
}

.bottomcontent{
	position:relative;
	margin:140px auto;
	width:100%;
	padding-bottom: 250px;
}

.bottomcontent h3{
  position:relative; 
  margin: 0 auto;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2em;
  font-style:italic;
  color: #000000;
}

.bottomcontent p{
  position:relative; 
  margin: 0 auto;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-size: 1em;
  font-style:normal;
  color: #000000;
}


.bottomflex{
	position:relative;
	margin:50px auto;
	width:70%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	align-items: center;
}

.bottomflex img{
	border: 3px solid black;
}

.bottomleft{flex-basis: 40%;}

.bottomright{flex-basis: 50%;}

.footer{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:300px;
	background-color:#fffbf4;	
}

.footer a:link{text-decoration:none; color:aqua;}

.footer img{
	margin: 0 10px 0 10px;
}

.footer p{
  position:relative; 
  margin: 0 auto;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-size: 1em;
  font-style:normal;
  color: #000000;
}

.footerflex{
	position:relative;
	margin:20px auto;
	width:50%;
	display: flex;
	justify-content: space-between;
	gap:30px;
}

.footerleft{flex-basis: 50%;}

.footerright{flex-basis:50%;}

.footercredits{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	height:30px;
	background-color: #000000;
	font-family: 'Quicksand', sans-serif;
	font-size: .8em;
	color:#efefef;
}


/*CSS for subcontent*/

.subcontent{
	position:relative;
	margin:115px auto;
	width:100%;
	display: block;
	padding-bottom: 250px;
}

.galleryarea{
	position:relative;
	margin:50px auto;
	width:80%;
}

.galleryarea p{
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	color:#222222;
}

.galleryarea a:link{text-decoration:none;}

 

.centerbreak2{
	position:relative;
	margin:-350px auto;
	width:100%;
	background-color: #fffbf4;
	box-shadow: 0 -5px 5px -5px #888888;
	box-shadow: 0 3px 3px 5px #888888;
}

#centerbreakstaff{margin-bottom: 600px; border-bottom: 2px solid black;}
#staffflex{align-items: center;}
.contentflex img{border: 1px solid black;}

.centerflex2{
	position:relative;
	margin:40px auto;
	width:70%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	align-items: center; 
}

.centerflex3{
	position:relative;
	margin:0 auto;
	width:80%;
	display: flex;
	justify-content: space-between;
	gap:20px;
	align-items: center;
}

.box2{
	flex-basis:50%;
	transition:all .4s ease-in-out;
}

.staffsection{
	position:relative;
	margin: 0 auto;
	width:90%;
	text-align: center;
}

.staffarea{
	position:relative;
	margin:-500px auto;
	width:100%;
}

 
.blogsection{
	position:relative;
	margin:0 auto;
	width:80%;
}

.blogsection h2{
  position:relative; 
  margin: -5px 1%;
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-size: 2.5em;
  font-style:italic;
  color:#000000; 
}

.blogsection p{
  position:relative; 
  margin: 15px 1%;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-size: 1em;
  font-style:normal;
  color:#222222;   
}

.formcontainer{
	position:relative;
	margin:0 auto;
	width:80%;
	padding-bottom: 150px;
}

.pdf{
	position:relative;
	margin:0 auto;
	text-align: center;
	width: 100%;
	height:950px;
}

#smallflex{width:60%; padding-bottom: 100px;}
#accomcontent{padding-bottom: 300px;}

/*End CSS for subcontent*/

.bottomrightmob{display: none;}
#sidebar{display: none;}

@media screen and (max-width:1680px){

.logo{ 
	top:-4px;
	left:13%;
	width:17%; 
}

	
}


@media screen and (max-width:1600px){
	
.logo{ 
	top:-4px;
	left:13%;
	width:18%; 
}

	
.menu{
	top:25px;
	left:45%;
	width:50%; 
}
	
.contentflex{width:75%;}
.buttonflex{ 
	margin:25px 9%;
	width:50%; 
	gap:15px;
}	
	
}

@media screen and (max-width:1440px){
	
.logo{ 
	top:-4px;
	left:13%;
	width:20%; 
}

.contentflex{width:80%;}
	
.contentflex h1{font-size: 3.5em;}

.contentflex h2{
  position:relative; 
  margin: -5px 1%; 
  font-size: 2em; 
}

.contentflex p{  
  margin: 15px 1%; 
  font-size: .9em; 
}
	
.buttonflex{ 
	margin:25px 7%;
	width:50%; 
	gap:15px;
}
	
.centerbreak p{font-size:.9em;}
.conterflex p{font-size: .9em;}
	.bottomcontent{padding-bottom: 350px;}
.bottomcontent p{font-size: .9em;}
.bottomcontent h3{font-size:1.5em;}
	
.bottomflex{width:90%;}
	
/*CSS Accommodations */
	
	.galleryarea p{font-size: .9em;}
	
/*end accommodations css*/	

		
}

@media screen and (max-width:1366px){
	
.logo{ 
	top:-4px;
	left:13%;
	width:22%; 
}

	
.contentflex{width:82%;}
.buttonflex{
	margin:25px 5%;
	width:50%; 
	gap:15px;
}
	
	
}

@media screen and (max-width:1280px){
	
	.logo{ 
	top:-4px;
	left:10%;
	width:24%; 
}

	
	.menu{
	top:25px;
	left:36%;
	width:60%; 
}

	
	.contentflex{width:90%;}	
	
	.centerflex p{font-size:.8em;}
	
	.staffsection{
	position:relative;
	margin: 0 auto;
	width:100%;
	text-align: center;
}
	
	#smallflex{width:70%;}

	
}


@media screen and (max-width:1180px){
	
	.staffsection{
	position:relative;
	margin: 0 auto;
	width:50%;
	text-align: center;
}
	
	
	
}





@media screen and (max-width:732px){
	.logo{
	position:fixed;
	top:4px;
	left:5%;
	width:55%; 
	display: block;
	z-index: 99999;
}

	.menu{display: none;}
	.buttonflex{
	position:relative;
	margin:25px auto;
	width:100%;
	flex-direction: column;
	gap:15px;
}
	
	.btn1{position:relative; margin:0 auto; width:225px;}
	.btn2{position:relative; margin:0 auto; width:225px;}

	.contentflex{flex-direction: column;}
	.contentflex h1{font-size:3em;}
	.centerflex{flex-direction: column;}
	.centertext{flex-direction: column; width:90%;}
	
	.bottomright{display: none;}
	.bottomrightmob{display: block;}
	.bottomflex{flex-direction: column;}
	.footer{height:400px; padding-bottom: 50px;}
	.footerflex{flex-direction: column; width:90%;}
	
	.footercredits{
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	text-align: center;
	height:45px; 
	background-color: #000000;
	font-family: 'Quicksand', sans-serif;
	font-size: .8em;
	color:#efefef;
}

	
/*CSS accommodations*/
	.galleryarea{
	padding-bottom: 100px;
}
	
	#smallflex{
		margin:-150px auto;
		width:90%;}
	
	#accomcontent{padding-bottom: 450px;}

/*End CSS accommodations*/
	
#sidebar{
	display:block;
	background:#333333;
	position:fixed;
	width:200px;
	left:-200px;
	top:0; 
	opacity:.90;
	height:100%;
	transition: left 0.3s linear;
	z-index: 9999999;
}

	
	
#sidebar.visible{
	left:0;
	transition: left 0.3s linear;
}
		
#sidebar-btn{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:15px;
	cursor:pointer;
	margin:20px;
	position:fixed;
	top:15px;
	right:15px;	
	z-index: 999999999;
}
			
#sidebar-btn span{
	height:3px;
	background:#222222;
	margin-bottom:5px;
	display: block;
}
	
#sidebar-btn span:nth-child(2){width:75%;}
#sidebar-btn span:nth-child(3){width:60%;}
	
ul{
	margin:0;
	padding:0;				
}
		
ul li{list-style:none; padding-top:10px;}
		
ul li a{
	font-family: 'Quicksand', sans-serif;
	font-size:1em;
	color:#FFFFFF;
	border-bottom:.25px solid #FFFFFF;
	display:block;
	width:152px;
	padding:15px 0 15px 10px;
	text-decoration:none;				
}
	
	.staffsection{width:100%;}
	
	
}

@media screen and (max-width:320px){
	
	.subcontent{
	position:relative;
	margin:115px auto;
	width:90%;
	display: block;
	padding-bottom: 250px;
}

}


@media screen and (max-width:260px){
	
	.subcontent{
	position:relative;
	margin:115px auto;
	width:90%;
	display: block;
	padding-bottom: 250px;
}

}