/*!
 * Start Bootstrap - Blog Home (https://startbootstrap.com/template-overviews/blog-home)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-home/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}
/** Header **/

.bg-top{
	background-color:#359ae8;
}
/** Blog Post **/
.card-img-top {
	height:auto;
}
.date_holder {
	background: #359ae8;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    width: 50px;
    top: -1px;
    text-align: center;
    font-size: 35px;
    color: #f2f2f2;
    left: 13px;
    vertical-align: middle;
}
.date_holder:before{
	border-right: 50px solid transparent;
    left: 0px;
}
.date_holder:after{
	border-left: 50px solid transparent;
    right: 0px;
}
.date_holder:after ,.date_holder:before{
	content: '';
    position: absolute;
    border-top: 20px solid #359ae8;
    height: 0;
    width: 0;
    top: 100%;
}
.date_holder .day {
	display: block;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 700;
    margin-top: 4px;
}
.date_holder .month {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}
.badge{
	position: absolute;
    right: 5px;
    top: 4px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-weight: 500;
	font-size:80%;
	border-radius: 2px;
	padding: .35em .6em;
}
p{
	font-size: 0.9rem;
    line-height: 21px;
}
h1, h2{
	font-family: Oswald;
}
h1{
	font-size: 2.0rem;
}
.text-muted{
	font-size:0.9rem;
}
.mb-4, .my-4{
	margin-bottom: 0.9rem!important;
}
.home_col{
	float:left;
	padding-left: 10px;
    padding-right: 0px;
}
/*8.home_col_8{
	padding-left: 0px;
    padding-right: 0px;
}*/
.card-title {
	font-size:1.2rem;
}
.btn-primary{
	background-color: #359ae8;
	border-color: #359ae8;
}
.author_name{
	color: #007bff;
	text-transform:capitalize;
}
/** Sidebar **/

.widget-title{
	background-color: #FED041;
    padding: 10px;
    color: #f84f34;
}
section h2{
	font-size:1.2rem;
	font-weight:600;
}
.widget_categories li {
  color: #FED041;  
}
.widget_categories .nav-link {
  padding: 0.1rem 0;
}
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
@media screen and (max-width: 480px) {
	h1 {
    font-size: 1.3rem;
    font-weight: 900;
	}
}