/*--start breadcrumbs--*/
#breadcrumbs {
    list-style: none;
    display: flex;
    padding: 8px 0px;
    margin-bottom: 0;
}

#breadcrumbs li {
    margin: 10px 15px 10px 0px;
    font-size:0.9375rem;
    font-family: var(--default-font-demi);
    color: var(--text-color-main);
    /*max-width: 400px;*/
    display: flex;
    align-items: center;
}

#breadcrumbs li a,
#breadcrumbs li h1 {
    font-size:0.9375rem;
    font-family: var(--default-font);
    color: var(--text-color-main);
    text-decoration: none;
    display: flex;
    align-items: baseline;
}

#breadcrumbs li h1 {
    margin: auto;
}

#breadcrumbs li a:hover {
    transition-delay: 50ms;
    transition: 50ms;
    color: #3867d6;
    text-decoration: underline;
}

#breadcrumbs i:before {
    margin-left: 1.5em;
}

/*--end breadcrumbs--*/
/*--start post banner---*/
.social-list-author li {
    list-style: none;
    margin-bottom: 0.2em;
}

.post-banner .author p {
    font-size: 0.8em;
    font-family: var(--default-font);
    color: var(--secondary-color);
    padding: 0 0;
    line-height: 1.3em;
}

.post-banner .author figure img {
    border: 3px solid var(--secondary-color);
    border-radius: 50%;
    width: 5em;
    height: 5em;
    margin-bottom: 0.5em;
}

/*--end post banner--*/

@media (max-width:768px){
    #breadcrumbs li {
        margin: 5px 5px 0;
        line-height: 2;
        font-size: 0.7em;
    }

    #breadcrumbs {
        flex-wrap: wrap;
    }

    #breadcrumbs li a {
        font-size: 1em;
    }

    #breadcrumbs i:before {
        margin-left: 0.5em;
    }    
}