@media print {
	.sidebar, .pagination, .related {
		display: none !important;
	}
	html {
		font-size: 16px;
	}
	.content {
		margin: 0px;
		padding: 24px;
		max-width: 100%;
	}
	.post-tag{
		display: none !important;
	}
	.content  img {
		width: 75% !important;
	}
}

.sidebar-img {
	height: 140px;
	border-radius: 50%;
	overflow:hidden;
	object-fit: cover;
}

.header-img {
	float: left;
	height: 140px !important;
	width: 140px !important;
	border-radius: 50%;
	overflow:hidden;
	object-fit: cover;
	margin: 0 15px 0 0 !important;
	border: 0px !important;
	padding: 0 !important;
}

.sidebar h2 {
	font-family: "Zilla Slab Highlight", Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	font-size: 45px;
	color: white;
	margin-top: 1rem;
}

.sidebar .lead {
	margin-top: 1rem;
}

.content  img {
margin: 0 auto;
border: 1px solid gray;
padding: 10px;
width: 90%;
}

/* Custom */
html {
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

h1 {
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.8rem;
	letter-spacing: 1px;
}

h2, h3, h4, h5, h6 {
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
	margin-bottom: 1rem;
}

h2 {
	margin-top: 3rem;
}

.theme-base-mj .sidebar {
  background-color: #af1313;
  /* background-image: url("/public/img/bg-violet.jpg");
  background-size: cover; */
}
.theme-base-mj .content a,
.theme-base-mj .related-posts li a:hover {
  color: #d61313  ;
}

.theme-base-mj .content h1 a {
  color: #303030;
}

.post-tag{
  display: inline-block;
  margin-bottom: 20px;
	height:26px;
	line-height:24px;
	position:relative;
	font-size:14px;
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#d61313;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	}	
.post-tag:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #d61313 transparent transparent;
	border-style:solid;
	border-width:12px 12px 14px 0;		
	}	
.post-tag:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	/* -moz-box-shadow:-1px -1px 2px #1c7a3e;
	-webkit-box-shadow:-1px -1px 2px #1c7a3e;
	box-shadow:-1px -1px 2px #1c7a3e; */
  }		
  
  .cards {
    display: flex;
    flex-wrap: wrap;
 }

.card {
    border: 1px solid gray;
    flex: 1 0 300px;
    box-sizing: border-box;
    margin: 1rem .5em;
    overflow-wrap: break-word;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}

@media screen and (min-width: 40em) {
    .card {
       max-width: calc(50% -  1em);
    }
}

@media screen and (min-width: 60em) {
    .card {
        max-width: calc(50% - 1em);
    }
}

.content .img-cv {
	border: 1px solid gray;
	width: 100%;
	margin-top: 10px;
	padding: 0px;
}

.logo-tag {
	width: 200px;
    height: 200px;
    line-height: 110px;
    position: fixed;
    right: 100px;
    top: 0px;
    color: #d61313;
    font-size: 100px;
    font-family: 'Zilla Slab Highlight',serif;
}

@media (max-width: 1400px) {
    .logo-tag {
        display: none;
    }
}

@media (max-width: 48em) {
	.sidebar-nav-item {
		display: inline;
		padding-left: 5px;
		padding-right: 5px;
	}
}