/*    General Tools    */

body{

    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9f7f7;
    color: #333333;
    font-size: 16px;
}

p{
  font-size: 98%;
  font-size: 1.1vw;
  color: #333333;
  margin-top: 10%;
  text-overflow: ellipsis;
}

.p1{
  font-size: 98%;
  font-size: 1vw;
  color: #333333;
  margin-top: 10%;
  text-overflow: ellipsis;

}
h1{

  color: white;
  font-size: 60;
  opacity: none;
  position: relative;
  opacity: 1;
  z-index: 3;
  margin: 0;
  margin-bottom: 20px;
}
h2{

  color: white;
  font-size: 50;
  opacity: none;
  margin: 0;


}
h4{
 font-size: 50px;
 font-family: 'Roboto Slab', serif;
 font-weight: lighter;
 color: rgb(233,137,119);
 margin: 0px;
}
hr{

    width: 30%;
    border-color: rgb(233,137,119);
    height: 0.3px;
    background-color: rgba(233,137,119,1);
  }
h5{

    text-align: center;
    margin: 0 auto;
    color: white;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}
h6{

 font-size: 210%;
 color: rgb(61, 60, 60);
 font-family: 'Roboto', sans-serif;
 margin-top: 20px;
 margin-bottom: 0px;
}
h7{
  color: #8e8e8e;
  font-size: 20px;
  font-size: 1.2vw;
  font-weight: 100;
  width: 100%;
}
h8{
  text-decoration: underline;
}

.h9{

 font-size: 150%;
 margin-top: 50px;
 color: rgb(61, 60, 60);
 font-family: 'Roboto', sans-serif;
 margin-top: 20px;
 margin-bottom: 0px;
}

/*   Menu      */

.menufixed{
   position: fixed;
   top: 0;
   background-color: #f9f7f7;
   width :100%;
   font-family: 'Roboto', sans-serif;
   z-index: 100;
}
.menucenter{

 margin: 0 auto;
 width: 80%;
 text-align: center;
 margin-top: 25px;
 margin-bottom: 25px;

}
.menuelements{
 display: inline-block;
 vertical-align: middle;


}
.menu1{

 float: left;
 margin-top: 9px;


}
#menulogo{
 float: left;
 margin-left: 80px;
 margin-right: 80px;
}
.menu2{

 float: left;
 margin-top: 9px;

}
.menu1>a{

 padding: 40px;
 font-size: 20px;
 text-decoration: none;
 color: black;
 transition-duration: 0.5s;

}
.menu2>a{
   padding: 40px;
   font-size: 20px;
   text-decoration: none;
   color: black;
   transition-duration: 0.5s;
}
.menu1>a:hover{

 color: rgb(233,137,119);

}
.menu2>a:hover{

 color: rgb(233,137,119);

}
.dropdown{
  padding: 40px;
  font-size: 20px;
  text-decoration: none;
  color: black;
  transition-duration: 0.5s;

}

/*   Header      */

.header{
   height: 80%;
   margin-top: 85px;
  overflow: hidden;
  display: block;
  z-index: 0;
  background-image: url(img/radioheader.jpg);
  background-size: cover;
  font-family: 'Roboto', sans-serif;

 }
.overlayblack{

   background: black;
   overflow: hidden;
   height: 100%;
   width: 100%;
   z-index: 2;
   background-color: rgba(0,0,0,0.75);
   display: flex;
   align-items: center;
   text-align: center;
 }
.headertext{

  margin: 0 auto;

}
 #introlink{

   color: white;
   transition-duration: 0.3s;
 }
#introlink:hover{
    color: rgb(233,137,119);
}
#introduction{

   margin-left: 10%;
   margin-right: 10%;
   margin-top: 5%;
   color: white;
   font-size: 1.3vw;
}

/*   About      */

.about{

   background-color: #f9f7f7;
 }
.title{
   width: 100%;
   text-align: center;
   margin-top: 70px;
   margin-bottom:100px;
}
.aboutelements{
    width: 100%;

}
.aboutcontainer{

  width: 90%;
  margin: 0 auto;


}
.aboutimg{

  width: 100%;
  height: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
}

.aboutimg2{

  width: 100%;
  height: 30%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
}
 #history{

   background-image: url("img/history.jpg");

 }
 #culture{

   background-image: url("img/photos/Rental.jpg");

 }
 #architecture{

   background-image: url("img/architecture2.jpg");

 }
 #catering{
background-image: url("img/catering.jpg");

 }

 #music{
   background-image: url("img/music.jpg");

 }
 #speaker{
   background-image: url("img/speaker.jpg");


 }

 #floral{
   background-image: url("img/floral.jpg");
 }
 #aboutleft{
   width: 33%;
   float: left;
 }
 #aboutcentre{
   width: 33%;
   float: left;
 }
 #aboutright{
    width: 33%;
    float: left;
  }

/*   Button    */

.RMbutton{

    width: 220px;

    background-color: rgb(233,137,119);
    border-radius: 4px;
    height: 60px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    transition-duration: 0.3s;


  }
.readmorebutton{
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}
.RMbutton:hover{
     background-color: rgb(196, 76, 54);
     transition-duration: 0.3s;
}

/*   Newsletter    */

.email{

  background-color: #eaebed;
  text-align: center;
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;



}
.prices{

    background-color: #eaebed;
    width: 100%;
}
.emailelements{

  display: block;
  width: 100%;
}
#newsletter{

  width: 30%;
  height: 18%;
  border: none;
  color: #8e8e8e;
  font-size: 20px;
  padding-left: 20px;
}

/*   Program     */

.program{
  display:block;
overflow:auto;

}

#Event1{

  background-image: url("img/events/event14-09.jpg");

}
#Event2{

  background-image: url("img/photos/event1.jpeg");

}
#Event3{

  background-image: url("img/photos/event2.jpg");

}

/*   Rental    */
.rental-slide-1{
top: 0;
left: 0%;
display: table;
position: absolute;
background-color: #f9f7f7;
}
.rental-slide-2{
  top: 0;
  left:0;
  display: table;


}
.rental{
  display: inline-block;
  width: 100%;
  overflow: hidden;
  clear: both;
  position: relative;
}
.rental-left{
  float: left;
  width: 50%;
}

.rental-inner-left{

  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 0%;
  margin-right: 10%;
}

.rental-img{

  flex-shrink: 0;
   min-width: 100%;
   min-height: 100%;

}

.rental-img-container{

  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;


}

.rental-right{
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;

}

.rental-right-container{

  text-align: center;
  margin-top: 10%;
  margin-right: 15%;
  overflow: hidden;


}

.rental-menu{
  width: 100%;
  float: left;
  text-align: center;
  height: 10%;




}

.rental-menu-elements{

  text-align: center;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

 .circle{
   float: left;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   width: 20px;
   height: 20px;
   border-radius: 100px;
   background-color: rgb(233,137,119);
 }

 #Larrow{
   float: left;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   width: 20px;
   height: 20px;
   border-radius: 100px;
   background-color: rgb(233,137,119);
 }

 #Rarrow{
   float: left;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   width: 20px;
   height: 20px;
   border-radius: 100px;
   background-color: rgb(233,137,119);

 }

 .fade{
   opacity: 0.5;
 }
 .nofade{
   opacity: 1;
 }

/*   Contact    */

.contact{

  height: auto;
  position: relative;
  width: 100%;
  display: inline-block;
  margin-top: 50px;
  background-color: #eaebed;
  overflow: hidden;
}

#map{
 height: 500px;
 width: 50%;
 float: left;
}
#info{

  width: 50%;
  float: left;
}

.contact-form{

  display: block;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}

.contact-input{
  width: 100%;
  height: 5%;
  border: none;
  color: #8e8e8e;
  font-size: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
}
.contact-info{
  font-size: 18px;
}

.contact-title{
  font-size: 210%;
  color: rgb(61, 60, 60);
  font-family: 'Roboto', sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;

}
.contact-input-text{
  width: 100%;
  height: 20%;
  border: none;
  color: #8e8e8e;
  font-size: 20px;
  padding-left: 20px;

}
.info-container{
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 20px;
}
.submit-button{

  width: 100%;
  background-color: rgb(233,137,119);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  border-radius: 4px;
}

.result-contact{

  display: table;
  vertical-align: middle;

}
/*  Footer  */

.footer{
  background-color: rgb(233,137,119);
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.adress-link{
width: 80%;
margin-left: 10%;
text-align: center;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
color: white;
}
.SiteMap{
width: 100%;
text-align: center;
color: white;
font-family: 'Roboto', sans-serif;
}
.SiteMap a{
width: 100%;
text-align: center;
color: white;
font-family: 'Roboto', sans-serif;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
}

.SiteMap a :hover{
color: grey;

}


.socialmedia{
width: 100%;
text-align: center;

}


/*  NewMenu  */

#primary_nav_wrap
{
	margin-top:0px;

}
#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#primary_nav_wrap ul a
{
  font-size: 20px;
  text-decoration: none;
  color: black;
	display:block;
	text-decoration:none;
	line-height:32px;
	padding:0 15px;
  transition-duration: 0.3s;
}
#primary_nav_wrap ul a:hover
{

  color: rgb(233,137,119);
}
#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#primary_nav_wrap ul li a
{
  padding-top: 7px;
}
#primary_nav_wrap ul li.current-menu-item
{
  transition-duration: 0.3s;
}
#primary_nav_wrap ul li:hover
{
	color: rgb(233,137,119);
}
#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:-50;
	background-color: #f9f7f7;
	padding-top:20;

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

}
#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:5px 10px;
}
#primary_nav_wrap ul li:hover > ul
{
	display:block;
  visibility: visible;


}

.about4{
  width: 24%;
  float: left;
}


.aboutimgactual{

  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  margin-bottom: 15px;
}


.pinkhover :hover{
  color:rgb(233,137,119);
}