/* CSS Document */

main .author-profile-page  {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.author-profile {
  background-color: white;
  padding: 2rem;
  border: 1px solid #E6E6E6;
}

.author-bio-section{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 3rem;
}

@media (max-width: 650px) {
    .author-bio-section{
        grid-template-columns: 1fr;
    }
}

.author-bio-section h1{
    margin-bottom: 0;
}

.author-bio-section img{
    width: 150px;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
}

.author-social a, p.author-social{
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    margin-bottom: .75rem;
    text-decoration: none;
}

.author-bio{
    line-height: 1.3;
}

.author-bio-section h2{
    margin-top: 1.5rem;
}

.author-bio-section .btn{
    padding-top: .15rem;
}

.author-bio-section .btn::after{
    font-family: 'Material Icons';
    display: inline-block;
    opacity: .65;
    position: relative;
    top: 2.5px;
    content: "\e5e1";
    padding-left: 5px;
    transition: .2s ease-in-out;
}




.author-articles{
    
}


.author-articles h1.section-title{
    border-top: none;
    border-bottom: 3px solid #CCC;
}


.author-filters {
    display: grid;
    grid-template-columns: auto;
    justify-content: flex-start;
    margin: 2rem 0;
}

.author-articles .card-copy{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid #B3B3B3;
}

.author-articles .card-copy .author-name {
  margin: 0 0 .5rem 0;
  font-weight: 500;
}

.author-articles .card-copy p:last-child {
  font-size: .9rem;
  color: #5B5B5B;
  font-weight: 200;
  margin-bottom: 0;
}