/*   
Theme Name: ergotherapie-levimo
Theme URI: https://ergotherapie-levimo.de
Description: Theme für Ergotherapie Levimo von Patricie Schol
Author: Florian Sojer
Author URI: https://ergotherapie-levimo.de
*/

body {
	color:					#333;
	background:				#f5eee5;
	margin:					0;
	font-family:				Arial;
	display:				flex;
	flex-direction:				column;
	min-height:				100vh;
}

a {
	text-decoration:			none;
}

main {
	flex:					1 0 auto;
	display:				flex;
	width:					100%;
	align-items:				flex-start;
	flex-direction:				column;
}

section#page {
	width:					100%;
	box-sizing:				border-box;
	padding:				20px;
}

footer {
	flex-shrink:				0;
	padding:				20px;
	background:				#f5eee5;
	text-align:				center;
	color:					#fff;
}

div#main_logo {
	margin:					5px 10px 0px 10px;
}
img#ergotherapie_levimo_logo {
	width:					90%;
}

section#sidebar_main_menue {
	width:					100%;
	min-height:				200px;
	text-align:				center;
}

.menu-item > a::before {
	content:				"";
	width:					150px;
	height:					150px;
	display:				inline-block;
	margin-right:				8px;
	vertical-align:				middle;
	background-repeat:			no-repeat;
	background-position:			center;
	background-size:			contain;
}
.icon-willkommen > a::before {
	background-image:			url('/wp-content/uploads/willkommen.svg');
}
.icon-willkommen.current_page_item > a::before,
.icon-willkommen > a:hover::before {
	background-image:			url('/wp-content/uploads/willkommen_active.svg');
}
.icon-wir > a::before {
        background-image:                       url('/wp-content/uploads/wir.svg');
}
.icon-wir.current_page_item > a::before,
.icon-wir > a:hover::before {
        background-image:                       url('/wp-content/uploads/wir_active.svg');
}
.icon-praxis > a::before {
        background-image:                       url('/wp-content/uploads/praxis.svg');
}
.icon-praxis.current_page_item > a::before,
.icon-praxis > a:hover::before {
        background-image:                       url('/wp-content/uploads/praxis_active.svg');
}
.icon-kontakt > a::before {
        background-image:                       url('/wp-content/uploads/kontakt.svg');
}
.icon-kontakt.current_page_item > a::before, 
.icon-kontakt > a:hover::before {
        background-image:                       url('/wp-content/uploads/kontakt_active.svg');
}

li {
	list-style:				none;
}

#resp_menu {
	display:				inline-block;
	cursor:					pointer;
	margin-top:				20px;
        display:                                inline-block;
	font-size:				28pt;
	font-weight:				bold;
}

#resp_menu img {
	width:					200px;
}

/*
Toggled when clicking on menu_icons
*/
.menu_inactive {
	display:				none;
}

.main-menu {
	display:				inline-block;
	z-index:				9999;
	box-sizing:				border-box;
	text-align:				left;
	border-style:				solid;
	border-width:				0px 0px 0px 0px;
	border-radius:				50px;
	border-color:				#f4dbbd;
	min-width:				80%;
}

.main-menu ul {
	padding:				5px 10px;
}

.main-menu ul ul {
	position:				absolute;
	top:					100%;
	display:				none;
	padding:				0px 0px 0px 0px;
}

.main-menu ul li {
	z-index:				100;
	padding:				0px 0px 2px 40px;
	font-size:				30pt;
	border-style:				solid;
	border-width:				0px 0px 1px 0px;
	border-color:				#f5eee5;
}

/* Untermenu  */
.main-menu ul li ul {
	position:				relative;
	display:				block;
	margin-left:				100px;
	width:					80%;
}

.main-menu ul ul li {
	display:				block;
	margin-top:				2px;
	padding:				2px 5px 0px 5px;
	border-width:				1px 0px 0px 0px;
}

.main-menu a {
	color:					#3f6b4a;
}

a#sitelink,
a#impressum,
a#datenschutzerklaerung {
	color:					#06130a;
	margin-left:				10px;
}
        
/*.current-menu-item > a,
.main-menu ul li:hover > a {*/
a#sitelink:hover,
a#impressum:hover, 
a#datenschutzerklaerung:hover,
a:hover,
.current-menu-item > a {
	color:					#701000;
}
.main-menu ul li:hover > ul {
	display:				block;
	margin-top:				0px;
}

section#page {
	font-size:				16pt;
}

/*
#############################################################################
*/

@media ( min-width: 1000px) {
	main {
	        width:                                  100%;
		flex-direction:				row;
	}

	section#page {  
	        flex:                                   1 1 auto;
	        min-width:                              0;
	        box-sizing:                             border-box;
	}
        
	footer {        
        	flex-shrink:                            0;      
      		padding:                                20px;
        	text-align:                             center;
        	color:                                  #fff;
	}

	main {
		flex-direction:				
	}
	.menu-item > a::before {
		width:					30px;
		height:					30px;
	}

	#resp_menu {
		display:				none;
	}

	.main-menu {
		margin-left:				25px;
		font-size:                              16pt;
		border-width:				0px 0px 0px 0px;
		border-radius:				unset;
	}

	.main-menu ul li {
		font-size:				14pt;
	}

	/* Untermenu */
	.main-menu ul li ul {
		margin-left:				30px;
	}

	.menu_inactive {
		display:				block;
	}

	#ergotherapie_levimo_logo {
		width:					100%;
	}

	div#main_logo {
		margin:					5px 10px 0px 10px;
	}

	img#ergotherapie_levimo_logo {
		width:					90%;
	}  

	section#sidebar_main_menue {
		flex:					0 0 auto;
		width:					300px;
		text-align:				left;
	}

	section#page {
		flex:					1 1 auto;
		width:					auto;
		min-width:				0px;
		font-size:				14pt;
	}
}