/*   
Theme Name: leschke
Author: Dagmar Diebels
Template: dorayaki
Version: 1.0
*/

/* Import the stylesheet from the Dorayaki parent theme */
@import url('../dorayaki/style.css');

/*1rem ^= 16px ==> Pixelfallback = rem-Zahl * 16
Beispiele:
0.875rem ^= 0.875*16 ^= 14px
0.6875rem ^= 0.6875*16 ^= 11px*/

/*Begrenzung des Themes auf 1000px*/
#main-wrap,
.header-slider {
    max-width: 1000px;
	margin: 0 auto 0;
}

#colophon{
	max-width: 1000px;
}

/*automatische Silbentrennung abschalten*/
body {
-webkit-hyphens: none !important;
-moz-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important;
}

/*Farbe und Schatten Header, Wrapper, Slider, Footer*/
#main-wrap{
	background-color: #ffffff;
	box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.1);
	padding: 40px 0;
	border-right: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
}

#masthead{
	max-width: 1000px;
	margin: 45px auto 0;
	border-radius: 7px 7px 0px 0px;
	box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.1);
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
}

.header-slider .responsive-slider.flexslider,
#colophon {
	box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.1);
}

#site-title {
    padding: 30px 0 10px 0;
}	

/* Schrift im Menü zarter bold -> normal*/
#site-nav  li a {
	font-weight: normal;
}

/*Mobile Menü*/
ul .sub-menu,
#site-nav {
    background: #FFFFFF;
 }

#site-nav li a,
.menu-icon {
    color: #666666;
}

.menu-btn-open	 {
	background: #FFFFFF!important;
	color: #BBBBBB!important;
}

#masthead a#mobile-menu-btn {
    border-top: 1px solid #EAEAEA!important;
	border-bottom: 1px solid #EAEAEA!important;
 }

/* Den farbigen Rand über dem Logo wegnehmen, Abstand Logo/Sitetitle links*/
#site-title {
    border-top:0 !important;
	margin-left: 40px;
}

/*Schrift Responsive Slider kleiner*/
.responsive-slider.flexslider .slide h2.slide-title a {
    font-size: 11px;
	font-size: 0.6875rem;
	text-transform: none;
	color:#666666;
}

.responsive-slider.flexslider .slide h2.slide-title  {
	top: 30px;
}

/*Titel, Überschriften und Texte auf Seiten und in Beiträgen kleiner,
Google-fonts mit Serifen raus*/
.page .entry-header h1.entry-title {
    font-size: 20px;
	font-size: 1.25rem;
	padding-left: 38px;
	font-family: Arial, sans-serif;
	font-weight: normal;
}

.entry-content p, .entry-summary p, .entry-content ul, .entry-content ol {
    font-size: 14px;
	font-size: 0.875rem;
    line-height: 1.5;
	color:#666666;
	font-family: Arial, sans-serif;
}

.entry-header h1.entry-title, .entry-header h2.entry-title {
    font-size: 20px;
	font-size: 1.25rem;
    line-height: 1.3;
    font-weight: normal;
	text-transform: none;
}

h3 {
	font-weight: normal;
    padding-left: 38px;
}

body {
    -moz-hyphens: auto;
	font-family: Arial,sans-serif;
}

/*Abstant Text vom Rand*/
.entry-content p, .entry-summary p {
    padding: 0 40px 0 40px;
	margin: 15px 0;
}

/*Zwischenüberschrift zarter*/
.page .entry-content h2.centered {
    text-transform: none;
	font-weight: normal;
	margin: 0 0 10px;
	color: #3f3f3f;
}

#nav-single,
#nav-image{
	margin-left: 5%;
	margin-right: 5%;
}

.attachment img{
margin-left: 40px;
}

.page-header {
    border-bottom: 1px solid #EAEAEA;
	margin-left: 5%;
	margin-right: 5%;
}
.attachment img{
margin-left: 40px;
}
.page-header h2.page-title {
	color: #666666;
	text-transform: none;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------*/
/*	 Servicebox
/*-----------------------------------------------------------------------------------*/

/*Anpassung Serviceboxen ans zarte Layout - nochmal checken!
die 1. CSS-Anweisung betzrifft die 1, Box in der Reihenfolge des Layouts
die 2. CSS Anweisung betrifft nth-child(3n+3), also Box 2 + 3
*/
ul li.widget_dorayaki_service, 
	.otw-sidebar
	.widget_dorayaki_service,
	.portfolio-box {
    clear: none;
    float: none;
    margin: auto;
    width: 100%;
}

/*Servicebox Rand ums Bild*/
.service-box img.service-img {
    padding: 10px;
}

/*Servicebox Background von grau zu weiß, hover gelb*/
.service-box {
    background: none repeat scroll 0 0 #FFFFFF;
	text-decoration: none !important;
}

.service-box:hover {
	background: none repeat scroll 0 0 #FCFACC !important;
}

/*Servicebox Schrift Titel kleiner*/
ul.dorayaki-rp li.rp-box h3.rp-title, .service-box span.service-name {
    font-size: 11px;
	font-size: 0.6875rem;
	color: #3F3F3F;
	text-decoration: none!important;
}

/*Servicebox Schrift Text kleiner*/
.service-box span.service-info {
    font-size: 14px;
	font-size: 0.875rem;
}

/*Servicebox Trennlinie Titel - Text schmaler*/
.service-box span.service-name:after {
    border-bottom: 1px solid #666666;
}

/*Rand Servicebox Titel kleiner, passt mehr rein, gut wg. Umbruch Titel*/
.service-box span.service-name {
    margin: 20px 15px 5px;
 }

 /*Rand Servicebox unten kleiner*/
.service-box span.service-info {
     padding: 0 20px 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	 recent posts Widget
/*-----------------------------------------------------------------------------------*/

/*recent posts Widget Schrift Text kleiner*/
.entry-content ul.dorayaki-rp li.rp-box p {
    font-size: 14px;
	font-size: 0.875rem;
    line-height: 1.5;
}

/*Kommentare under recent posts Widget ausblenden*/
ul.dorayaki-rp li.rp-box .rp-comments {
    display: none;
 }

/*recent post widgets padding re.-li*/
ul.dorayaki-rp .rp-header, ul.dorayaki-rp .rp-summary {
    padding: 0;
}

/*Abschlusslinie unter recent posts Widget Startseite entfernen*/
ul.dorayaki-rp .rp-meta {
    border-top: none;
}

/*recent posts Widget hochziehen Startseite*/
.entry-content ul ul,
.entry-content ol ol,
#comments ul ul,
#comments ol ol {
    margin-top: -30px;
}

/*"Weiterlesen" unter recent posts Widget Startseite
Schrift und Pfeil Icon*/
a.more-link {
   font-size: 11px;
   font-size: 0.6875rem;
   font-weight: normal;
}

.morelink-icon:after {
    font: normal 18px/0.7 'Genericons';
    padding: 0 0 0 4px;
    vertical-align: bottom;
}

ul.dorayaki-rp li.rp-box {
    padding: 0 !important;
}

ul.dorayaki-rp .rp-header, 
ul.dorayaki-rp li.rp-box {
    margin: 0 0 0 1%;
    padding: 30px 0 0;
	width: 98%;
}

ul.dorayaki-rp .rp-meta {
    padding: 0 40px;
}

ul.dorayaki-rp li.rp-box h3.rp-title a{
	text-decoration: none!important;
	color: #3F3F3F;
}

/*Abstand Zwischen Widgets Startseite verkleinern*/
.entry-content ul li{
    margin-bottom: 0;
}

/*Metadaten Blogbereich*/
.post .entry-meta {
    border-bottom: 1px solid #EAEAEA;
}

.entry-author,
.entry-date, 
.entry-cats  {
    display: none;
}

.entry-details {
    border-top: none;
	float: right
}

ul.dorayaki-rp li.rp-box a.rp-date{
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	 Footer
/*-----------------------------------------------------------------------------------*/

#colophon {
    padding: 50px 40px 0;
}

#footerwidget-wrap .widget-area {
    border-top: 1px solid #3F3F3F;
    padding: 14px 0 0;
}

/*Überschriften im Footer*/
#footerwidget-wrap .widget h3.widget-title, #footerwidget-wrap .widget_get_recent_comments h1.widget-title {
    font-size: 16px;
	font-size: 1rem;
    font-weight: 500;
    text-transform: none;
	margin-left: 20px;
}

#footerwidget-wrap {
   	padding: 0;
}

#colophon .credit-wrap {
    padding: 0;
}	

/*Anpassung der Blogseiten an Full Width*/
.no-sidebar #site-content {
    float: left;
}

#site-content {
    float: left;
    width: 100%;
}

.post .entry-header h2.entry-title,
.search-results .entry-header h2.entry-title,
.post .entry-content,
.attachment .entry-content,
.post .entry-summary,
.search-results .entry-summary {
    display: block;
    float:none;
    width: 100%;
}

.entry-header h1.entry-title,
.entry-header h2.entry-title {
     margin: 0 40px 24px;
}

.post .entry-meta,
.search-results .entry-meta {
     margin-left: 40px;
	 margin-right: 40px;
}

ul, ol {
     padding: 0 40px;
}

#Weiterbildung{
	float: left;
}
#Weiterbildung ul{
	margin-left: 40px;
}

/*Layout Adresse - Googlemap Kontaktseite*/
#adresse{
	float: left;
	margin-left: 40px;
	width: 40%
}

#karte{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	width: 40%
}

/*-----------------------------------------------------------------------------------*/
/*	 Links
/*-----------------------------------------------------------------------------------*/	

#site-nav li a:hover {
	color:#dc3d07 !important;
 }

 .entry-content li a {
	text-decoration: underline;
 }

.servicebox entry-content li a {
	text-decoration: none !important;
 }
	
#searchform  {
	margin-left: 40px;
}
#s {
	padding-bottom: 11px;
}

.entry-tags: {
	margin-left: 20px;
}

/*-----------------------------------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	 Media Queries
/*-----------------------------------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 500x) {
body, .page .entry-content h2 span {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
	}

@media screen and (min-width: 1100px){
body {
    background-image:url("http://www.anita-leschke.de/wp-content/uploads/2014/04/diagonal.png") !important;
    background-position: left top;
}
	}

/* Servivce Box*/

@media screen and (min-width: 768px) {
ul li.widget_dorayaki_service, 
	.otw-sidebar
	.widget_dorayaki_service,
	.portfolio-box {
    clear: none;
    float: left;
    margin: 0 0 0 3%;
    width: 30%;
}

ul li.widget_dorayaki_service:nth-child(3n+3),
.otw-sidebar .widget_dorayaki_service:nth-child(3n+3),
.portfolio-box:nth-child(3n+3) {
    clear: none;
    float: left;
    margin: 0 0 0 2%;
}

ul li.widget_dorayaki_service:nth-child(even),
	.otw-sidebar .widget_dorayaki_service:nth-child(even) {
		margin: 0 3% 0 0;
		float: right;
		clear: none;
}

/* Ende Service Box*/

/*recent posts Box*/
ul.dorayaki-rp .rp-header, 
ul.dorayaki-rp li.rp-box {
    margin: 0 0 0 3%;
    padding: 30px 0 0;
	width: 46%;
}

ul.dorayaki-rp li.rp-box:nth-child(2n) {
    clear: none;
    float: left;
    margin: 0 2% 0;
}

/* Überschrift recent posts Widget u.a. länger*/
ul.dorayaki-rp .rp-header{
	width: 70%;
}

/* Ende recent posts Box*/

/*Responsive Slider*/
.responsive-slider.flexslider .slide h2.slide-title {
   top: 75px;
}
.responsive-slider.flexslider .slide h2.slide-title a {
    font-size: 16px;
	font-size: 1rem;
}
	}

/* Bullet Points Slider bei kleinen screens ausblenden*/
@media screen and (max-width: 960px) {
.responsive-slider.flexslider ol.flex-control-nav {	
	display: none!important;
}

#main-wrap,
#masthead{
	box-shadow: none !important;
	border: none !important;
}
	}

/* Slider Image 100%, Headerfeld beige entfernen auf kleinen screens*/
@media screen and (max-width: 500px) {	
.header-slider .responsive-slider.flexslider .slides img.wp-post-image {
	width: 100% !important;
}

.responsive-slider.flexslider .slide h2.slide-title a {
    display: none;
}
#site-title {
	margin-left: 0;
}
	}

@media screen and (min-width: 1100px)	{
/*Menüleiste schmaler (Padding), Abstände der Schrift*/
#site-nav ul li {
    margin-left: 45px;
    margin-right: 10px;
	padding: 7px 0;
}

#site-nav ul.sub-menu, 
#site-nav ul.children {
    top: 33px;
    width: 190px;
}

/*Submenu Abstände anpassen*/
#site-nav ul li ul li {
    padding: 0;
	width: 190px;
	margin-left: 0;
}

#footerwidget-wrap .widget {
    padding: 0 0 10px;
}
	}