@charset "utf-8";
/* Base (default) styles for the site*/

button:active,
button:focus{
	outline: none;
	-moz-outline-style: none;	
}
.main-menu{
	position: relative;
	z-index: 200;
	width:100%;
	padding:20px;
	display:block;
}
.front-page .main-menu{
	display:flex;
	border:none;
}

.sub-menu{
	text-align:center;
	font-size:90%;
	width:20%;
}
.horizontal-menu .sub-menu{
	display:none;
}
.nav-toggle{
	font-size:200%;
	width: 100%;
	margin: 0px auto;
	margin-top:10px;
	display:none;
	text-align:center;
}
.menu button{
	background-color:transparent;
	border:none;
	font-size:100%;
	width:150px;
	cursor:pointer;
	margin:5px;
	text-align:left
}
.menu button:hover{
	color:#444;
}
.depressed-button,
.depressed-button .box-button-text{
	color: #444;	
}
.horizontal-menu button{
	width:200px;
	cursor:pointer;
	margin:10px;
}
.horizontal-menu .box-button-image{
	width:200px;
	margin:0px auto;
}
.sub-menu button{
	padding-left:90px;
	font-size:100%;	
}
.box-button-text{
	display:inline-block;
	text-align: left;
	vertical-align: bottom;
	line-height: 50px;
	margin-left:10px;
	font-size:110%;
}
.horizontal-menu .box-button-text{
	text-align: center;
	display:inherit;
	width:100%;
	margin:0px;
}
.side-menu .box-button-image{
	width:50px;
	display:inline-block;
}
.side-menu button{
	width:250px;
	margin-top:0px;
}

.box-button-image img{
	border-radius:100px;
	box-shadow: 2px 2px 10px 3px #c29987;
}
@media screen and (max-width: 680px) {
.side-menu{
	padding-top:20px;
	width:50%;
	margin:0px auto;
	font-size:140%;
}
.side-menu button{
	width:100%;
	margin:0px;
}
.side-menu .box-button-image{
	display:none;
}
.box-button-text{
	display:inline-block;
	text-align: left;
	vertical-align: bottom;
	margin:0px;
	line-height:inherit;
}
.nav-toggle{
	display:block;
}
.main-menu{
	border:#eeebe3 1px solid;
	border-radius: 8px;
	position:absolute;
	display:none;
	background-color:#666;
	color:#FFF;
	width:auto;
	margin:20px;
	padding:10px;
}
.main-menu .box-button-text{
	color:#FFF;
}
	
.front-page .main-menu{
	position: static;
	border:none;
	display:flex;
	background-color: transparent;
	width:100%;
	margin:0px;
	padding:0px;
}
.front-page .nav-toggle{
	display:none;
}
.horizontal-menu button{
	width:300px;
}

}


.themes-menu{
	position:absolute;
	top:0px;
	color:#000;	
}
.selectbutton{
	width:100px;
}
.select-menu{
	margin-top:5px;
	margin-left:0px;
	background-color:rgba(242, 242, 233, 0.5);
	padding:5px;
	border:#d2d2d2 1px solid;
	border-radius:3px;
	box-shadow:0px 1px 2px rgba(64,64,64,0.1);
}
.select-menu .title{
	display:block;
	background-color:#FFF;
	font-weight:normal;
	border-radius:3px;
	padding:2px;

}
.select-menu button{
	display:block;
	margin:0px auto; 
	margin-top:2px;
	width:60px;
}
.select-menu button:hover{
	background-color:#999;
	color:#FFF;
}