/*
Theme Name: Intentionally Blank
Theme URI: https://www.nilovelez.com/portfolio/blank/
Author: Nilo Velez
Author URI: https://www.nilovelez.com/
Description: This theme was intentionally left blank. There are times when all you need is the WordPress dashboard and an blank frontend. You might be using the WordPress REST API as a backend for a mobile App or you might be a minimalism obsessed hipster. This is your theme.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, theme-options, translation-ready
Text Domain: intentionally-blank
Requires at least: 4.6
Tested up to: 5.5
Requires PHP: 5.6
*/



/* Effect CSS */
body{
	color:#666;
	font-size: 1rem;
	line-height: 1.625;
	font-size: 1.0rem;
	font-family: 'PT Serif', serif;
	
}
h1, h2, h3, h4, h5{}
p{}
a{}

/* Main */ 
.container{
	width:100%;
	box-sizing:border-box;
	max-width:1100px;
	margin:auto;
	padding:20px;
}

.content{
	width:71.96%;
	float:left;
}

.sidebar{
	width:28.04%;
	float:left;
}

a{color:black;}


/* FOOTER */
#footer{min-height:60px; width:100%; padding:20px; background:rgba(0, 0, 0, 0.7); margin-top:100px; float:left; display:flex; justify-content:space-around;}
.socialIkon img{max-width:40px;}
.subHeadMenu{display:flex; color:white;}
.subHeadMenu a{color:white;}
.leftFoot, .rightFoot{padding:0px 20px;}
.leftFoot .payoff{display:block;}
.leftFoot #footDivider{padding-left:10px; padding-right:10px;}
.rightFoot{}

/* Header */

#header{border-bottom:1px solid #e8e8e8; display:inline-block; width:100%; margin:0px; padding:10px; margin-bottom:50px;}
#header h1, #header h2{margin:0px; color:black;}


.headerName{display:flex; max-width:500px;}
.headerLeft{padding:10px;}
.headerRight{padding:10px; display:flex; flex-direction:column; justify-content:center;}

.headerLeft img{width:auto !important; filter: invert(1);}
.headerRight a{text-decoration:none;}
.headerRight h1{font-size:24px; line-height:24px;}
.headerRight h2{font-size:14px; line-height:26px;}

.headerRight{}


/* Content */
.content-content{padding:1.25rem;}

article{padding-bottom:50px;}

/* Sidebar */
.sidebar-content{	
	padding:1.25rem;
}
.sidebar-image{margin-bottom:20px;}
.sidebar-image div{position:relative;}
.sidebar-image img{
	top: 0%;
	left: 0%;
	width: 100%;
	/*height: 100.00120193752%;
	position: absolute;*/
	border-radius:50%;
	border:1px solid #eee;
}

.sidebar h2{
	font-size: 1.5rem;
	line-height: 1.4;
	padding: 0 0 .4375rem;
	font-weight:400;
	color:#393939;
	margin:0px;
}
.sidebar h3{
	color:#9d9d9d;
	font-size: 0.95rem;
	line-height: 1.5;
	padding: 0 0 .875rem;
	font-weight:400;
	margin:0px;
}
.sidebar p{
	padding: 0 0 .9375rem;
	font-size:14px;
}
.sidebar a{
	transition: color .2s ease-in-out,border .2s ease-in-out;
	text-decoration: none;
	padding-bottom: .0625rem;
	color:#393939;
}

.socialTwo{display:flex;}
.socialTwo a{}
.socialTwo a img{max-width:35px; border:1px solid white;}
.socialTwo a:hover > img{filter:invert(100%);}

/* Single */ 

.single .entry-title, .page .entry-title{font-size: 2.5rem;line-height: 1.25;letter-spacing: .0625rem; color:black;}

.entry-title{text-align:center; margin-bottom:0px;
font-size: 1.625rem;
line-height: 1.23077;
}
.entry-title a{color:black; text-decoration:none; display: inline-block;}
.entry-title a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: orange;
    transition: width .3s;
}
.entry-title a:hover::after {
    width: 100%;
    //transition: width .3s;
}

.entry-meta{text-align:center;}


/* Details */



@media screen and (max-width: 764px) {
  .content, .sidebar {
    width:100%;
  }
}