@charset "utf-8";

body{background-color: #332B36}


h1{font-family:"Philosopher";
color:#CEAEDA;
font-size: 3.125em;text-align:center}

h2{font-family:"Philosopher";
color:#CEAEDA;
font-size: 2.5em}

h3{font-family:"Philosopher";
color:#CEAEDA ;
font-size: 2.25em;text-align: center}








h4{font-family:"Philosopher";
color:#CEAEDA;
font-size: 1.5em}

p{font-family:"Arvo";
font-size: 1em;
color: #ffffff}

li{font-family: "Arvo";
color: #ceaeda}

a{color:#ceaeda;
text-decoration: none}

a:hover{color:#ceaeda;
text-decoration: underline}
a.iconllink:hover{text-decoration: none}

.navlink{font-family:"Phillosepher";font-size:1.5em}
.navclick:hover{color: #ffffff}

.navlist{list-style: none}



label{color:#ceaeda}

input{background-color:#bcbcb2}

textarea{background-color:#bcbcb2}

.button1{background-color:#345f4e;
	font-family:"Phillosopher";
	font-size:1.5em;
    color:#ffffff;
    border:none;
	padding: 5px 20px;
    margin: 10px auto;
    text-align: center;}

.button2{background-color:#332b36;
	font-family:"Phillosopher";
	font-size:1.5em;
    color:#ffffff;
    border:none;
	padding: 5px 20px;
    margin: 10px auto;
    text-align: center;}

.navlist{
	display:flex;
	justify-content: center;
	list-style-type: none;
	align-items: center;
gap:3em;
padding-left:0;
flex-wrap: wrap
}
.navwrap{
	display:flex;
	flex-direction: column; 
	align-items: center;
	min-height:80px;
	width:100%;
	justify-content: center;
padding:10px 0;
	margin-bottom: 10px
}

form{background-color:#345f4e;
width:15%;
height:275px;
padding-left:20px;
padding-top:20px;
}

.main{background-color:#332B36;
	width:50%;
	max-width:700px;
margin: 0}

.footerlist{list-style:none;margin-left:50px}
.footwrapper{display:flex;margin-top:100px;justify-content: center
}
.menulist{
	display:flex;
	justify-content: center;
	list-style-type: none;
	align-items: center;
gap:3em;
padding-left:0;
flex-wrap: wrap
}

.menuclick{font-size:1.2em}
.itemcard{display:flex;margin-left:20px}
.itemimage{margin-top:32px;margin-right:10px}
.menuwrap{display:flex;Justify-content:center;margin-bottom:60px}
.menutitle{text-align:center}
.menuwrap1{margin-bottom:100px}
.eventwrapper{display:flex;Justify-content:center;margin-bottom:200px}
.eventcard{margin-left:20px}
.mainbox{margin-bottom: 100px}
.button3{text-align:center}
.mainwrap{display:flex;justify-content:center}
.mainimage{margin-left:20px; margin-top:40px}


a.droplink{color:#332b36 }
.dropdown{
	width:15%;
	position:absolute;
	list-style:none;
	background:#ceaeda;
	display:none;
}

.navlink:hover + .dropdown,
.dropdown:hover{
	display:block;
}

.toggle{
	display:none;
	cursor:pointer;
}

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

	.toggle{
		display:block;
	}

	.navlist{
		display:none;
		flex-direction:column;
		align-items:center;
		gap:1em;
		width:100%;
		padding-top:15px;
	}

	.navlist.show{
		display:flex;
	}

	.navwrap{
		position:relative;
	}

	.dropdown{
		position:static;
		width:100%;
		background:none;
		padding-left:0;
		text-align:center;
	}

	.navlink:hover + .dropdown,
	.dropdown:hover{
		display:none;
	}
}

.toggle:hover{display:block}