/*
 Theme Name:  twentythirteen Child
 Description: twentythirteen Child Theme
 Author: Laura
 Author Mail:   lauraschoeneberg@web.de
 Template: twentythirteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


@import url('//fonts.googleapis.com/css?family=Amatic+SC|Roboto:300,400,700');			/* Schriften von https://fonts.google.com nutzen */

body {
    	color: #3e3e3e;
    	line-height: 1,5;
    	/* background-image: url(http://permakultur-uckermark.de/wp-content/uploads/2017/03/HG_2016_Stein-Häger_-_Ferienwohnung_-40a_-_Heller.jpg); */
	font: "Roboto", Helvetica, sans-serif; 
}

.site {             											/* .site Header  */                                      
        background-color: #ffffff;
	max-width: 1300px;
}

.site-header .home-link {
    	color: #385b9c;
	display: block;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 20px;
	text-decoration: none;
	width: 100%;
}

.site-header .site-title:hover {
	text-decoration: none;

}

.site-description {
    	font: 300 24px "Roboto", Helvetica, sans-serif;
    	margin: 0;
	color: #3e3e3e;
}

h1 {													/* Überschriften h1, h2...   */
    	clear: both;
    	font-family: "Amatic SC", Helvetica, sans-serif;
	font-size: xx-large;
    	font-color: #385b9c;
}

h2, h3, h4, h5, h6 {										
    clear: both;
    font-size: large;
    font-weight: 300;
    font-family: "Roboto", Helvetica, sans-serif;
    font-color: #385b9c;
}

a {													/* Links alle blau */
	color: #385b9c;
	text-decoration: none;
}

a:visited {
	color: #385b9c;
}

.entry-content a, 
.comment-content a,
.entry-title a,
.entry-meta a {
    color: #385b9c;
}

.entry-content a:hover,											/* Links aktiv etc. grün */
.comment-content a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.entry-meta a:focus {
	color: #98c476;
}

a:active,
a:hover {
	color: #98c476;
}

button,													/* Button grün - blau */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #385b9c;
	background: -webkit-linear-gradient(top, #385b9c 0%, #385b9c 100%);
	background:   linear-gradient(to bottom, #385b9c 0%, #385b9c 100%);
	border: none;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #98c476;
	background: -webkit-linear-gradient(top, #98c476 0%, #98c476 100%);
	background:   linear-gradient(to bottom, #98c476 0%, #98c476 100%);
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #98c476;
	background: -webkit-linear-gradient(top, #98c476 0%, #98c476 100%);
	background:   linear-gradient(to bottom, #98c476 0%, #98c476 100%);
	border: none;
	padding: 10px 24px 11px;
}

input:focus, textarea:focus {										/* Kontaktformularlinien */
	border: 2px solid #385b9c;
	outline: 0;
}

button, input, textarea {
	border: 2px solid #98c476;
	font-family: inherit;
	padding: 5px;
}

.navbar {												/* .nav Menüleiste   */
    background-color: #385b9c;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}
  
nav ul,
nav li {           										/* Normalisierung */
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
}


.nav-menu li a {
    color: #ffffff;
    display: block;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
        background-color: #98c476;
        color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
        background-color: #4d6aa0;
        border: none;
	font-size: 15px;
        border-top: 0;
        padding: 0;
        position: absolute;
        left: -2px;
        z-index: 99999;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
        border-left: 0;
        left: 100%;
        top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
        color: #fff;
	font-size: 15px;
        margin: 0;
        width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
        background-color: #385b9c;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
        color: #ffffff;
	font-style: normal;
        background-color: #98c476;
}


.entry-header, .entry-content, .entry-summary, .entry-meta {						/* .entry   */
    	margin: 0 auto;
    	max-width: 1040px;
    	width: 100%;
	padding: 0 0px 0 0px;
}

.entry-content img, .entry-summary img, 								/* Rahmen um Bilder */
.comment-content img[height], img[class*="align"], 
img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
	border: 2px solid #385b9c;
	padding: 6px;
}

.tribe-events-list .tribe-events-event-image img {
	margin: 0;
	padding: 4px;
}

.site-footer {												/* .Footer   */
    background-color: #98c476;
    color: #3e3e3e;
}