/*
Theme Name: Twenty Thirteen Child
Theme URI: http://die-stadtapotheke.at/
Description: Stadtapotheke basierend auf twentythirteen
Author: Stadtapotheke
Template: twentythirteen
Version: 1
*/
 
/* This is must */
@import url("../twentythirteen/style.css");  



html, button, input, select, textarea {
	font-family: "Merriweather Sans", "Candara", Sans serif;
	font-weight:500;
	font-size:15px;
	letter-spacing:0px;
	line-height:1.7;
}

body {
	background-color:#E6F4FF;
	background-image:url('//alternativmedizinpodcast.eu/wp/wp-content/uploads/2016/04/amp-bg.jpg');
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	line-height:1.7;
}

.site {
	background-color:transparent;
	max-width:none;
	border:none;
}


.site-header {
	position:relative;
	width: 90%;
	max-width: 1040px;
	margin:0 auto;
}

.site-header #logobox {
	width:31%;
	margin-top:-20px;
	display:inline-block;
	vertical-align: middle;
	position:relative;
	z-index:10;
}
.site-header #claimbox {
	width:66%;
	padding-top:90px;
	padding-left:0px;
	display:inline-block;
	vertical-align: top;
}
@media screen and (max-width:999px) {
	.site-header #logobox {
		width:24%;
		margin-top:-30px;
		margin-right:2%;
	}
	.site-header #claimbox {
		width:72%;
		padding-top:10.5%;
	}
}
@media screen and (max-width:643px) {
	.site-header #logobox {
		display:none;
	}
	.site-header #claimbox {
		display:block;
		width:95%;
		margin:0 auto;
	}
}







.site-header .header-logo {
	max-width:100%;
}
.site-header .header-claim {
	max-width:100%;
}



.site-header .home-link {
	max-width: 1040px;
	height:230px;
	min-height:0px;
	overflow-y:show;
	margin: 50px auto 0px auto;
	padding:0 60px 0 20px;
	background-image:url('//alternativmedizinpodcast.eu/wp/wp-content/uploads/2016/05/amp-head-bg.png');
	background-size:cover;
	background-position: center top;
	background-repeat:no-repeat;
}
@media screen and (max-width:999px) {
	.site-header .home-link {
		height:auto;
		padding:0 20px 20px 20px;
	}
}
@media screen and (max-width:643px) {
	.site-header .home-link {
		margin-top:25px;
	}
}


.site-header .navbar {
	max-width:1040px;
}

.site-header .main-navigation {
	width:100%;
	max-width: 1040px;
	padding: 0 20px 0 250px;
}
@media screen and (max-width:999px) {
	.site-header .main-navigation {
		padding:0 20px 0 20px;
	}
}




.navbar {
	background-color:#fff;
	border-top:1px solid #D03729;
	border-bottom:1px solid #D03729;
	font-family:"Merriweather Sans";
	font-weight:700;
}

.nav-menu li > a {
	font-size:1rem;
    transition: background-color 0.5s;
    font-weight:700;
}
.nav-menu li a {
	padding:15px 7px;
}
@media screen and (max-width:1100px) {
	.nav-menu li > a {
		font-size:0.875rem;
		padding:17px 3px;
	}
}

.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
    background-color: #D03729;
    color: #fff;
    transition: background-color 0.5s;
}

ul.nav-menu ul a, .nav-menu ul ul a {
    color: #000;
	width: 275px;
	font-size:1rem;
}
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: #D03729;
	color: #fff;
}

.nav-menu .sub-menu li a {
    background-color: #fff;
    line-height:1.5;
}

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














.site-main {
	width:90%;
	max-width: 1040px;
	margin: 0 auto;
	background-color:rgba(255,255,255,0.85);
	padding: 60px 0;
}
@media screen and (max-width:643px) {
	.site-main {
		padding: 10px 0;
	}
}

.site-main .sidebar-container {
	height:auto;
}

.sidebar #primary,
.sidebar #tertiary {
	display:inline-block;
	vertical-align:top;
}

.sidebar #primary {
	width:60%;
	margin-right:6%;
}

.sidebar #tertiary {
	width:30%;
	margin-right:3%;
	position:initial;
	top:0;
}

.sidebar .entry-header, 
.sidebar .page-header, 
.sidebar .entry-content, 
.sidebar .entry-summary, 
.sidebar .entry-meta {
	padding:0 0 0 80px;
	background-color:transparent;
}

@media screen and (max-width:999px) {
	
	.sidebar #primary,
	.sidebar #tertiary {
		width:100%;
		margin-right:0%;
		display:block;
	}

	.sidebar .entry-header,
	.sidebar .page-header, 
	.sidebar .entry-content, 
	.sidebar .entry-summary, 
	.sidebar .entry-meta {
    	padding: 0 60px 0 60px;
	}
	
}

@media screen and (max-width:999px) {

	.sidebar .entry-header, .sidebar .page-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info {
		max-width:none;
	}
	.site-main .sidebar-container {
		max-width:none;
	}
}










.sidebar .entry-header .entry-meta {
	display:none;
}

.sidebar .entry-header,
.sidebar .page-header,  {
	margin-bottom:15px;
}


.entry-content a, 
.comment-content a, 
.entry-meta a,
.widget a {
	color: #D03729;
}
.entry-content a:hover, 
.comment-content a:hover, 
.entry-meta a:hover,
.widget a:hover {
	color: #D03729;
}


h1.entry-title, h1, h2, h3, h4, h5, h6 {
    font-family: "Merriweather Sans", "Georgia", serif;
    line-height: 1.3;
	font-weight:700;
	color:#D03729;
}
h1.entry-title {
	margin: 0 0 10px;
}

h1 a, h1.entry-title a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#D03729;
}
h1 a:hover, h1.entry-title a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#D03729;
	text-decoration:none;
}

h1.entry-title a {
	font-size:22px; 
	//padding:5px 5px 4px 5px;
	border-radius:4px;
	transition:background-color 0.5s;
}
h1.entry-title a:hover { 
	//background-color:#f0f7ff;
	transition:background-color 0.5s;
}


p { font-size:15px; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

@media screen and (max-width:643px) {
	
	p { font-size:12px; }
	h1 { font-size:18px; }
	h2 { font-size:16px; }
	h3 { font-size:14px; }
	h4 { font-size:13px; }
	h5 { font-size:12px; }
	h6 { font-size:11px; }
	
}



.type-podcast h1.entry-title a {
	font-size:17px;
}


.hentry {
	padding-top:0px;
}
.home .hentry {
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}


.home .hentry .entry-header h1 {
	padding-top:20px;
	border-top: 1px dotted #D03729;
}
.home .hentry.sticky .entry-header h1 {
	border-top:none;
	padding-top:0px;
}


.home .hentry.sticky .entry-summary {
	font-style:italic;
	font-family:"Merriweather";
	color:#D03729;
	font-size:1.05rem;
}



.single .entry-summary {
	font-weight:500;
	color:#D03729;
}







.entry-thumbnail img,
.entry-content img {
	display:block;
	margin:0px 10px 20px 10px;
	border:3px solid white;
	box-shadow:0 0 10px #ccc;
	transition:all 0.5s;

}
.entry-thumbnail img.nobox, 
.entry-content img.nobox {
	box-shadow:none !important;
	border:none !important;
	transition:none !important;
	transform:none !important;
}

.entry-thumbnail img:hover,
.entry-content img:hover {
	box-shadow:0 0 10px #aaa;
	transition:all 0.5s;
	transform:scale(1.03);
}


.entry-content p {
	hyphens:manual;
	//text-align:justify;
}

.entry-content blockquote {
    font-family: "Merriweather", "Georgia", serif;
	color:#D03729;
	font-weight:300;
	font-size:21px;
	font-style:italic;
	margin-left:0px;
	margin-right:40px;

}


.entry-content img.alignright, 
.entry-content .wp-caption.alignright {
	margin-right:10px;
}









#tertiary .widget-area {
	margin-bottom:0px;
	float:none;
	vertical-align:top;
	text-align:center;
}

#tertiary .widget {
	padding:20px;
	background-color:transparent;
	display: inline-block;
	vertical-align: top;
	text-align:left;
	width:100%;
}


.widget .widget-title {
	font-family:"Merriweather";
	font-style:normal;
	font-weight:300;
	font-size:1.2rem;
}


.sfp-container {
	opacity:0.66;
}

.sfp-container:hover {
	opacity:1;
}



#tertiary #text-3 {

}

#tertiary #text-3 a {
	display:block;
	margin-bottom:15px;
	height:55px;
}

#tertiary #text-3 a img {
	display:inline-block;
	height:50px;
	width:50px;
	margin-right:5%;
	vertical-align:middle;
}
#tertiary #text-3 a div {
	display:inline-block;
	height:50px;
	width:70%;
	vertical-align:middle;
	font-family:"Merriweather Sans";
	font-weight:700;
}




@media screen and (max-width:999px) {
	
	#tertiary .widget {
		width:100%;
	}
	
}


.site-footer {
	max-width:1040px;
	margin:0 auto !important;
	border-top:1px solid #D03729;
	background-color:rgba(255,255,255,0.9);
}
.site-footer .site-info {

	padding:10px 80px;
}









/***** Player ****/

.mejs-audio {
	height:50px !important;
}

.mejs-mediaelement {
}

.mejs-container .mejs-controls {
	height:40px !important;
}

.podcast_player {
	margin:0px 0px 0px 0px;
}
.podcast_meta {
	font-size:0.75rem;
	margin:0px 0px 10px 0px;
	background-color:white;
	padding:0 0 10px 10px;
}
.podcast_meta .podcast-meta-duration, 
.podcast_meta .podcast-meta-size {

}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color:#ccc !important;
}




/**** newsletter *****/

#wysija-2 {
}

.formError .formErrorContent {
	width:190px;
	background-color:orange;
}

#form-wysija-2 small {
	line-height:10px;
}

#form-wysija-2 p {
	width:57%;
	display:inline-block;
}

#form-wysija-2 .wysija-input {
	width:100%;
	border:1px solid #ccc;
}
#form-wysija-2 .wysija-submit, 
#form-wysija-2 input[type="submit"] {
	width:38%;
	display:inline-block;
	background-color:#D03729;
	background-image:none;
	border-bottom:none;
	padding: 6px;
}
#form-wysija-2 .wysija-submit:hover, 
#form-wysija-2 input[type="submit"]:hover {
	background-color:#D03729;
}


