/* =========================================================
   IJPHR PROFESSIONAL ARCHIVE — FINAL
   ========================================================= */


/* ---------------------------------------------------------
   ARCHIVE ONLY — REMOVE SIDEBAR
   --------------------------------------------------------- */

body.pkp_page_issue.pkp_op_archive
.pkp_structure_sidebar {

    display: none !important;
}


body.pkp_page_issue.pkp_op_archive
.pkp_structure_content {

    display: block !important;

    width: 100% !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 28px !important;
    padding-right: 28px !important;

    background: transparent !important;
}


body.pkp_page_issue.pkp_op_archive
.pkp_structure_main {

    float: none !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        0 0 45px !important;

    background: transparent !important;
}


/* ---------------------------------------------------------
   ARCHIVE PAGE
   --------------------------------------------------------- */

.ijphr_archive_pro {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        0 !important;
}


/* ---------------------------------------------------------
   ARCHIVE HEADER
   --------------------------------------------------------- */

.ijphr_archive_header {

    position: relative;

    margin:
        18px 0 28px;

    padding:
        27px 30px 25px;

    overflow: hidden;

    background:
        linear-gradient(
            125deg,
            #0a2946 0%,
            #0b3659 58%,
            #0f7c8d 100%
        );

    border-radius:
        14px;

    box-shadow:
        0 10px 28px
        rgba(10,45,70,.14);
}


.ijphr_archive_header::after {

    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -80px;
    top: -110px;

    border-radius: 50%;

    border:
        45px solid
        rgba(255,255,255,.055);
}


.ijphr_archive_kicker {

    display: block;

    margin-bottom: 7px;

    color: #d9b75b;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size: 10.5px;

    font-weight: 800;

    letter-spacing: 1.25px;

    line-height: 1.2;
}


.ijphr_archive_header h1 {

    margin:
        0 0 6px !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        31px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    border:
        0 !important;

    background:
        transparent !important;
}


.ijphr_archive_header p {

    max-width: 760px;

    margin:
        0 !important;

    color:
        #dbe8ef !important;

    font-size:
        13.5px !important;

    line-height:
        1.55 !important;
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.ijphr_archive_grid {

    display: grid !important;

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

    gap:
        18px !important;

    width:
        100% !important;
}


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.ijphr_archive_card {

    position: relative;

    min-width: 0;

    min-height: 166px;

    overflow: hidden;

    background:
        #ffffff;

    border:
        1px solid #dce5eb;

    border-radius:
        12px;

    box-shadow:
        0 4px 14px
        rgba(21,50,70,.055);

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


.ijphr_archive_card::before {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #0f7c8d,
            #2ca7b4
        );
}


.ijphr_archive_card:hover {

    transform:
        translateY(-3px);

    border-color:
        #b6d3da;

    box-shadow:
        0 12px 26px
        rgba(20,55,75,.12);
}


/* latest */

.ijphr_archive_latest {

    border-color:
        #dac77e;
}


.ijphr_archive_latest::before {

    background:
        linear-gradient(
            90deg,
            #c9972b,
            #e2bb59
        );
}


/* ---------------------------------------------------------
   WHOLE CARD LINK
   --------------------------------------------------------- */

.ijphr_archive_card_link,
.ijphr_archive_card_link:link,
.ijphr_archive_card_link:visited {

    display: grid !important;

    grid-template-columns:
        74px minmax(0,1fr) !important;

    gap:
        17px !important;

    width:
        100% !important;

    min-height:
        166px !important;

    padding:
        22px 20px 18px !important;

    color:
        inherit !important;

    background:
        transparent !important;

    text-decoration:
        none !important;
}


.ijphr_archive_card_link:hover {

    text-decoration:
        none !important;
}


/* ---------------------------------------------------------
   MINI ISSUE VISUAL
   --------------------------------------------------------- */

.ijphr_archive_visual {

    width:
        74px;

    min-width:
        74px;
}


.ijphr_archive_mark {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width:
        68px;

    height:
        92px;

    margin-top:
        2px;

    background:
        linear-gradient(
            150deg,
            #0b2d4d,
            #0f7c8d
        );

    border-radius:
        6px 6px 8px 8px;

    box-shadow:
        0 5px 13px
        rgba(10,45,70,.15);

    border-bottom:
        5px solid #c9972b;
}


.ijphr_mark_name {

    color:
        #ffffff;

    font-size:
        14px;

    font-weight:
        800;

    letter-spacing:
        .4px;
}


.ijphr_mark_type {

    margin-top:
        3px;

    color:
        #d6e9ed;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.1px;
}


/* Actual issue cover */

.ijphr_archive_cover {

    display:
        block;

    width:
        68px;

    height:
        96px;

    object-fit:
        cover;

    border:
        1px solid #d6e0e6;

    border-radius:
        6px;

    box-shadow:
        0 5px 13px
        rgba(20,50,70,.13);
}


/* ---------------------------------------------------------
   CARD CONTENT
   --------------------------------------------------------- */

.ijphr_archive_content {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;
}


.ijphr_archive_topline {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    min-height:
        20px;

    margin-bottom:
        8px;
}


.ijphr_archive_type {

    color:
        #7b8c98;

    font-size:
        9.5px;

    font-weight:
        800;

    letter-spacing:
        .75px;
}


.ijphr_latest_badge {

    flex:
        0 0 auto;

    padding:
        3px 7px;

    color:
        #71520b;

    background:
        #fff5d8;

    border:
        1px solid #ead28e;

    border-radius:
        16px;

    font-size:
        8.5px;

    font-weight:
        800;

    letter-spacing:
        .45px;
}


/* ---------------------------------------------------------
   ISSUE TITLE
   --------------------------------------------------------- */

.ijphr_archive_title {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #173c59 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        19px !important;

    font-weight:
        700 !important;

    line-height:
        1.32 !important;

    text-transform:
        none !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


.ijphr_archive_card:hover
.ijphr_archive_title {

    color:
        #0b6170 !important;
}


/* descriptive title + volume series */

.ijphr_archive_series {

    margin-top:
        5px;

    color:
        #647786;

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.35;
}


/* ---------------------------------------------------------
   DESCRIPTION
   --------------------------------------------------------- */

.ijphr_archive_description {

    display:
        -webkit-box;

    -webkit-line-clamp:
        2;

    -webkit-box-orient:
        vertical;

    overflow:
        hidden;

    margin-top:
        8px;

    color:
        #657683;

    font-size:
        12px;

    line-height:
        1.45;
}


/* ---------------------------------------------------------
   VIEW ISSUE
   --------------------------------------------------------- */

.ijphr_archive_action {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin-top:
        auto;

    padding-top:
        13px;

    color:
        #0f7c8d;

    font-size:
        11.5px;

    font-weight:
        750;

    line-height:
        1.2;
}


.ijphr_archive_arrow {

    font-size:
        15px;

    transition:
        transform .16s ease;
}


.ijphr_archive_card:hover
.ijphr_archive_arrow {

    transform:
        translateX(3px);
}


/* ---------------------------------------------------------
   PAGINATION
   --------------------------------------------------------- */

.ijphr_archive_pagination {

    margin-top:
        28px;

    padding-top:
        17px;

    border-top:
        1px solid #e1e8ed;
}


.ijphr_archive_pagination
.cmp_pagination {

    display:
        flex !important;

    justify-content:
        center !important;

    align-items:
        center !important;

    gap:
        7px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ---------------------------------------------------------
   EMPTY
   --------------------------------------------------------- */

.ijphr_archive_empty {

    padding:
        25px;

    background:
        #ffffff;

    border:
        1px solid #dce5eb;

    border-radius:
        10px;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media screen and (max-width: 1180px) {

    .ijphr_archive_grid {

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

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media screen and (max-width: 720px) {

    body.pkp_page_issue.pkp_op_archive
    .pkp_structure_content {

        padding-left:
            13px !important;

        padding-right:
            13px !important;
    }


    .ijphr_archive_header {

        padding:
            22px 19px;

        margin-bottom:
            18px;

        border-radius:
            10px;
    }


    .ijphr_archive_header h1 {

        font-size:
            26px !important;
    }


    .ijphr_archive_grid {

        grid-template-columns:
            1fr !important;

        gap:
            11px !important;
    }


    .ijphr_archive_card_link {

        grid-template-columns:
            58px minmax(0,1fr) !important;

        gap:
            13px !important;

        min-height:
            140px !important;

        padding:
            18px 15px 15px !important;
    }


    .ijphr_archive_visual {

        width:
            58px;

        min-width:
            58px;
    }


    .ijphr_archive_mark {

        width:
            54px;

        height:
            76px;
    }


    .ijphr_archive_cover {

        width:
            54px;

        height:
            76px;
    }


    .ijphr_mark_name {

        font-size:
            11px;
    }


    .ijphr_archive_title {

        font-size:
            17px !important;
    }

}


/* =========================================================
   END IJPHR PROFESSIONAL ARCHIVE — FINAL
   ========================================================= */