/* GREY rgb(223, 223, 223)
/* BLUE #27A7DB
/* TAN  #FFBD59

/*--GENERAL--------------------------------------*/

 html{
  font-family: 'Montserrat', sans-serif;
  background-color: rgb(219, 228, 237);
  max-width: 100%;
 
}


body{
  margin-top: 0;
  margin-left:0;
  margin-right: 0;
  background-color: rgb(219, 228, 237);
  min-width: 1500px;
  

}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}


a{
  font-weight: bold;
}

.headingGraphic{
  height: 100px;
}

.filler{
  background-image: url("/images/graphics/filler2.png");
  background-size: cover;
  height: 500px;
  width: 100%;
  border: solid white 2px;
  border-bottom: none;
  border-top: none;
}

.filler2{
  background-image: url("/images/graphics/filler3.png");
  background-size: cover;
  height: 500px;
  width: 100%;
  border: solid white 2px;
  border-top: none;
  border-bottom: none;
}

.holidaySale{
  height: 350px;
  width: 100%;
}

#background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.pageFiller{
height: 5000px;
}
/*--HEADER--------------------------------------*/

 #header{
  display: flex;
  justify-content: center;
  background-color:#ffffff;
  height: 40px;
  width: 100%;
  position:fixed;
  justify-content: space-between;
  z-index: 100;
  color: #200b61;
  opacity: 100%;
  align-items: center;
  font-size: 14px;
  margin-top: 180px;
}

#headerSocials{
height: 34px;
background-color: #200b61;
width: 100%;
position: fixed;
z-index: 1;
margin-bottom: 0px;
min-width: 1500px;

}

#headerSocials p{
  font-size: 15px;
  padding: 0px;
  margin-top: 0px;
  text-align: center;
}

#header__logo{
 height: 100px;
 display: flex; 
 align-items: center;
 margin-left: 45px;
 margin-top: 0;
}

#header__logo--funtownBeachlogo{
  height: 60px; 
  vertical-align: middle; 
  margin-left: 50px;

}

#header__links{
  display: flex;
  flex-direction: row;
  align-items: bottom;
  min-width: 1500px;
  text-decoration: none; 
  margin-right: 0px;
  color: #200b61;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: solid gray 1px; 
  
}

.header__links--item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-width: 80px;
  text-align: center;
  text-shadow: 10px 10px 50px black;
  color: #200b61;
  border: solid gray 1px; 
}

.header__links--item:hover{
  opacity: 50%;
}


#header__home{
margin-left: 20px; 
}


/*--WELCOME-------------------------------------*/

#welcomeSection{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  height: 900px;
  margin-bottom: 0px;
  width: 100%;
}

#weclomeGraphic{
height: 100%;
width: 100%;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;

}

#welcomeSection__logo{
  display: flex;
  justify-content: center;
}

#welcomeSection__logo--funtownLogo{
  height: 180px;
 
}



#welcomeSection__text{
  display: flex;
  justify-content: center;
  text-shadow: 10px 10px 20px black;
}

#welcomeSection__text--h1{
  color: white;
  font-family: roboto, arial;
  text-shadow: 10px 10px 20px black;
}

.followIcon:hover{
  cursor: pointer;
  transform: scale(1.08);
}


/*------------------------------------------------*/

#homepageInterface{
  height: 1700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(219, 228, 237);
}

.homePageRow{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 70%;
  margin-top: 100px;
}

.homeItem{
width: 300px;
height: 700px;
background-color: #200b61;
border-radius: 10px;
display: flex;
flex-direction: column;

}

.homeItem:hover{
  cursor: pointer;
  transform: scale(1.08);
}


.homeItemImage{
  height: 300px;
  border-radius: 10px;
}

.homeItemButton{
  background-color: white;
  color: #200b61;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  box-shadow: 10px 10px 10px black;
  margin-left: 65px;
  width: 170px;
  height: 30px;
}

.homeItemButton:hover{
  cursor: pointer;
}


/*--ADMISSION-------------------------------------*/

#admission{
  height: 1170px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(219, 228, 237);
  margin-top: 200px;

}

#admissionGraphics{
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-content: center;
  align-items: center;
}



.admissionPriceList{
  height: 450px;
  margin-left: 0px;
}

#admissionButton{
  margin-top: 50px;
  height: 40px;
  width: 160px;
  border: none;
  border-radius: 10px;
  background-color:#27A7DB;
  box-shadow: 10px 10px 20px black;
  color: white;
  margin-bottom: 30px;
  font-weight: bold;
}


#admissionButton:hover{
opacity: 80%;
cursor: pointer;
}

.purchaseAdmission{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*--RENTALS--------------------------------------*/

#rentals{
  height: 1070px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(219, 228, 237);
  background-size: cover;
  margin-top: 150px;
}

#rentalsGraphics{
  display: flex;
  flex-direction: row;
}

#rentalHeading{
  margin-top: 0px;
}

.dailyRentals{
  height: 300px;
  margin-right: 50px;
}

.rentalsButton{
  margin-top: 50px;
  height: 40px;
  width: 140px;
  border: none;
  border-radius: 10px;
  background-color:#27A7DB;
  box-shadow: 10px 10px 20px black;
  color: white;
  font-weight: bold;
}


.rentalsButton:hover{
opacity: 80%;
cursor: pointer;
}

.rentalCheckout{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*--Cabanas--------------------------------------*/

#cabanas{
  height: 1570px;
  background-image: url(/images/backgrounds/indexBackground2.png);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 750px;
}

#cabanasButton{
  margin-top: 50px;
  height: 40px;
  width: 140px;
  border: none;
  border-radius: 10px;
  background-color:#27A7DB;
  box-shadow: 10px 10px 20px black;
  color: white;
  font-weight: bold;
}

#cabanasButton:hover{
  opacity: 80%;
  cursor: pointer;
  }

  .cabanasgraphic{
    height: 300px;
  }

  #cabanaGraphics{
    display: flex;
    flex-direction: row;
  }

.cabanaselection{
display: flex;
flex-direction: column;
align-items: center;
margin-left: 40px;
margin-right: 40px;
}

/*--LOCKERS---------------------------------------*/

#lockersSection{
  height: 1070px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  margin-top: 150px;
}

#lockerItems{
  display: flex;
}

/*--PRIVATE EVENTS--------------------------------*/

#privateEventsSection{
  height: 870px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150px;
 
  
}

#privateEventContents{
display: flex;
flex-direction: row;
align-items: center;
}

#privateEventsButton{
  margin-top: 50px;
  height: 40px;
  width: 140px;
  border: none;
  border-radius: 10px;
  background-color:#200b61;
  box-shadow: 10px 10px 20px black;
  color: white;
  font-weight: bold;
}

#privateEventsButton:hover{
  opacity: 80%;
  cursor: pointer;
  }

/*--ABOUT--------------------------------------*/

#aboutSection{
  display: flex;
  flex-direction: column;
  height: 1370px;
  background-color: rgb(219, 228, 237);
  justify-content: center;
  align-items: center;
}

#aboutSectionContents{
  display: flex;
  flex-direction: row;
  

}


#aboutSection__image{
  display: flex;
  align-items: center;
}

#aboutSection__image--funtownVideo{
height: 300px;
border-radius: 10px;
box-shadow: 10px, 10px, 20px black;
}

#aboutSection__about{
  display: flex;
  height: 300px;
  flex-direction: column;
  margin-left: 50px;
}
#aboutSection__about--title{
  display: flex;
  width: 500px;
  color:#200b61;
  font-weight: 500;
 
  
}

#aboutSection__about--paragraph{
  display: flex;
  flex-direction: column;
  width: 500px;
  color: #27A7DB;
  font-weight: 500; 
  text-align: justify;
  align-items: center;
  
}

#aboutButton{
  
  height: 40px;
  width: 360px;
  border: none;
  border-radius: 10px;
  background-color:#200b61;
  box-shadow: 10px 10px 20px black;
  color: white;
  margin-bottom: 30px;
  font-weight: bold;
}

#aboutButton:hover{
  cursor: pointer;
}


/*--CONTACT-------------------------------------*/ 

#contactSection{
  height: 870px;
  background-color: #200b61;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;  
}

#contactSectionContents{
  display: flex;
  flex-direction: row; 
  justify-content: space-between;
}

#contactSection__imageAndHeader{
  display: flex;
  flex-direction: column;
  padding-top: 180px;
  align-items: center;
  margin-right: 200px;
  
}

#contactSection__imageAndHeader--imageDiv{
  display: flex;
}

#contactSection__imageAndHeader--image{
  height: 100px;
}

#contactSection__imageAndHeader--header{
  display: flex;
  color: white;
  text-align: center;
}

#contactSection__contents{
  display: flex;
  flex-direction: column;
  padding-top: 110px;
  margin-right: 50px;
}

#contactSection__contents, p{
  color: white;
}


#mailingListSection{
  margin-top: 100px;
  color: white;
}

/*--Gallery-------------------------------------*/ 

.galleryimage{
  height: 400px;
  width: 400px;
}