/*
Theme Name: bioSim WP
Theme URI: https://botho.cc
Author: botho.cc
Author URI: https://botho.cc
Description: Minimalistic Theme for biosim-online.de based on Purecss and BlankSlate by TidyThemes
Version: 0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: biosim

bioSim is distributed under the terms of the GNU GPL
*/

html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
	line-height: 1.56;
	font-family: 'Noto Serif', Georgia, Times, serif;
}

body{
	padding: 0;
	background-color: #fcefd6;
}

h1, h2, nav, .pure-g .pure-menu  {
	color: #545931;
	font-size: 1.8rem;			
}

@media screen and (min-width: 80em) {
	body{ 
		padding: 2rem 10rem 4rem;
	}

	html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
		font-size: 1rem;
	}			
}

header h1 {
	margin-top: 0;
}

header .logo {
	max-width: 25rem;
	margin-left: 3.5rem;
	margin-bottom: -1.5rem;
}

.wrapper{
	padding-top: 3rem;
	background-color: #fff;
}

.wrapper.border {
	padding-left: 2rem;
	padding-right: 2rem;
}

@media screen and (min-width: 80em) {
	.wrapper.border {
		padding-left: 7rem;
		padding-right: 7rem;
	}
}


footer.wrapper {
	/* margin-top: 5rem; */
	border-top: 3rem solid #fff;
	padding-top: 2rem;
	padding-bottom: 3rem;
	background-color: #d7d125;
}
footer h1, footer h2, footer p {
	color: #000;
}
footer a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}

.wrapper.bottom {
	background-color: #fff3e0;
	color: #333;
	padding-top: 0;
	padding-bottom: 0;
}
.wrapper.bottom img{
	margin-top:1rem;
	width:10rem;
}

@media screen and (min-width: 80em) {
	.wrapper.bottom img{width:14rem;}			
}


.center{
	text-align: center;
}

.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
/* 			padding-left: 1.5rem;
	padding-right: 0;
*/		}

.pure-menu-horizontal {
		white-space: normal;
}

.pure-menu{
	margin-top: 1.5rem;
}

.pure-menu-link{
	color: #545931;
	font-size: 1.4rem;						
	font-weight: bold;
}
.pure-menu-link:hover, .pure-menu-link:focus{
	text-decoration: underline;
	background-color: transparent;
}

 .pure-menu-selected a.pure-menu-link{
 	color: #d7d125 !important;
 }
 .pure-menu-selected .pure-menu-link:hover {
 	text-decoration: none;
 }


ul{
	padding-left: 0;
	list-style-position: inside;
	list-style: none;
}
ul li::before {content: "● "; color: #545931;}
ul.pure-menu-list li::before{content:none;}

small {
	opacity: 0.8;
	font-style: italic;
}

.image {
	margin-top: 2rem;
	width: 100%;
	height: 17rem;
	background: url(./images/bg.jpg) bottom center no-repeat;
	background-size: cover;
}



.content a{
	color: #d7d125;
	text-decoration: underline;
}
.content a:hover, .content a:active, .content a:focus{
	text-decoration: none;
}

.content h1 a, .content h2 a{
	text-decoration: none;
	color: #545931;
	opacity: 0.5;
}
.content h1 a:hover, .content h2 a:hover{
	text-decoration: underline;
}

::-moz-selection {
	color: #fff;
	background: #d7d125;
}
::selection {
	color: #fff;
	background: #d7d125;
}

.content img {
	max-width: 100%;
	height: auto;
	display: block;
}


.easingslider-full-width, .easingslider-wrapper-outer {
	max-width:600px !important;
}