/*
Theme Name: David Jakob
Theme URI: http://www.david-jacob.de/
Description: Das Wordpress-Theme für http://www.david-jacob.de/
Author: Nico Knoll
Version: 2.0
Tags: white, photo
*/

* {
margin: 0 auto;
}

#wrapper {
	float:left;
	width:100%;
}

header {
width:100%;
max-width:980px;

height:300px;
padding:7px 0px;
margin-bottom:350px;
}

header h1, header h1 a {
font-family: 'Poppins', sans-serif;
font-size:11pt;
font-weight:500;	
margin-top:20px;
color:#FD4141;
text-decoration:none;
text-align:center;
}

header h2 {
font-family: 'Poppins', sans-serif;
font-size:40pt;
font-weight:200;	
margin-top:140px;
color:#000;
text-decoration:none;
text-align:center;
}

header .social {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:20px;
}

header .social a {
margin:12px;
}

header .social a img {
width:17px;

}

article {
width:100%;
max-width:630px;
position: relative;
 z-index: 10;
}

article + article {
margin-top:120px;

}



article hgroup {
width:100%;
float:left;
margin-bottom:30px;
}



article h2 {
text-align:center;
font-family: 'Poppins', sans-serif;
font-size:18pt;
font-weight:600;
max-width: 570px;
line-height:2.1;
margin-top:-15px;
}

article h2 a {
text-decoration:none;
color:#000;
padding-bottom:5px;
border-bottom:2px solid #dfdfdf;
-webkit-transition:border-bottom 1s ease-in;  
-moz-transition:border-bottom 1s ease-in;  
-o-transition:border-bottom 1s ease-in;  
transition:border-bottom 1s ease-in; 
}

article h2 a:hover {
border-bottom:2px solid #000000;
}

article .content {
float:left;
width:630px;
margin-bottom:240px;
}

article p, article .wp-caption {
float:left;
font-family: 'Poppins', sans-serif;
font-size:12pt;
line-height:1.9;
font-weight:400;
margin-bottom:20px;
width:100% !important;
color:#454547;
}

article p img,
article .wp-caption img {
float:left;
width:980px !important;
margin-left:-175px;
margin-top:35px;
margin-bottom:40px;
height:auto;
}

article p img.small,
article .wp-caption img.small {
float:left;
width:630px !important;
margin-top:25px;
margin-bottom:25px;
height:auto;
margin-left:0px;
}

article p img.auto,
article .wp-caption img.auto {
width:auto;
height:auto;
margin-top:5px;
height:auto;
margin-left:0px;
float:left;
}

article p iframe[src*="facebook"] {
    max-width: 630px;
    margin-left: 0;
}

article .wp-caption .wp-caption-text {
float:left;
font-family: 'Poppins', sans-serif;
color: #828282;
font-size:11pt;
line-height:1.9;
font-weight:400;
margin-top:-10px;
margin-bottom:20px;
width:100% !important;
}

article p object, article p iframe {
float:left;
width:980px !important;
margin-left:-175px;
margin-top:20px;
}

article .info {
color:#949393;
font-family: 'Poppins', sans-serif;
line-height: 1.6;
font-size:10pt;
float: left;
width: 100%;
margin: -230px 0px 45px 0px;
}

article .info a {
color:#949393;
text-decoration:none;
border-bottom:1px solid #eee;
}

article .info a:hover {
color:#777;
text-decoration:none;
border-bottom:1px solid #ddd;
}

article.single hr {
margin-top:40px;
margin-bottom:40px;
}

article a, footer a {
color:#FD4141;
text-decoration:none;
}

article.archive {
}

article.archive .column {
margin-right:15px;
width:200px;
float:left;
margin-bottom:30px;
}

article.archive .column ul {
width:200px;
float:left;
list-style-type:none;
padding:0px;
}

article.archive .column li {
margin-bottom:8px;
width:200px;
float:left;
list-style-type:none;
}

article.archive .column a {
text-decoration:none;
}

blockquote p {
font-weight:300;
line-height:1.75;
padding-left:30px;
padding-top:8px;
width:550px;
border-left:1px solid #FD4141;
}

.content .twitter-tweet-rendered {
margin-left: 60px !important;
}

#comments {
width:630px;
float:left;
margin-top:-140px;
margin-bottom:65px;
}

#comments .comment {
width:630px;
float:left;
font-family: 'Poppins', sans-serif;
font-size:11pt;
line-height:1.7;
margin-bottom:30px;
position:relative;
}

#comments .comment .avatar {
width:46px;
float:left;
margin-right:14px;
}

#comments .comment .commentcontent {
width:570px;
float:left;
margin-top:-2px;
float:left;
}

#comments .comment .commentmore {
float:right;
color:#999;
font-family: 'Poppins', sans-serif;
font-size:10pt;
display:none;
position: absolute;
right: 0;
}

#comments .comment:hover .commentmore {
display:block;
}

#comments .comment .commentmore a {
color:#999;
}

#comments #commentform {
float:left;
width:630px;
margin-top:30px;
}

#comments #commentform input:not([type=submit]) {
float:left;
width:180px;
margin-right:15px;
padding:10px 9px;
border:1px solid #ddd;
font-family: 'Poppins', sans-serif;
font-size:10pt;
}

#comments #commentform input[type=submit] {
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border-radius:5px;
border:0px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
font-family: 'Poppins', sans-serif;
font-size:10pt;
letter-spacing:0,8px;
padding:7px 11px;
float:right;
margin-top:15px;
}

#comments #commentform input[type=submit]:active {
box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
margin-top:16px;
margin-bottom:-1px;
}


#comments #commentform textarea {
float:left;
width:610px;
min-width:610px;
max-width:610px;
margin-top:15px;
padding:10px 9px;
border:1px solid #ddd;
font-family: 'Poppins', sans-serif;
font-size:10pt;
}


footer {
margin-top:40px;
width:100%;
float:left;
background-color:#eae7e5;
}

footer .inner {
margin-left:-315px;
left:50%;
width:630px;
position:relative;
padding:50px 0px 40px 0px;
float:left;
}

footer .inner p {
margin-top:20px;
line-height:24px;
font-family: 'Poppins', sans-serif;
font-size:11pt;
}

footer .inner .i {
width:195px;
background:#fff;
float:left;
margin:12px 30px 0px 0px;
}

footer .inner .footer-links {
margin-top:20px;
font-family: 'Poppins', sans-serif;
font-size:11pt;
}

footer .inner .footer-links a {
padding:0px 8px;
}

footer .inner .footer-links input {
-webkit-appearance: textfield;
padding:6px 3px;
outline:none;
opacity:0.5;
margin-top:-4px;
 width: 120px;
 float:left;
}

footer .inner .footer-links input:active, footer .inner .footer-links input:hover {
opacity:1;
}


.more-link{
	display: inline-block;
  	margin-top: 2em;
}

.more-link:link{
	margin-left:250px;
	padding: 8px 12px 6px 12px;
	border:2px solid #FD4141;
}

.more-link:hover {
	background-color: #FD4141;
	color:#FFF;
}

.more-link:active {
	background-color: #FD4141;
	color:#FFF;
}



#respond {
float:left;
}



#pagination {
width: 600px;
left: 50%;
margin-left: -300px;
position: relative;
margin-top: 30px;
text-align:center;
}

#pagination a, #pagination span {
font-family: 'Poppins', sans-serif;
padding: 4px;
border-radius: 50%;
background: #eae7e5;
text-decoration: none;
color: #7F7E7E;
margin: 3px;
width: 17px;
height: 17px;
text-align: center;
font-size: 14px;
display:inline-block;
line-height: 19px;
}

#pagination .currentpage, #pagination a:hover {
background:#949393;
color:#fff;
}







h3 {
	text-align:center;
	padding-top:180px;
	font-family: 'Poppins', sans-serif;
	font-size:72pt;
	color:#FFF;
}

h4 {
	text-align:center;
	margin-top:-30px;
	font-family: 'Poppins', sans-serif;
	font-weight:normal;
	font-size:14pt;
	color:#FFF;
}

.posts-category {
	margin-top:100px;
}







.intro-israel {
	background-image: url(images/israel.jpg);
	height:500px;
	width:100%;
	margin-top:-100px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.intro-sudamerika {
	background-image: url(images/sudamerika.jpg);
	height:500px;
	width:100%;
	margin-top:-100px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	
}




img.emoji {
	float:none;
}







/* ------------------------------------------------------*/

@media (min-width: 0px) {


}





@media (min-width: 600px) {


	h3 {
		font-size:48pt;
		line-height:1;
		padding-top:120px;
	}

	h4 {
		margin-top:0px;
	}


	.intro-sudamerika {
		height:360px;
	}

	.intro-israel {
		height:360px;
	}


}







@media (min-width: 800px) {

}







@media (min-width: 1000px) {

	h3 {
		font-size:54pt;
		line-height:1.5;
		padding-top:174px;
	}

	h4 {
		margin-top:-20px;
	}

	.intro-sudamerika {
		height:450px;
	}

	.intro-israel {
		height:450px;
	}

}






@media (min-width: 1400px) {

}







@media (min-width: 1800px) {

}