/*
Theme Name: vulven
Theme URI:
Description: Ein Child-Theme von Catch Responsive
Author: rcs
Author URI: http://www.reusch-computer.de/
Template: catch-responsive
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: astrophys
*/

/* Custom CSS */

body, html { }
body { background-color: #666; color:#fcba03; }
div#page { margin: 35px auto; background-color: #1d1d1b; }

#search-toggle, .widget_search, .site-title { display: none; }
.sidebar-header-right, .sidebar-header-right .widget-wrap { display: none; }

.no-sidebar.content-width #main { width: 92%; }

#site-header, .site-title a, .site-description { }
.site-description { display: none; font-size:16px; }
#site-branding { padding:0; }
#site-logo { padding:0; margin-left:0; }

#masthead .wrapper { padding: 0; margin: 0; }
#masthead { padding: 0; }
.wrapper { padding:0; }

#content.site-content { background-color: #1d1d1b; }

.haftungsausschluss { padding-top: 20px; width: 90%; }

.wp-caption { background-color: transparent; border: none; color: #993210; }

#feature-slider { padding-bottom: 0; }

.entry-content ul { margin-bottom: 35px; }
.entry-content li { list-style: disc !important; margin-bottom: 6px; }

/* Footer */
#site-generator { border-top: none; color: #666; text-align: center; }
#footer-content.copyright, #footer-content.copyright a { color:#fcba03; }
#footer-content.copyright a:hover { color: #bd4d27; }
 
 /* Navigation */
#menu-hauptnav { margin-left: 1px; }
.nav-primary { background: none; border-bottom: 1px solid #fcba03; }
.nav-primary a { color: #fcba03; }

.catchresponsive-nav-menu .current-menu-item > a, .catchresponsive-nav-menu .current-menu-ancestor > a, .catchresponsive-nav-menu .current_page_item > a, .catchresponsive-nav-menu .current_page_ancestor > a, .sidebar-header-right .widget_nav_menu .current-menu-item > a, .sidebar-header-right .widget_nav_menu .current-menu-ancestor > a,
.catchresponsive-nav-menu li:hover > a
 { color: #fcba03; background: none;  text-shadow: 0px 0px 12px #fcba03; }
 
/*.catchresponsive-nav-menu .sub-menu li a:hover,
.catchresponsive-nav-menu .sub-menu li a:focus,
.catchresponsive-nav-menu .children li a:hover,
.catchresponsive-nav-menu .children li a:focus,
.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,
.sidebar-header-right .widget_nav_menu .sub-menu li a:focus {
	background-color: #5D1B1C; 
	color: #ffffff;
	border: 0;
}
 .catchresponsive-nav-menu .sub-menu li a {
	background-color: #993210;
	color: #fff;
}

.catchresponsive-nav-menu .sub-menu,
.catchresponsive-nav-menu .children,
.sidebar-header-right .widget_nav_menu .sub-menu,
.catchresponsive-nav-menu .sub-menu a,
.catchresponsive-nav-menu .children a,
.sidebar-header-right .widget_nav_menu .sub-menu a {
	width: 210px;
	border: 0;
}*/

#mobile-header-left-nav { background-color: #666; }
#mobile-header-left-nav.sidr { box-shadow: none; border-right:2px solid #1d1d1b; }
#mobile-header-left-nav.sidr ul li { border-top: none; }
#mobile-header-left-nav li a, #mobile-header-left-nav li a:hover { line-height: 40px; color: #ffffff; box-shadow: none; }

a { color:#fcba03 !important; text-decoration: none; }
a:hover, a:focus, a:active { color:gold !important; text-decoration: none; }
/* Navigation Ende */	


.clear { clear:both; }
.umbruch { display: inline-block; }

h1, h1.entry-title { color:#fcba03; }
h2 { font-size: 18px; font-weight: bold; }

.registered { vertical-align: super; font-size: 14px; }



/* 2 Spalten */
.linkeSpalte { display: block; width: 40%; float: left; padding-right: 35px; margin-bottom:0px; } 
.rechteSpalte { display: block; width: 55%; float: left; margin-bottom:40px; clear:right; }




/*--------------------------------------------------------------
3. x <= 1280px
--------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	/*.site {
		width: 1100px;
	}*/

	/*#main {
	    width: 720px;
	}*/

	
}

/*--------------------------------------------------------------
4. x <= 1152px
--------------------------------------------------------------*/
@media screen and (max-width: 1152px) {
	/*.site {
		width: 1040px;
	}

	.wrapper {
	    padding: 0 15px;
	}

	#site-generator .wrapper {
	    padding: 0 10px;
	}

	#masthead {
	    padding: 15px 0;
	}

	.sidebar-primary .widget {
		margin-bottom: 30px;
	}

	.hentry, .widget {
	    margin: 0 0 15px;
	}*/

	/*#main {
	    width: 680px;
	}*/

	/*.sidebar-primary {
	    width: 330px;
	}*/
}

/*--------------------------------------------------------------
5. x <= 1100px (iPad Landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
	/*.site {
		width: 960px;
	}*/

	/*#main {
	    width: 600px;
	}*/
	
}

/*--------------------------------------------------------------
6. x <= 990px (iPad Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 990px) {
/*#masthead { display:block; margin-top: 0; }
.sidebar, #site-header { display: none; }
img.wp-post-image, .wrapper { width: 100%;} 
#header-featured-image { margin-top: 0; }
.content-right #main { float: none; width: 100%; }*/
	.site { width: 100%; }
	.wrapper { padding: 0 10px; }
	#masthead { padding: 10px 0; }

	.hentry,
	.widget { margin: 0 0 1em; }

	#site-generator { font-size: 13px; 	}
	.haftungsausschluss { width: 100%; }
	div#page { margin: 0 auto; }
	
}

/*--------------------------------------------------------------
7. x <= 767px
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	/* Angebot */
	.abstand { display: block; height: 20px; }
	.linkeSpalte { display: block; width: 100%; float: none; padding-right: 0px; margin-bottom:50px; } 
.rechteSpalte { display: block; width: 100%; float: none; margin-bottom:40px; clear:right; }

}

/*--------------------------------------------------------------
8. x <= 700px
--------------------------------------------------------------*/
@media screen and (max-width: 700px) {
	
}

/*--------------------------------------------------------------
9. x <= 600px (iPhone 5 Landscape)
--------------------------------------------------------------*/
@media screen and (max-width:600px) {
	.umbruch { display: block; }	
}

/*--------------------------------------------------------------
10. x <= 540px (iPhone 4 Landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 540px) {
	
}

/*--------------------------------------------------------------
11. x <= 480px (iPhone Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {	
	
}

/*--------------------------------------------------------------
12. x <= 400px
--------------------------------------------------------------*/

@media screen and (max-width: 400px) {
    .no-sidebar.content-width #main { }	
}

/*--------------------------------------------------------------
13. x <= 319px
--------------------------------------------------------------*/
@media screen and (max-width: 319px) {

}

/*--------------------------------------------------------------
14. Form Zoom Fix
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}