/*
Theme Name: BareMetal
Theme URI: 
Version: 0.1
Author: Job van Doeselaar
Author URI: https://vandoeselaar.com/
Description: A Minimal WordPress Theme.
Tags: minimal, simple, responsive, light-weight
Text Domain:BareMetal
*/
.code_container{
	background-color:#F3EFEC;
}
.footer_tags a{
	  text-transform: lowercase;
}
table{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed; 
  word-wrap:break-word; 
}
.dl_button{
	font-size:2vw;
}
.dl_button:hover{
	font-size:2vw;
	cursor:grab;
}
.paginate_button{
	padding:2px !important;

}
.comment-reply-link{
	display:none;
}
.comment_button:hover{
	 color:#669900;
}

.menu_top{
	background-color:#F7EBC6;
    display: none;
    text-transform: uppercase;
    text-align: center;
}
.menu_tags{
	background-color:#F7EBC6;
    display: none;
    text-transform: lowercase;
    text-align: center;
    padding:20px;
    color:#777;
}
.menu_top ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}   
.menu_top ul li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	/* display:inline; */
}  
.menu_top li:after { 
    content: none; 
}
.nav_bars{
	margin-right:20px;
	display: none;
	text-align: right;
	padding-top:10px;
}
.nav_tags{
	display: none;
	margin:0px 15px 10px 0px;
	padding-top:10px;
	text-align: right;
}
nav {
	padding:0px;
	margin:0px;
}

body,html{
	margin:0 auto;
	background-color:#f9f9f9;
	font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;
	font-size:22px;
	height: 100%;
	margin: 0;
	/*background-image: url('<?php the_post_thumbnail_url(large); ?>'); */
	overflow-wrap: break-word;
	}

.space{
	background-color:#F7EBC6;
	height:6px; 
}

.comments_show_hide{
	display:none;
}
figcaption{
	font-size:16px !important;
}
	code{
	font-size:16px !important;
	/*white-space: nowrap;*/

	}
	pre{
	font-size:16px;
	/*white-space: nowrap !important;*/
	}
	.header_tags a:link{
	color:#333;
	  text-transform: lowercase;
	}
	.header_tags a:hover{
	color:#669900;
	  text-transform: lowercase;
	}

	.header_tags{
		  text-transform: lowercase;
	color:#ccc;
	padding:50px;
	text-align:justify;
	}
	.title_tag{
		color:#ee9900;
	}
	.site_title{
	color:#333;
	text-align:left;
	margin:0 auto;
	font-size:4vw;
	font-weight:bolder;
		padding-left:30px;
		

	}
	.site_title a:visited{
 		color:#333;
	}
	.site_title a:hover{
 		color:#669900;
	}
	.site_title a:link{
 		color:#333;
	}
	.site_description{
	text-align:left;
	margin:0 auto;
	font-size:3vw;
	font-weight:bolder;
	padding-left:30px;
	padding-right:30px;
	}
	.site_description a:visited{
	color:#669900;
	}
	.site_description a:hover{
	color:hotpink;
	}
	
	.article_title{
	text-align:center;
	margin:0 auto;
	font-size:3vw;
	font-weight:bolder;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	font-family: 'Roboto Slab', serif;


	}


	.article_title a{
	color:#2d9fd9;
	}
	
	.article_title a:visited{
	color:#2d9fd9;

	}
	
	.article_title a:hover{
	color:hotpink;
	}
	
	.post_tags{
	text-align:right;
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
	}
	
	.article_date{
	text-align:right;
	margin:0 auto;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	}
	/* unvisited link */
	a:link {
	  color: #2d9fd9;
	  text-decoration:none;
	}
	a:visited{
	color: #2d9fd9;/*#52D4D0;*/
	}
	/* mouse over link */
	a:hover {
	  color: hotpink;
	}

	/* selected link */
	a:active {
		color: #669900;
	}
	.container{
		width:100%;	
	}
	.container_inner{
		max-width:900px;
		margin:0 auto;
	}
	
	/* post */
	.post{
		max-width:800px;
		margin:0 auto;
		padding:10px;
	}
	.post_date{
		float:left;
		width:170px;
		text-align:right;
		padding:10px;
	}
	.post_title{
		max-width:599px;
		border-left:0px #669900 solid;
		padding:10px;
		float:left;
		margin:0 auto;
		overflow:hidden;
		font-family: 'Roboto Slab', serif;
		
	}	
	.post_title a{
		color:#2d9fd9;
		font-weight: 800;
	}		
	.post_title a:hover{
		color:hotpink;
	}	
	.post_excerpt{
		font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;
	}
	.read-more{
		font-weight: 400;
 display: inline-block;
	}
	.read-more a:link{
		color: #52D4D0;
		font-weight: 400;
	}
	.read-more a:hover{
		color: hotpink;
		font-weight: 400;
	}
	.title{
		font-family: 'Roboto Slab', serif;
		font-size:5vw;
		font-weight:800;
		/*display: table-cell;
 		vertical-align: bottom;*/
 		text-align:center;
 		width:100%; 
 		color:white;
	}
	.title a:visited{
 		color:white;
	}
	.title a:hover{
 		color:white;
	}
	.title a{
 		color:white;
	}
	
	img{
		/*width:100%;*/
		height:auto;
	}
	
#left, #right {
    display:inline-block;
    width: 50%;
    color:#fff;
    overflow:hidden;
}
	.dataTable{
	font-size:1vw;
	
	}


/* load more posts */
	.misha_loadmore{
		text-align:center;
		font-size:3vw;
		font-weight:400;
		background-color:#333;
		color:#fff;
		padding:20px;
	}
	.misha_loadmore:hover{
		color: hotpink;
	}
/* load more posts */

.holdingbox {
    position: relative;
    top: 0;
    margin-left: 100px;
}

.leftbox {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    color: #333;
    font-weight: bold;
    padding: 1px;
}
.rightbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 0;
    height:100px;
    vertical-align: top;
    margin-right: 0;
}
.link-title{
    width: 100%;
    position: absolute;
    background-color: #ac193d;
    left: 0;
    top: 0;
    right: 0;
    color: #FFF;
    padding-left: 5px;
}
/* youtube full width */
	.YT_container {
	    position: relative;
	    width: 100%;
	    height: 0;
	    padding-bottom: 56.25%;
	}
	.video {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
/* youtube full width */

/* comment form */
	#respond { 
	/*background: #fbfbfb;*/
		padding:0 10px 0 10px;
	}
	  
	/* Highlight active form field */
	#respond input[type=text]{
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	     border-radius: 10px;
	     border: 1px solid #2d9fd9;
	     height: 30px;
	     padding-left: 10px;
	    }
	#respond input[type=text], textarea {
	  -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  outline: none;
	  padding: 3px 0px 3px 3px;
	  margin: 5px 1px 3px 0px;
	  border: 1px solid #DDDDDD;
	}
	   
	#respond input[type=text]:focus,
	input[type=email]:focus, 
	input[type=url]:focus,
	textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	margin: 5px 1px 3px 0px;
	border: 2px solid rgba(81, 203, 238, 1);
	}

	#respond textarea{
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	     border-radius: 10px;
	}
	.form-submit{
		text-align:center;
	}
	.submit {
	  background-color:#ccc;
	 
	  color: #333;
	 
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;

	  border-radius: 5px;
	 border: 3px #2d9fd9 solid;
	  padding: 5px 32px;
	}
	.submit:hover {
	  background-color:#ccc;
	  border: 3px hotpink solid;
	  color: #333;
	  padding: 5px 32px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	}
/* comment form */

/* responsivenes */
@media only screen and (max-width: 500px) {
  	html,body {

  	}
  	.site_title{
   		font-size:8vw;
    }
    .site_description{
    	font-size:8vw;
    }
    .article_title{
		font-size:8vw;
		font-family: 'Roboto Slab', serif;

	}
  	.header_tags{
    	display:none;
  	}
  	.left{
		min-width:100%;
		float:left;
	} 
	.right{
		min-width:100%;
	}
	.middle{
		min-width:100%;
	}
	.misha_loadmore{
		font-size:8vw;
	}
	.nav_tags{
		display: block;
	}
	.menu_tags{
		font-size:5vw;
	}
}
@media only screen and (max-width: 809px) {
	.post_date{
		width:95%;
		text-align:right;
	}
	.post_title{
		border:0px;
		max-width:809px;
		border:0px #333 solid;
	}
 	.left{
		min-width:100%;
		float:left;
	} 
	.right{
		min-width:100%;
	}
	.middle{
		min-width:100%;
	}
	.misha_loadmore{
		font-size:8vw;
	}
}
@media only screen and (min-width: 500px) {
	.site_title{
		margin-top:50px;
	}
}