/*
Theme Name: makeithappen2019
Theme URI:
Author: c nisidis
Author URI: http://nisidis.com/
Description:
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: makeithappen2019

makeithappen 2019 WordPress Theme © 2011-2017 c nisidis
makeithappen 2019 is distributed under the terms of the GNU GPL
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* check example http://demo.themezilla.com/?theme=gridlocked */



html{

  position: absolute;
  top:0;
  left:0;
  font-family:'Open Sans';
  font-weight: 100;
/*   color:#444; */
  padding: 0;
  margin:0;
  overflow-x: hidden;
}

a{
  text-decoration: none;
  color:black;
}

body{
/*   background-color: #eee; */
	
/*   background-image: url('assets/tile_00-03.png');
  background-size:96px;
  background-position: center;
  background-repeat: repeat-x repeat-y; */

  /* width: 100%;
  height: 100%; */
  top:0;
  left:0;
  padding: 0;
}
.clear {
  clear: both;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important
}
.clear{
  display: none !important;
  width:0 !important;
}
#wrapper{

  display:grid;

  grid-template-areas:'header header'
                      'sidebar container'
                      'footer footer';

}

#header{
  grid-area: header;
  display: block !important;
  top:0;
  width:100%;
  height:40px;



}
.pll{
  display: block;
  margin-right: 100px;
}
.lang-item {
    /* display: inline-block; */
    /* text-align: left;
    float: right; */

    font-size: 1em;
    color:white;
}
.lang-item a{
  color:#fff !important;
}
#site-logo{
  display: none;
}
.menu-main_menu-container, .menu-main_menu-en-container{
  width: 100%;
  margin-top: 20px;
}
.menu-main_menu-container ul, .menu-main_menu-en-container ul{
  margin-top: 20px;
}
.menu-main_menu-container li, .menu-main_menu-en-container li{
  padding-top: 20px;
  text-align: center;

}

.menu-main_menu-container ul li a, .menu-main_menu-en-container ul li a {
  font-weight: bold;
  color: #888;

}

#menu-skills-el, #menu-skills, #menu-skills-en{
  padding-top: 40px !important;
}

#menu-skills-el li a, #menu-skills li a, #menu-skills-en li a{
  text-align: center;
  font-size: 14px;
  padding: 10px;
  vertical-align: middle;
  color: #888;

}
#menu-skills-el ul, #menu-skills ul, #menu-skills-en ul {
  text-align: center;

}
#menu-skills-el li, #menu-skills li, #menu-skills-en li{
  height: 35px;
  padding-top: 10px;
  width: 200px;
  margin-left: 50px;
  border-bottom: thin solid #ccc;
    text-align: center;
}




.simple-social-icons{
  margin-top: 40px;


}

#container{
  grid-area: container;
  /* margin-left: 20px; */
  width:100%;
  height: 100%;
  padding: 20px;


}
#sidebar{
  grid-area: sidebar;
  display: block;
  width:300px;
  text-align: center;


}
#sidebar .image{

  max-width: 155px !important;
}

#content{
  display: block;
  width: 100% !important;
  margin:0;

  /* padding: 20px; */
}

#content h1 {
  font-size: 1.8em;
  font-weight: bold;
}

#content p {
  /* margin-top: 10px; */
  line-height: 1.3em;
}

#content p::first-letter{
  /* font-size: 1.6em; */
}

#content.project header{
  /* display: none; */
}

#footer{
  grid-area: footer;
  width: 100%;


}

#copyright{
  width: 100%;
  font-size: 0.7em;
  padding: 2px;
  text-align: right;
  align-self: flex-end;
  color: #ccc;
  margin-top: 100px;
  /* align-self: baseline; */
  vertical-align: bottom;

}
#copyright a{
  padding-right: 25px;
}
#copyright a:link, #copyright a:visited{
    color: #aaa;
}
.projects-content{

  width:100% !important;
  height: 100%;
  /* padding: 10px; */
}

.projects-content .type-post{
  /* padding: 8px !important; */

}

article.project-post{
  vertical-align:top;
  display: inline-block;
  /* margin: 4px 0px 0px 4px; */
	padding-bottom: 8px;
  width:250px !important;
  max-width: 250px;
  min-width: 200px;
  padding: 10px;

  /* min-height: 250px; */
  /* padding: 10px; */

}

.project-post{
  /* min-height: 150px; */
}

.project-post:hover{
  cursor: pointer;
}


.post-thumb{
  width:250 !important;
  max-width: 250px;
  min-width: 200px;
  overflow:hidden; /*hide bounds of image */
  margin:0;   /*reset margin of figure tag*/


}
.post-thumb img {
  display:block; /*remove inline-block spaces*/
    width:100%; /*make image streatch*/
    margin:-15% 0;


}

.project-post .post-info{
  min-height: 90px;
  background-color: #333;
  margin: 0px;
  padding: 0.8em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project-post .post-info p{
  padding-top: 0;
    /* line-height: 2em; */
}
.post-info > .header {
  display: block;
  font-size: 0.9em;
  padding: 2px;
  text-align:center;
}

.post-info entry-title{
  color: white;

}

.post-summary {
  font-size: 0.7em;
  color: #999;
  font-weight: 100;

}

.entry-title{
	color:#aaa;
	font-weight:bold;
}
.entry-meta{
  display: none;
}

.entry-content img{
  max-width: 100%;
  height: auto;
}

.entry-content strong{
  font-weight: bold;
}

.entry-content ul{
  padding: 25px;
}
.entry-content ul li {
  padding: 5px;
  list-style: circle;
}

.entry-footer{
	color:#555;
}

[rel="bookmark"]{
  max-width: 150px;

}
.project-page{
  left: 0;
  width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
	color:#ddd;


}
.project-page .entry-img-container{
  margin-top: 20px;
  max-width:650px;
  height: 200px;
  margin-right: 20px;
  overflow-y: hidden;
}
.project-page img.attachment-post-thumbnail{
  width:100%;
  margin-top: -20%;

}
.project-page .entry-title a{
/*   	color: #444; */
	color: #eee;
	max-width:650px;
/*   color:white; */
/*   text-shadow:2px 3px #ccc; */
}
.project-page p{
  align-self: flex-start;
  padding-top: 20px;
  padding-right: 80px;
  max-width: 650px;
}
.project-page .entry-footer{
  opacity: 0.4;
  margin-top: 80px;
  max-width:100%;
  text-align: justify;
	
}
.project-page .entry-footer{
  max-width: 650px;
}
.project-page .entry-footer .cat-links {
  /* padding: 10px; */
  width:auto !important;
  max-width: 650px !important;
	color:#ccc;
}
.project-page .entry-footer .cat-links a{
  font-size: 0.8em;
}

.project-page .entry-footer .tag-links{
  padding: 10px;
  display: none;
}

footer .navigation{
  width: 100% !important;
  text-align: justify;
  padding-top: 40px;
}

footer .navigation .nav-previous{

}

.general-category{

  padding-bottom: 10px;
  min-width: 215px;
  max-width: 86%;
  text-align: left;
  border-bottom: solid thin #999;
  margin-bottom: 10px;
}

.general-category h1{
  font-size: 16px !important;
}
.category-title{
  /* font-size: 0.1em; */
}
.gallery{

}
.gallery-item{
  display: inline-block;
  margin: 0 !important;
  padding: 0;
  width: 150px !important;
  height: 150px;
}
.gallery img{
  width: 150px;
  height:150px;
}

.static-page{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 650px;
}
.static-page p {
  padding-top: 20px;
}
/*--------------------------------------------------------*/
/*----------------------PLUGINS---------------------------*/
/*--------------------------------------------------------*/

.bwg_container{
	padding:0;
	width:650px;
	text-align:left;
}
.bwg_container .bwg-thumbnails{
	padding:0 !important;
	margin:0 !important;
}
.bwg_container .bwg-item{
	padding:3px;
	text-align:left;
	float:left;
}