body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #383636;
}

h3 {
    font-size: 1.5rem;
}

a {
    color: #383636;
    text-decoration: none;
}

img {
    filter: grayscale(50%) brightness(0.8);
}


.no-filter {
    filter: none;
}


/* Header Section */
.navbar {
    background-color: #38B157;
}

.navbar a {
    font-size: 13px;;
}

.nav-link {
    color: #FFFFFF;
}

.nav-link:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.navbar-brand {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
}

.navbar-brand img {
    filter: none;
}

.navbar-brand:hover {
    color: #FFFFFF;
}

.navbar-brand p {
    font-size: 0.9rem;
}

.navbar button {
    border: 1px solid #FFFFFF;
}

#idi-name p{
    font-size: 12px;
}

/* Hero Section */
.hero {
    background-color: #EBE7E0;
}

.hero-post {
    position: relative;
}

.hero-post h2, h3 {
    color: #FFFFFF;
    font-size: 0.9rem;
}

.hero-post-badges {
    position: absolute;
    top: 20px;
    right: 20px;
}

.hero-post-badges > a {
    background-color: #0B0C10;
    color: #FFFFFF;
    display: block;
    font-size: 0.9rem;
    text-decoration: none;
}

.hero-post-content {
    position: absolute;
    bottom: 20px;
    color: #66FCF1;
}

.hero-post-content h2 {
    text-shadow: 2px 2px rgba(0, 0, 0, 5);
}


/* Main Blog */
.blog-posts {
    color: #383636;
}

.blog-post {
    background-color: #FFFFFF;
}

.blog-post h3 {
    font-size: 1.3rem;
    color: #0B0C10;
}

.blog-post p {
    font-size: 0.9rem;
}

.blog-post .col-sm-8 {
    border-left: 3px solid #EBE7E0;
}

.content-blog {
    background-color: red;
}

.title-header {
    color: #0B0C10;
}

/* Aside */
.social-links {
    background-color: #EBE7E0;
}

.social-links a {
    color: #0B0C10 !important;
    font-size: 1.5rem;
}

.secondary-color {
    background-color: #1F2833;
}

.secondary-color a {
    color: #EBE7E0 !important;
}


.aside-heading {
    border-left: 3px solid #EBE7E0;
}

.link-aside {
    text-decoration: none !important;
}

/* Footer */
.footer {
    background-color: #1F2833;
    color: #C5C6C7;
}

.footer h6 {
    color : #C5C6C7;
}

.footer-logo {
    font-weight: 700;
    font-size: 1.5rem;
}

.footer p {
    font-size: 0.9rem;
}


/* Media Query */
@media only screen and (max-width: 768px) {
   #idi-name {
       display: none;
   }
}