/*
 Theme Name:	3rosen
 Description:	Child Theme
 Author:		Dagmar
 Author URI:	http://www.xxx.de
 Template:		wellington
 Version:		1.0
 Text Domain:	3rosen
*/


	
p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 300;
}
		
.widget-title {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.3rem;
	font-weight: normal;
	text-transform: uppercase;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 24px;
	font-weight: 400;
	}

.site {
   /* max-width: 1480px;*/
	box-shadow: none;
	margin: 0 auto ;
}

#secondary a:link, a:visited {
    color: #70a303;
}

/*Neu*/
#masthead .main-navigation > ul.menu {
    margin-top: 20px;
    border-bottom: none;
}
/*Neu*/
.main-navigation ul li.current-menu-item > a {
    background: #99bb54;
}

.main-navigation-menu ul {
    background: #99bb54;
	border: none;
}
	
.page-title {
    margin: 3.15em 0 0.2em;
}
	
.wellington-magazine-grid-widget {border-bottom: 1px solid #000;}
.header-main {
    padding: 0 3em;
}

body {
    background: #99bb54;
}

#secondary {background: #CAC5C6;}
.sidebar {
    margin-top: -9px
}

.content-area {

}
	
#primary .textwidget{border-bottom: 1px solid black;}

.primary-navigation-wrap {
    background: #fff;
	border-top: 2px solid #99bb54;
	border-bottom: 2px solid #99bb54;
}
	
.main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited {
    color: #000;
	text-transform: uppercase !important;
}

.header-image img {
		max-width: 2000px;
		margin-top: 100px;
		z-index: 1;
		vertical-align: top;
}
	
.header-image {
		margin: 0;
}
	
#brand-color-diagonal {
    position: fixed;
    z-index: 2;
}

.primary-navigation-wrap {
    background: #99bb54; 
}

.main-navigation-menu li.current-menu-item > a {
    background: #99bb54;
}

	p
.main-navigation-menu ul {
    background: #fff;
}

.main-navigation-toggle {
    color: #000;
}
/*.main-navigation-menu .submenu-dropdown-toggle {
    color: #000;
	===> geändert in:
}*/

.main-navigation .menu-item-has-children > a > .icon {
    fill: #000;
}

/*.main-navigation-menu .submenu-dropdown-toggle:hover, .main-navigation-menu .submenu-dropdown-toggle:active {
    color: #000;
	===> geändert in:
}*/

.main-navigation ul .menu-item-has-children > a:hover > .icon {
    fill: #000;
}

/*.main-navigation-menu ul {
    background: #99bb54 none repeat 
	===> geändert in:
}*/

.main-navigation ul ul {
    background: #99bb54;
}

/*neu*/
.main-navigation ul a:hover, .main-navigation ul a:active, .main-navigation ul a:focus {
    color: #000;
	font-weight: bold;
}
/*neu*/
.main-navigation ul ul {
    border-top: none;
}

/*neu*/
.primary-menu-toggle {
    color: #000
}
/*neu*/
.primary-menu-toggle .icon {
    fill: #000
}
/*neu*/
.primary-menu-toggle:hover, .primary-menu-toggle:active {
    color: #000;
}
/*neu*/
.primary-menu-toggle:hover .icon, .primary-menu-toggle:active .icon {
    fill: #000;
}
/*neu*/
.main-navigation .dropdown-toggle .icon {
     fill: #000
}
/*neu*/
.main-navigation .dropdown-toggle:hover .icon, .main-navigation .dropdown-toggle:active .icon, .main-navigation .dropdown-toggle:focus .icon {
    fill: #000;
}
/*neu*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #99bb54
}
/*neu*/
.primary-menu-toggle:focus {
    color: #000
}
/*neu*/
.main-navigation ul a {
    padding: 0.25em 1.5em;
}
/*neu*/
.main-navigation > ul {
    border-top: none;
}
.more-link {
	background: #99bb54
}
a:link, a:visited {
    color: #70a303;
}

.entry-title a:hover, .entry-title a:active {
    color: #99bb54;
}

.widget-title a:hover, .widget-title a:active {
    color: #99bb54;
}

.footer-wrap {
    background: #fff;
}

.site-footer .site-info {
    color: #000;
}
.type-post, .type-page, .type-attachment, .comments-area {
    margin: 6em 0 3em;
}

/*  Paul: "I’ve added a responsive, three column footer widget area."
--> http://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/*/

#footerwidgets {
    width:100%;
	margin-bottom: 10em;
	border: none;
 }

#footerwidgets li, #footerwidgets p  {
    padding-bottom: .5em;
    line-height:1.1em;
}
#footer-left {
    width:30%;
    float:left;
	margin-left:4.2%;
	margin-bottom: 3em;
    padding-right:2.5%;
	padding-top: 2em
}
#footer-middle {
    width:30%;
    float:left;
	margin-bottom: 3em;
    padding-left:2.5%;
    padding-right: 2.5%;
	padding-top: 3em
}
#footer-right {
    width:30%;
    float:left;
	margin-bottom: 3em;
    padding-left:2.5%;
	padding-top: 3em
}

#colophon {
	background-color: #99bb54;
	}
	.site-footer a:link,
	.site-footer a:visited {
		color: #303030;
		text-decoration: underline;
}

#logo {
    margin-left: -16px;
    margin-top: 33px;
    position: fixed;
    z-index: 3;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------- Media Queries --------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


@media only screen and (max-width: 60em) and (min-width: 50em)  {
.main-navigation-menu{
	margin-top: 100px;
}
	}
/* Desktop X-Large ( < 1200px )*/
@media only screen and (max-width: 85em) {
}


/* Desktop Large - KLEINER als  ( < 1120px )
*/
@media only screen and (max-width: 70em) {
	#logo {
		margin-left: 16px;
		margin-top: 1px;
		z-index: 4;	
}			
	}


/* Desktop Small ( < 960px )*/
@media only screen and (max-width: 60em) {
	#logo {
		margin-left: 12px;
		margin-top: 6px;
		width: 20%;
}
	}


/* Tablet Medium ( < 800px )*/
@media only screen and (max-width: 50em) {

}


/* Tablet Small ( < 720px )*/
@media only screen and (max-width: 45em) {

}


/* Mobile XL ( < 640px )*/
@media only screen and (max-width: 40em) {
	#logo {
		margin-left: 12px;
		margin-top: 3px;
}
	#footer-left,
	#footer-middle,
	#footer-right{
		width: 100%;
		margin-bottom: 0;
}
	}
/* Mobile Medium( < 480px )*/
@media only screen and (max-width: 30em) {
	#logo {
		margin-left: 12px;
		margin-top: 0;
		width: 20%;
}
	}

/*Mobile Small ( < 320px )*/
@media only screen and (max-width: 20em) {

}


	
	
/*Mobile Mini ( < 260px )*/
@media only screen and (max-width: 20em) {
	 #logo {
		 display: none;
	}
}