.page_title{
    display: none;
}
/* =========================================================
   AAFR FOOTER
   Animal & AgriFood Research
   ========================================================= */

.aafr_footer {
    width: 100%;
    background: #f4f6f2;
    color: #26352a;
    border-top: 1px solid rgba(20,54,31,.08);
    box-sizing: border-box;
}

.aafr_footer *,
.aafr_footer *::before,
.aafr_footer *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.aafr_footer_inner {
    width: min(1320px, calc(100% - 60px));
    margin: 0 auto;
    padding: 64px 0 52px;

    display: grid;
    grid-template-columns:
        minmax(280px, 1.5fr)
        minmax(150px, .8fr)
        minmax(150px, .8fr)
        minmax(230px, 1fr);

    gap: 55px;
}


/* =========================================================
   BRAND
   ========================================================= */

.aafr_footer_brand {
    min-width: 0;
}

.aafr_footer_logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 22px;
}

.aafr_footer_logo img {
    display: block;
    max-width: 210px;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
}


.aafr_footer_description {
    max-width: 470px;
    margin: 0;
    color: #415047;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================================
   BADGES
   ========================================================= */

.aafr_footer_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.aafr_footer_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 17px;

    background: #ffffff;
    border: 1px solid rgba(47,125,50,.12);
    border-radius: 40px;

    color: #26352a;
    font-size: 14px;
    font-weight: 600;

    box-shadow: 0 5px 18px rgba(20,54,31,.06);
}


.aafr_footer_badge_icon {
    width: 23px;
    height: 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #2f7d32;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

.aafr_footer_column {
    min-width: 0;
}

.aafr_footer_column h3 {
    margin: 0;
    color: #14361f;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.aafr_footer_heading_line {
    display: block;

    width: 42px;
    height: 3px;

    margin: 12px 0 20px;

    background: #2f7d32;
    border-radius: 10px;
}


/* =========================================================
   LINKS
   ========================================================= */

.aafr_footer_column ul {
    list-style: none;

    margin: 0;
    padding: 0;
}

.aafr_footer_column li {
    margin: 0;
    padding: 0;
}

.aafr_footer_column li + li {
    margin-top: 14px;
}

.aafr_footer_column a {
    color: #46554b;
    text-decoration: none;

    font-size: 15px;
    line-height: 1.5;

    transition:
        color .2s ease,
        padding-left .2s ease;
}

.aafr_footer_column a:hover {
    color: #2f7d32;
    padding-left: 4px;
}


/* =========================================================
   EXPLORE
   ========================================================= */

.aafr_footer_explore p {
    margin: 0 0 25px;

    max-width: 310px;

    color: #46554b;
    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.aafr_footer_submit_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;

    padding: 13px 22px;

    background: #2f7d32;
    color: #ffffff !important;

    border-radius: 40px;

    font-size: 15px !important;
    font-weight: 700;

    box-shadow: 0 10px 25px rgba(47,125,50,.20);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}

.aafr_footer_submit_btn:hover {
    background: #256428 !important;
    color: #ffffff !important;

    padding-left: 22px !important;

    transform: translateY(-2px);

    box-shadow: 0 14px 30px rgba(47,125,50,.25);
}

.aafr_footer_submit_btn span {
    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.aafr_footer_bottom {
    width: min(1320px, calc(100% - 60px));

    margin: 0 auto;

    padding: 24px 0 27px;

    border-top: 1px solid rgba(20,54,31,.13);

    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    gap: 25px;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.aafr_footer_copyright {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    color: #647067;

    font-size: 14px;
}

.aafr_footer_dot {
    color: #2f7d32;
    font-weight: 700;
}


/* =========================================================
   BOTTOM LINKS
   ========================================================= */

.aafr_footer_bottom_links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.aafr_footer_bottom_links a {
    color: #4c5a51;
    text-decoration: none;

    font-size: 14px;

    transition: color .2s ease;
}

.aafr_footer_bottom_links a:hover {
    color: #2f7d32;
}


/* =========================================================
   POWERED BY
   ========================================================= */

.aafr_footer_powered {
    justify-self: end;

    color: #7a847d;

    font-size: 13px;
}

.aafr_footer_powered strong {
    color: #344139;
    font-weight: 700;
}


/* =========================================================
   LARGE LAPTOP
   ========================================================= */

@media (max-width: 1150px) {

    .aafr_footer_inner {
        grid-template-columns:
            1.3fr
            1fr
            1fr;

        gap: 40px;
    }

    .aafr_footer_brand {
        grid-column: 1 / -1;
        max-width: 720px;
    }

    .aafr_footer_bottom {
        grid-template-columns: 1fr 1fr;
    }

    .aafr_footer_bottom_links {
        justify-content: flex-end;
    }

    .aafr_footer_powered {
        grid-column: 1 / -1;
        justify-self: start;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .aafr_footer_inner {
        width: min(100% - 40px, 680px);

        grid-template-columns:
            1fr 1fr;

        gap: 38px 30px;

        padding: 50px 0 40px;
    }

    .aafr_footer_brand {
        grid-column: 1 / -1;
        max-width: none;
    }

    .aafr_footer_description {
        max-width: 650px;
    }

    .aafr_footer_bottom {
        width: min(100% - 40px, 680px);

        grid-template-columns: 1fr;

        gap: 16px;

        padding: 22px 0 25px;
    }

    .aafr_footer_bottom_links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .aafr_footer_powered {
        grid-column: auto;
        justify-self: start;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {

    .aafr_footer_inner {
        width: calc(100% - 30px);

        grid-template-columns: 1fr;

        gap: 32px;

        padding: 42px 0 34px;
    }

    .aafr_footer_brand {
        grid-column: auto;
    }

    .aafr_footer_logo img {
        max-width: 180px;
        max-height: 60px;
    }

    .aafr_footer_description {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_footer_badges {
        gap: 8px;
    }

    .aafr_footer_badge {
        padding: 8px 13px;
        font-size: 13px;
    }

    .aafr_footer_column h3 {
        font-size: 18px;
    }

    .aafr_footer_column a {
        font-size: 14px;
    }

    .aafr_footer_explore p {
        font-size: 14px;
    }

    .aafr_footer_submit_btn {
        width: 100%;
    }

    .aafr_footer_bottom {
        width: calc(100% - 30px);

        padding: 20px 0 23px;
    }

    .aafr_footer_copyright {
        font-size: 13px;
    }

    .aafr_footer_bottom_links {
        gap: 15px 20px;
    }

    .aafr_footer_bottom_links a {
        font-size: 13px;
    }

    .aafr_footer_powered {
        font-size: 12px;
    }
}
@media (min-width:1200px) {

    .pkp_site_name_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_user,
    .pkp_search_mobile,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: auto;
    }
}
.pkp_footer_content {
    padding: 0px;
    text-align: left;
}
.pkp_site_nav_menu {
    background: #ffffff;    
}
.pkp_navigation_user_wrapper {
        top: -8px;
        left: 112%;
    }
    .pkp_site_name {
        font-size: 15px;
    }
    .aafr-developer-watermark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    color: #8a99ad;
}

/* =========================================================
   AAFR SIDEBAR
   Animal & AgriFood Research
   ========================================================= */


/* ---------- Sidebar container ---------- */

.pkp_structure_sidebar.left{
    padding:0 20px;
}


/* =========================================================
   SHARED CARD
   ========================================================= */

.pkp_structure_sidebar .pkp_block{
    background:#FFFFFF;

    border:1px solid #D8E5D7;

    border-left:4px solid #2F7D32;

    border-radius:10px;

    padding:22px;

    margin-bottom:22px;

    box-shadow:0 4px 14px rgba(20,54,31,.07);

    transition:
        box-shadow .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


.pkp_structure_sidebar .pkp_block:hover{
    box-shadow:0 10px 25px rgba(20,54,31,.12);

    border-color:#BFD5BD;
}


/* =========================================================
   BLOCK TITLE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title{
    font-family:Georgia,"Times New Roman",serif;

    font-size:16.5px;

    font-weight:700;

    color:#14361F;

    margin:0 0 16px;

    padding-bottom:12px;

    border-bottom:1px solid #D8E5D7;

    position:relative;
}


/* Green title accent */

.pkp_structure_sidebar .pkp_block .title::after{
    content:"";

    position:absolute;

    left:0;

    bottom:-1px;

    width:45px;

    height:3px;

    background:#6FAE45;

    border-radius:3px;
}


/* =========================================================
   INFORMATION BLOCK
   ========================================================= */

.pkp_structure_sidebar .block_information .content ul{
    list-style:none;

    margin:0;

    padding:0;
}


.pkp_structure_sidebar .block_information .content ul li + li{
    margin-top:2px;
}


.pkp_structure_sidebar .block_information .content ul li a{
    display:flex;

    align-items:center;

    gap:8px;

    padding:9px 4px;

    font-size:14.5px;

    color:#2F7D32;

    text-decoration:none;

    font-weight:600;

    transition:all .25s ease;
}


/* Green bullet */

.pkp_structure_sidebar .block_information .content ul li a::before{
    content:"";

    width:6px;

    height:6px;

    border-radius:50%;

    background:#6FAE45;

    flex-shrink:0;

    transition:.25s ease;
}


/* Information hover */

.pkp_structure_sidebar .block_information .content ul li a:hover{
    color:#14361F;

    padding-left:8px;
}


.pkp_structure_sidebar .block_information .content ul li a:hover::before{
    background:#2F7D32;

    transform:scale(1.2);
}


/* =========================================================
   WEB FEED BLOCK
   ========================================================= */

.pkp_structure_sidebar .block_web_feed .content ul{
    display:flex;

    flex-direction:column;

    gap:12px;

    list-style:none;

    margin:0;

    padding:0;
}


.pkp_structure_sidebar .block_web_feed .content ul li{
    display:block;

    width:100%;
}


/* Individual feed row */

.pkp_structure_sidebar .block_web_feed .content ul li a{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    width:100%;

    padding:14px 16px;

    background:#F5F8F4;

    border:1px solid #D8E5D7;

    border-radius:10px;

    transition:all .25s ease;

    box-sizing:border-box;
}


/* Feed hover */

.pkp_structure_sidebar .block_web_feed .content ul li a:hover{
    background:#EAF4EA;

    border-color:#6FAE45;

    transform:translateX(3px);
}


/* Feed logos */

.pkp_structure_sidebar .block_web_feed .content ul li img{
    max-width:80px;

    max-height:40px;

    width:auto;

    height:auto;
}


/* =========================================================
   NAVIGATION BLOCK
   ========================================================= */

.pkp_structure_sidebar .block_navigation .content ul{
    list-style:none;

    margin:0;

    padding:0;
}


.pkp_structure_sidebar .block_navigation .content ul li{
    margin-bottom:8px;
}


.pkp_structure_sidebar .block_navigation .content ul li a{
    display:block;

    padding:10px 12px;

    border-radius:6px;

    color:#2F7D32;

    text-decoration:none;

    transition:
        background .3s ease,
        color .3s ease,
        padding-left .3s ease;
}


.pkp_structure_sidebar .block_navigation .content ul li a:hover{
    background:#F5F8F4;

    color:#14361F;

    padding-left:16px;
}


/* =========================================================
   SEARCH BLOCK
   ========================================================= */

.pkp_structure_sidebar .block_search input[type="text"]{
    width:100%;

    border:1px solid #D8E5D7;

    border-radius:6px;

    padding:10px 12px;

    background:#FFFFFF;

    color:#14361F;

    box-sizing:border-box;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


.pkp_structure_sidebar .block_search input[type="text"]::placeholder{
    color:#7A897B;
}


.pkp_structure_sidebar .block_search input[type="text"]:focus{
    outline:none;

    border-color:#2F7D32;

    box-shadow:0 0 0 3px rgba(47,125,50,.12);
}


/* Search button */

.pkp_structure_sidebar .block_search input[type="submit"]{
    width:100%;

    margin-top:10px;

    background:#2F7D32;

    color:#FFFFFF;

    border:none;

    border-radius:6px;

    padding:10px;

    font-weight:600;

    cursor:pointer;

    transition:
        background .3s ease,
        transform .2s ease,
        box-shadow .3s ease;
}


.pkp_structure_sidebar .block_search input[type="submit"]:hover{
    background:#14361F;

    box-shadow:0 5px 12px rgba(20,54,31,.18);

    transform:translateY(-1px);
}


/* =========================================================
   GENERAL SIDEBAR LINKS
   ========================================================= */

.pkp_structure_sidebar .pkp_block a{
    transition:
        color .25s ease,
        background .25s ease;
}


.pkp_structure_sidebar .pkp_block a:hover{
    color:#14361F;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width:991px){

    .pkp_structure_sidebar.left{
        padding:0 20px;

        margin-top:10px;
    }

    .pkp_structure_sidebar .pkp_block{
        padding:18px;

        margin-bottom:16px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width:600px){

    .pkp_structure_sidebar.left{
        padding:0 14px;
    }

    .pkp_structure_sidebar .pkp_block{
        padding:16px;

        border-radius:9px;

        margin-bottom:15px;
    }

    .pkp_structure_sidebar .pkp_block .title{
        font-size:16px;

        margin-bottom:14px;
    }

    .pkp_structure_sidebar .block_information .content ul li a{
        font-size:14px;

        padding:9px 3px;
    }

    .pkp_structure_sidebar .block_web_feed .content ul{
        gap:9px;
    }

    .pkp_structure_sidebar .block_web_feed .content ul li a{
        padding:12px 14px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
   ========================================================= */

@media (max-width:400px){

    .pkp_structure_sidebar.left{
        padding:0 10px;
    }

    .pkp_structure_sidebar .pkp_block{
        padding:14px;
    }

    .pkp_structure_sidebar .pkp_block .title{
        font-size:15px;
    }

    .pkp_structure_sidebar .block_information .content ul li a{
        font-size:13.5px;
    }

}
@media (min-width: 992px) {
    .pkp_structure_sidebar {
        float: left!important;
        width: 380px!important;
    }
}
/* =========================================
   DESKTOP — CONTENT + SIDEBAR ALIGNMENT
   ========================================= */
@media (min-width: 1025px) {

    .pkp_structure_content.has_sidebar {
        max-width: 1240px; /* 860px main + 380px sidebar */
        margin-left: auto;
        margin-right: auto;

        display: flex;
        align-items: flex-start;
        gap: 30px;
    }

    .pkp_structure_main {
        float: none !important;
        width: 860px;
        flex: 1 1 860px;
        min-width: 0;
    }

    .pkp_structure_sidebar.left {
        float: none !important;
        width: 350px;
        flex: 0 0 350px;
    }
}


/* =========================================
   TABLET + MOBILE — RESTORE OJS LAYOUT
   ========================================= */
@media (max-width: 1024px) {

    .pkp_structure_content.has_sidebar {
        display: block;
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar.left {
        float: none !important;
        width: 100%;
        max-width: 100%;
    }

    .pkp_structure_sidebar.left {
        margin-top: 30px;
    }
}


/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 767px) {

    .pkp_structure_content.has_sidebar {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar.left {
        width: 100%;
        max-width: 100%;
        float: none !important;
    }

    .pkp_structure_sidebar.left {
        margin-top: 24px;
    }
}
/* ============================================================
   AAFR CONTACT PAGE
   Animal & AgriFood Research
   ============================================================ */


/* ============================================================
   CONTACT SECTION
   ============================================================ */

.contact_section {
    width: 100%;
    max-width: 1100px;

    margin: 50px auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 28px;

    box-sizing: border-box;
}


/* ============================================================
   CONTACT CARD
   ============================================================ */

.contact_section .contact {
    position: relative;

    background: #FFFFFF;

    padding: 32px 30px 30px;

    border-radius: 14px;

    border: 1px solid #D9E5D6;

    border-top: 5px solid #2F7D32;

    box-shadow:
        0 8px 28px rgba(20, 54, 31, 0.10);

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* ============================================================
   DECORATIVE TOP ACCENT
   ============================================================ */

.contact_section .contact::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #8BBF6A 0%,
            #2F7D32 50%,
            #4E9A51 100%
        );
}


/* ============================================================
   HOVER EFFECT
   ============================================================ */

.contact_section .contact:hover {
    transform: translateY(-5px);

    box-shadow:
        0 14px 35px rgba(20, 54, 31, 0.16);

    border-color: #BFD2BA;
}


/* ============================================================
   CONTACT HEADING
   ============================================================ */

.contact_section .contact h2 {
    margin: 0 0 24px;

    padding-bottom: 14px;

    color: #14361F;

    font-family: inherit;

    font-size: 22px;
    font-weight: 700;

    line-height: 1.3;

    border-bottom: 1px solid #D9E5D6;

    position: relative;
}


/* Green heading underline */

.contact_section .contact h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 55px;
    height: 3px;

    background: #2F7D32;

    border-radius: 3px;
}


/* ============================================================
   CONTACT NAME
   ============================================================ */

.contact_section .contact .name {
    margin-bottom: 22px;

    color: #24552B;

    font-size: 16px;
    font-weight: 600;

    line-height: 1.6;
}


/* ============================================================
   PHONE
   ============================================================ */

.contact_section .contact .phone {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 15px;

    color: #374437;

    font-size: 15px;

    line-height: 1.5;
}


/* Phone label */

.contact_section .contact .phone .label {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 65px;

    padding: 5px 10px;

    border-radius: 5px;

    background: #EAF3E8;

    color: #14361F;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}


/* Phone value */

.contact_section .contact .phone .value {
    color: #405044;

    font-weight: 500;

    word-break: break-word;
}


/* ============================================================
   EMAIL
   ============================================================ */

.contact_section .contact .email {
    display: flex;

    align-items: center;

    min-height: 42px;

    padding: 0 13px;

    background: #F5F8F3;

    border-left: 3px solid #2F7D32;

    border-radius: 6px;

    box-sizing: border-box;
}


/* Email link */

.contact_section .contact .email a {
    color: #2F7D32;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    word-break: break-word;

    transition: color 0.2s ease;
}


.contact_section .contact .email a:hover {
    color: #14361F;

    text-decoration: underline;
}


/* ============================================================
   PRIMARY CONTACT
   ============================================================ */

.contact_section .contact.primary {
    border-top-color: #2F7D32;
}


/* ============================================================
   SUPPORT CONTACT
   ============================================================ */

.contact_section .contact.support {
    border-top-color: #6FAE5A;
}


/* ============================================================
   PHONE ICON
   ============================================================ */

.contact_section .contact .phone::before {
    content: "\260E";

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    border-radius: 50%;

    background: #EAF3E8;

    color: #2F7D32;

    font-size: 14px;
}


/* ============================================================
   TABLET / LAPTOP
   901px - 1100px
   ============================================================ */

@media (max-width: 1100px) {

    .contact_section {
        max-width: 950px;

        gap: 22px;

        padding: 0 18px;
    }


    .contact_section .contact {
        padding: 28px 25px;
    }

}


/* ============================================================
   SMALL TABLET
   601px - 900px
   ============================================================ */

@media (max-width: 900px) {

    .contact_section {
        max-width: 750px;

        grid-template-columns: 1fr;

        gap: 22px;

        margin: 40px auto;

        padding: 0 20px;
    }


    .contact_section .contact {
        width: 100%;

        padding: 28px 25px;
    }


    .contact_section .contact h2 {
        font-size: 21px;
    }

}


/* ============================================================
   MOBILE
   <= 600px
   ============================================================ */

@media (max-width: 600px) {

    .contact_section {
        width: 100%;

        margin: 30px auto;

        padding: 0 14px;

        gap: 18px;
    }


    .contact_section .contact {
        padding: 25px 20px;

        border-radius: 11px;
    }


    .contact_section .contact h2 {
        margin-bottom: 20px;

        padding-bottom: 12px;

        font-size: 19px;
    }


    .contact_section .contact .name {
        margin-bottom: 19px;

        font-size: 15px;
    }


    .contact_section .contact .phone {
        gap: 9px;

        font-size: 14px;

        flex-wrap: wrap;
    }


    .contact_section .contact .phone .label {
        min-width: 60px;

        padding: 4px 8px;

        font-size: 11px;
    }


    .contact_section .contact .email {
        min-height: 40px;

        padding: 8px 11px;
    }


    .contact_section .contact .email a {
        font-size: 13px;
    }

}


/* ============================================================
   VERY SMALL PHONES
   <= 420px
   ============================================================ */

@media (max-width: 420px) {

    .contact_section {
        margin: 25px auto;

        padding: 0 10px;

        gap: 15px;
    }


    .contact_section .contact {
        padding: 22px 17px;

        border-radius: 10px;
    }


    .contact_section .contact h2 {
        font-size: 18px;
    }


    .contact_section .contact .name {
        font-size: 14px;

        line-height: 1.5;
    }


    .contact_section .contact .phone {
        display: flex;

        align-items: flex-start;

        flex-direction: column;

        gap: 6px;
    }


    .contact_section .contact .phone::before {
        display: none;
    }


    .contact_section .contact .email {
        width: 100%;
    }


    .contact_section .contact .email a {
        font-size: 12px;
    }

}


/* ============================================================
   EXTRA SMALL PHONES
   <= 360px
   ============================================================ */

@media (max-width: 360px) {

    .contact_section {
        padding: 0 8px;
    }


    .contact_section .contact {
        padding: 20px 15px;
    }


    .contact_section .contact h2 {
        font-size: 17px;
    }


    .contact_section .contact .email a {
        font-size: 11px;
    }

}
@media (min-width: 768px) {
    .page_contact .contact_section:before, .page_contact .contact_section:after {
        content:unset;
        display: table;
    }
}
@media (min-width: 768px) {
    .page_contact .contact {
        width: 100%!important;
    }
}

/* ============================================================
   LOGIN PAGE
   ============================================================ */

.page.page_login {
    width: 100%;
    max-width: 850px;

    margin: 50px auto 60px;
    padding: 0 20px;

    box-sizing: border-box;

    color: #14361F;
}


/* ============================================================
   BREADCRUMBS
   ============================================================ */

.page.page_login .cmp_breadcrumbs {
    margin-bottom: 25px;
}

.page.page_login .cmp_breadcrumbs ol {
    display: flex;

    flex-wrap: wrap;
    align-items: center;

    gap: 7px;

    list-style: none;

    margin: 0;
    padding: 0;

    font-size: 14px;
}

.page.page_login .cmp_breadcrumbs li {
    display: flex;

    align-items: center;

    color: #405044;
}

.page.page_login .cmp_breadcrumbs a {
    color: #2F7D32;

    text-decoration: none;

    font-weight: 600;

    transition: color .25s ease;
}

.page.page_login .cmp_breadcrumbs a:hover {
    color: #14361F;
}

.page.page_login .cmp_breadcrumbs .separator {
    margin-left: 7px;

    color: #A8B9A4;
}

.page.page_login .cmp_breadcrumbs .current {
    color: #405044;

    font-weight: 500;
}


/* ============================================================
   PAGE HEADING
   ============================================================ */

.page.page_login > h1 {
    position: relative;

    margin: 0 0 20px;

    padding-bottom: 14px;

    color: #14361F;

    font-family: inherit;

    font-size: 34px;

    font-weight: 700;

    line-height: 1.2;

    border-bottom: 1px solid #D9E5D6;
}


/* Green heading underline */

.page.page_login > h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 60px;
    height: 4px;

    background: #2F7D32;

    border-radius: 4px;
}


/* ============================================================
   REQUIRED FIELDS TEXT
   ============================================================ */

.page.page_login > p {
    margin: 0 0 24px;

    color: #405044;

    font-size: 14px;

    line-height: 1.6;
}

.page.page_login abbr.required {
    color: #2F7D32;

    text-decoration: none;

    font-weight: 700;
}


/* ============================================================
   LOGIN FORM CARD
   ============================================================ */

.page.page_login form.login {
    position: relative;

    background: #FFFFFF;

    border: 1px solid #D9E5D6;

    border-top: 5px solid #2F7D32;

    border-radius: 14px;

    padding: 32px 30px 30px;

    box-sizing: border-box;

    overflow: hidden;

    box-shadow:
        0 8px 28px rgba(20, 54, 31, 0.10);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Decorative top accent */

.page.page_login form.login::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #8BBF6A 0%,
            #2F7D32 50%,
            #4E9A51 100%
        );
}


/* ============================================================
   FIELDSET
   ============================================================ */

.page.page_login form.login fieldset.fields {
    margin: 0;

    padding: 0;

    border: 0;
}


/* ============================================================
   USERNAME + PASSWORD
   ============================================================ */

.page.page_login .username,
.page.page_login .password {
    margin-bottom: 21px;
}

.page.page_login .username label,
.page.page_login .password label {
    display: block;
}


/* Field labels */

.page.page_login .username .label,
.page.page_login .password .label {
    display: block;

    margin-bottom: 8px;

    color: #14361F;

    font-size: 14px;

    font-weight: 700;
}


/* Required marker */

.page.page_login .username .required,
.page.page_login .password .required {
    color: #2F7D32;

    font-weight: 700;
}


/* ============================================================
   INPUTS
   ============================================================ */

.page.page_login .username input,
.page.page_login .password input {
    display: block;

    width: 100%;

    min-height: 48px;

    padding: 11px 14px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid #C8D9C4;

    border-radius: 7px;

    color: #14361F;

    font-size: 15px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


/* Hover */

.page.page_login .username input:hover,
.page.page_login .password input:hover {
    border-color: #AFC5AA;

    background: #FCFEFB;
}


/* Focus */

.page.page_login .username input:focus,
.page.page_login .password input:focus {
    outline: none;

    border-color: #2F7D32;

    box-shadow:
        0 0 0 3px rgba(47, 125, 50, 0.14);
}


/* ============================================================
   FORGOT PASSWORD
   ============================================================ */

.page.page_login .password a {
    display: inline-block;

    margin-top: 9px;

    color: #2F7D32;

    font-size: 13.5px;

    font-weight: 600;

    text-decoration: none;

    transition: color .25s ease;
}

.page.page_login .password a:hover {
    color: #14361F;

    text-decoration: underline;
}


/* ============================================================
   REMEMBER ME
   ============================================================ */

.page.page_login .remember {
    margin: 4px 0 25px;
}

.page.page_login .remember label {
    display: flex;

    align-items: center;

    gap: 9px;

    cursor: pointer;
}

.page.page_login .remember input[type="checkbox"] {
    width: 17px;

    height: 17px;

    margin: 0;

    accent-color: #2F7D32;

    cursor: pointer;
}

.page.page_login .remember .label {
    color: #405044;

    font-size: 14px;

    font-weight: 500;
}


/* ============================================================
   BUTTON AREA
   ============================================================ */

.page.page_login .buttons {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 5px;
}


/* ============================================================
   LOGIN BUTTON
   ============================================================ */

.page.page_login .buttons button.submit {
    min-width: 125px;

    min-height: 46px;

    padding: 11px 25px;

    background: #2F7D32;

    border: 1px solid #2F7D32;

    border-radius: 7px;

    color: #FFFFFF;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 4px 12px rgba(20, 54, 31, 0.12);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.page.page_login .buttons button.submit:hover {
    background: #14361F;

    border-color: #14361F;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(20, 54, 31, 0.18);
}

.page.page_login .buttons button.submit:focus {
    outline: none;

    box-shadow:
        0 0 0 3px rgba(139, 191, 106, 0.35);
}


/* ============================================================
   REGISTER BUTTON
   ============================================================ */

.page.page_login .buttons a.register {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 125px;

    min-height: 46px;

    padding: 10px 24px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid #6FAE5A;

    border-radius: 7px;

    color: #2F7D32;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.page.page_login .buttons a.register:hover {
    background: #6FAE5A;

    border-color: #6FAE5A;

    color: #14361F;

    transform: translateY(-2px);
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.page.page_login .pkp_screen_reader {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .page.page_login {
        max-width: 780px;

        margin: 40px auto 50px;

        padding: 0 20px;
    }

    .page.page_login > h1 {
        font-size: 30px;
    }

    .page.page_login form.login {
        padding: 28px 25px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    .page.page_login {
        margin: 30px auto 40px;

        padding: 0 15px;
    }

    .page.page_login .cmp_breadcrumbs {
        margin-bottom: 20px;
    }

    .page.page_login .cmp_breadcrumbs ol {
        font-size: 13px;
    }

    .page.page_login > h1 {
        margin-bottom: 18px;

        font-size: 27px;
    }

    .page.page_login > p {
        margin-bottom: 20px;

        font-size: 13.5px;
    }

    .page.page_login form.login {
        padding: 25px 20px;

        border-top-width: 4px;

        border-radius: 11px;
    }

    .page.page_login .username,
    .page.page_login .password {
        margin-bottom: 18px;
    }

    .page.page_login .username input,
    .page.page_login .password input {
        min-height: 46px;

        font-size: 14px;
    }

    .page.page_login .buttons {
        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }

    .page.page_login .buttons button.submit,
    .page.page_login .buttons a.register {
        width: 100%;

        min-height: 46px;
    }

}


/* ============================================================
   VERY SMALL PHONES
   ============================================================ */

@media (max-width: 420px) {

    .page.page_login {
        padding: 0 10px;
    }

    .page.page_login > h1 {
        font-size: 24px;
    }

    .page.page_login form.login {
        padding: 22px 17px;

        border-radius: 10px;
    }

    .page.page_login .remember .label {
        font-size: 13px;
    }

}


/* ============================================================
   EXTRA SMALL PHONES
   ============================================================ */

@media (max-width: 360px) {

    .page.page_login {
        padding: 0 8px;
    }

    .page.page_login form.login {
        padding: 20px 15px;
    }

    .page.page_login > h1 {
        font-size: 22px;
    }

}
/* ============================================================
   REGISTER PAGE
   ============================================================ */

.page.page_register {
    width: 100%;

    max-width: 1050px;

    margin: 50px auto 60px;

    padding: 0 20px;

    box-sizing: border-box;

    color: #14361F;
}


/* ============================================================
   BREADCRUMBS
   ============================================================ */

.page.page_register .cmp_breadcrumbs {
    margin-bottom: 25px;
}

.page.page_register .cmp_breadcrumbs ol {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 7px;

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 14px;
}

.page.page_register .cmp_breadcrumbs li {
    display: flex;

    align-items: center;

    color: #405044;
}

.page.page_register .cmp_breadcrumbs a {
    color: #2F7D32;

    text-decoration: none;

    font-weight: 600;

    transition: color .25s ease;
}

.page.page_register .cmp_breadcrumbs a:hover {
    color: #14361F;
}

.page.page_register .cmp_breadcrumbs .separator {
    margin-left: 7px;

    color: #A8B9A4;
}

.page.page_register .cmp_breadcrumbs .current {
    color: #405044;

    font-weight: 500;
}


/* ============================================================
   PAGE HEADING
   ============================================================ */

.page.page_register > h1 {
    position: relative;

    margin: 0 0 20px;

    padding-bottom: 14px;

    color: #14361F;

    font-family: inherit;

    font-size: 34px;

    font-weight: 700;

    line-height: 1.2;

    border-bottom: 1px solid #D9E5D6;
}

.page.page_register > h1::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 65px;

    height: 4px;

    background: #2F7D32;

    border-radius: 4px;
}


/* ============================================================
   REQUIRED FIELD MESSAGE
   ============================================================ */

.page.page_register > p {
    margin: 0 0 25px;

    color: #405044;

    font-size: 14px;

    line-height: 1.6;
}

.page.page_register abbr.required {
    color: #2F7D32;

    text-decoration: none;

    font-weight: 700;
}


/* ============================================================
   MAIN REGISTER FORM
   ============================================================ */

.page.page_register form.register {
    position: relative;

    background: #FFFFFF;

    border: 1px solid #D9E5D6;

    border-top: 5px solid #2F7D32;

    border-radius: 14px;

    padding: 32px 30px 30px;

    box-sizing: border-box;

    overflow: hidden;

    box-shadow:
        0 8px 28px rgba(20, 54, 31, 0.10);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Decorative top accent */

.page.page_register form.register::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #8BBF6A 0%,
            #2F7D32 50%,
            #4E9A51 100%
        );
}


/* ============================================================
   ALL FIELDSETS
   ============================================================ */

.page.page_register form.register fieldset {
    margin: 0 0 25px;

    padding: 24px;

    background: #F5F8F3;

    border: 1px solid #D9E5D6;

    border-radius: 10px;

    box-sizing: border-box;
}


/* ============================================================
   FIELDSET LEGENDS
   ============================================================ */

.page.page_register form.register fieldset > legend {
    padding: 0 10px;

    color: #14361F;

    font-family: inherit;

    font-size: 19px;

    font-weight: 700;
}


/* ============================================================
   PROFILE SECTION
   ============================================================ */

.page.page_register fieldset.identity .fields {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;
}

.page.page_register fieldset.identity .given_name,
.page.page_register fieldset.identity .family_name,
.page.page_register fieldset.identity .affiliation,
.page.page_register fieldset.identity .country {
    min-width: 0;
}

.page.page_register fieldset.identity .affiliation {
    grid-column: 1 / -1;
}


/* ============================================================
   LOGIN SECTION
   ============================================================ */

.page.page_register fieldset.login .fields {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;
}


/* ============================================================
   FIELD LABELS
   ============================================================ */

.page.page_register .fields label {
    display: block;
}

.page.page_register .fields .label {
    display: block;

    margin-bottom: 8px;

    color: #14361F;

    font-size: 14px;

    font-weight: 700;
}


/* Required marker */

.page.page_register .fields .required {
    color: #2F7D32;

    font-weight: 700;
}


/* ============================================================
   INPUTS + SELECT
   ============================================================ */

.page.page_register .fields input[type="text"],
.page.page_register .fields input[type="email"],
.page.page_register .fields input[type="password"],
.page.page_register .fields select {
    display: block;

    width: 100%;

    min-height: 47px;

    padding: 10px 13px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid #C8D9C4;

    border-radius: 7px;

    color: #14361F;

    font-size: 14px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


/* Hover */

.page.page_register .fields input[type="text"]:hover,
.page.page_register .fields input[type="email"]:hover,
.page.page_register .fields input[type="password"]:hover,
.page.page_register .fields select:hover {
    border-color: #AFC5AA;

    background: #FCFEFB;
}


/* Focus */

.page.page_register .fields input[type="text"]:focus,
.page.page_register .fields input[type="email"]:focus,
.page.page_register .fields input[type="password"]:focus,
.page.page_register .fields select:focus {
    outline: none;

    border-color: #2F7D32;

    box-shadow:
        0 0 0 3px rgba(47, 125, 50, 0.14);
}


/* Country */

.page.page_register .fields select {
    cursor: pointer;

    appearance: auto;
}


/* ============================================================
   PRIVACY + EMAIL CONSENT
   ============================================================ */

.page.page_register fieldset.consent {
    background: #FFFFFF;

    border-left: 4px solid #6FAE5A;
}

.page.page_register fieldset.consent .fields {
    margin: 0;
}

.page.page_register fieldset.consent .fields + .fields {
    margin-top: 14px;
}

.page.page_register .optin label {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    color: #405044;

    font-size: 14px;

    line-height: 1.6;

    cursor: pointer;
}

.page.page_register .optin input[type="checkbox"] {
    flex: 0 0 auto;

    width: 17px;

    height: 17px;

    margin: 3px 0 0;

    accent-color: #2F7D32;

    cursor: pointer;
}


/* Privacy link */

.page.page_register .optin a {
    color: #2F7D32;

    font-weight: 700;

    text-decoration: none;

    transition: color .25s ease;
}

.page.page_register .optin a:hover {
    color: #14361F;

    text-decoration: underline;
}


/* ============================================================
   REVIEWER SECTION
   ============================================================ */

.page.page_register fieldset.reviewer {
    background: #F5F8F3;

    border-left: 4px solid #2F7D32;
}

.page.page_register fieldset.reviewer .fields {
    margin: 0;
}

.page.page_register fieldset.reviewer .reviewer_interests {
    margin-top: 18px;
}

.page.page_register fieldset.reviewer .reviewer_interests .label {
    display: block;

    margin-bottom: 8px;

    color: #14361F;

    font-size: 14px;

    font-weight: 700;
}

.page.page_register fieldset.reviewer .reviewer_interests input {
    display: block;

    width: 100%;

    min-height: 46px;

    padding: 10px 13px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid #C8D9C4;

    border-radius: 7px;

    color: #14361F;

    font-size: 14px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.page.page_register fieldset.reviewer .reviewer_interests input:focus {
    outline: none;

    border-color: #2F7D32;

    box-shadow:
        0 0 0 3px rgba(47, 125, 50, 0.14);
}


/* ============================================================
   BUTTONS
   ============================================================ */

.page.page_register form.register > .buttons {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 5px;
}


/* ============================================================
   REGISTER BUTTON
   ============================================================ */

.page.page_register .buttons button.submit {
    min-width: 135px;

    min-height: 47px;

    padding: 11px 26px;

    background: #2F7D32;

    border: 1px solid #2F7D32;

    border-radius: 7px;

    color: #FFFFFF;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 4px 12px rgba(20, 54, 31, 0.12);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.page.page_register .buttons button.submit:hover {
    background: #14361F;

    border-color: #14361F;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(20, 54, 31, 0.18);
}

.page.page_register .buttons button.submit:focus {
    outline: none;

    box-shadow:
        0 0 0 3px rgba(139, 191, 106, 0.35);
}


/* ============================================================
   LOGIN BUTTON
   ============================================================ */

.page.page_register .buttons a.login {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 120px;

    min-height: 47px;

    padding: 10px 24px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid #6FAE5A;

    border-radius: 7px;

    color: #2F7D32;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.page.page_register .buttons a.login:hover {
    background: #6FAE5A;

    border-color: #6FAE5A;

    color: #14361F;

    transform: translateY(-2px);
}


/* ============================================================
   SCREEN READER
   ============================================================ */

.page.page_register .pkp_screen_reader {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .page.page_register {
        max-width: 900px;

        margin: 40px auto 50px;

        padding: 0 20px;
    }

    .page.page_register > h1 {
        font-size: 30px;
    }

    .page.page_register form.register {
        padding: 28px 25px;
    }

    .page.page_register form.register fieldset {
        padding: 20px;
    }

    .page.page_register fieldset.identity .fields,
    .page.page_register fieldset.login .fields {
        gap: 15px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .page.page_register {
        margin: 30px auto 40px;

        padding: 0 15px;
    }

    .page.page_register .cmp_breadcrumbs {
        margin-bottom: 20px;
    }

    .page.page_register .cmp_breadcrumbs ol {
        font-size: 13px;
    }

    .page.page_register > h1 {
        margin-bottom: 18px;

        font-size: 27px;
    }

    .page.page_register > p {
        margin-bottom: 20px;

        font-size: 13.5px;
    }

    .page.page_register form.register {
        padding: 25px 20px;

        border-top-width: 4px;

        border-radius: 11px;
    }


    /* Profile */

    .page.page_register fieldset.identity .fields {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .page.page_register fieldset.identity .affiliation {
        grid-column: auto;
    }


    /* Login fields */

    .page.page_register fieldset.login .fields {
        grid-template-columns: 1fr;

        gap: 16px;
    }


    /* Fieldsets */

    .page.page_register form.register fieldset {
        padding: 16px;

        margin-bottom: 18px;

        border-radius: 8px;
    }

    .page.page_register form.register fieldset > legend {
        font-size: 17px;
    }


    /* Inputs */

    .page.page_register .fields input[type="text"],
    .page.page_register .fields input[type="email"],
    .page.page_register .fields input[type="password"],
    .page.page_register .fields select {
        min-height: 45px;

        font-size: 14px;
    }


    /* Consent */

    .page.page_register .optin label {
        font-size: 13.5px;
    }


    /* Buttons */

    .page.page_register form.register > .buttons {
        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }

    .page.page_register .buttons button.submit,
    .page.page_register .buttons a.login {
        width: 100%;

        min-height: 46px;
    }

}
.page_login .login{
        max-width: 55em !important;
}
.aafr_nav_bar .pkp_navigation_user {
    flex-wrap: unset !important;
}
.pkp_navigation_user_wrapper {
    top: 15px !important;
}
.aafr_nav_bar .pkp_site_name a.is_img img {
	max-height: 70px!important;
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 420px) {

    .page.page_register {
        padding: 0 10px;
    }

    .page.page_register > h1 {
        font-size: 24px;
    }

    .page.page_register form.register {
        padding: 20px 15px;
    }

    .page.page_register form.register fieldset {
        padding: 13px;
    }

    .page.page_register form.register fieldset > legend {
        font-size: 16px;
    }

    .page.page_register .optin label {
        font-size: 13px;

        gap: 8px;
    }

    .page.page_register .optin input[type="checkbox"] {
        width: 16px;

        height: 16px;
    }

}


/* ============================================================
   EXTRA SMALL PHONES
   ============================================================ */

@media (max-width: 360px) {

    .page.page_register {
        padding: 0 8px;
    }

    .page.page_register form.register {
        padding: 18px 13px;
    }

    .page.page_register form.register fieldset {
        padding: 12px;
    }

    .page.page_register > h1 {
        font-size: 22px;
    }

}
/* ============================================================
   AAFR HOMEPAGE
   ============================================================ */

.aafr_home {
    width: min(1180px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
    box-sizing: border-box;
}

.aafr_home *,
.aafr_home *::before,
.aafr_home *::after {
    box-sizing: border-box;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_home_intro {
    margin-bottom: 32px;
    padding: 30px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.14);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 25px rgba(20,54,31,.05);
}

.aafr_home h1 {
    margin: 0 0 18px;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_home h1::after {
    content: "";

    display: block;

    width: 45px;
    height: 3px;

    margin-top: 12px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_home p {
    margin: 0;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_home strong {
    color: #14361f;
    font-weight: 700;
}


/* ============================================================
   SECTIONS
   ============================================================ */

.aafr_home_section {
    margin-bottom: 32px;
    padding: 25px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 12px;

    box-shadow: 0 6px 22px rgba(20,54,31,.045);
}

.aafr_home h2 {
    margin: 0 0 16px;

    padding-bottom: 11px;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;

    border-bottom: 1px solid rgba(20,54,31,.10);

    position: relative;
}

.aafr_home h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 40px;
    height: 3px;

    background: #2f7d32;

    border-radius: 10px;
}


/* ============================================================
   LISTS
   ============================================================ */

.aafr_home ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px 14px;

    margin: 20px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_home li {
    position: relative;

    margin: 0;
    padding: 12px 14px 12px 38px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.aafr_home li::before {
    content: "\2713";

    position: absolute;

    left: 12px;
    top: 50%;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
}

.aafr_home li:hover {
    transform: translateY(-2px);

    border-color: rgba(47,125,50,.20);

    box-shadow: 0 7px 18px rgba(20,54,31,.07);
}


/* ============================================================
   NOTE
   ============================================================ */

.aafr_home_note {
    margin-top: 18px !important;

    padding: 13px 16px;

    background: rgba(47,125,50,.055);

    border-left: 3px solid #2f7d32;
    border-radius: 0 7px 7px 0;
}


/* ============================================================
   OPEN ACCESS
   ============================================================ */

.aafr_home_access {
    background:
        linear-gradient(
            135deg,
            #f4f6f2,
            #ffffff
        );

    border-color: rgba(47,125,50,.14);
}


/* ============================================================
   FINAL SECTION
   ============================================================ */

.aafr_home_final {
    margin-top: 5px;
    padding: 30px 34px;

    background: #14361f;

    border-radius: 12px;

    text-align: center;

    box-shadow: 0 10px 28px rgba(20,54,31,.12);
}

.aafr_home_final h2 {
    margin: 0 0 16px;
    padding: 0;

    color: #ffffff;

    font-size: 20px;
    line-height: 1.35;

    border: 0;
}

.aafr_home_final h2::after {
    position: static;

    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin: 11px auto 0;

    background: #2f7d32;

    border-radius: 10px;
}

.aafr_home_final p {
    max-width: 900px;

    margin: 0 auto;

    color: rgba(255,255,255,.82);

    font-size: 15px;
    line-height: 1.75;
}

.aafr_home_final strong {
    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_home {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_home_intro,
    .aafr_home_section,
    .aafr_home_final {
        padding: 23px 22px;
    }

    .aafr_home ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_home {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_home_intro {
        margin-bottom: 24px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_home h1 {
        font-size: 22px;
        line-height: 1.4;
    }

    .aafr_home h2 {
        font-size: 19px;
    }

    .aafr_home p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_home_section {
        margin-bottom: 24px;
        padding: 20px 18px;
    }

    .aafr_home ul {
        gap: 8px;
        margin-top: 16px;
    }

    .aafr_home li {
        padding: 11px 11px 11px 36px;
        font-size: 13.5px;
    }

    .aafr_home li::before {
        left: 10px;
    }

    .aafr_home_final {
        padding: 25px 18px;
    }

    .aafr_home_final h2 {
        font-size: 19px;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .aafr_home {
        width: calc(100% - 24px);
    }

    .aafr_home h1 {
        font-size: 21px;
    }

    .aafr_home h2 {
        font-size: 18px;
    }
}
.pkp_structure_sidebar .homepage_image {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.5rem;
}

.pkp_structure_sidebar .homepage_image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

/* ============================================================
   AAFR ABOUT JOURNAL
   ============================================================ */

.aafr_about {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_about_intro {
    margin-bottom: 30px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_about_label {
    display: block;

    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_about h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_about_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_about p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_about p:last-child {
    margin-bottom: 0;
}

.aafr_about strong {
    color: #14361f;
}


/* ============================================================
   CONTENT SECTIONS
   ============================================================ */

.aafr_about_section,
.aafr_about_commitment {
    margin-bottom: 28px;
    padding: 25px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 6px 22px rgba(20,54,31,.045);
}


/* ============================================================
   SECTION HEADING
   ============================================================ */

.aafr_about_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 16px;
}

.aafr_about_heading span {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_about h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   SUBHEADING
   ============================================================ */

.aafr_about h3 {
    margin: 20px 0 12px;

    color: #14361f;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


/* ============================================================
   LIST
   ============================================================ */

.aafr_about ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 9px 14px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.aafr_about li {
    position: relative;

    padding: 11px 13px 11px 36px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_about li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
}


/* ============================================================
   SCOPE
   ============================================================ */

.aafr_about_scope {
    background: #f4f6f2;

    border-color: rgba(47,125,50,.12);
}


/* ============================================================
   COMMITMENT
   ============================================================ */

.aafr_about_commitment {
    margin-bottom: 0;

    background: #14361f;
    border: 0;

    box-shadow: 0 9px 28px rgba(20,54,31,.12);
}

.aafr_about_commitment .aafr_about_heading span {
    background: #2f7d32;
}

.aafr_about_commitment h2 {
    color: #ffffff;
}

.aafr_about_commitment p {
    color: rgba(255,255,255,.82);
}

.aafr_about_commitment strong {
    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_about {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_about_intro,
    .aafr_about_section,
    .aafr_about_commitment {
        padding: 23px 22px;
    }

    .aafr_about ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_about {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_about_intro {
        margin-bottom: 23px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_about h1 {
        font-size: 22px;
    }

    .aafr_about h2 {
        font-size: 19px;
    }

    .aafr_about p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_about_section,
    .aafr_about_commitment {
        margin-bottom: 22px;
        padding: 20px 18px;
    }

    .aafr_about_heading {
        margin-bottom: 14px;
    }

    .aafr_about h3 {
        font-size: 15px;
    }

    .aafr_about li {
        padding: 10px 10px 10px 35px;
        font-size: 13.5px;
    }
}
/* ============================================================
   AAFR PRIVACY STATEMENT
   ============================================================ */

.aafr_privacy {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_privacy_intro {
    margin-bottom: 30px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_privacy_label {
    display: block;
    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_privacy h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_privacy_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_privacy p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_privacy p:last-child {
    margin-bottom: 0;
}

.aafr_privacy strong {
    color: #14361f;
    font-weight: 700;
}


/* ============================================================
   POLICY SECTIONS
   ============================================================ */

.aafr_privacy_section {
    margin-bottom: 22px;
    padding: 23px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 20px rgba(20,54,31,.04);
}


/* ============================================================
   HEADINGS
   ============================================================ */

.aafr_privacy_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}

.aafr_privacy_heading span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_privacy h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   LISTS
   ============================================================ */

.aafr_privacy ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px 14px;

    margin: 17px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_privacy li {
    position: relative;

    padding: 10px 12px 10px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_privacy li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;
}


/* ============================================================
   IMPORTANT NOTE
   ============================================================ */

.aafr_privacy_note {
    margin-top: 17px;
    padding: 13px 16px;

    background: rgba(47,125,50,.055);

    border-left: 3px solid #2f7d32;
    border-radius: 0 7px 7px 0;

    color: #46554b;

    font-size: 14px;
    line-height: 1.6;
}


/* ============================================================
   CONTACT
   ============================================================ */

.aafr_privacy_contact {
    padding: 25px 28px;

    background: #14361f;

    border-radius: 11px;

    box-shadow: 0 9px 26px rgba(20,54,31,.12);
}

.aafr_privacy_contact .aafr_privacy_heading span {
    background: #2f7d32;
}

.aafr_privacy_contact h2 {
    color: #ffffff;
}

.aafr_privacy_contact p {
    color: rgba(255,255,255,.82);
}

.aafr_privacy_contact strong {
    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_privacy {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_privacy_intro,
    .aafr_privacy_section,
    .aafr_privacy_contact {
        padding: 22px;
    }

    .aafr_privacy ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_privacy {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_privacy_intro {
        margin-bottom: 23px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_privacy h1 {
        font-size: 22px;
    }

    .aafr_privacy h2 {
        font-size: 19px;
    }

    .aafr_privacy p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_privacy_section {
        margin-bottom: 18px;
        padding: 19px 18px;
    }

    .aafr_privacy_heading {
        margin-bottom: 13px;
    }

    .aafr_privacy li {
        padding: 10px 10px 10px 34px;
        font-size: 13.5px;
    }

    .aafr_privacy_note {
        font-size: 13.5px;
    }

    .aafr_privacy_contact {
        padding: 21px 18px;
    }
}

/* ============================================================
   AAFR OPEN ACCESS POLICY
   ============================================================ */

.aafr_open_access {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_open_access_intro {
    margin-bottom: 30px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_open_access_label {
    display: block;
    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_open_access h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_open_access_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_open_access p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_open_access p:last-child {
    margin-bottom: 0;
}

.aafr_open_access strong {
    color: #14361f;
    font-weight: 700;
}


/* ============================================================
   SECTIONS
   ============================================================ */

.aafr_open_access_section {
    margin-bottom: 22px;
    padding: 23px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 20px rgba(20,54,31,.04);
}


/* ============================================================
   SECTION HEADINGS
   ============================================================ */

.aafr_open_access_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}

.aafr_open_access_heading span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_open_access h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   BENEFITS LIST
   ============================================================ */

.aafr_open_access ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px 14px;

    margin: 17px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_open_access li {
    position: relative;

    padding: 10px 12px 10px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_open_access li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;
}


/* ============================================================
   COMMITMENT
   ============================================================ */

.aafr_open_access_commitment {
    padding: 26px 28px;

    background: #14361f;

    border-radius: 11px;

    box-shadow: 0 9px 26px rgba(20,54,31,.12);
}

.aafr_open_access_commitment .aafr_open_access_heading span {
    background: #2f7d32;
}

.aafr_open_access_commitment h2 {
    color: #ffffff;
}

.aafr_open_access_commitment p {
    color: rgba(255,255,255,.82);
}

.aafr_open_access_commitment strong {
    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_open_access {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_open_access_intro,
    .aafr_open_access_section,
    .aafr_open_access_commitment {
        padding: 22px;
    }

    .aafr_open_access ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_open_access {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_open_access_intro {
        margin-bottom: 23px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_open_access h1 {
        font-size: 22px;
    }

    .aafr_open_access h2 {
        font-size: 19px;
    }

    .aafr_open_access p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_open_access_section {
        margin-bottom: 18px;
        padding: 19px 18px;
    }

    .aafr_open_access_heading {
        margin-bottom: 13px;
    }

    .aafr_open_access li {
        padding: 10px 10px 10px 34px;
        font-size: 13.5px;
    }

    .aafr_open_access_commitment {
        padding: 21px 18px;
    }
}
/* ============================================================
   AAFR PUBLICATION ETHICS
   ============================================================ */

.aafr_ethics {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRODUCTION
   ============================================================ */

.aafr_ethics_intro {
    margin-bottom: 30px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_ethics_label {
    display: block;
    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_ethics h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_ethics_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_ethics p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_ethics p:last-child {
    margin-bottom: 0;
}

.aafr_ethics strong {
    color: #14361f;
    font-weight: 700;
}


/* ============================================================
   POLICY SECTIONS
   ============================================================ */

.aafr_ethics_section {
    margin-bottom: 22px;
    padding: 23px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 20px rgba(20,54,31,.04);
}


/* ============================================================
   SECTION HEADINGS
   ============================================================ */

.aafr_ethics_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}

.aafr_ethics_heading span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_ethics h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   LIST
   ============================================================ */

.aafr_ethics ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px 14px;

    margin: 17px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_ethics li {
    position: relative;

    padding: 10px 12px 10px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_ethics li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;
}


/* ============================================================
   ETHICS WARNING
   ============================================================ */

.aafr_ethics_warning {
    margin-top: 17px;
    padding: 13px 16px;

    background: rgba(47,125,50,.055);

    border-left: 3px solid #2f7d32;
    border-radius: 0 7px 7px 0;

    color: #46554b;

    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}


/* ============================================================
   FINAL COMMITMENT
   ============================================================ */

.aafr_ethics_commitment {
    padding: 26px 28px;

    background: #14361f;

    border-radius: 11px;

    box-shadow: 0 9px 26px rgba(20,54,31,.12);
}

.aafr_ethics_commitment .aafr_ethics_heading span {
    background: #2f7d32;
}

.aafr_ethics_commitment h2 {
    color: #ffffff;
}

.aafr_ethics_commitment p {
    color: rgba(255,255,255,.82);
}

.aafr_ethics_commitment strong {
    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_ethics {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_ethics_intro,
    .aafr_ethics_section,
    .aafr_ethics_commitment {
        padding: 22px;
    }

    .aafr_ethics ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_ethics {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_ethics_intro {
        margin-bottom: 23px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_ethics h1 {
        font-size: 22px;
    }

    .aafr_ethics h2 {
        font-size: 19px;
    }

    .aafr_ethics p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_ethics_section {
        margin-bottom: 18px;
        padding: 19px 18px;
    }

    .aafr_ethics_heading {
        margin-bottom: 13px;
    }

    .aafr_ethics li {
        padding: 10px 10px 10px 34px;
        font-size: 13.5px;
    }

    .aafr_ethics_warning {
        font-size: 13.5px;
    }

    .aafr_ethics_commitment {
        padding: 21px 18px;
    }
}
/* ============================================================
   AAFR ARTICLE PROCESSING CHARGES
   ============================================================ */

.aafr_apc {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_apc_intro {
    margin-bottom: 25px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_apc_label {
    display: block;
    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_apc h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_apc_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}

.aafr_apc p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_apc p:last-child {
    margin-bottom: 0;
}

.aafr_apc strong {
    color: #14361f;
}


/* ============================================================
   APC PRICE PANEL
   ============================================================ */

.aafr_apc_fee {
    display: grid;

    grid-template-columns: .9fr 1.1fr;

    align-items: center;

    gap: 35px;

    margin-bottom: 25px;
    padding: 25px 30px;

    background: #14361f;

    border-radius: 12px;

    box-shadow: 0 10px 28px rgba(20,54,31,.13);
}

.aafr_apc_fee_content {
    padding-right: 25px;

    border-right: 1px solid rgba(255,255,255,.16);
}

.aafr_apc_fee_label {
    display: block;

    margin-bottom: 4px;

    color: rgba(255,255,255,.68);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.aafr_apc_price {
    color: #ffffff;

    font-size: 46px;
    line-height: 1.1;
    font-weight: 800;
}

.aafr_apc_price span {
    margin-right: 5px;

    color: #8fbd91;

    font-size: 17px;
    font-weight: 700;
}

.aafr_apc_fee_content p {
    margin: 4px 0 0;

    color: rgba(255,255,255,.65);

    font-size: 13px;
}


/* ============================================================
   FEE INFORMATION
   ============================================================ */

.aafr_apc_fee_info {
    display: grid;
    gap: 15px;
}

.aafr_apc_info_item {
    display: flex;
    align-items: flex-start;

    gap: 12px;
}

.aafr_apc_check {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 12px;
    font-weight: 800;
}

.aafr_apc_info_item strong {
    display: block;

    margin-bottom: 2px;

    color: #ffffff;

    font-size: 14px;
}

.aafr_apc_info_item small {
    display: block;

    color: rgba(255,255,255,.67);

    font-size: 13px;
    line-height: 1.5;
}


/* ============================================================
   CONTENT SECTIONS
   ============================================================ */

.aafr_apc_section {
    margin-bottom: 22px;
    padding: 23px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 20px rgba(20,54,31,.04);
}


/* ============================================================
   SECTION HEADING
   ============================================================ */

.aafr_apc_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}

.aafr_apc_heading > span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_apc h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   APC LIST
   ============================================================ */

.aafr_apc ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px 14px;

    margin: 17px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_apc li {
    position: relative;

    padding: 10px 12px 10px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_apc li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;
}


/* ============================================================
   COMMITMENT
   ============================================================ */

.aafr_apc_commitment {
    padding: 24px 28px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 11px;
}

.aafr_apc_commitment .aafr_apc_heading {
    margin-bottom: 12px;
}

.aafr_apc_commitment p {
    margin: 0;

    color: #415047;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_apc {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_apc_intro,
    .aafr_apc_section,
    .aafr_apc_commitment {
        padding: 22px;
    }

    .aafr_apc_fee {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px;
    }

    .aafr_apc_fee_content {
        padding-right: 0;
        padding-bottom: 18px;

        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.16);
    }

    .aafr_apc ul {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_apc {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_apc_intro {
        margin-bottom: 20px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_apc h1 {
        font-size: 22px;
    }

    .aafr_apc h2 {
        font-size: 19px;
    }

    .aafr_apc p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_apc_fee {
        margin-bottom: 20px;
        padding: 20px 18px;
    }

    .aafr_apc_price {
        font-size: 38px;
    }

    .aafr_apc_section {
        margin-bottom: 18px;
        padding: 19px 18px;
    }

    .aafr_apc_heading {
        margin-bottom: 13px;
    }

    .aafr_apc li {
        padding: 10px 10px 10px 34px;
        font-size: 13.5px;
    }

    .aafr_apc_commitment {
        padding: 20px 18px;
    }
}
/* ============================================================
   AAFR SUBMISSION GUIDELINES
   ============================================================ */

.aafr_submission {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */
/* ============================================================
   AAFR SUBMISSION GUIDELINES
   UNIFIED DESIGN
   ALL SECTIONS MATCH INTRO STYLE
   ============================================================ */

.aafr_submission,
.aafr_submission *,
.aafr_submission *::before,
.aafr_submission *::after {
    box-sizing: border-box;
}


/* ============================================================
   MAIN CONTAINER
   ============================================================ */

.aafr_submission {
    width: min(1120px, calc(100% - 48px));
    margin: 35px auto 55px;

    color: #26352a;
    font-family: inherit;
}


/* ============================================================
   COMMON TEXT
   ============================================================ */

.aafr_submission p {
    margin: 0 0 15px;

    color: #405047;

    font-size: 15px;
    line-height: 1.75;
}

.aafr_submission p:last-child {
    margin-bottom: 0;
}

.aafr_submission strong {
    color: #14361f;
    font-weight: 700;
}


/* ============================================================
   INTRO + ALL MAIN SECTIONS
   SAME VISUAL STYLE
   ============================================================ */

.aafr_submission_intro,
.aafr_submission_section,
.aafr_submission_checklist,
.aafr_submission_commitment {

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f5f8f3 0%,
            #eef4ed 100%
        );

    border: 1px solid rgba(47, 125, 50, .14);

    border-left: 4px solid #2f7d32;

    border-radius: 12px;

    box-shadow:
        0 7px 24px rgba(20, 54, 31, .055);
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_submission_intro {
    margin-bottom: 22px;
    padding: 29px 32px;
}

.aafr_submission_intro::after,
.aafr_submission_section::after,
.aafr_submission_checklist::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    top: -75px;

    border: 1px solid rgba(47, 125, 50, .07);

    border-radius: 50%;

    pointer-events: none;
}


/* ============================================================
   INTRO LABEL
   ============================================================ */

.aafr_submission_label {
    position: relative;
    z-index: 2;

    display: block;

    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 10px;
    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 1.4px;

    text-transform: uppercase;
}


/* ============================================================
   MAIN TITLE
   ============================================================ */

.aafr_submission h1 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #14361f;

    font-size: 26px;
    line-height: 1.35;

    font-weight: 700;
}

.aafr_submission_line {
    position: relative;
    z-index: 2;

    width: 45px;
    height: 3px;

    margin: 11px 0 17px;

    background: #2f7d32;

    border-radius: 10px;
}


/* ============================================================
   MAIN SECTIONS
   ============================================================ */

.aafr_submission_section {
    margin-bottom: 20px;

    padding: 25px 30px;
}


/* ============================================================
   SECTION HEADING
   ============================================================ */

.aafr_submission_heading {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 17px;
}

.aafr_submission_heading > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;

    box-shadow:
        0 3px 8px rgba(47, 125, 50, .18);
}

.aafr_submission_heading h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;

    font-weight: 700;
}


/* ============================================================
   SECTION CONTENT
   ============================================================ */

.aafr_submission_section > p,
.aafr_submission_section > ul,
.aafr_submission_section > .aafr_submission_structure,
.aafr_submission_section > .aafr_submission_note {
    position: relative;
    z-index: 2;
}


/* ============================================================
   CHECKLIST LIST
   ============================================================ */

.aafr_submission ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 9px 13px;

    margin: 17px 0 0;

    padding: 0;

    list-style: none;
}

.aafr_submission li {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 42px;

    padding: 10px 13px 10px 40px;

    background: rgba(255, 255, 255, .72);

    border: 1px solid rgba(20, 54, 31, .08);

    border-radius: 8px;

    color: #46544b;

    font-size: 13.7px;
    line-height: 1.5;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.aafr_submission li:hover {
    background: #ffffff;

    border-color: rgba(47, 125, 50, .18);

    transform: translateY(-1px);
}


/* ============================================================
   CHECK ICON
   ============================================================ */

.aafr_submission li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;
}


/* ============================================================
   STRUCTURE GRID
   ============================================================ */

.aafr_submission_structure {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 9px;

    margin: 17px 0 18px;
}


/* ============================================================
   STRUCTURE CARDS
   ============================================================ */

.aafr_submission_structure span {
    position: relative;

    min-height: 48px;

    display: flex;
    align-items: center;

    padding: 11px 13px 11px 31px;

    background: rgba(255, 255, 255, .75);

    border: 1px solid rgba(20, 54, 31, .075);

    border-radius: 8px;

    color: #46544b;

    font-size: 13.5px;
    line-height: 1.45;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.aafr_submission_structure span:hover {
    background: #ffffff;

    border-color: rgba(47, 125, 50, .18);

    transform: translateY(-1px);
}

.aafr_submission_structure span::before {
    content: "\2022";

    position: absolute;

    left: 12px;
    top: 50%;

    transform: translateY(-50%);

    color: #2f7d32;

    font-size: 17px;
    line-height: 1;

    font-weight: 900;
}


/* ============================================================
   STRUCTURE STRONG TEXT
   ============================================================ */

.aafr_submission_structure span strong {
    color: #1e4d29;
}


/* ============================================================
   NOTE BOX
   ============================================================ */

.aafr_submission_note {
    position: relative;
    z-index: 3;

    margin-top: 16px !important;
    margin-bottom: 0 !important;

    padding: 13px 16px;

    background: rgba(47, 125, 50, .075);

    border: 1px solid rgba(47, 125, 50, .11);

    border-left: 3px solid #2f7d32;

    border-radius: 0 8px 8px 0;

    color: #435148 !important;

    font-size: 13.5px !important;
    line-height: 1.65 !important;
}

.aafr_submission_note::before {
    content: "NOTE";

    display: block;

    margin-bottom: 3px;

    color: #2f7d32;

    font-size: 9px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 1px;
}


/* ============================================================
   FINAL CHECKLIST
   ============================================================ */

.aafr_submission_checklist {
    margin-bottom: 20px;

    padding: 25px 30px;
}

.aafr_submission_checklist ul {
    margin-top: 17px;
}


/* ============================================================
   CLOSING
   ============================================================ */

.aafr_submission_commitment {
    margin-top: 2px;

    padding: 21px 25px;
}

.aafr_submission_commitment::after {
    content: "AAFR";

    position: absolute;

    right: 22px;
    bottom: -18px;

    color: rgba(47, 125, 50, .06);

    font-size: 65px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: 2px;

    pointer-events: none;
}

.aafr_submission_commitment p {
    position: relative;
    z-index: 2;

    max-width: 950px;

    color: #435148;

    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   OJS COMPATIBILITY
   ============================================================ */

.pkp_structure_main .aafr_submission {
    width: min(1120px, calc(100% - 48px));

    max-width: 1120px;

    margin-left: auto;
    margin-right: auto;
}

.pkp_structure_main .aafr_submission p {
    margin-top: 0;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    .aafr_submission {
        width: calc(100% - 38px);
    }

    .pkp_structure_main .aafr_submission {
        width: calc(100% - 38px);
    }

    .aafr_submission_structure {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aafr_submission ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ============================================================
   SMALL TABLET
   ============================================================ */

@media (max-width: 700px) {

    .aafr_submission {
        width: calc(100% - 30px);

        margin-top: 28px;
    }

    .pkp_structure_main .aafr_submission {
        width: calc(100% - 30px);
    }

    .aafr_submission_intro {
        padding: 24px 24px;
    }

    .aafr_submission_section,
    .aafr_submission_checklist {
        padding: 22px 23px;
    }

    .aafr_submission h1 {
        font-size: 24px;
    }

    .aafr_submission_heading h2 {
        font-size: 19px;
    }

    .aafr_submission p {
        font-size: 14.5px;
    }

    .aafr_submission li {
        font-size: 13.4px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_submission {
        width: calc(100% - 24px);

        margin: 20px auto 30px;
    }

    .pkp_structure_main .aafr_submission {
        width: calc(100% - 24px);
    }


    /* INTRO */

    .aafr_submission_intro {
        margin-bottom: 18px;

        padding: 21px 18px;

        border-left-width: 3px;

        border-radius: 10px;
    }

    .aafr_submission_intro::after,
    .aafr_submission_section::after,
    .aafr_submission_checklist::after {
        width: 100px;
        height: 100px;

        right: -50px;
        top: -50px;
    }


    /* TITLE */

    .aafr_submission h1 {
        font-size: 21px;
    }

    .aafr_submission_line {
        width: 40px;

        margin: 9px 0 15px;
    }


    /* SECTIONS */

    .aafr_submission_section,
    .aafr_submission_checklist {
        margin-bottom: 17px;

        padding: 19px 17px;

        border-left-width: 3px;

        border-radius: 10px;
    }


    /* HEADINGS */

    .aafr_submission_heading {
        gap: 10px;

        margin-bottom: 14px;
    }

    .aafr_submission_heading > span {
        width: 28px;
        height: 28px;

        flex-basis: 28px;

        font-size: 9px;
    }

    .aafr_submission_heading h2 {
        font-size: 18px;
    }


    /* TEXT */

    .aafr_submission p {
        font-size: 13.7px;
        line-height: 1.7;
    }


    /* LIST */

    .aafr_submission ul {
        grid-template-columns: 1fr;

        gap: 7px;

        margin-top: 14px;
    }

    .aafr_submission li {
        min-height: 0;

        padding: 9px 10px 9px 35px;

        font-size: 13px;
    }

    .aafr_submission li::before {
        left: 8px;

        width: 18px;
        height: 18px;

        font-size: 9px;
    }


    /* STRUCTURE */

    .aafr_submission_structure {
        grid-template-columns: 1fr;

        gap: 7px;

        margin: 14px 0 16px;
    }

    .aafr_submission_structure span {
        min-height: 43px;

        padding: 9px 11px 9px 30px;

        font-size: 13px;
    }

    .aafr_submission_structure span::before {
        left: 11px;
    }


    /* NOTE */

    .aafr_submission_note {
        padding: 11px 13px;

        font-size: 12.8px !important;
    }


    /* CLOSING */

    .aafr_submission_commitment {
        padding: 17px 16px;

        border-left-width: 3px;

        border-radius: 9px;
    }

    .aafr_submission_commitment p {
        font-size: 13px;
    }

    .aafr_submission_commitment::after {
        right: 8px;
        bottom: -9px;

        font-size: 42px;
    }
}


/* ============================================================
   VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 380px) {

    .aafr_submission {
        width: calc(100% - 18px);
    }

    .pkp_structure_main .aafr_submission {
        width: calc(100% - 18px);
    }

    .aafr_submission_intro,
    .aafr_submission_section,
    .aafr_submission_checklist {
        padding-left: 14px;
        padding-right: 14px;
    }

    .aafr_submission h1 {
        font-size: 20px;
    }

    .aafr_submission_heading h2 {
        font-size: 17px;
    }

    .aafr_submission p {
        font-size: 13.2px;
    }

    .aafr_submission li {
        font-size: 12.5px;
    }
}
/* ============================================================
   LANGUAGE & GENERAL FORMATTING
   ============================================================ */

.aafr_formatting_grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin: 18px 0 20px;
}


/* Individual formatting item */

.aafr_formatting_grid span {
    min-height: 72px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 12px 15px;

    background: rgba(255, 255, 255, .82);

    border: 1px solid rgba(47, 125, 50, .12);

    border-radius: 9px;

    color: #46544b;

    font-size: 13.5px;
    line-height: 1.45;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


/* Label */

.aafr_formatting_grid span strong {
    display: block;

    margin-bottom: 4px;

    color: #2f7d32;

    font-size: 11px;

    line-height: 1.3;

    font-weight: 800;

    letter-spacing: .25px;
}


/* Hover */

.aafr_formatting_grid span:hover {
    background: #ffffff;

    border-color: rgba(47, 125, 50, .22);

    transform: translateY(-2px);

    box-shadow:
        0 5px 14px rgba(20, 54, 31, .06);
}


/* Remove the normal bullet from these cards */

.aafr_formatting_grid span::before {
    display: none !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    .aafr_formatting_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_formatting_grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .aafr_formatting_grid span {
        min-height: 58px;

        padding: 11px 13px;

        font-size: 13px;
    }

    .aafr_formatting_grid span strong {
        font-size: 10px;
    }

}
.aafr_manuscript_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 25px 0 30px;
}

.aafr_manuscript_grid > div {
    background: #f5faf7;
    border: 1px solid #d9e9df;
    border-left: 4px solid #2f7d50;
    border-radius: 8px;
    padding: 15px 18px;
    color: #234b36;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.25s ease;
}

.aafr_manuscript_grid > div:hover {
    background: #2f7d50;
    color: #fff;
    border-color: #2f7d50;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 125, 80, 0.15);
}

/* Tablet */
@media (max-width: 900px) {
    .aafr_manuscript_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .aafr_manuscript_grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .aafr_manuscript_grid > div {
        padding: 13px 15px;
    }
}
.aafr_submission_files {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 25px 0 30px;
}

.aafr_submission_files > div {
    background: #f5faf7;
    border: 1px solid #d9e9df;
    border-left: 4px solid #2f7d50;
    border-radius: 8px;
    padding: 15px 18px;
    color: #234b36;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.25s ease;
}

.aafr_submission_files > div:hover {
    background: #2f7d50;
    color: #fff;
    border-color: #2f7d50;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 125, 80, 0.15);
}

.aafr_submission_note {
    background: #f5faf7;
    border-left: 4px solid #2f7d50;
    padding: 14px 18px;
    margin-top: 20px;
    border-radius: 6px;
    color: #345b43;
}

/* Tablet */
@media (max-width: 900px) {
    .aafr_submission_files {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .aafr_submission_files {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .aafr_submission_files > div {
        padding: 13px 15px;
    }
}
.aafr_reporting_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 25px 0 30px;
}

.aafr_reporting_grid > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: #f5faf7;
    border: 1px solid #d9e9df;
    border-left: 4px solid #2f7d50;
    border-radius: 8px;
    padding: 16px 18px;
    transition: all 0.25s ease;
}

.aafr_reporting_grid strong {
    color: #234b36;
    font-size: 16px;
    font-weight: 700;
}

.aafr_reporting_grid span {
    color: #5d7567;
    font-size: 14px;
    line-height: 1.4;
}

.aafr_reporting_grid > div:hover {
    background: #2f7d50;
    border-color: #2f7d50;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 125, 80, 0.15);
}

.aafr_reporting_grid > div:hover strong,
.aafr_reporting_grid > div:hover span {
    color: #fff;
}

/* Tablet */
@media (max-width: 900px) {
    .aafr_reporting_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .aafr_reporting_grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .aafr_reporting_grid > div {
        padding: 14px 15px;
    }
}
.aafr_article_types_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 25px 0 30px;
}

.aafr_article_types_grid > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f5faf7;
    border: 1px solid #d9e9df;
    border-left: 4px solid #2f7d50;
    border-radius: 8px;
    padding: 17px 18px;
    min-height: 90px;
    transition: all 0.25s ease;
}

.aafr_article_types_grid strong {
    color: #234b36;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.aafr_article_types_grid span {
    color: #5d7567;
    font-size: 13.5px;
    line-height: 1.5;
}

.aafr_article_types_grid > div:hover {
    background: #2f7d50;
    border-color: #2f7d50;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 125, 80, 0.15);
}

.aafr_article_types_grid > div:hover strong,
.aafr_article_types_grid > div:hover span {
    color: #fff;
}

/* Tablet */
@media (max-width: 900px) {
    .aafr_article_types_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .aafr_article_types_grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .aafr_article_types_grid > div {
        min-height: auto;
        padding: 14px 15px;
    }
}

/* ============================================================
   AAFR PEER REVIEW PROCESS
   ============================================================ */

.aafr_peer_review {
    width: min(1120px, calc(100% - 50px));
    margin: 35px auto 45px;
    color: #26352a;
}


/* ============================================================
   INTRO
   ============================================================ */

.aafr_peer_intro {
    margin-bottom: 25px;
    padding: 28px 32px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 12px;

    box-shadow: 0 7px 24px rgba(20,54,31,.05);
}

.aafr_peer_label {
    display: block;
    margin-bottom: 8px;

    color: #2f7d32;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aafr_peer_review h1 {
    margin: 0;

    color: #14361f;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.aafr_peer_line {
    width: 42px;
    height: 3px;

    margin: 11px 0 18px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   TEXT
   ============================================================ */

.aafr_peer_review p {
    margin: 0 0 16px;

    color: #415047;

    font-size: 15.5px;
    line-height: 1.75;
}

.aafr_peer_review p:last-child {
    margin-bottom: 0;
}

.aafr_peer_review strong {
    color: #14361f;
}


/* ============================================================
   PROCESS FLOW
   ============================================================ */

.aafr_peer_flow {
    display: grid;

    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;
    padding: 20px 22px;

    background: #14361f;

    border-radius: 12px;

    box-shadow: 0 10px 28px rgba(20,54,31,.13);
}

.aafr_peer_flow_item {
    display: grid;

    grid-template-columns: 32px 1fr;

    align-items: center;

    column-gap: 10px;
}

.aafr_peer_flow_item span {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    grid-row: span 2;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 8px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_peer_flow_item strong {
    color: #ffffff;

    font-size: 14px;
    line-height: 1.2;
}

.aafr_peer_flow_item small {
    color: rgba(255,255,255,.60);

    font-size: 11px;
    line-height: 1.3;
}

.aafr_peer_flow_arrow {
    color: #79a77c;

    font-size: 20px;
}


/* ============================================================
   CONTENT SECTIONS
   ============================================================ */

.aafr_peer_section {
    margin-bottom: 20px;
    padding: 23px 28px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 20px rgba(20,54,31,.04);
}


/* ============================================================
   HEADINGS
   ============================================================ */

.aafr_peer_heading {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;
}

.aafr_peer_heading > span {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;
}

.aafr_peer_review h2 {
    margin: 0;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


/* ============================================================
   CHECKLIST
   ============================================================ */

.aafr_peer_review ul {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px 14px;

    margin: 17px 0 0;
    padding: 0;

    list-style: none;
}

.aafr_peer_review li {
    position: relative;

    padding: 10px 12px 10px 34px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 8px;

    color: #46554b;

    font-size: 14px;
    line-height: 1.5;
}

.aafr_peer_review li::before {
    content: "\2713";

    position: absolute;

    left: 10px;
    top: 50%;

    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;
}


/* ============================================================
   INFORMATION NOTE
   ============================================================ */

.aafr_peer_note {
    margin-top: 17px;
    padding: 11px 14px;

    background: rgba(47,125,50,.055);

    border-left: 3px solid #2f7d32;
    border-radius: 0 7px 7px 0;

    color: #46554b;

    font-size: 13.5px;
    line-height: 1.6;
}


/* ============================================================
   EDITORIAL DECISIONS
   ============================================================ */

.aafr_decisions {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 17px;
}

.aafr_decision {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    padding: 13px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.07);
    border-radius: 9px;
}

.aafr_decision_icon {
    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2f7d32;

    color: #ffffff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 800;
}

.aafr_decision strong {
    display: block;

    margin-bottom: 2px;

    color: #14361f;

    font-size: 14px;
}

.aafr_decision small {
    display: block;

    color: #647067;

    font-size: 12.5px;
    line-height: 1.5;
}


/* ============================================================
   QUALITY COMMITMENT
   ============================================================ */

.aafr_peer_commitment {
    padding: 24px 28px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.13);
    border-left: 4px solid #2f7d32;
    border-radius: 11px;
}

.aafr_peer_commitment p {
    margin: 0;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 800px) {

    .aafr_peer_review {
        width: min(100% - 40px, 680px);
        margin-top: 28px;
    }

    .aafr_peer_intro,
    .aafr_peer_section,
    .aafr_peer_commitment {
        padding: 22px;
    }

    .aafr_peer_flow {
        grid-template-columns: 1fr 1fr;

        gap: 15px 20px;

        padding: 20px;
    }

    .aafr_peer_flow_arrow {
        display: none;
    }

    .aafr_peer_review ul {
        grid-template-columns: 1fr 1fr;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .aafr_peer_review {
        width: calc(100% - 30px);
        margin: 22px auto 30px;
    }

    .aafr_peer_intro {
        margin-bottom: 20px;
        padding: 20px 18px;
        border-left-width: 3px;
    }

    .aafr_peer_review h1 {
        font-size: 22px;
    }

    .aafr_peer_review h2 {
        font-size: 19px;
    }

    .aafr_peer_review p {
        font-size: 14px;
        line-height: 1.7;
    }

    .aafr_peer_flow {
        grid-template-columns: 1fr;

        gap: 10px;

        padding: 16px;
    }

    .aafr_peer_flow_item {
        padding: 9px;

        background: rgba(255,255,255,.045);

        border-radius: 7px;
    }

    .aafr_peer_section {
        margin-bottom: 18px;
        padding: 19px 18px;
    }

    .aafr_peer_heading {
        margin-bottom: 13px;
    }

    .aafr_peer_review ul {
        grid-template-columns: 1fr;
    }

    .aafr_peer_review li {
        padding: 10px 10px 10px 34px;

        font-size: 13.5px;
    }

    .aafr_decisions {
        grid-template-columns: 1fr;
    }

    .aafr_peer_commitment {
        padding: 19px 18px;
    }
}
/* ============================================================
   AAFR - CURRENT ISSUE
   ============================================================ */

.current_issue {
    width: min(1120px, calc(100% - 50px));
    margin: 38px auto 45px;
    padding: 0;

    color: #26352a;
    box-sizing: border-box;
}

.current_issue *,
.current_issue *::before,
.current_issue *::after {
    box-sizing: border-box;
}


/* ============================================================
   CURRENT ISSUE HEADING
   ============================================================ */

.current_issue > h2 {
    margin: 0 0 7px;

    color: #14361f;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.current_issue > h2::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 10px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   ISSUE TITLE
   ============================================================ */

.current_issue_title {
    margin: 17px 0 20px;

    color: #26352a;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}


/* ============================================================
   MAIN ISSUE BOX
   ============================================================ */

.current_issue .obj_issue_toc {
    display: grid;

    grid-template-columns: 260px minmax(0, 1fr);

    align-items: start;

    gap: 24px 30px;

    width: 100%;
    margin: 0;
    padding: 22px;

    background: #f4f6f2;

    border: 1px solid rgba(47,125,50,.12);
    border-radius: 13px;

    box-shadow: 0 7px 25px rgba(20,54,31,.06);
}


/* ============================================================
   ISSUE INFORMATION
   LEFT/RIGHT TOP AREA
   ============================================================ */

.current_issue .obj_issue_toc > .heading {
    display: grid;

    grid-template-columns: 260px minmax(0, 1fr);

    column-gap: 30px;

    grid-column: 1 / -1;

    width: 100%;
    min-width: 0;
    margin: 0;
}


/* ============================================================
   ISSUE COVER
   ============================================================ */

.current_issue .cover {
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 100%;
    margin: 0;

    text-align: center;
}

.current_issue .cover img {
    display: block;

    width: 100%;
    max-width: 250px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;

    border-radius: 7px;

    box-shadow: 0 8px 22px rgba(20,54,31,.14);
}


/* ============================================================
   DESCRIPTION - BESIDE COVER
   ============================================================ */

.current_issue .description {
    grid-column: 2;
    grid-row: 1;

    align-self: start;

    width: 100%;
    margin: 0 0 18px;

    padding-top: 5px;
}

.current_issue .description p {
    margin: 0;

    color: #46554b;

    font-size: 16px;
    line-height: 1.7;
}


/* ============================================================
   PUBLISHED - BESIDE COVER
   ============================================================ */

.current_issue .published {
    grid-column: 2;
    grid-row: 2;

    align-self: start;

    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 5px;

    width: 100%;

    margin: 0;
    padding-top: 15px;

    border-top: 1px solid rgba(20,54,31,.11);
}

.current_issue .published .label {
    color: #647067;

    font-size: 14px;
    font-weight: 600;
}

.current_issue .published .value {
    color: #2f7d32;

    font-size: 14px;
    font-weight: 700;
}


/* ============================================================
   ARTICLES SECTION
   ALWAYS BELOW ISSUE INFORMATION
   ============================================================ */

.current_issue .sections {
    grid-column: 1 / -1;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* ============================================================
   ARTICLES BOX
   ============================================================ */

.current_issue .section {
    width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;

    margin: 0;
    padding: 22px;

    background: #ffffff;

    border: 1px solid rgba(20,54,31,.09);
    border-radius: 11px;

    box-shadow: 0 5px 18px rgba(20,54,31,.045);
}


/* ============================================================
   ARTICLES HEADING
   ============================================================ */

.current_issue .section h3 {
    margin: 0 0 20px;

    padding-bottom: 11px;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;

    border-bottom: 1px solid rgba(20,54,31,.10);
}

.current_issue .section h3::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 10px;

    background: #2f7d32;
    border-radius: 10px;
}


/* ============================================================
   ARTICLE LIST
   ============================================================ */

.current_issue .cmp_article_list {
    display: flex;
    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 14px;
}

.current_issue .cmp_article_list > li {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* ============================================================
   INDIVIDUAL ARTICLE
   ============================================================ */

.current_issue .obj_article_summary {
    width: 100%;

    margin: 0;

    padding: 17px 19px;

    background: #f4f6f2;

    border: 1px solid rgba(20,54,31,.08);
    border-radius: 9px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.current_issue .obj_article_summary:hover {
    border-color: rgba(47,125,50,.22);

    box-shadow: 0 7px 18px rgba(20,54,31,.07);

    transform: translateY(-2px);
}


/* ============================================================
   ARTICLE TITLE
   ============================================================ */

.current_issue .obj_article_summary .title {
    margin: 0;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.current_issue .obj_article_summary .title a {
    color: #14361f;

    text-decoration: none;

    transition: color .2s ease;
}

.current_issue .obj_article_summary .title a:hover {
    color: #2f7d32;
}


/* ============================================================
   ARTICLE AUTHOR
   ============================================================ */

.current_issue .obj_article_summary .meta {
    margin: 9px 0 0;
}

.current_issue .obj_article_summary .authors {
    color: #647067;

    font-size: 13px;
    line-height: 1.55;
}


/* ============================================================
   GALLEY LINKS
   ============================================================ */

.current_issue .galleys_links {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin: 12px 0 0;
    padding: 0;

    list-style: none;
}

.current_issue .galleys_links li {
    margin: 0;
    padding: 0;
}

.current_issue .galleys_links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    background: #ffffff;

    border: 1px solid rgba(47,125,50,.15);
    border-radius: 20px;

    color: #2f7d32;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;
}

.current_issue .galleys_links a:hover {
    background: #2f7d32;
    color: #ffffff;
}


/* ============================================================
   VIEW ALL ISSUES
   ============================================================ */

.current_issue > .read_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 20px;
    padding: 11px 21px;

    background: #2f7d32;

    border-radius: 30px;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: 0 7px 18px rgba(47,125,50,.17);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.current_issue > .read_more:hover {
    background: #256428;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 10px 23px rgba(47,125,50,.22);
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 850px) {

    .current_issue {
        width: min(100% - 40px, 760px);
    }

    .current_issue .obj_issue_toc {
        grid-template-columns: 210px minmax(0, 1fr);

        gap: 22px;

        padding: 19px;
    }

    .current_issue .obj_issue_toc > .heading {
        grid-template-columns: 210px minmax(0, 1fr);
        column-gap: 22px;
    }

    .current_issue .cover img {
        max-width: 205px;
    }

    .current_issue .section {
        padding: 19px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .current_issue {
        width: calc(100% - 30px);

        margin: 25px auto 35px;
    }

    .current_issue > h2 {
        font-size: 22px;
    }

    .current_issue_title {
        margin: 14px 0 17px;

        font-size: 18px;
    }


    /* ISSUE BOX */

    .current_issue .obj_issue_toc {
        display: block;

        padding: 16px;
    }


    /* ISSUE INFORMATION */

    .current_issue .obj_issue_toc > .heading {
        display: grid;

        grid-template-columns: 1fr;

        gap: 0;
    }


    /* COVER */

    .current_issue .cover {
        grid-column: auto;
        grid-row: auto;

        margin-bottom: 18px;
    }

    .current_issue .cover img {
        width: auto;
        max-width: 210px;
        max-height: 330px;
    }


    /* DESCRIPTION */

    .current_issue .description {
        grid-column: auto;
        grid-row: auto;

        margin: 0 0 15px;

        padding: 0;
    }

    .current_issue .description p {
        font-size: 14px;
        line-height: 1.65;
    }


    /* PUBLISHED */

    .current_issue .published {
        grid-column: auto;
        grid-row: auto;

        padding-top: 13px;
    }


    /* ARTICLES */

    .current_issue .sections {
        margin-top: 20px;
    }

    .current_issue .section {
        padding: 16px;
    }

    .current_issue .section h3 {
        margin-bottom: 17px;

        font-size: 19px;
    }


    /* ARTICLE SPACING */

    .current_issue .cmp_article_list {
        gap: 12px;
    }

    .current_issue .obj_article_summary {
        padding: 14px;
    }

    .current_issue .obj_article_summary .title {
        font-size: 15px;
    }

    .current_issue .obj_article_summary .authors {
        font-size: 12.5px;
    }


    /* VIEW ALL */

    .current_issue > .read_more {
        width: 100%;

        margin-top: 17px;
    }
}
/* ============================================================
   AAFR - CURRENT ISSUE PAGE
   ============================================================ */

.obj_issue_toc {
    width: min(1120px, calc(100% - 50px));
    margin: 40px auto 50px;
    padding: 22px;

    color: #26352a;

    background: #f4f6f2;

    border: 1px solid rgba(47, 125, 50, .12);
    border-radius: 13px;

    box-shadow: 0 7px 25px rgba(20, 54, 31, .06);

    box-sizing: border-box;
}


/* ============================================================
   GLOBAL BOX SIZING
   ============================================================ */

.obj_issue_toc *,
.obj_issue_toc *::before,
.obj_issue_toc *::after {
    box-sizing: border-box;
}


/* ============================================================
   ISSUE HEADING AREA
   COVER + DESCRIPTION + PUBLISHED
   ============================================================ */

.obj_issue_toc > .heading {
    display: grid;

    grid-template-columns: 260px minmax(0, 1fr);

    column-gap: 30px;
    row-gap: 0;

    width: 100%;
    min-width: 0;

    margin: 0;
}


/* ============================================================
   ISSUE COVER
   ============================================================ */

.obj_issue_toc .cover {
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 100%;

    margin: 0;

    text-align: center;
}

.obj_issue_toc .cover img {
    display: block;

    width: 100%;
    max-width: 250px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;

    border-radius: 7px;

    box-shadow: 0 8px 22px rgba(20, 54, 31, .14);
}


/* ============================================================
   DESCRIPTION
   ============================================================ */

.obj_issue_toc .description {
    grid-column: 2;
    grid-row: 1;

    align-self: start;

    width: 100%;
    min-width: 0;

    margin: 0 0 18px;

    padding-top: 5px;
}

.obj_issue_toc .description p {
    margin: 0;

    color: #46554b;

    font-size: 16px;
    line-height: 1.7;
}


/* ============================================================
   PUBLISHED DATE
   ============================================================ */

.obj_issue_toc .published {
    grid-column: 2;
    grid-row: 2;

    align-self: start;

    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 5px;

    width: 100%;

    margin: 0;

    padding-top: 15px;

    border-top: 1px solid rgba(20, 54, 31, .11);
}

.obj_issue_toc .published .label {
    color: #647067;

    font-size: 14px;
    font-weight: 600;
}

.obj_issue_toc .published .value {
    color: #2f7d32;

    font-size: 14px;
    font-weight: 700;
}


/* ============================================================
   ARTICLES SECTION
   ALWAYS BELOW ISSUE INFORMATION
   ============================================================ */

.obj_issue_toc .sections {
    display: block;

    width: 100%;
    min-width: 0;

    margin: 25px 0 0;
    padding: 0;
}


/* ============================================================
   ARTICLES BOX
   ============================================================ */

.obj_issue_toc .section {
    display: block;

    width: 100%;
    min-width: 0;

    height: auto !important;
    min-height: 0 !important;

    margin: 0;
    padding: 22px;

    background: #ffffff;

    border: 1px solid rgba(20, 54, 31, .09);
    border-radius: 11px;

    box-shadow: 0 5px 18px rgba(20, 54, 31, .045);
}


/* ============================================================
   ARTICLES HEADING
   CURRENT PAGE USES H2
   ============================================================ */

.obj_issue_toc .section h2 {
    margin: 0 0 20px;

    padding-bottom: 11px;

    color: #14361f;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;

    border-bottom: 1px solid rgba(20, 54, 31, .10);
}

.obj_issue_toc .section h2::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 10px;

    background: #2f7d32;

    border-radius: 10px;
}


/* ============================================================
   ARTICLE LIST
   ============================================================ */

.obj_issue_toc .cmp_article_list {
    display: flex;

    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 14px;
}


/* ============================================================
   ARTICLE LIST ITEM
   ============================================================ */

.obj_issue_toc .cmp_article_list > li {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* ============================================================
   INDIVIDUAL ARTICLE
   ============================================================ */

.obj_issue_toc .obj_article_summary {
    display: block;

    width: 100%;

    margin: 0;

    padding: 17px 19px;

    background: #f4f6f2;

    border: 1px solid rgba(20, 54, 31, .08);

    border-radius: 9px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


/* ============================================================
   ARTICLE HOVER
   ============================================================ */

.obj_issue_toc .obj_article_summary:hover {
    border-color: rgba(47, 125, 50, .22);

    box-shadow: 0 7px 18px rgba(20, 54, 31, .07);

    transform: translateY(-2px);
}


/* ============================================================
   ARTICLE TITLE
   ============================================================ */

.obj_issue_toc .obj_article_summary .title {
    display: block;

    margin: 0;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.obj_issue_toc .obj_article_summary .title a {
    color: #14361f;

    text-decoration: none;

    transition: color .2s ease;
}

.obj_issue_toc .obj_article_summary .title a:hover {
    color: #2f7d32;
}


/* ============================================================
   ARTICLE META
   ============================================================ */

.obj_issue_toc .obj_article_summary .meta {
    margin: 9px 0 0;
}

.obj_issue_toc .obj_article_summary .authors {
    color: #647067;

    font-size: 13px;
    line-height: 1.55;
}


/* ============================================================
   GALLEY LINKS
   ============================================================ */

.obj_issue_toc .galleys_links {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin: 12px 0 0;
    padding: 0;

    list-style: none;
}

.obj_issue_toc .galleys_links li {
    margin: 0;
    padding: 0;
}

.obj_issue_toc .galleys_links a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    background: #ffffff;

    border: 1px solid rgba(47, 125, 50, .15);

    border-radius: 20px;

    color: #2f7d32;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.obj_issue_toc .galleys_links a:hover {
    background: #2f7d32;

    border-color: #2f7d32;

    color: #ffffff;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 850px) {

    .obj_issue_toc {
        width: min(100% - 40px, 760px);

        margin: 32px auto 40px;

        padding: 19px;
    }


    /* ISSUE INFORMATION */

    .obj_issue_toc > .heading {
        grid-template-columns: 210px minmax(0, 1fr);

        column-gap: 22px;
    }


    /* COVER */

    .obj_issue_toc .cover img {
        max-width: 205px;
    }


    /* DESCRIPTION */

    .obj_issue_toc .description p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* ARTICLES */

    .obj_issue_toc .section {
        padding: 19px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .obj_issue_toc {
        width: calc(100% - 30px);

        margin: 25px auto 35px;

        padding: 16px;

        border-radius: 11px;
    }


    /* ========================================================
       ISSUE INFORMATION
       ======================================================== */

    .obj_issue_toc > .heading {
        display: grid;

        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 0;
    }


    /* ========================================================
       COVER
       ======================================================== */

    .obj_issue_toc .cover {
        grid-column: auto;
        grid-row: auto;

        width: 100%;

        margin: 0 0 18px;
    }

    .obj_issue_toc .cover img {
        width: auto;
        max-width: 210px;
        max-height: 330px;
    }


    /* ========================================================
       DESCRIPTION
       ======================================================== */

    .obj_issue_toc .description {
        grid-column: auto;
        grid-row: auto;

        width: 100%;

        margin: 0 0 15px;

        padding: 0;
    }

    .obj_issue_toc .description p {
        font-size: 14px;
        line-height: 1.65;
    }


    /* ========================================================
       PUBLISHED
       ======================================================== */

    .obj_issue_toc .published {
        grid-column: auto;
        grid-row: auto;

        padding-top: 13px;
    }


    /* ========================================================
       ARTICLES SECTION
       ======================================================== */

    .obj_issue_toc .sections {
        margin-top: 20px;
    }


    /* ========================================================
       ARTICLES BOX
       ======================================================== */

    .obj_issue_toc .section {
        padding: 16px;

        border-radius: 9px;
    }


    /* ========================================================
       ARTICLES HEADING
       ======================================================== */

    .obj_issue_toc .section h2 {
        margin-bottom: 17px;

        font-size: 19px;
    }


    /* ========================================================
       ARTICLE LIST SPACING
       ======================================================== */

    .obj_issue_toc .cmp_article_list {
        gap: 12px;
    }


    /* ========================================================
       ARTICLE
       ======================================================== */

    .obj_issue_toc .obj_article_summary {
        padding: 14px;
    }


    /* ========================================================
       ARTICLE TITLE
       ======================================================== */

    .obj_issue_toc .obj_article_summary .title {
        font-size: 15px;

        line-height: 1.5;
    }


    /* ========================================================
       AUTHORS
       ======================================================== */

    .obj_issue_toc .obj_article_summary .authors {
        font-size: 12.5px;
    }


    /* ========================================================
       GALLEY LINKS
       ======================================================== */

    .obj_issue_toc .galleys_links {
        gap: 6px;

        margin-top: 10px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 420px) {

    .obj_issue_toc {
        width: calc(100% - 20px);

        padding: 13px;
    }

    .obj_issue_toc .cover img {
        max-width: 185px;
        max-height: 290px;
    }

    .obj_issue_toc .section {
        padding: 14px;
    }

    .obj_issue_toc .obj_article_summary {
        padding: 13px;
    }

    .obj_issue_toc .obj_article_summary .title {
        font-size: 14px;
    }

}
/* ============================================================
   AAFR - ARCHIVES PAGE
   ============================================================ */


/* ============================================================
   ARCHIVE PAGE CONTAINER
   ============================================================ */

.page_issue_archive {
    width: min(1120px, calc(100% - 50px));

    margin: 38px auto 50px;

    color: #26352a;

    box-sizing: border-box;
}

.page_issue_archive *,
.page_issue_archive *::before,
.page_issue_archive *::after {
    box-sizing: border-box;
}


/* ============================================================
   BREADCRUMBS
   ============================================================ */

.page_issue_archive .cmp_breadcrumbs {
    margin: 0 0 18px;

    color: #647067;

    font-size: 13px;
}

.page_issue_archive .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 6px;
}

.page_issue_archive .cmp_breadcrumbs li {
    display: inline-flex;
    align-items: center;

    margin: 0;
    padding: 0;
}

.page_issue_archive .cmp_breadcrumbs a {
    color: #2f7d32;

    text-decoration: none;

    transition: color .2s ease;
}

.page_issue_archive .cmp_breadcrumbs a:hover {
    color: #14361f;
}

.page_issue_archive .cmp_breadcrumbs .separator {
    margin: 0 3px;

    color: #9aa49d;
}

.page_issue_archive .cmp_breadcrumbs .current {
    color: #647067;
}


/* ============================================================
   ARCHIVES PAGE HEADING
   ============================================================ */

.page_issue_archive > h1 {
    margin: 0 0 25px;

    color: #14361f;

    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
}

.page_issue_archive > h1::after {
    content: "";

    display: block;

    width: 45px;
    height: 3px;

    margin-top: 10px;

    background: #2f7d32;

    border-radius: 10px;
}


/* ============================================================
   ISSUES ARCHIVE LIST
   ============================================================ */

.page_issue_archive .issues_archive {
    display: flex;

    flex-direction: column;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 18px;
}

.page_issue_archive .issues_archive > li {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* ============================================================
   ISSUE SUMMARY CARD
   ============================================================ */

.page_issue_archive .obj_issue_summary {
    display: grid;

    grid-template-columns: 220px minmax(0, 1fr);

    column-gap: 28px;
    row-gap: 0;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 22px;

    background: #f4f6f2;

    border: 1px solid rgba(47, 125, 50, .12);

    border-radius: 13px;

    box-shadow: 0 7px 25px rgba(20, 54, 31, .06);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


/* ============================================================
   CARD HOVER
   ============================================================ */

.page_issue_archive .obj_issue_summary:hover {
    border-color: rgba(47, 125, 50, .22);

    box-shadow: 0 10px 28px rgba(20, 54, 31, .09);

    transform: translateY(-2px);
}


/* ============================================================
   ISSUE COVER
   ============================================================ */

.page_issue_archive .obj_issue_summary .cover {
    grid-column: 1;
    grid-row: 1 / span 3;

    display: block;

    width: 100%;

    margin: 0;

    text-align: center;

    text-decoration: none;
}

.page_issue_archive .obj_issue_summary .cover img {
    display: block;

    width: 100%;
    max-width: 210px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;

    border-radius: 7px;

    box-shadow: 0 8px 22px rgba(20, 54, 31, .14);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.page_issue_archive .obj_issue_summary:hover .cover img {
    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(20, 54, 31, .17);
}


/* ============================================================
   ISSUE TITLE
   ============================================================ */

.page_issue_archive .obj_issue_summary > h2 {
    grid-column: 2;
    grid-row: 1;

    min-width: 0;

    margin: 2px 0 0;

    padding: 0 0 13px;

    border-bottom: 1px solid rgba(20, 54, 31, .10);
}

.page_issue_archive .obj_issue_summary > h2 .title {
    display: block;

    margin: 0;

    color: #14361f;

    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;

    text-decoration: none;

    transition: color .2s ease;
}

.page_issue_archive .obj_issue_summary > h2 .title:hover {
    color: #2f7d32;
}


/* ============================================================
   VOLUME / ISSUE / YEAR
   ============================================================ */

.page_issue_archive .obj_issue_summary .series {
    display: block;

    margin-top: 7px;

    color: #2f7d32;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}


/* ============================================================
   DESCRIPTION
   ============================================================ */

.page_issue_archive .obj_issue_summary > .description {
    grid-column: 2;
    grid-row: 2;

    width: 100%;
    min-width: 0;

    margin: 17px 0 0;

    padding: 0;
}

.page_issue_archive .obj_issue_summary > .description p {
    margin: 0;

    color: #46554b;

    font-size: 15px;
    line-height: 1.7;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 850px) {

    .page_issue_archive {
        width: min(100% - 40px, 760px);

        margin: 32px auto 40px;
    }


    /* ISSUE CARD */

    .page_issue_archive .obj_issue_summary {
        grid-template-columns: 185px minmax(0, 1fr);

        column-gap: 22px;

        padding: 19px;
    }


    /* COVER */

    .page_issue_archive .obj_issue_summary .cover img {
        max-width: 175px;
    }


    /* TITLE */

    .page_issue_archive .obj_issue_summary > h2 .title {
        font-size: 19px;
    }


    /* DESCRIPTION */

    .page_issue_archive .obj_issue_summary > .description p {
        font-size: 14px;
        line-height: 1.65;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .page_issue_archive {
        width: calc(100% - 30px);

        margin: 25px auto 35px;
    }


    /* PAGE HEADING */

    .page_issue_archive > h1 {
        margin-bottom: 20px;

        font-size: 23px;
    }


    /* BREADCRUMBS */

    .page_issue_archive .cmp_breadcrumbs {
        margin-bottom: 15px;

        font-size: 12px;
    }


    /* ARCHIVE LIST */

    .page_issue_archive .issues_archive {
        gap: 15px;
    }


    /* ISSUE CARD */

    .page_issue_archive .obj_issue_summary {
        display: block;

        width: 100%;

        padding: 16px;

        border-radius: 11px;
    }


    /* ========================================================
       COVER
       ======================================================== */

    .page_issue_archive .obj_issue_summary .cover {
        display: block;

        width: 100%;

        margin: 0 0 18px;
    }

    .page_issue_archive .obj_issue_summary .cover img {
        width: auto;

        max-width: 205px;
        max-height: 320px;

        margin: 0 auto;
    }


    /* ========================================================
       TITLE
       ======================================================== */

    .page_issue_archive .obj_issue_summary > h2 {
        width: 100%;

        margin: 0;

        padding-bottom: 11px;
    }

    .page_issue_archive .obj_issue_summary > h2 .title {
        font-size: 18px;

        line-height: 1.45;
    }


    /* ========================================================
       SERIES
       ======================================================== */

    .page_issue_archive .obj_issue_summary .series {
        margin-top: 6px;

        font-size: 13px;
    }


    /* ========================================================
       DESCRIPTION
       ======================================================== */

    .page_issue_archive .obj_issue_summary > .description {
        width: 100%;

        margin: 14px 0 0;
    }

    .page_issue_archive .obj_issue_summary > .description p {
        font-size: 14px;

        line-height: 1.65;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 420px) {

    .page_issue_archive {
        width: calc(100% - 20px);
    }

    .page_issue_archive > h1 {
        font-size: 21px;
    }

    .page_issue_archive .obj_issue_summary {
        padding: 13px;
    }

    .page_issue_archive .obj_issue_summary .cover {
        margin-bottom: 15px;
    }

    .page_issue_archive .obj_issue_summary .cover img {
        max-width: 180px;
        max-height: 290px;
    }

    .page_issue_archive .obj_issue_summary > h2 .title {
        font-size: 16px;
    }

    .page_issue_archive .obj_issue_summary .series {
        font-size: 12.5px;
    }

    .page_issue_archive .obj_issue_summary > .description p {
        font-size: 13px;
    }
}


/* =========================================================
   AAFR EDITORIAL TEAM
   ========================================================= */

.aafr_editorial_team {
    width: min(1120px, calc(100% - 40px));
    margin: 45px auto 70px;
    color: #415047;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================================================
   INTRO
   ========================================================= */

.aafr_editorial_intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 45px;
}

.aafr_editorial_intro_content {
    flex: 1;
}

.aafr_editorial_label {
    display: inline-block;
    margin-bottom: 7px;
    color: #2f7d32;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.aafr_editorial_intro h1 {
    margin: 0;
    color: #14361f;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 700;
}

.aafr_editorial_line {
    width: 68px;
    height: 4px;
    margin: 17px 0 19px;
    background: #2f7d32;
    border-radius: 10px;
}

.aafr_editorial_intro p {
    max-width: 720px;
    margin: 0;
    color: #536158;
    font-size: 16px;
}

.aafr_editorial_intro p strong {
    color: #14361f;
}


/* =========================================================
   INTRO ICON PANEL
   ========================================================= */

.aafr_editorial_intro_icon {
    width: 280px;
    height: 130px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1f6ef;
    border: 1px solid #dce8da;
    border-radius: 18px;

    position: relative;
    overflow: hidden;
}

.aafr_editorial_intro_icon::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -60px;
    bottom: -100px;
    border-radius: 50%;
    background: rgba(47, 125, 50, 0.08);
}

.aafr_editorial_intro_icon span {
    position: relative;
    z-index: 1;
    color: #2f7d32;
    font-size: 55px;
}


/* =========================================================
   GROUP
   ========================================================= */

.aafr_editorial_group {
    margin-bottom: 38px;
}


/* =========================================================
   GROUP HEADING
   ========================================================= */

.aafr_editorial_group_title {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #b9d3ba;
}

.aafr_editorial_group_title::after {
    content: "";
    flex: 1;
}

.aafr_editorial_group_icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    color: #2f7d32;
    font-size: 25px;
    line-height: 1;
}

.aafr_editorial_group_title h2 {
    margin: 0;
    color: #14361f;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   EDITOR CARD
   ========================================================= */

.aafr_editor_card {
    display: flex;
    align-items: flex-start;
    gap: 38px;

    padding: 20px 28px;
    margin-bottom: 12px;

    background: #ffffff;
    border: 1px solid #e1e8e1;
    border-radius: 12px;

    box-shadow: 0 3px 12px rgba(20, 54, 31, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.aafr_editor_card:hover {
    transform: translateY(-2px);
    border-color: #c9dcc9;
    box-shadow: 0 8px 22px rgba(20, 54, 31, 0.10);
}


/* =========================================================
   FEATURED EDITOR
   ========================================================= */

.aafr_editor_featured {
    padding: 20px 28px;
}


/* =========================================================
   PHOTO
   ========================================================= */

.aafr_editor_photo {
    width: 175px;
    height: 175px;
    flex: 0 0 175px;

    overflow: hidden;
    border-radius: 8px;
    background: #eef2ed;
}

.aafr_editor_photo img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.aafr_editor_card:hover .aafr_editor_photo img {
    transform: scale(1.035);
}


/* =========================================================
   INFORMATION
   ========================================================= */

.aafr_editor_info {
    flex: 1;
    min-width: 0;
    padding-top: 5px;
}

.aafr_editor_info h3 {
    margin: 0 0 10px;

    color: #14361f;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================================
   AFFILIATION
   ========================================================= */

.aafr_editor_affiliation,
.aafr_editor_research {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    margin: 0 0 9px;

    font-size: 15px;
    line-height: 1.65;
}

.aafr_editor_affiliation {
    color: #283b2e;
}

.aafr_editor_research {
    color: #68766d;
}


/* =========================================================
   ICONS
   ========================================================= */

.aafr_editor_icon {
    flex: 0 0 20px;

    width: 20px;

    color: #2f7d32;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}


/* =========================================================
   EDITORIAL FOOTER
   ========================================================= */

.aafr_editorial_footer {
    position: relative;
    overflow: hidden;

    margin-top: 45px;
    padding: 30px 34px;

    background: #14361f;
    border-radius: 16px;

    text-align: center;
}

.aafr_editorial_footer::after {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    right: -80px;
    top: -90px;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.aafr_editorial_footer h2 {
    position: relative;
    z-index: 1;

    margin: 0 0 8px;

    color: #ffffff;
    font-size: 20px;
}

.aafr_editorial_footer p {
    position: relative;
    z-index: 1;

    max-width: 850px;
    margin: 0 auto;

    color: #dce9de;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .aafr_editorial_team {
        width: min(100% - 30px, 850px);
        margin-top: 30px;
    }

    .aafr_editorial_intro {
        gap: 25px;
    }

    .aafr_editorial_intro_icon {
        width: 220px;
        height: 115px;
    }

    .aafr_editor_card {
        gap: 25px;
        padding: 18px 22px;
    }

    .aafr_editor_photo {
        width: 150px;
        height: 150px;
        flex-basis: 150px;
    }

    .aafr_editor_info h3 {
        font-size: 21px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .aafr_editorial_team {
        width: calc(100% - 24px);
        margin: 25px auto 45px;
        font-size: 15px;
    }

    /* Intro */

    .aafr_editorial_intro {
        display: block;
        margin-bottom: 32px;
    }

    .aafr_editorial_intro h1 {
        font-size: 34px;
    }

    .aafr_editorial_intro p {
        font-size: 15px;
    }

    .aafr_editorial_intro_icon {
        display: none;
    }

    /* Group */

    .aafr_editorial_group {
        margin-bottom: 30px;
    }

    .aafr_editorial_group_title {
        margin-bottom: 12px;
    }

    .aafr_editorial_group_title h2 {
        font-size: 20px;
    }

    /* Cards */

    .aafr_editor_card,
    .aafr_editor_featured {
        display: block;
        padding: 20px;
        border-radius: 12px;
    }

    .aafr_editor_photo {
        width: 135px;
        height: 135px;
        margin-bottom: 18px;
    }

    .aafr_editor_info {
        padding-top: 0;
    }

    .aafr_editor_info h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .aafr_editor_affiliation,
    .aafr_editor_research {
        font-size: 14px;
        gap: 9px;
    }

    .aafr_editorial_footer {
        padding: 25px 20px;
        margin-top: 35px;
    }

    .aafr_editorial_footer h2 {
        font-size: 21px;
    }

    .aafr_editorial_footer p {
        font-size: 14px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .aafr_editorial_team {
        width: calc(100% - 16px);
    }

    .aafr_editorial_intro h1 {
        font-size: 29px;
    }

    .aafr_editorial_label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .aafr_editorial_group_title h2 {
        font-size: 19px;
    }

    .aafr_editor_card {
        padding: 17px;
    }

    .aafr_editor_photo {
        width: 120px;
        height: 120px;
    }

    .aafr_editor_info h3 {
        font-size: 19px;
    }

    .aafr_editor_affiliation,
    .aafr_editor_research {
        font-size: 13.5px;
        line-height: 1.55;
    }

    .aafr_editorial_footer {
        padding: 22px 17px;
    }
}