.article-details{
    color: #00365F;
    margin-bottom: 2rem;
}

.pkp_structure_main{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: #00365F 5px solid;
}

.article-details h1{
    font-weight: bold;
}

.article-details .panel{
    border: 0rem;
    border: .2px solid rgba(128, 128, 128, 0.203);
}

.article-details .panel-heading{
    background-image: linear-gradient(
        160deg,
        #c69872,
        #b47e11,
        #fef1a2,
        #bc881b,
        #c0793e
    );
   color: #00365F;
}

.details-container h2{
    font-weight: bold;
}

.details-container{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
}

.details-container-info{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0px 1px 1px gray;
    padding: 2rem;
    border: .5px solid rgba(128, 128, 128, 0.162);
}

.details-container canvas{
    margin-top: 4.5rem;
    width: 100%;
}

.keywords{
    margin-bottom: 2rem;
    border-color: #00365F;
    width: 100%;
}

.author-details {
    display: none;
    border: .2px solid rgba(128, 128, 128, 0.182);
    border-radius: 4px;
    margin-top: 1.5rem;
    padding: 8px;
    margin-bottom: 2rem;
}

.author {
    margin-bottom: 10px;
    width: 100%;
}

.arrow{
    font-size: 1rem;
    color: #ABB5D8;
}


.author .dropdown-btn,
.author-list-name {
    cursor: pointer;
    color: #ABB5D8;
    background: #00365F;
    border: none;
    padding: .5rem;
    font-size: 16px;
}

.author-list-name strong:hover,
.author-list-name:hover{ color: #fff;}

.author .dropdown-btn:hover {
    text-decoration: none;
}


@media screen and (width <= 1123px){
    .details-container-info{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (width <= 573px){
    .details-container{
        font-size: 1.2rem;
    }

    .panel{
        font-size: 2vmin;
    }
}