/*
Theme Name: Ethikbank
Description: Template für den Ethikbank-Blog
Author: Jana Ottens
Author URI: http://ethikbank-blog.de/
*/
@import "style-jonas.css";

body {background: #fff;}
li {list-style: none;}
li li {list-style-image: url(images/guillemets_gelb.png);}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {color:#2b2a29; text-transform:uppercase; background: transparent url(images/arrow.png) no-repeat; background-position-y:5px; padding-left:15px; margin:20px 0; font-weight:bold; border: none;}
h2.nomarg {margin-top: 0;}

blockquote {
  background: #f9f9f9;
color: #025268;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #fbba00;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/* header */
#header {/*height: 364px;*/ /*width: 1276px;*/ margin-left: auto; margin-right: auto;}
.slider .flex-direction-nav .flex-prev {left: 0;}
.slider .flex-direction-nav .flex-next {right: 0;}
.slider .flex-direction-nav a {width: 54px; height: 54px; margin: -34px 0 0; z-index: 1000; opacity: 0.5;}
.slider .flex-direction-nav a.flex-prev {background: url(images/left.png) no-repeat 0 0;}
.slider .flex-direction-nav a.flex-next {background: url(images/right.png) no-repeat 0 0;}
.slider .flexslider:hover .flex-next {opacity: 0.7; right: 0;}
.slider .flexslider:hover .flex-prev {opacity: 0.7; left: 0;}
.slider .flexslider:hover .flex-next:hover, .slider .flexslider:hover .flex-prev:hover {opacity: 1;}
.cheader { z-index: 100; width: 68%; margin-left: 17%; height: 90px;}
.divider { width: inherit; border-bottom: solid 10px #fbba00; margin-right: auto; margin-left: auto; }
.social, .search {float: right;}
.social a {float: right; padding-left: 3px;}
.logo {float: left;}
.search {padding-left: 20px; background: url(images/suche.png) no-repeat; height: 42px; }
.search input[type="text"] {border: none; width: 145px; background-color: transparent;}
.search input[type="submit"] {background: url(images/lupe.png) right bottom no-repeat; width: 19px; height: 26px; border: none; margin: 0;}

/* breadcrumb */
.breadcrumb{font-size:12px;}
.breadcrumb a{text-decoration:underline;color: #2b2a29;}


/* content */
.content {padding-top: 60px;}
input.cntctfrm_contact_submit{background-color:transparent;border:none;}
input#submit{background-color:transparent;border:none;}

/* articles */
.article {margin-bottom: 30px;}
.entry {border-top: solid #fbba00 2px; overflow: hidden; }
.entry.start {height: 430px;}
.entry.start p { min-height: 140px;}
.entry.single {border-top: none; padding-top: 10px;}
.entry.page {padding-top: 20px; padding-bottom: 20px;}
.entry h2 a {color: #2b2a29; font-size: 18px; font-weight: bold;}
a.read-more {float:right; color:#2b2a29; text-transform:uppercase; background: url(images/arrow.png) no-repeat; background-position-y:5px; padding-left:15px; margin:20px 0; font-weight:bold;}
.author {background-color:#efefef; border-bottom: solid #fbba00 2px; min-height: 44px;}
.author .avatar {float: left; padding-right: 10px;}
.author .avatar img {width: inherit; height: 42px;}
.author .info { padding-top: 5px;}
.author .info p a{color:#2b2a29;text-decoration:none;font-weight:bold;}
.author p {font-size: 12px; margin: 0;}
.category ul {margin: 0; padding: 0;}
.category ul a {font-size: 16px; font-weight: bold; text-transform: uppercase;}
.article-thumbnail {text-align: left;}
.entry.start .article-thumbnail {padding-top: 10px;}
.entry.start .article-thumbnail img {padding-top: 10px;  width: inherit; max-height: 150px;}
.entry.single .article-thumbnail {float: left;}
.entry.single .article-thumbnail img {height: inherit; padding-bottom: 20px; padding-right: 20px; max-width: 300px;}
.pf-content img {padding: 15px; float: right;}
.email, .print {float: right; margin-bottom: 10px; font-size: 14px;}
.print .printfriendly { margin: 0; margin-right: 10px;}
.entry.single .social_share_privacy ul li{float:right;}

.relatedposts {padding-bottom:50px;}
.relatedposts h3 {font-size: 16px; font-weight: bold; text-transform: uppercase;border-bottom: solid #fbba00 2px;}
.relatedposts .related-single-post {padding-bottom:50px;}
.relatedposts .related-single-post .category ul a {font-size: 12px; font-weight: normal;text-transform: none;}
.relatedposts .related-single-post p b{font-weight:normal;font-size:12px;}
.relatedposts .related-single-post a{font-weight:bold;}
.relatedposts .related-single-post p {margin-top:8px;}

/* contact */
.pf-content div.wpcf7-validation-errors {border: 2px solid #fbba00;}
.pf-content div.wpcf7-response-output {margin-left: 0;}

/* sidebar*/
.widget {margin-bottom: 30px; font-size: 15px; font-weight: bold;}
.widgettitle, #menu h2 {color: #1d576b; border-bottom: solid #fbba00 2px; font-size: 20px; text-transform: uppercase; font-weight: bold; margin-top: 0;}
.mail {background: url(images/brief.png) left center no-repeat; padding-left: 25px;}
.phone {background: url(images/tel.png) left center no-repeat; padding-left: 25px;}
.textwidget {border-top: solid #fbba00 2px; padding-top: 20px;}
.textwidget p { color: #1d576b; font-weight: bold;}
#sidebar li ul{padding-left:16px;}
#sidebar li ul li{padding-bottom:10px;}
#sidebar li .author-profile a{background-image:url(images/guillemets_gelb.png);background-repeat:no-repeat;background-position-y:6px;padding-left:16px;}
#sidebar li .author-profile{padding-bottom:10px;}/*color:transparent;*/
#sidebar li#text-5{margin-bottom:0;}
#sidebar li#text-5 .textwidget{border:none;padding-top:0;}
#sidebar a#author-overview{border-bottom: solid #fbba00 2px; font-size: 20px; text-transform: uppercase; font-weight: bold; display:block;text-decoration:none;margin-bottom:15px;}
#sidebar li.display-authors-widget {margin-bottom:20px;}
#sidebar li.display-authors-widget h2{font-size:16px;color:#2b2a29;border:none;font-weight:bold;}
.widget_author_avatars .author-list {text-align: left;}
.widget_author_avatars .author-list .user {clear: both;margin-bottom: 10px;text-align: left;}
.widget_author_avatars .author-list .user .name {display: inline-block !important;}
.widget_author_avatars span.avatar {margin-right: 10px;}


/* footer */
#footer, .copyright {clear: both; }
#footer a, #footer p, .copyright a, .copyright p {float: left;}
.copyright .navi a {padding-left: 25px; color: #2b2a29; }
.copyright {padding: 20px 0;}
.copyright p {float: right;}
.copyright ul {margin: 0;}
#footer .tags {background-color: #efefef; min-height: 100px; padding: 10px 0; border-bottom: solid #fbba00 2px;}
#footer .tags p { text-transform:uppercase; font-size: 12px; font-weight: bold;}
#footer .tags .blog-tags ul{padding:0;}
#footer .tags .blog-tags p{width:100%;color:#1d576b;text-transform:capitalize;font-size:14px;}
#footer .tags .blog-tags p a{padding-right:5px;}
#footer .tags button{background:none;float:right;border:none;padding:0;}
#footer .tags button.collapsed{ text-transform:uppercase; font-weight: bold; background: url(images/arrow_down.png) no-repeat left center; padding-left: 25px; float: right;}
#footer .tags button{color:#1d576b; background: url(images/arrow_up.png) no-repeat left center;padding-left: 25px; float: right;}
#footer .tags button.collapsed:after{content: 'Alle Tags anzeigen';}
#footer .tags button:after{content: 'Weniger Tags anzeigen';}
#more-tags {display:none;}
#more-tags.show {display:block;}

/* search */
.searchinfo {font-size: 16px; border-bottom: solid #fbba00 2px;}

/* comment */
#commentform {margin-top: 30px;}
.comments { font-size: 16px; color: #1d576b; font-weight: bold; text-transform: uppercase; border-bottom: solid #fbba00 2px;}
.btn_comment {border: solid #fbba00 2px; height: auto; width: 100%; margin: 20px 0; background: #efefef url("images/arrow_down.png") 5px center no-repeat; text-align: left; padding-left: 30px;}

/* pagination */
.pagination{margin:30px 0 60px 0;display:block;text-align:center;}
.author-page .pagination{margin:10px 0 60px 0;}
.pagination .nav-links{font-weight:bold;}
.pagination .nav-links span.current, .pagination .nav-links a:hover{color:#fff;font-size:15px;padding:10px 15px;background-color:#1d576b;}
.pagination .nav-links a{color:#1d576b;font-size:15px;text-decoration:none;padding:10px 15px;background-color:#efefef;display:inline-block;margin-bottom: 5px;}
.pagination .nav-links a.next,.pagination .nav-links a.prev{background-repeat:no-repeat;background-position:9px 11px;display:inline;}
.pagination .nav-links a.next{background-image: url(images/pagination-arrow-next.png);margin-left:4px;border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.pagination .nav-links a.prev{background-image: url(images/pagination-arrow-prev.png);margin-right:4px;border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
.pagination .nav-links a.next:hover{background-image: url(images/pagination-arrow-white-next.png);}
.pagination .nav-links a.prev:hover{background-image: url(images/pagination-arrow-white-prev.png);}
.pagination h2.screen-reader-text{display: none;}

/* Page: Author */
.author-page .author-profil h1{margin-top:0;}
.author-page h2{color:#1d576b;font-size:16px;font-weight:bold;}
.author-page .author-profil img.avatar {max-width:100%;height:auto;}
.author-page h2.from-author{margin:50px 0 30px 0;border-bottom:2px solid #fbba00;}
.author-page .author-article h2{margin:0 0 10px 0;}
.author-page .author-article p{margin-top:8px;}
.author-page .author-article a.title{font-size:18px;color:black;font-weight:bold;}
.author-page .author{margin-bottom:50px;height:34px;}
.author-page .article-thumbnail img{max-width:100%;height:auto;padding-bottom:30px;}

/* Page: author-overview */
.author-page .author-overview .author-admin h1{margin-top:0;}
.author-page .author-overview .single-author{border-bottom:2px solid #efefef;margin:0 0 50px 0;padding-bottom:20px;}
.author-page .author-overview .single-author .avatar{padding-top:2px;}
.author-page .author-overview .single-author .avatar img{max-width:100%;height:auto;}
.author-page .author-overview .single-author .content{padding-top:0;}
.author-page .author-overview .single-author .content h1.name{margin-top:0;font-size:22px;}
.author-page .author-overview .single-author .content h1.name a{color:#2b2a29;text-decoration:none;}
.author-page .author-overview .single-author .content p.description{padding-bottom:15px;}
.author-page .author-overview .single-author .content a.articles{float:right;color:#2b2a29;text-transform:uppercase;background: transparent url(images/arrow.png) no-repeat;background-position-y:5px;padding-left:15px;font-weight:bold;}
.author-page .author-overview .single-author .content .email {float: left;}


/***** (Smaller than 1276px) *****/
@media only screen and (max-width: 1276px) {
    #header {height: inherit; width: inherit;}
    .cheader { margin-left: auto; width: 100%;}
    .copyright .navi a {padding-left: 10px;}
}
/***** Tablet (Smaller than 992px) *****/
@media only screen and (max-width: 992px) {
    body {font-size: 18px;}
    .content {padding-top: 10px;}
    .entry.start {height: auto;}
    .entry.start p { min-height: inherit;}
    .relatedposts {margin: 0; padding-bottom: 20px;}
    .relatedposts .related-single-post {padding-bottom:10px;}
    .copyright ul {padding-left: 0;}
    .copyright .navi a {font-size: 18px;}
    .copyright p {font-size: 12px;}
    .search {display: none; float: left; width: 220px;}
    #sidebar {display: none;}
    .mobile_search {margin-left: 10px; float: right; cursor: pointer; width: 32px; height: 32px; background: #fbba00; padding: 7px;}
    #mobilesearch {float: right; padding-left: 0; background: none; height: auto; width: auto;}
    #mobilesearch input[type="text"] {border: 2px solid #fbba00; width: 145px; background-color: transparent;}
    .social {margin-left: 20px;  float: left;}
    .menu .btn {float: left; font-size: 25px; padding: 2px 5px 2px 15px; border: none; margin-top: 0; border: none; background-color: transparent;}
    .mobilenavi {margin-top: 20px; margin-bottom: 10px;}
    .mm-menu {background-color: #fff; color: inherit;}
    #menu h2 {margin-left: 10px;}
    #menu span {font-size: 16px; color: #2b2a29; font-weight: bold; padding-left: 10px;}
    .mm-menu .mm-list {padding: 20px;}
    .mm-list, .mm-list > li {padding-left: 10px; }
    .mm-list > li > a, .mm-list > li > span {color: #1d576b; background: url(images/guillemets_gelb.png) left center no-repeat;}
    .mm-menu .mm-list > li:after { border-color: transparent;}
}
/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
    .cheader { position: relative !important;}
    .slider .flex-direction-nav .flex-next {right: -12px;}
    .slider .flex-direction-nav a {width: 37px; height: 37px; margin: -12px 0 0;}
    .slider .flex-direction-nav a.flex-prev, .slider .flex-direction-nav a.flex-next {background-size: 70%;}
    .slider .flexslider:hover .flex-next {right: -12px;}
    .article-thumbnail img {max-width: 100%; height: inherit; padding-bottom: 10px;}
    .author-page .author-overview h1{padding-bottom:10px;}
    .author-page .author-overview .single-author .content h1.name{margin-top:15px;}
    .author-page .author-overview .single-author .avatar{text-align:center;}
    .author-page .author-overview .single-author .content a.articles{float:left;margin-top:10px;}
    .author-page .author-profil h1{padding-top:10px;}
    a.read-more {float:none;}
    .entry.single .social_share_privacy ul li{float:left;}
    .copyright .navi a {float: none;}
    .entry .social_share_privacy .twoclick-facebook, .entry .social_share_privacy .twoclick-twitter, .entry .social_share_privacy .twoclick-gplus, .entry .social_share_privacy .twoclick-xing {width: 140px;}
    .social_share_privacy li.settings_info {display:none;}
    .btn_comment {font-size: 12px;}
}
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/***** (Smaller than 380px) *****/
@media only screen and (max-width: 380px) {
    .social {float: left;}
}



@-moz-document url-prefix() {
    form#searchform input#s{margin-top:7px;}
    a.read-more{background-position:0px 5px;}
    .mobile_search{padding-top:3px;padding-left:6px;}
}