/*   
Theme Name: zellbachtaler
Theme URI: http://zellbachtaler.de
Description: Theme für den Verein der Zellbachtaler Schützen aus Pauluszell
Author: Florian Sojer
Author URI: http://zellbachtaler.de
*/

body {
	color:					#333;
	background:				#fff;
	margin:					0;
	font-family:				Arial;
}

a {
	text-decoration:			none;
}

main {
	display:				block;
}

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

section#sidebar_main_menue {
	display:				block;
	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-home > a::before {
	background-image:			url('/wp-content/uploads/home.svg');
}
/*  Schwarz ersetzt durch:  #2583ff   */
.icon-home.current_page_item > a::before {
	background-image:			url('/wp-content/uploads/home_active.svg');
}
.icon-bogenschiessen > a::before {
        background-image:                       url('/wp-content/uploads/bogenschiessen.svg');
}
.icon-bogenschiessen.current_page_item > a::before, 
.icon-bogenschiessen > a:hover::before {
        background-image:                       url('/wp-content/uploads/bogenschiessen_active.svg');
}
.icon-fotos > a::before {
        background-image:                       url('/wp-content/uploads/fotos.svg');
}
.icon-fotos.current_page_item > a::before, 
.icon-fotos > a:hover::before {
        background-image:                       url('/wp-content/uploads/fotos_active.svg');
}
.icon-geschichte > a::before {
        background-image:                       url('/wp-content/uploads/geschichte.svg');
}
.icon-geschichte.current_page_item > a::before,
.icon-geschichte > a:hover::before {
        background-image:                       url('/wp-content/uploads/geschichte_active.svg');
}
.icon-impressum > a::before {
        background-image:                       url('/wp-content/uploads/impressum.svg');
}
.icon-impressum.current_page_item > a::before, 
.icon-impressum > a:hover::before {
        background-image:                       url('/wp-content/uploads/impressum_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');
}
.icon-satzung > a::before {
        background-image:                       url('/wp-content/uploads/satzung.svg');
}
.icon-satzung.current_page_item > a::before, 
.icon-satzung > a:hover::before {
        background-image:                       url('/wp-content/uploads/satzung_active.svg');
}
.icon-schiessergebnisse > a::before {
        background-image:                       url('/wp-content/uploads/schiessergebnisse.svg');
}
.icon-schiessergebnisse.current_page_item > a::before, 
.icon-schiessergebnisse > a:hover::before {
        background-image:                       url('/wp-content/uploads/schiessergebnisse_active.svg');
}
.icon-termine > a::before {
        background-image:                       url('/wp-content/uploads/termine.svg');
}
.icon-termine.current_page_item > a::before, 
.icon-termine > a:hover::before {
        background-image:                       url('/wp-content/uploads/termine_active.svg');
}
.icon-vorstandschaft > a::before {
        background-image:                       url('/wp-content/uploads/vorstandschaft.svg');
}
.icon-vorstandschaft.current_page_item > a::before, 
.icon-vorstandschaft > a:hover::before {
        background-image:                       url('/wp-content/uploads/vorstandschaft_active.svg');
}
.icon-weingarten > a::before {
        background-image:                       url('/wp-content/uploads/weingarten.svg');
}
.icon-weingarten.current_page_item > a::before, 
.icon-weingarten > a:hover::before {
        background-image:                       url('/wp-content/uploads/weingarten_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:				4px 1px 4px 1px;
	border-radius:				50px;
	border-color:				#d0d0d0;
	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:				#efefef;
}

/* 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:					#227722;
}

section#page {
	display:				inline-block;
}

#footer {
	clear:					both;
	padding:				20px;
	background:				#252;
	margin-top:				20px;
	text-align:				center;
	color:					#fff;
}

        
.current-menu-item > a,
.main-menu ul li:hover > a {
	color:					#2583ff;
}

.main-menu ul li:hover > ul {
	display:				block;
	margin-top:				0px;
}

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

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

@media ( min-width: 1000px) {

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

	#resp_menu {
		display:				none;
	}

	.main-menu {
		margin-left:				25px;
		font-size:                              16pt;
		border-width:				0px 1px 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;
	}

	#zellbachtaler_logo {
		width:					100%;
	}

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

	img#zellbachtaler_logo {
		width:					90%;
	}  

	section#sidebar_main_menue {
		display:				inline-block;
		width:					400px;
		text-align:				left;
	}

	section#page {
		display:				inline-block;
		position:				absolute;
		font-size:				14pt;
	}
}