/* =========================================================
   CANCER SARTHI - OJS JOURNAL STYLESHEET
   ========================================================= */

:root {
    --cs-navy: #062f43;
    --cs-navy2: #0b435b;
    --cs-gold: #b89452;
    --cs-gold2: #d8bd7c;
    --cs-cream: #f7f4ed;
    --cs-text: #1c2930;
    --cs-border: #e4e7e8;
    --cs-white: #ffffff;

    --cs-shadow:
        0 12px 35px rgba(6, 47, 67, 0.10);
}


/* =========================================================
   GLOBAL
   ========================================================= */

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;

    background: #fafafa;
    color: var(--cs-text);

    font-family: "Noto Sans", Arial, sans-serif;
    line-height: 1.7;
}

a {
    color: var(--cs-navy);
    text-decoration: none;
    transition: all 0.25s ease;
}

a:hover {
    color: var(--cs-gold);
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3,
h4 {
    color: var(--cs-navy);
    font-weight: 700;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
}

.title {
    color: var(--cs-navy);
}

.title a {
    color: var(--cs-navy);
}

.title a:hover {
    color: var(--cs-gold);
}


/* =========================================================
   HEADER
   ========================================================= */

.pkp_structure_head {
    background:
        linear-gradient(
            135deg,
            var(--cs-navy),
            #031f2d
        );

    border-bottom: 3px solid var(--cs-gold);

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.12);
}

.pkp_head_wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
}

.pkp_site_name {
    margin: 0;
}

.pkp_site_name > a {
    color: #fff !important;

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

    letter-spacing: 0.2px;
}

.pkp_navigation_primary > li > a {
    color: #fff !important;

    font-weight: 600;

    padding: 14px 18px;

    border-bottom: 2px solid transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--cs-gold2) !important;

    border-bottom-color: var(--cs-gold);
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.pkp_structure_content {
    padding-top: 45px;
    padding-bottom: 55px;
}


/* =========================================================
   HOMEPAGE ABOUT
   ========================================================= */

.pkp_page_index .homepage_about {
    background:
        linear-gradient(
            135deg,
            #fff,
            var(--cs-cream)
        );

    border-left: 5px solid var(--cs-gold);

    padding: 35px 40px;
    margin-bottom: 35px;

    border-radius: 0 12px 12px 0;

    box-shadow: var(--cs-shadow);
}

.pkp_page_index .homepage_about h2 {
    color: var(--cs-navy);

    font-size: 30px;
    line-height: 1.25;

    margin-top: 0;
}

.pkp_page_index .homepage_about::after {
    content: "";

    display: block;

    width: 70px;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--cs-gold),
            transparent
        );

    margin-top: 22px;
}


/* =========================================================
   CURRENT ISSUE
   ========================================================= */

.current_issue {
    background: #fff;

    padding: 30px;

    border: 1px solid var(--cs-border);
    border-radius: 14px;

    box-shadow: var(--cs-shadow);
}

.current_issue h2 {
    border-bottom: 2px solid var(--cs-gold);

    padding-bottom: 12px;
    margin-bottom: 25px;
}


/* =========================================================
   ISSUE / ARTICLE CARDS
   ========================================================= */

.obj_issue_summary,
.obj_article_summary {
    background: #fff;

    border: 1px solid var(--cs-border);
    border-radius: 12px;

    padding: 24px;
    margin-bottom: 18px;

    box-shadow:
        0 5px 18px rgba(6, 47, 67, 0.05);

    transition: all 0.25s ease;
}

.obj_issue_summary:hover,
.obj_article_summary:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 32px rgba(6, 47, 67, 0.11);
}


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

.cmp_button,
.pkp_button,
button,
input[type="submit"] {
    background: var(--cs-navy) !important;
    color: #fff !important;

    border: 1px solid var(--cs-navy) !important;
    border-radius: 6px !important;

    padding: 10px 20px !important;

    font-weight: 600;

    transition: all 0.25s ease;
}

.cmp_button:hover,
.pkp_button:hover,
button:hover,
input[type="submit"]:hover {
    background: var(--cs-gold) !important;

    border-color: var(--cs-gold) !important;

    color: #fff !important;
}


/* =========================================================
   SIDEBAR BLOCK
   ========================================================= */

.pkp_block {
    background: #fff;

    border: 1px solid var(--cs-border);
    border-radius: 12px;

    padding: 20px;
    margin-bottom: 22px;

    box-shadow:
        0 6px 20px rgba(6, 47, 67, 0.06);
}

.pkp_block .title {
    color: var(--cs-navy);

    font-size: 18px;

    border-bottom: 2px solid var(--cs-gold);

    padding-bottom: 10px;
}


/* =========================================================
   FORM ELEMENTS
   ========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea,
select {
    border: 1px solid #ccd4d8 !important;

    border-radius: 6px !important;

    padding: 11px 13px !important;

    background: #fff !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--cs-gold) !important;

    box-shadow:
        0 0 0 3px rgba(184, 148, 82, 0.14) !important;

    outline: none;
}


/* =========================================================
   TABLE
   ========================================================= */

table {
    border-collapse: separate;
    border-spacing: 0;

    width: 100%;

    background: #fff;

    border: 1px solid var(--cs-border);

    border-radius: 10px;

    overflow: hidden;
}

th {
    background: var(--cs-navy);

    color: #fff;

    font-weight: 700;
}

th,
td {
    padding: 13px 15px;

    border-bottom: 1px solid var(--cs-border);
}


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

.pkp_structure_footer_wrapper {
    background: #031f2d;

    border-top: 3px solid var(--cs-gold);

    color: rgba(255, 255, 255, 0.78);

    padding-top: 35px;
    padding-bottom: 35px;
}

.pkp_structure_footer_wrapper a {
    color: #fff;
}

.pkp_structure_footer_wrapper a:hover {
    color: var(--cs-gold2);
}


/* =========================================================
   LOGIN / REGISTER
   ========================================================= */

.page_login,
.page_register {
    background: #fff;

    border-radius: 14px;

    padding: 30px;

    box-shadow: var(--cs-shadow);
}


/* =========================================================
   =========================================================
   EDITORIAL BOARD
   =========================================================
   ========================================================= */

.editorial-board {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 65px 20px !important;

    background: #ffffff !important;

    overflow: hidden;

    color: var(--cs-text);

    box-sizing: border-box;
}


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

.editorial-board .editorial-container {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* =========================================================
   EDITORIAL HEADER
   ========================================================= */

.editorial-board .editorial-header {
    width: 100%;

    margin: 0 auto 55px;

    text-align: center;

    box-sizing: border-box;
}

.editorial-board .editorial-label {
    display: inline-block;

    margin-bottom: 10px;

    color: var(--cs-gold);

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

    letter-spacing: 2.5px;

    text-transform: uppercase;
}

.editorial-board .editorial-header h1 {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: var(--cs-navy) !important;

    font-size: 44px !important;
    line-height: 1.2 !important;

    font-weight: 700;
}

.editorial-board .editorial-header h1::after {
    content: "";

    display: block;

    width: 70px;
    height: 3px;

    margin: 18px auto 0;

    background:
        linear-gradient(
            90deg,
            var(--cs-gold),
            var(--cs-gold2)
        );
}

.editorial-board .editorial-header p {
    width: 100%;
    max-width: 820px;

    margin: 20px auto 0 !important;
    padding: 0 !important;

    color: #657177;

    font-size: 16px;
    line-height: 1.75;

    text-align: center;
}


/* =========================================================
   BOARD SECTION
   ========================================================= */

.editorial-board .board-section {
    width: 100%;

    margin: 0 0 55px;

    padding: 0;
}

.editorial-board .section-title {
    width: 100%;

    margin: 0 0 25px;

    padding: 0 0 12px;

    border-bottom: 1px solid var(--cs-border);

    box-sizing: border-box;
}

.editorial-board .section-title h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--cs-navy) !important;

    font-size: 29px !important;
    line-height: 1.3 !important;
}

.editorial-board .section-title h2::before {
    content: "";

    display: inline-block;

    width: 5px;
    height: 25px;

    margin-right: 12px;

    vertical-align: -4px;

    background: var(--cs-gold);

    border-radius: 3px;
}


/* =========================================================
   EDITOR IN CHIEF CARD
   ========================================================= */

.editorial-board .editor-chief-card {
    display: flex;

    align-items: center;

    width: 100% !important;

    margin: 0 !important;
    padding: 30px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            var(--cs-cream)
        ) !important;

    border: 1px solid var(--cs-border) !important;

    border-left: 5px solid var(--cs-gold) !important;

    border-radius: 0 12px 12px 0;

    box-shadow: var(--cs-shadow);

    box-sizing: border-box;
}


/* NUMBER */

.editorial-board .member-number {
    flex-shrink: 0;

    color: var(--cs-gold);

    font-size: 27px;

    font-weight: 700;

    line-height: 1;
}

.editorial-board .editor-chief-card > .member-number {
    width: 80px;

    margin-right: 20px;
}


/* CONTENT */

.editorial-board .member-content {
    flex: 1;

    min-width: 0;
}

.editorial-board .member-content h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--cs-navy) !important;

    font-size: 27px !important;
    line-height: 1.3 !important;
}

.editorial-board .designation {
    margin-bottom: 6px;

    color: var(--cs-navy2);

    font-size: 15px;

    font-weight: 700;
}

.editorial-board .department,
.editorial-board .role,
.editorial-board .institution,
.editorial-board .location,
.editorial-board .address {
    margin-bottom: 6px;

    color: #59666c;

    font-size: 14px;

    line-height: 1.55;
}


/* =========================================================
   MEMBERS GRID
   ========================================================= */

.editorial-board .members-grid {
    display: grid !important;

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

    gap: 22px;

    width: 100%;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   MEMBER CARD
   ========================================================= */

.editorial-board .member-card {
    position: relative;

    display: flex;

    flex-direction: column;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 24px !important;

    background: #ffffff !important;

    border: 1px solid var(--cs-border) !important;

    border-radius: 10px;

    box-shadow:
        0 6px 20px rgba(6, 47, 67, 0.06);

    box-sizing: border-box;

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

.editorial-board .member-card:hover {
    transform: translateY(-5px);

    border-color: var(--cs-gold);

    box-shadow:
        0 14px 30px rgba(6, 47, 67, 0.12);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.editorial-board .member-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin: 0 0 20px;

    padding: 0;
}

.editorial-board .member-top .member-number {
    font-size: 21px;

    color: var(--cs-gold);
}


/* =========================================================
   TAG
   ========================================================= */

.editorial-board .member-tag {
    display: inline-block;

    padding: 4px 10px;

    color: #fff;

    background: var(--cs-navy);

    border-radius: 3px;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.8px;

    line-height: 1.3;

    text-transform: uppercase;
}

.editorial-board .international-tag {
    background: var(--cs-gold);

    color: #fff;
}


/* =========================================================
   MEMBER NAME
   ========================================================= */

.editorial-board .member-card h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: var(--cs-navy) !important;

    font-size: 21px !important;
    line-height: 1.35 !important;

    font-weight: 700;

    overflow-wrap: break-word;
    word-break: normal;
}


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

.editorial-board .member-card .designation,
.editorial-board .member-card .department,
.editorial-board .member-card .institution,
.editorial-board .member-card .location,
.editorial-board .member-card .address {
    margin-bottom: 7px;

    color: #59666c;

    font-size: 14px;

    line-height: 1.55;
}

.editorial-board .member-card .designation {
    color: var(--cs-navy2);

    font-weight: 600;
}


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

.editorial-board .email {
    display: flex;

    align-items: flex-start;

    gap: 7px;

    width: 100%;

    margin-top: auto;
    padding-top: 16px;

    color: var(--cs-navy);

    font-size: 12px;

    line-height: 1.5;

    text-decoration: none;

    overflow-wrap: anywhere;
    word-break: break-word;

    border-top: 1px solid #edf0f1;
}

.editorial-board .email:hover {
    color: var(--cs-gold);
}

.editorial-board .email-icon {
    flex-shrink: 0;

    color: var(--cs-gold);

    font-size: 15px;

    line-height: 1.4;
}


/* =========================================================
   INTERNATIONAL SECTION
   ========================================================= */

.editorial-board .international-section {
    margin-top: 10px;
}


/* =========================================================
   TABLET
   992px - 1199px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .editorial-board {
        padding: 55px 25px !important;
    }

    .editorial-board .editorial-container {
        max-width: 950px !important;
    }

    .editorial-board .members-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .editorial-board .editorial-header h1 {
        font-size: 40px !important;
    }
}


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .editorial-board {
        padding: 50px 20px !important;
    }

    .editorial-board .editorial-container {
        max-width: 750px !important;
    }

    .editorial-board .editorial-header {
        margin-bottom: 45px;
    }

    .editorial-board .editorial-header h1 {
        font-size: 36px !important;
    }

    .editorial-board .editorial-header p {
        font-size: 15px;
    }

    .editorial-board .members-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

    .editorial-board .member-card {
        padding: 20px !important;
    }

    .editorial-board .member-card h3 {
        font-size: 20px !important;
    }

    .editorial-board .editor-chief-card {
        padding: 25px !important;
    }
}


/* =========================================================
   MOBILE
   BELOW 767px
   ========================================================= */

@media (max-width: 767px) {

    .pkp_structure_content {
        padding-top: 25px;
        padding-bottom: 35px;
    }


    /* EDITORIAL BOARD */

    .editorial-board {
        width: 100% !important;
        max-width: 100% !important;

        padding: 38px 14px !important;

        margin: 0 !important;

        overflow: hidden !important;
    }


    .editorial-board .editorial-container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* HEADER */

    .editorial-board .editorial-header {
        width: 100%;

        margin-bottom: 38px;
    }

    .editorial-board .editorial-label {
        font-size: 11px;

        letter-spacing: 2px;
    }

    .editorial-board .editorial-header h1 {
        font-size: 30px !important;

        line-height: 1.25 !important;
    }

    .editorial-board .editorial-header h1::after {
        width: 55px;

        margin-top: 14px;
    }

    .editorial-board .editorial-header p {
        width: 100%;

        margin-top: 16px !important;

        font-size: 14px;

        line-height: 1.65;
    }


    /* SECTION */

    .editorial-board .board-section {
        margin-bottom: 42px;
    }

    .editorial-board .section-title {
        margin-bottom: 20px;
    }

    .editorial-board .section-title h2 {
        font-size: 23px !important;

        line-height: 1.35 !important;
    }

    .editorial-board .section-title h2::before {
        width: 4px;
        height: 21px;

        margin-right: 9px;

        vertical-align: -3px;
    }


    /* EDITOR IN CHIEF */

    .editorial-board .editor-chief-card {
        display: block !important;

        width: 100% !important;

        padding: 22px !important;

        border-left-width: 4px !important;

        border-radius: 0 10px 10px 0;
    }

    .editorial-board .editor-chief-card > .member-number {
        display: block;

        width: auto !important;

        margin: 0 0 14px !important;

        font-size: 23px;
    }

    .editorial-board .member-content {
        width: 100%;

        min-width: 0;
    }

    .editorial-board .member-content h3 {
        font-size: 23px !important;

        line-height: 1.35 !important;
    }


    /* =====================================================
       MOBILE GRID
       ONE CARD PER ROW
       ===================================================== */

    .editorial-board .members-grid {
        display: grid !important;

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

        width: 100% !important;

        max-width: 100% !important;

        gap: 16px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* CARD */

    .editorial-board .member-card {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding: 20px !important;

        border-radius: 9px !important;

        transform: none !important;
    }

    .editorial-board .member-card:hover {
        transform: none !important;
    }


    /* TOP */

    .editorial-board .member-top {
        margin-bottom: 17px;
    }

    .editorial-board .member-top .member-number {
        font-size: 20px;
    }

    .editorial-board .member-tag {
        font-size: 9px;

        padding: 4px 9px;
    }


    /* NAME */

    .editorial-board .member-card h3 {
        width: 100% !important;

        margin-bottom: 10px !important;

        font-size: 20px !important;

        line-height: 1.35 !important;
    }


    /* TEXT */

    .editorial-board .member-card .designation,
    .editorial-board .member-card .department,
    .editorial-board .member-card .institution,
    .editorial-board .member-card .location,
    .editorial-board .member-card .address {
        font-size: 13px;

        line-height: 1.55;
    }


    /* EMAIL */

    .editorial-board .email {
        font-size: 11.5px;

        padding-top: 13px;

        margin-top: 8px;
    }
}


/* =========================================================
   SMALL MOBILE
   BELOW 480px
   ========================================================= */

@media (max-width: 480px) {

    .pkp_site_name > a {
        font-size: 19px;
    }

    .editorial-board {
        padding: 30px 11px !important;
    }

    .editorial-board .editorial-header {
        margin-bottom: 32px;
    }

    .editorial-board .editorial-header h1 {
        font-size: 27px !important;
    }

    .editorial-board .editorial-header p {
        font-size: 13px;

        line-height: 1.6;
    }

    .editorial-board .section-title h2 {
        font-size: 21px !important;
    }

    .editorial-board .editor-chief-card {
        padding: 18px !important;
    }

    .editorial-board .member-content h3 {
        font-size: 21px !important;
    }

    .editorial-board .member-card {
        padding: 18px !important;
    }

    .editorial-board .member-card h3 {
        font-size: 19px !important;
    }

    .editorial-board .email {
        font-size: 11px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   BELOW 360px
   ========================================================= */

@media (max-width: 360px) {

    .editorial-board {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .editorial-board .editorial-header h1 {
        font-size: 25px !important;
    }

    .editorial-board .section-title h2 {
        font-size: 20px !important;
    }

    .editorial-board .editor-chief-card {
        padding: 16px !important;
    }

    .editorial-board .member-card {
        padding: 16px !important;
    }

    .editorial-board .member-card h3 {
        font-size: 18px !important;
    }

    .editorial-board .email {
        font-size: 10px;
    }
}


/* =========================================================
   MOBILE GLOBAL FIXES
   ========================================================= */

@media (max-width: 768px) {

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    .current_issue {
        padding: 20px;
    }

    .obj_issue_summary,
    .obj_article_summary {
        padding: 18px;
    }

    /* Prevent horizontal overflow */

    .editorial-board,
    .editorial-board *,
    .editorial-board .members-grid,
    .editorial-board .member-card {
        max-width: 100%;
    }

    .editorial-board img {
        max-width: 100%;
        height: auto;
    }
}

/* =========================================================
   EDITORIAL BOARD - 2 COLUMN LAYOUT
   OJS SIDEBAR COMPATIBLE
   ========================================================= */

.editorial-board {
    width: 100% !important;
    max-width: 100% !important;
    padding: 55px 20px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.editorial-board .editorial-container {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   EDITORIAL BOARD CARDS
   ========================================================= */

.editorial-board .members-grid {
    display: grid !important;

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

    gap: 25px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   MEMBER CARD
   ========================================================= */

.editorial-board .member-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 25px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid var(--cs-border) !important;

    border-radius: 10px !important;

    box-shadow:
        0 6px 20px rgba(6, 47, 67, 0.07);

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    transition: all 0.3s ease;
}

.editorial-board .member-card:hover {
    transform: translateY(-4px);

    border-color: var(--cs-gold);

    box-shadow:
        0 12px 28px rgba(6, 47, 67, 0.12);
}


/* =========================================================
   MEMBER NAME
   ========================================================= */

.editorial-board .member-card h3 {
    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    font-size: 21px !important;
    line-height: 1.35 !important;

    color: var(--cs-navy) !important;

    overflow-wrap: break-word;
}


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

.editorial-board .member-card .designation,
.editorial-board .member-card .department,
.editorial-board .member-card .institution,
.editorial-board .member-card .location,
.editorial-board .member-card .address {
    font-size: 14px;

    line-height: 1.55;

    margin-bottom: 7px;

    color: #59666c;
}


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

.editorial-board .email {
    display: flex !important;

    align-items: flex-start;

    gap: 7px;

    width: 100% !important;

    margin-top: auto !important;
    padding-top: 15px;

    border-top: 1px solid #edf0f1;

    color: var(--cs-navy);

    font-size: 12px;

    line-height: 1.5;

    overflow-wrap: anywhere;
    word-break: break-word;
}

.editorial-board .email:hover {
    color: var(--cs-gold);
}


/* =========================================================
   EDITOR IN CHIEF
   ========================================================= */

.editorial-board .editor-chief-card {
    width: 100% !important;

    display: flex !important;
    align-items: center;

    padding: 28px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            var(--cs-cream)
        ) !important;

    border: 1px solid var(--cs-border) !important;

    border-left: 5px solid var(--cs-gold) !important;

    border-radius: 0 12px 12px 0;

    box-shadow: var(--cs-shadow);
}


/* =========================================================
   DESKTOP - WHEN SIDEBAR IS PRESENT
   ========================================================= */

@media (min-width: 992px) {

    .editorial-board .members-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 22px !important;
    }

}


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

@media (min-width: 768px) and (max-width: 991px) {

    .editorial-board {
        padding: 45px 18px !important;
    }

    .editorial-board .editorial-container {
        max-width: 100% !important;
    }

    .editorial-board .members-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }

    .editorial-board .member-card {
        padding: 20px !important;
    }

}


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

@media (max-width: 767px) {

    .editorial-board {
        width: 100% !important;
        max-width: 100% !important;

        padding: 35px 12px !important;

        overflow: hidden !important;
    }

    .editorial-board .editorial-container {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ONE COLUMN MOBILE */

    .editorial-board .members-grid {
        display: grid !important;

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

        gap: 16px !important;

        width: 100% !important;
    }


    .editorial-board .member-card {
        width: 100% !important;
        max-width: 100% !important;

        padding: 20px !important;

        transform: none !important;
    }

    .editorial-board .member-card:hover {
        transform: none !important;
    }


    .editorial-board .editor-chief-card {
        display: block !important;

        width: 100% !important;

        padding: 20px !important;
    }

}

/* =========================================
   IJMTR FULL WIDTH FOOTER
========================================= */

.ijmtr-footer{
    width:100%;
    margin-top:60px;
    padding:0;
    color:#ffffff;
    background:#102f43;
    font-family:inherit;
}


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

.ijmtr-footer-main{
    width:100%;
    padding:55px 0 45px;
    background:#102f43;
}


/* =========================================
   FOOTER CONTAINER
   FULL WIDTH
========================================= */

.ijmtr-footer-container{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 5%;

    display:grid;
    grid-template-columns:
        1.6fr
        1fr
        1fr
        1.25fr;

    gap:55px;
}


/* =========================================
   FIRST COLUMN / ABOUT
========================================= */

.ijmtr-footer-column h3{
    margin:0 0 20px;
    color:#ffffff;
    font-size:20px;
    line-height:1.45;
    font-weight:700;
}

.ijmtr-footer-column h4{
    margin:0 0 20px;
    color:#d8bd7c;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.2px;
}

.ijmtr-footer-column p{
    margin:0;
    color:#c6d1d9;
    font-size:13px;
    line-height:1.8;
}


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

.ijmtr-footer-column ul{
    margin:0;
    padding:0;
    list-style:none;
}

.ijmtr-footer-column ul li{
    margin-bottom:11px;
}

.ijmtr-footer-column ul li a{
    color:#c6d1d9;
    text-decoration:none;
    font-size:13px;
    transition:all .2s ease;
}

.ijmtr-footer-column ul li a:hover{
    color:#d8bd7c;
    padding-left:4px;
}


/* =========================================
   JOURNAL INFORMATION
========================================= */

.ijmtr-info p{
    margin-bottom:14px;
}

.ijmtr-info strong{
    color:#ffffff;
    font-weight:600;
}


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

.ijmtr-footer-bottom{
    width:100%;
    border-top:1px solid rgba(255,255,255,.12);
    background:#0b2637;
    padding:18px 0;
}


/* =========================================
   BOTTOM CONTAINER
   FULL WIDTH
========================================= */

.ijmtr-footer-bottom .ijmtr-footer-container{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 5%;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}


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

.ijmtr-copyright{
    color:#aebdc7;
    font-size:12px;
    line-height:1.6;
}


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

.ijmtr-bottom-links{
    display:flex;
    align-items:center;
    gap:10px;
}

.ijmtr-bottom-links a{
    color:#c6d1d9;
    text-decoration:none;
    font-size:12px;
    transition:.2s ease;
}

.ijmtr-bottom-links a:hover{
    color:#d8bd7c;
}

.ijmtr-bottom-links span{
    color:#667985;
}


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

@media(max-width:1100px){

    .ijmtr-footer-container{
        grid-template-columns:
            1.5fr
            1fr
            1fr;

        gap:40px;
        padding:0 4%;
    }

    .ijmtr-footer-column:last-child{
        grid-column:1 / -1;
    }

    .ijmtr-footer-bottom .ijmtr-footer-container{
        padding:0 4%;
    }

}


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

@media(max-width:700px){

    .ijmtr-footer{
        margin-top:40px;
    }

    .ijmtr-footer-main{
        padding:40px 0 35px;
    }

    .ijmtr-footer-container{
        width:100%;
        grid-template-columns:1fr;
        gap:32px;
        padding:0 25px;
    }

    .ijmtr-footer-column:last-child{
        grid-column:auto;
    }

    .ijmtr-footer-column h3{
        font-size:18px;
        line-height:1.5;
    }

    .ijmtr-footer-column h4{
        font-size:12px;
        margin-bottom:15px;
    }

    .ijmtr-footer-column p{
        font-size:13px;
        line-height:1.75;
    }

    .ijmtr-footer-column ul li{
        margin-bottom:9px;
    }

    .ijmtr-footer-column ul li a{
        font-size:13px;
    }


    /* Bottom */

    .ijmtr-footer-bottom{
        padding:20px 0;
    }

    .ijmtr-footer-bottom .ijmtr-footer-container{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        padding:0 25px;
    }

    .ijmtr-copyright{
        font-size:11px;
    }

    .ijmtr-bottom-links{
        font-size:12px;
    }

}


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

@media(max-width:400px){

    .ijmtr-footer-container{
        padding:0 18px;
    }

    .ijmtr-footer-bottom .ijmtr-footer-container{
        padding:0 18px;
    }

    .ijmtr-footer-column h3{
        font-size:17px;
    }

}