/* All body elements no margins */
body{
  margin:0;
  height:100vh;
  overflow-x: hidden;
  background-color:#ededed;
}

/*Banner container */
#urgent-banner{
  position: relative;
  background-color: #EB5A5A;
  width:100%;
  height:5%;
  margin:0;
  padding:0;
}

/*Banner text */
.urgent-message{
  display:inline-block;
  color:white;
  font-family: Helvetica, Sans-Serif;
  font-size:2.2vh;
  position: relative;
  text-align:center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right:0;
}

.x-image{
  height:50%;
  float:right;
  margin-top:0.6%;
  margin-right:2%;
  z-index: 3;
  cursor:pointer;
}

.gallery-container{
	position:relative;
}

.gallery-title{
	background-color: white;
	margin-top:0%;
	margin-left:0%;
}

.title-text{
	position:relative;
	color:black;
	font-family: 'Bebas Neue', cursive;
	font-weight: lighter;
	font-size:9vh;
	top:0.5vh;
	/*left:7vh;*/
	text-align: center;
	display: flex;
	justify-content: center;
}

.gallery-main{
	position:relative;
	display:flex;
  	justify-content: space-around;
  	margin-top:4%;
}

.gallery{
	height:52vh;
  	width:40vh;
  	border-radius: 18px;
	border: 4px solid #6eafe8;
}

.text{
	margin:0px 0px 0px 0px;
	font-weight: lighter;
	margin-block-start: 0em;
    margin-block-end: 0em;
}

.event-name{
	text-align:center;
	font-family: 'Bebas Neue', cursive;
	color:#6eafe8;
	font-size:5.5vh;
}

.event-date{
	font-family: 'Bebas Neue', cursive;
	color:#009cad;
	font-size:3.5vh;
	text-align:center;
	color:black;
}

.event-desc{
	font-family: 'Montserrat', sans-serif;
	color:#009cad;
	font-size:2vh;
	text-align:center;
	margin-top:2%;
	color:black;
}

.gallery-img{
	position:relative;
	height:50%;
	width:100%;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom:1.5vh;
}

.overlay-wrapper {
 	display:none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.overlay-bg {
	 width: 100%;
	 height: 100%;
	 background-color: #222;
	 opacity: 0.8;
}

.close{
  position:fixed;
  right:10px;
  top:10px;
  z-index:2;
}

.pa-gallery-player-widget{
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:3;
	width:65vw;
	height:55vh;
}

#back{
	position:relative;
	font-family: 'Bebas Neue', cursive;
	font-weight: bolder;
	color:white;
	float: right;
	margin-right:7vw;
	font-size:4vh;
	top:3.5vh;
}

/* Add a black background color to the top navigation */
.navigation-container {
	background-color: #338edf;
	overflow: hidden;
}

.button-container{
	margin-left:5.5vw;
}

/* Style the links inside the navigation bar */
.button-container a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 2vh 6vh;
	text-decoration: none;
	font-size: 3.3vh;
	font-family: 'Bebas Neue', cursive;

}

/* Change the color of links on hover */
.button-container a:hover {
	background-color: white;
	color: black;
}

/* Add a color to the active/current link */
.button-container a.active {
	background-color: #008080;
	color: white;
}


/*epdx*/
#say{
    text-align: center;
}

@media screen and (max-width:700px){
    .navigation-container{
        width:100%;
    }
    
    .button-container{
        margin-left:0;
    }
    
    .x-image{
        margin-top:-6.5%;
    }
}