/* 
* Blog System
* Author: Seybamanan
* Version: 1.0
*/

@font-face {
    font-family: "Darkness of the night";
    src: url("../fonts/Darkness of the night.ttf") format("truetype");
    /* src: url("../fonts/Ratox-Regular.ttf") format("truetype"); */
}

@font-face {
    font-family: "Ratox";
    src: url("../fonts/Ratox-Regular.ttf") format("truetype");
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: none;
}


/* PAGE INDEX */


/* Top Nabar */

.blog-nav-bar {
    border-bottom: 1px solid lightgray;
    height: 50px;
}

.active-link {
    border-bottom: 3px solid;
    padding-bottom: 15px;
    font-weight: bold;
}


/* Banner Section */

.banner {
    background-image: url("../images/background.jpg");
    height: 400px;
}

.blog-title {
    font-family: "Darkness of the night";
    text-transform: uppercase;
    color: #ccc;
    font-size: 90px;
    width: 50%;
    margin: 0 auto;
}

.blog-mantra {
    color: #ccc;
    margin-left: 55%;
}


/* Recent Posts Section */

.recent-posts-title {
    font-family: "Ratox";
}

.blog-post-title,
.blog-post-img,
.blog-post-date {
    cursor: pointer;
}

.green {
    color: white;
    background-color: green;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.fuchsia {
    color: white;
    background-color: #ff7cff;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.yellow {
    color: white;
    background-color: #e0e000;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.purple {
    color: white;
    background-color: #603060;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.pink {
    color: white;
    background-color: #fb7474;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.lightgray {
    color: white;
    background-color: #ccd2d6;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.blue {
    color: white;
    background-color: #003866;
    border-radius: 3px;
    padding: 5px;
    text-transform: uppercase;
}

.blog-post-date {
    font-style: italic;
    font-size: 14px;
}

.blog-post-title {
    font-size: 20px;
    font-weight: bold;
}


/* PAGE SHOW */

.view-single-post {
    margin-top: 50px;
    min-height: calc(100vh - 80px);
}


/* Footer Section */

.footer-section {
    background: #161616;
    /* position: fixed; */
    width: 100%;
    /* bottom: 0; */
}

.blog-title-tiny {
    font-family: "Darkness of the night";
    text-transform: uppercase;
    color: #ccc;
}

.blog-copyright,
.blog-aboutus,
.blog-aboutus-link,
.blog-category,
.blog-category-link {
    color: #fff;
}