/* Theme Name:	Heilpraxis
 * Theme URI:	http://www.x-hive.net/
 * Author:		Marc R. Braun, Bastian Saß
 * Author URI:	http://www.x-hive.net/
 * Template:	twentyfourteen	
 * Version:		1.2.3
 * License:		GNU General Public Licence v2 or later
 * License URI:	http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:		custom, green
 * Text Domain:	heilpraxis
 */


@media screen and (max-width:1336px), screen and (max-height:849px) {
	#stickyunit{
		display: none;
	}
}

@media screen and (min-width:1337px) and (min-height:850px) {
	#stickyunit{
		display: block;
	}
}

.search-toggle{background:url('/wp-content/themes/twentyfourteen-heilpraxis/assets/images/Such_button_48x48.png')	center center no-repeat;
	background-size:32px auto;}
.search-toggle:before{
	font-size: 16px;
	color:#000;
	margin-top:16px;
}
.search-toggle:hover, .search-toggle.active{background-color:#73bd5a;}

.site-content .entry-header {
	box-sizing: border-box;
}

body { 
	color: #444;
	font-size: 16px;
	font-family:"Verdana";
}

a {
	color: #0A8F1E;	
}

.clb {
	clear: both;
}

#page {
	margin: auto;
	background: none;
}

#main-content {
	padding: 0px 5px;
	box-sizing: border-box;
}

h1.entry-title {
	font-size: 24px;
	line-height: 1.2;
}


#site-header {
	background-color: #73bd5a;
}

#masthead {
	background-color: #73bd5a;
}

#primary-navigation {
	margin: 0;
	float: left;
}

.site-navigation a {
	text-transform: none;
	font-size: 97%;
}

.header-main {
	background: none;
}

#site-header > a {
	display: none;
	margin: auto;
}
#masthead {
 background-image: url('/wp-content/themes/twentyfourteen-heilpraxis/assets/images/HP_Logo_weiss_ohne_claim.png');
 background-position: 15px 3px;
 background-repeat: no-repeat;
	background-size: auto 40px;
}

#secondary {
	display: none;
	color: #444;
	float : right;
	border: 1px solid #ebebeb;
	background: #fff; 
	margin-top: 20px;
}

#secondary .widget {
	display: block; 
}

ul#menu-main li {
	font-size: 12px!important;
}

ul#menu-main li.current-menu-ancestor a,
ul#menu-main li.current-menu-item a {
    color: #fff;
}

ul#menu-main li ul {
	min-width: 100%;
}

.search-box-wrapper {
	padding: 0;
}

ul#menu-main li ul li a {
	width: 100%;
	white-space: nowrap;
	box-sizing: border-box;
}

.site-content {
	background: none;
}

article {
	margin-top: 0!important;
}

.site-content .entry-header,
.site-content .entry-meta,
.site-content .entry-content {
	margin: 0!important;
	background: none;
	max-width: 100%;
}

.site-content .entry-content a {
	font-weight: bold;
	text-decoration: none;
}

.site-content h1 {
}

.site-content h2 {
	font-size: 18px;
	font-weight: 300;
	letter-spacing:1px;
}

.site-content h3 {
	font-size: 95%;
	font-weight: 500;
	letter-spacing: 1px
}

.entry-summary {
	background: none!important;
	margin: 0!important;
	padding: 0!important;
}

.site-footer {
	background: #fff;    
	color: #333;
	width: 100%;
	border-top: 1px solid #cecece;
}

.footer-sidebar {
	padding: 0;
    margin: 0;    
}

.footer-sidebar aside {
    padding: 5px 10px!important;
    margin: 0!important;
    width: 100%!important;
    box-sizing: border-box;  
} 

.site-footer ul {
    list-style-type: none;
    padding: 0;
    width: 100%;    
    display: table;
}

.site-footer ul li { 
	list-style-position: inside;
	text-align: center;
}

.site-footer ul li:first-child {
	list-style-type: none;    
}

.site-footer a {
	color: inherit;
	font-size: 14px;
}

.navigation {
	float: right;
	margin: 0;

}

.post-thumbnail {
	background: none;
	width: auto;
	float: right;
	margin: 0px 0px 10px 10px;
}

@media screen and (min-width: 970px) {
	body {
		background: url('/wp-content/themes/twentyfourteen-heilpraxis/assets/images/head_bg_2018.jpg') left top repeat-x #f7f7f7;
	}

	.site-footer ul {
		text-align: center;
	}

	.site-footer ul li {
		display: inline;
	}

	.site-footer a::before {
		content: '•';
		margin: 0px 10px;
	}

	.site-footer ul li:first-child a::before {
		content: "";
		margin: 0;
	}

	.site {
		max-width: 960px;
	}

	#main-content {
		padding: 0;
	}

	h1.entry-title {
		font-size: 33px;
		text-transform:none;
		color:#41a62a;
	}

	#site-header > a {
		display: block;
	}

	ul#menu-main li {
		font-size: 13px;
	}

	#secondary {
		display: block;
	    padding-top: 0.6em;
	}
	
}

@media screen and (min-width: 1008px) {
	.main-content {
		float: left;
	} 
	
	.site:before {
		display: none;
		background: none;
	}

	#masthead {
		width: 960px;
	}

	#content {
		margin-left: 0;
		margin-right: 260px;
	}

	.content-area {
		margin-top: 20px;
		padding-top: 0;
	} 
}

.search-results .page-header {
	padding: 0;
	max-width: 100%;
	display: block;
}

.search-results .page-header h1 {
	font-weight: 300;
	font-size: 40px;
}

.category-entries {
    margin-top: 20px;
    clear: both;
}

.category-entry {
    margin-bottom: 20px;
    
}
.category-excerpt {
	padding-left:10px;
}

.category-bg {
	background-color: #fff;
}

.category-image {
    float: right;
    margin: 0px 0px 0px 10px;
}

.category-entries .category-entry .attachment-clist_thumbnail250 {
	margin: 0px 10px 0px 0px;
  float: left;
}

.cat-entry-headline {
	padding-top: 10px;
	padding-left:10px;

}

.more-cat {
	margin-bottom: 20px;
	font-weight:600;
}

.category-heilpraktiker .more-cat {
	float:left;
	margin-left:10px;
}

ins {
	background: none;
}

fieldset.nt_fs p.button {
	background: none;
}

#primary-sidebar .widget-title,
#primary-sidebar .widget a { 
	color: #0A8F1E;
}

#primary-sidebar .widget-title {
	font-size: 14px;
	color: inherit;
	font-weight: normal;
	padding-top:20px;
}

.wp-polls li {
	margin-bottom: 5px;
}

.entry-title {
  font-size: 33px;
  font-weight: 300;
  line-height: 1.0909090909;
  margin-bottom: 12px;
  margin: 0 0 12px 0;
  text-transform: none;
  color:#41a62a;
}

span.byline {
	display:none!important;
 			}

.entry-header {
	float: left;
	padding-top: 20px !important;
	padding-left: 25px !important;
}

.full-width .post-thumbnail img {
	width: 210px;
}

.post-thumbnail {
	margin: 0 !important;
	padding-bottom: 10px;
	padding-top: 41px;
}

.thumb_author {
	float: right;	
	padding-top: 45px;
}

.entry-header, .entry-meta {
	max-width: 60% !important;
}

.site-content {
}

.entry-content {
	background-color: #f7f7f7 !important;
	padding: 25px 0px 0px 0px !important;
}

.author {
	padding-bottom: 10px;
	color: #767676;
	font-size: 12px;
}


.front-more {
	background: #0A8F1E;
	text-indent:0;
	display:inline-block;
	color:#fff;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	margin-top: 17px;
	vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  float:left;

}


.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #0A8F1E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  float:left;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #73bd5a;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}



.post-item {
	background-color: #fff;
}

.has-post-thumbnail {
	background-color: #fff;
}

.category-heilpraktiker {
	background-color: none;
}

.format-standard {
	background-color: #fff;
}

div#toc_container {
	border: none !important;
	background: #fff !important;
} 

#toc_container p.toc_title {
	text-align: left !important;
	font-weight:300!important;
	letter-spacing: 1px;
	font-size:18px;
}
#toc_container a:hover {
	background-color: #0A8F1E;
	color: #fff !important;
	text-decoration: none;
}

@media (max-width: 480px){


#jsocial.jsocial-side.jsocial-center, #jsocial.jsocial-side.jsocial-center .jsocial-toggle-button {
	left: 30% !important;
}

#jsocial.jsocial-side.jsocial-center, #jsocial.jsocial-side.jsocial-center .jsocial-toggle-button {
    bottom: 0 !important;
    top: auto;
}

.thumb_author {
	float: left;
	padding-left: 25px;
}
.content-area {
    padding-top: 10px!important;
}

.entry-header, .entry-meta {
	max-width: 100% !important;
}
}

@media (max-width: 643px){

#jsocial {
	display: none;
}

.entry-content {
	background-color: #f7f7f7 !important;
	padding-left:10px !important;
	padding-right:10px !important;
}

.category-entries .category-entry .attachment-clist_thumbnail250 {
	float: none;
	width: 100%
}


.category-excerpt {
	padding-left: 10px;
}

.cat-entry-headline {
	padding-left: 10px;
}

.more-cat {
	margin: 10px
}

.post-item-inner {
	margin: 10px;
}
}
@media screen and (max-width: 768px){
	.entry-content {
	padding-left:10px !important;
	padding-right:10px !important;
	}
	}

body.category .entry-header {
	background-color:#fff!important;
	width: 100%;
 	box-sizing: border-box;
 	max-width:100%!important;
	position:relative;
	padding-right:165px!important;
	
}
body.category .entry-header .category-image {
	position:absolute;
	right: 0;
	top:0;
}
@media screen and (max-width: 400px){
	body.category .entry-header .category-image {
	display:none;
}
	body.category .entry-header {
	padding-right:30px!important;
	}
	
	.post-thumbnail {
    padding-bottom: 20px!important;
    padding-top: 0px!important;
}
.thumb_author {	
	padding-top: 0px;
}
}
/*.category-heilpraktiker .entry-date, .category-heilpraktiker .thumb_author, .postid-20181 .entry-date, .postid-20181 .thumb_author {
display:none;
}*/

.author {
	display:none;
}
.entry-date {
	display:none;
}
.category-naturheilpraxis .entry-date {
	display:inline-block!important;
}
@media screen and (min-width: 780px) {
	#masthead {
		background-image:none;
	}
	}

.top-banner-section {
	float: left;
	width: 100%;
	overflow:hidden;
	margin-bottom: 10px;
	text-align: center;
}

.top-banner-section img {
	float: left;
	width: 100%;
	height:auto;
	overflow:hidden;
	margin-bottom: 10px;
	text-align: center;
}

/* Styles for NoScrollBox */	  
.nsb-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1000
}

@media(max-width: 800px) { .nsb-modal-overlay { display: none !important  } }

.nsb-is-hidden {
	display: none !important
}

.nsb-modal-dialog {
	position: fixed;
	width: 750px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-left: -375px;
	margin-top: -250px;
	background-color: #eee;
	padding: 20px;
	box-sizing: border-box;
	z-index: 2147483647;
	font-size:13px;
}

#nsb-read-on-btn {
	background-size: contain;
	float: right;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0
}
		  
.nsb-headline {
	margin-bottom:10px;
	font-weight:bold;
}

#nsb-newest-posts {
	list-style:none;
	padding-left: 0;
}

#nsb-newest-posts li {
	margin-bottom:10px;
	background:#fff;
	min-height:100px;
	overflow:hidden
}

#nsb-newest-posts li img {
	width:75px;
	height:75px;
	float:left;
	margin-right:10px;
}

#nsb-newest-posts li span {
	font-size:0.75em
}
	  
.nsb-more, .nsb-box-buttons {
	background: #0A8F1E;
	text-indent:0;
	display:inline-block;
	color:#fff;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	margin-top: 17px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.nsb-more {
	width:110px;
	float:right;
}
  
.nsb-box-buttons {
	width:345px;
	margin: 0 5px;
	float:left;
}

.nsb-button-container {
	text-align:center;
	width:100%;vertical-align:middle;
}

/* Styles für Link über Hintergrundbild bei geringen Auflösungen */
#linkbgheader {
	width:calc(100% - 97px);
	float:left;
	padding:0;
	margin:0;
}

#linkbgheader a {
	display:block;
	height:48px;
	padding:0;
	margin:0;
}

@media screen and (min-width: 783px) {
	#linkbgheader {
		display:none;
	}
}

/* Ausblenden, da auf Smartphones unnoetiger Abstand erzeugt wird */
.content-sidebar {
	display:none;
}

.hentry {
	margin-bottom: 10px;
}

/* Styling verwandte Artikel */
.rp4wp-related-posts{}
.rp4wp-related-posts ul{width:100%;padding:0;margin-left:0;}
.rp4wp-related-posts ul>li{list-style:none;padding:0;margin:0;}
.rp4wp-related-posts ul>li>p{margin:0;padding:0;}
.rp4wp-related-post-image{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.rp4wp-related-post-image a img{border:1px solid black;margin-bottom:0.4em;}
.rp4wp-related-posts strong{}
/*.rp4wp-related-post-content {padding:0 0.4em;}*/
@media screen and (max-width: 450px) {
.rp4wp-related-posts ul>li:nth-child(3n) {display:none;}
.rp4wp-related-posts ul>li{list-style:none;padding:0;margin:0;}
}
/*.site-content .entry-content .rp4wp-related-post-content a {font-weight:normal;color:inherit;}*/

/* Content verbreitern */
@media screen and (min-width: 673px) {
	.header-main {padding-left:0;}
	
	.menu-item-32277{
		padding-top:0;}
	
	#site-header {
		background-image:url('/wp-content/themes/twentyfourteen-heilpraxis/assets/images/hp-claim-solo-bg_doppelt.png'); background-repeat: no-repeat ; background-position: 695px center;
		background-size: 156px 100px;
	}
	
	.search-toggle{background-position:center right;}
	.search-toggle:before{margin-left:17px;}
	
	
	.site-content {
	    margin-right: 0;
	}
	
	#content {
	    margin-right: 20px;
	}
	
	.hentry {
	    max-width: 100%;
	}
	
	.entry-header {
		min-height: 200px;
	}
}

@media screen and (min-width: 1008px) {
	#content {
	    margin-right: 200px;
	}
}

@media screen and (min-width: 1080px) {
	#content {
	    margin-right: 240px;
	}
}

@media screen and (max-width: 970px) {
	.entry-content {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
	}
}

/*No auto text hyphenation*/

.entry-content,
.entry-summary,
.page-content, .nav-links, .comment-content, .widget{
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: normal;
}

/* Links vorheriger/naechster Artikel unter Outbrain verschoben */
.nav-links a::before {
    content: '';
    margin: 0;
}

.post-navigation a {
  border-bottom:0;
}

.navigation {
  float:none;
}

.post-navigation {
  max-width:auto;
}