﻿.about-author {
    margin-top: 30px;
    padding: 0 35px 35px;
    box-shadow: 0px 10px 40px rgba(0,0,0,.2);
    text-align:justify;
}

.sidebar-area {
    background-color:white;
}

.about-author .author-image {
    max-width: 150px;
    margin: 0px auto 0px;
    transform: translateY(-30px);
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
}

.about-author .author-name {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 1.14em;
}

.about-author .social-icons {
    direction: ltr;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    width: 150px;
    font-size: .5em;
    margin:0 auto;
}

    .about-author .social-icons a {
        color: #a5a5a5 !important;
    }

        .about-author .social-icons a:hover {
            color: #78235f !important;
        }

.archive {
    position: relative;
    margin-top: calc(-.5*min(100vw,1920px));
}

.archive .col-lg-8 .row:nth-child(1) article {
    margin-top: 30px !important;
}

article {
    border-radius: 0 !important;
    padding:0 !important;
}

.main-body > header {
    margin: 0 auto;
    max-width: 1920px;
    height: calc(min(100vw,1920px));
    background-position: unset !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}

.site-navbar {
    margin-bottom: 0px;
    z-index: 1999;
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.4s ease;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

header.has-image .container {
    padding-top: 5rem !important;
}

header.has-image h1 {
    text-align: left;
    font-size: 2em;
    color: black;
}

header.has-image div.justify-content-center {
    justify-content: left !important;
}

header.has-image div.lead {
    text-align: left;
    color: darkgray;
    font-size: 1em;
    font-weight: bold;
    text-shadow: none;
}

@media (max-width: 992px) {
    header.has-image h1 {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    header.has-image h1 {
        font-size: 18px;
        margin-top: -35px;
    }

    header.has-image div.lead {
        margin-top: -15px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    header.has-image h1 {
        margin-top: -50px;
        font-size: 14px;
        margin-left: 10px;
    }

    header.has-image div.lead {
        margin-left: 10px;
        font-size: 10px;
    }
}

.jumpUp {
    margin-top: 50px !important;
}

.main-body {
    margin-top: 74.2125px !important;
}

main
{
    padding:unset !important;
}

article img 
{
    border-radius:0 !important;
}

article h2 {
    font-family: Estedad !important;
    font-weight: 500;
    font-size:1.05rem;
}

.lastPost h2 {
    font-size: 1.3rem !important;
    font-weight: 600;
}

.lastPost .buttonLinkOutline {
    padding: .25rem 1rem !important;
}

.lastPost .card-body p:nth-child(3) {
    font-size:1rem !important;
}

.buttonLinkOutline {
    padding: 0.1rem .6rem !important;
}

article .post-meta a {
    color: black;
}

article .post-meta {
    color: black;
    font-size: .8rem;
    font-weight: 500;
}

article .card-body p:nth-child(3) {
    text-align: justify;
    font-size: .9rem !important;
}

article .card-body {
    padding-right: 2rem;
    padding-left: 2rem;
}

.sideSection {
    margin-top: 30px;
    padding:35px;
}

.sideSectionTitle {
    font-family: Sahel;
    font-weight: bold;
    padding-bottom:20px;
    display:block;
}

.tags {
    overflow: hidden;
}

.tags > li {
    float: left;
    margin: 0 5px 5px 0;
    list-style: none;
    display: inline-block;
}

    .tags > li > a {
        line-height: 0;
        font-size: .8em;
        padding: 14px 10px;
        border: 1px solid #a77b97;
        background: #a77b97;
        color: #fff;
        border-radius: 0;
    }

        .tags > li > a:hover {
            color: #5d1b4a;
            background: none;
            border-color: #5d1b4a;
        }