section.practice-manual-search,
section.journal-search-container{
    display: flex;
    flex-flow: column wrap;
    max-width: var(--content-width-wide-2);
    margin-inline: auto;

}
.issuu-api-container,
.journal-search-container{
    margin-bottom: 4rem;
}

.issuu-api-container input[type='text'],
.journal-search-container input[type='text']{
    height: 5rem;
    padding-left: 1rem;
}

.issuu-api-container .search-button,
.journal-search-container .search-button{
    padding: 1rem 2rem;
    color: var(--color-primary-white);
    background: var(--color-brand-navy);
    border-radius: 0.5rem;
}
.practice-manual-document-container,
.journal-search-result-container{
    padding-bottom: 4rem;
    /*order: 2;*/
}
.practice-manual-document-container h2,
.journal-search-result-container h2{
    margin-bottom: 2rem;
}
.practice-manual-document-container .practice-manual,
.journal-search-container .journal-search-result{
    margin-bottom: 1.5rem;
}

.practice-manual-document-container .practice-manual a,
.journal-search-result-container a{
    color: var(--color-brand-navy);
}

.search-pagination{
    margin-top: 1.5rem;
    order: 3;
    width: 100%;
    text-align: center;
    align-self: center;
    padding-bottom: 2rem;

}
.search-pagination a,
.search-pagination b{
    margin-right: 2rem;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
}

.search-pagination a{
    color: var(--color-brand-navy);
}
.search-pagination a.prev svg,
.search-pagination a.next svg{
    margin-inline: 1rem;
}
.search-pagination a.prev svg path,
.search-pagination a.next svg path{
    fill: var(--color-brand-navy) !important;
}

.search-pagination b{
    background: var(--color-brand-navy);
    color: var(--color-primary-white);
}
@media screen and (max-width: 70em){
    section.practice-manual-search,
    section.journal-search-container{
        padding-inline: var(--mobile-padding);
    }
}

@media screen and (max-width: 35em){
    .issuu-api-container form,
    section.journal-search-container form{
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        gap: 2rem;
    }
    .issuu-api-container input[type='text'],
    section.journal-search-container input[type='text'] {
        max-width: 85vw;
    }
}
