/* =========================================================
   JOURNAL HOMEPAGE - RESPONSIBLE PUBLISHING AD
   Keep the ad in the left column of a 3-column row
   ========================================================= */

@media (min-width: 901px) {

    /* Force this CMS row to use three equal columns */
    .home-row3[data-count="3"] > .widget-dynamic-inner-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 32px !important;
        align-items: start !important;
    }

    /* Target the exact Responsible Publishing widget */
    .home-row3[data-count="3"]
    > .widget-dynamic-inner-wrap
    > .widget-instance-journals_EMMKTAD-home-resp-publishing-ad {
        grid-column: 1 / 2 !important;
        grid-row: 1 !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    /* Prevent the inner ad container from centring itself */
    .widget-instance-journals_EMMKTAD-home-resp-publishing-ad .ad {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    /* Make the linked advert fill the available column */
    .widget-instance-journals_EMMKTAD-home-resp-publishing-ad .ad > a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* Keep the advert image contained within the column */
    .widget-instance-journals_EMMKTAD-home-resp-publishing-ad .ad img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
    }
}


/* =========================================================
   JOURNALS A-Z
   ========================================================= */

.emerald-journals-az {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 2rem 5rem;
    box-sizing: border-box;
}


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

.emerald-journals-az__header {
    margin: 0 0 2.5rem;
}

.emerald-journals-az__header h1 {
    margin: 0 0 0.75rem;
    padding: 0;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
}

.emerald-journals-az__header p {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #555;
}


/* =========================================================
   TWO COLUMN LAYOUT
   ========================================================= */

.emerald-journals-az__layout {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    column-gap: 3rem;
    align-items: start;
    width: 100%;
}


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

.emerald-journals-az__sidebar {
    display: block;
    position: sticky;
    top: 2rem;
    padding: 0 1.5rem 0 0;
    margin: 0;
    border-right: 1px solid #d9d9d9;
    box-sizing: border-box;
}

.emerald-journals-az__sidebar h2 {
    margin: 0 0 0.75rem !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #333;
}


/* =========================================================
   A-Z NAVIGATION
   ========================================================= */

.emerald-journals-az__nav {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.emerald-journals-az__nav > li {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.emerald-journals-az__nav > li::before,
.emerald-journals-az__nav > li::marker {
    display: none !important;
    content: none !important;
}

.emerald-journals-az__nav > li > a {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0.7rem 0.75rem !important;
    box-sizing: border-box;

    color: #145b60;
    background: transparent;
    border-radius: 3px;

    font-size: 1rem !important;
    line-height: 1.2 !important;
    font-weight: 400;
    text-decoration: none !important;
}

.emerald-journals-az__nav > li > a:hover,
.emerald-journals-az__nav > li > a:focus {
    color: #003f42;
    background: #e6f4f2;
    text-decoration: none !important;
}

.emerald-journals-az__nav > li.is-disabled {
    margin: 0 !important;
    padding: 0.7rem 0.75rem !important;
    color: #aaa;
    line-height: 1.2 !important;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.emerald-journals-az__content {
    display: block !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Letter heading */

.emerald-journals-az__content > h3 {
    display: block !important;
    margin: 0 0 0.75rem !important;
    padding: 0.25rem 0 0 !important;

    font-size: 2rem !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    color: #333 !important;
}


/* Journal list */

.emerald-journals-az__content > ul {
    display: block !important;
    width: 100%;
    list-style: none !important;

    margin: 0 0 3rem !important;
    padding: 0 !important;

    border-top: 1px solid #ddd;
}


/* Journal row */

.emerald-journals-az__content > ul > li {
    display: block !important;
    position: relative;

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

    list-style: none !important;
    border-bottom: 1px solid #e4e4e4;
}

.emerald-journals-az__content > ul > li::before,
.emerald-journals-az__content > ul > li::marker {
    display: none !important;
    content: none !important;
}


/* Journal link */

.emerald-journals-az__content > ul > li > a {
    display: block !important;
    position: relative;

    width: 100%;
    box-sizing: border-box;

    margin: 0 !important;
    padding: 0.85rem 3rem 0.85rem 0 !important;

    color: #126a70 !important;

    font-size: 1rem !important;
    line-height: 1.45 !important;

    text-decoration: none !important;
}


/* Arrow */

.emerald-journals-az__content > ul > li > a::after {
    content: "›";

    position: absolute;
    right: 0.75rem;
    top: 50%;

    transform: translateY(-50%);

    font-size: 1.4rem;
    line-height: 1;

    color: #555;
}


/* Hover */

.emerald-journals-az__content > ul > li > a:hover,
.emerald-journals-az__content > ul > li > a:focus {
    color: #003f42 !important;
    text-decoration: underline !important;
}

.emerald-journals-az__content > ul > li > a:hover::after {
    color: #003f42;
}


/* =========================================================
   ANCHOR POSITION
   Prevent sticky header covering letter heading
   ========================================================= */

.emerald-journals-az__content > h3[id] {
    scroll-margin-top: 2rem;
}


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

@media (max-width: 900px) {

    .emerald-journals-az {
        padding: 2rem 1.5rem 4rem;
    }

    .emerald-journals-az__layout {
        display: block !important;
    }

    .emerald-journals-az__sidebar {
        position: static;

        width: 100%;

        margin: 0 0 2rem;
        padding: 0 0 1.5rem;

        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .emerald-journals-az__nav {
        display: flex !important;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .emerald-journals-az__nav > li {
        width: auto;
    }

    .emerald-journals-az__nav > li > a,
    .emerald-journals-az__nav > li.is-disabled {
        width: auto;
        padding: 0.55rem 0.7rem !important;
    }
}


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

@media (max-width: 600px) {

    .emerald-journals-az {
        padding: 2rem 1rem 3rem;
    }

    .emerald-journals-az__header h1 {
        font-size: 2rem;
    }

    .emerald-journals-az__content > h3 {
        font-size: 1.75rem !important;
    }
}