/*
Theme Name: Renkon Child
Theme URI:
Description: Your child theme description text...
Author: Your Name
Author URI: http://www.yourdomain.com/
Template: renkon
Version: 1.0
Tags: Renkon Child Theme
*/

/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

body {
 color:#5c5c5c; 

}

.entry-content p, .entry-content li {
    font-family: 'Open Sans', sans-serif;
}


.fixedratio {
  padding-top: 25%;  
  
 
  background-size: contain !important;
    background-position: center;  /* Internet Explorer 7/8 */
  
}
 
 


figure {
 margin:0; 
}



/*---Blog---*/

.blog #content-wrap {
	max-width:960px;
	margin: 0 auto;
  }

.blog div#site-content article {
	 width:100%; 
	}
	
	.blog .entry-content p, .entry-summary p {
	  font-size:1.2rem;
		  }

.blog h3 {
font-size:2.25rem;
			}
			
.blog #content-wrap {
				
margin-top:-50px;				
			  }
			
			
#mega-menu-wrap-hauptnavi #mega-menu-hauptnavi {
  
	  background:#222 !important;

}



.navi {

    z-index: 1000 !important;
  	width:100%;
}

	

.entry-comments, .entry-date, .entry-cats, .entry-postformat {
  display:none !important;
	}
	
.single-post #site-content {
  padding-top:30px;
		}
		
.entry-header, .single-post #site-content {
  padding-top:0 !important;
	}

/*#header-image-ns {
 width:100%;
  height:500px;
  margin: 0 auto;
    padding: 0;
      background-attachment: scroll;
    background-size: contain !important;
    overflow: hidden;
    text-align: center;
background-repeat: no-repeat;
}*/

.entry-header {
  padding-bottom:0;
	}

.alignleft, .alignright {
 
    display:block !important;
    margin: 30px auto !important;
  float:none;
}
  
 
   
.aligncenter {
    display: block;
    margin: 0 auto;
}

.site-title {
  margin-top:0;
	}

#mega-menu-wrap-hauptnavi .mega-menu-toggle {
width:100% !important;
}

.entry-header h1.entry-title,
.entry-header h2.entry-title {
  	color: #999999;
	font-weight: bold;
	margin:0;
	padding-top:8px;
	padding-bottom: 13px;
	font-family: 'Lato', 'Arial', sans-serif;
  	text-transform: uppercase;
	font-size: 36px;
	font-size: 2.125rem;
	line-height: 1.4;
	word-wrap: break-word;
	letter-spacing: 1px;
	display: block;
  	background: url(weg) 0 bottom no-repeat;
}

h2 {
    font-size: 1.6rem;
}

.type-page .entry-header h1.entry-title, .no-results .entry-header h1.entry-title {
  padding:0 0 15px 0;
	}
	h2, h3, h4, h5 {
	 margin-bottom:15px; 
	}

.single-post .entry-header, .page .entry-header, .single-post .entry-content, .page .entry-content, .single-post .entry-meta, .page .entry-meta, .single-post .comments-wrap, .page .comments-wrap, #disqus_thread, .single-attachment .comments-wrap, .single-post .author-info, .nav-single, .nav-image {
    margin: 0 auto;
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;
}

.single-post .entry-content p,
	.page .entry-content p {
		font-size: 1em;
		line-height:1.5;
}

.entry-content ol li, #site-content ol.commentlist li .comment-text ol li, .entry-content ul li, #site-content ol.commentlist li .comment-text ul li {
    margin: 0 0 0 15px;
    padding: 0 0 15px 15px;
  	background: rgba(0, 0, 0, 0) url("images/li.gif") no-repeat scroll 0 10px;
    list-style-type: none;
  	font-size: 1.2em;
}

.colophon {
  background:#F5F5F5;
  }

  
  .widget h3.widget-title {
	 background:0; 
	  color:#333;
	}
.widget {
	margin: 0;
  }


.entry-content p.wp-caption-text, .gallery-item .gallery-caption {
  letter-spacing:0;
	}
	
	
	.wp-caption {
 
    font-size:0.9em;
    padding:10px 0 0 10px;

/*--Falls border-box--*/
    box-sizing: content-box;
     /* Force the box to be 100% */
    /*width: 100% !important;*/

}
   
.wp-caption-text {
      margin-top:10px;
}
  
.wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }
 
	
	
	.entry-content p.wp-caption-text {
  padding:0 20px 0 0;
		}




@media screen and (min-width: 800px) {
  

  
  .navi {
position:fixed;
  
}
	
	#header-image {
	 height:auto !important; 
	}
	
	 .alignleft {
    float:left;
    margin: 5px 20px 10px 0 !important;
}
   
.alignright {
    float:right;
    margin: 5px 0 10px 20px !important;
}


#mega-menu-wrap-hauptnavi {
 float:right; 
  margin: 100px 20px 0 0;
}
  
  .site-title {
  margin-top:30px 0;

}


.header-inner {
  padding-top:50px;
	}

	.site-title {
		width: 20%!important;
		position: fixed;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 4.70625%;
	}


#mega-menu-wrap-hauptnavi #mega-menu-hauptnavi {
  
	  background:transparent !important;


}

#mega-menu-wrap-hauptnavi a {
 color:#333 !important; 
 
}


#mega-menu-wrap-hauptnavi a:hover {

  background:#fff !important;
}

/*#mega-menu-wrap-hauptnavi, #mega-menu-wrap-hauptnavi #mega-menu-hauptnavi, #mega-menu-wrap-hauptnavi #mega-menu-hauptnavi ul.mega-sub-menu,
#mega-menu-wrap-hauptnavi #mega-menu-hauptnavi li.mega-menu-item, #mega-menu-wrap-hauptnavi #mega-menu-hauptnavi a.mega-menu-link {
 color:#fff !important; 
}*/



}



  
#header-image-ns {
 margin-top:150px; 
}

	  
	  .navi {
		background:hsla(0, 0%, 100%, 0.8);
	    z-index:99999!important;
		}
	
	.footer-box {
  float:left;
		  width:20%;

 
		}

	
	.footer-box p{
margin-bottom:20px;
font-size:1.2em;
 
		}
	
		.footer-box a{
color:#333;
 
		}
		
				.footer-box a:hover{
color:#333;
 
		}


#footer {
  max-width:960px;
  margin: 0 auto;
  }
		
		.textwidget, .widget, .widget-title {
   text-align:left !important;
		}
  
  .widget h3.widget-title {
  margin-left:-10px !important;
    font-family: "Lato",Helvetica,Arial,sans-serif !important;
	  }
  
  
}


#nav-wrapper {
    display: block !important;
}
#{$wrap} .mega-menu-toggle {
    text-align: left;
    height: 50px;
    line-height: 50px;
}
#{$wrap} .mega-menu-toggle:before {
    float: left;
}



@media screen and (min-width: 1050px) {
  


 .header-inner {
  padding-top:0;
	} 

#header-image p.header-slogan {
 padding-top:0; 
}
	  
	
  
}

@media screen and (min-width: 1140px) {
  
    .navi {
	
	  }
	
	#header-image-ns {
 margin-top:0; 
}

  

#mega-menu-wrap-hauptnavi {
 float:right; 
  margin: 40px 20px 0 0;
}
	
}

	  
	      .posts{
    display: flex;
    flex-wrap: wrap;
    }
    .posts .post{
    width: 50%;
    padding: 20px;
    }
    .posts .post .title{
    font-size: 20px;
    margin: 0 0 15px 0;
    }