html,body{overflow-x:hidden}
.icest-slider{position:relative;width:100vw;max-width:100vw;height:clamp(390px,42vw,620px);margin:0 0 2rem calc(50% - 50vw);overflow:hidden;background:#073b5c;border:0!important;border-radius:0!important;box-shadow:none!important}
.icest-slides,.icest-slide{position:absolute;inset:0;width:100%;height:100%}
.icest-slide{z-index:1;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease}
.icest-slide.is-active{z-index:5;opacity:1;visibility:visible;pointer-events:auto}
.icest-slide-image{position:absolute;inset:0;display:block}.icest-slide-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}
.icest-slide:after{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(2,35,57,.94) 0%,rgba(2,35,57,.78) 40%,rgba(2,35,57,.24) 72%,rgba(2,35,57,.06) 100%)}
.icest-slide-content{position:absolute;top:50%;left:max(7vw,48px);z-index:4;width:min(620px,47vw);color:#fff;transform:translateY(-50%)}
.icest-kicker{display:block;margin-bottom:.65rem;color:#9de8ea;font-size:clamp(.78rem,1.1vw,.95rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.icest-slide-content h2{margin:0 0 1rem;color:#fff;font-size:clamp(2rem,4vw,4rem);font-weight:750;line-height:1.08}.icest-slide-content p{max-width:580px;margin:0 0 1.5rem;color:#fff;font-size:clamp(.98rem,1.45vw,1.22rem);line-height:1.6}
.icest-button{display:inline-block;padding:.78rem 1.35rem;color:#073b5c!important;font-weight:700;text-decoration:none!important;background:#fff;border:2px solid #fff;border-radius:4px;transition:background .2s ease,color .2s ease,transform .2s ease}.icest-button:hover,.icest-button:focus{color:#fff!important;background:transparent;transform:translateY(-2px)}
.icest-arrow{position:absolute;top:50%;z-index:8;display:flex;width:48px;height:48px;align-items:center;justify-content:center;color:#fff!important;font-size:1.65rem;text-decoration:none!important;background:rgba(4,45,70,.62);border:0;border-radius:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}.icest-arrow:hover,.icest-arrow:focus{background:#008c95;transform:translateY(-50%) scale(1.08)}.icest-prev{left:18px}.icest-next{right:18px}
.icest-slider-controls{position:absolute;right:0;bottom:18px;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:9px}.icest-dot{display:block;width:11px;height:11px;background:rgba(255,255,255,.56);border:2px solid #fff;border-radius:50%;transition:transform .2s ease,background .2s ease}.icest-dot:hover,.icest-dot:focus,.icest-dot.is-active{background:#18b7bf;transform:scale(1.18)}
.icest-auto{display:flex;width:28px;height:28px;align-items:center;justify-content:center;margin-left:5px;padding:0;color:#073b5c!important;font-size:.62rem;font-weight:800;line-height:1;text-decoration:none!important;background:#fff;border-radius:50%}
.site-footer,.pkp_structure_footer,.pkp_structure_footer_wrapper,.pkp_structure_footer .container,.pkp_structure_footer_wrapper .container{color:#263746!important;background:#fff!important;border-top:0!important}
.icest-simple-footer{width:100%;color:#263746;background:#fff}.icest-footer-columns{display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:50px;max-width:1200px;margin:0 auto;padding:55px 25px 35px}
.icest-footer-title{margin:0 0 15px;color:#073b5c;font-size:30px;font-weight:800;letter-spacing:2px}.icest-footer-about p{max-width:390px;color:#526473;line-height:1.65}.icest-footer-heading{margin:0 0 18px!important;color:#101820;font-size:15px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.icest-footer-contact p,.icest-footer-links p{margin:0 0 10px;line-height:1.65}.icest-simple-footer a{color:#075985;text-decoration:none}.icest-simple-footer a:hover,.icest-simple-footer a:focus{color:#008c95;text-decoration:underline}
.icest-footer-social{display:flex;max-width:1200px;margin:0 auto;padding:5px 25px 32px;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.icest-social-icon{position:relative;display:inline-flex!important;width:48px;height:48px;padding:0!important;align-items:center;justify-content:center;overflow:hidden;color:#fff!important;text-decoration:none!important;border-radius:50%;box-shadow:0 5px 13px rgba(0,0,0,.14);transition:transform .2s ease,box-shadow .2s ease}.icest-social-icon:hover,.icest-social-icon:focus{color:#fff!important;text-decoration:none!important;transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.icest-social-icon span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border:0}
.icest-facebook{background:#1877f2}.icest-facebook:before{content:"f";color:#fff;font-family:Arial,sans-serif;font-size:30px;font-weight:700;line-height:1;transform:translateY(3px)}
.icest-youtube{background:#f00}.icest-youtube:before{width:0;height:0;content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;transform:translateX(2px)}
.icest-linkedin{background:#0a66c2}.icest-linkedin:before{content:"in";color:#fff;font-family:Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px;line-height:1}
.icest-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.icest-instagram:before{width:21px;height:21px;content:"";border:2px solid #fff;border-radius:7px;box-sizing:border-box}.icest-instagram:after{position:absolute;width:7px;height:7px;content:"";border:2px solid #fff;border-radius:50%;box-sizing:border-box}
.icest-x{background:#000}.icest-x:before{content:"X";color:#fff;font-family:Arial,sans-serif;font-size:21px;font-weight:700;line-height:1}
.icest-footer-copyright{padding:20px 25px;text-align:center;background:#fff;border-top:1px solid #e5eaee}.icest-footer-copyright p{margin:0;color:#526473;font-size:14px}
.pkp_brand_footer,.footer-brand-image,.site-footer a[href*="aboutThisPublishingSystem"],.pkp_structure_footer a[href*="aboutThisPublishingSystem"],.pkp_structure_footer_wrapper a[href*="aboutThisPublishingSystem"]{display:none!important}
@media(max-width:900px){.icest-slider{height:clamp(430px,65vw,560px)}.icest-slide:after{background:rgba(2,35,57,.67)}.icest-slide-content{left:10%;width:72%}.icest-footer-columns{grid-template-columns:1fr 1fr}.icest-footer-links{grid-column:1/-1}}
@media(max-width:600px){.icest-slider{height:500px;margin-bottom:1.25rem}.icest-slide:after{background:linear-gradient(180deg,rgba(2,35,57,.38) 0%,rgba(2,35,57,.76) 48%,rgba(2,35,57,.95) 100%)}.icest-slide-content{top:auto;right:50px;bottom:68px;left:50px;width:auto;text-align:center;transform:none}.icest-slide-content h2{margin-bottom:.75rem;font-size:clamp(1.8rem,9vw,2.6rem)}.icest-slide-content p{margin-bottom:1rem;font-size:.96rem;line-height:1.45}.icest-button{padding:.66rem 1rem;font-size:.9rem}.icest-arrow{width:38px;height:38px;font-size:1.25rem}.icest-prev{left:7px}.icest-next{right:7px}.icest-slider-controls{bottom:16px}.icest-footer-columns{grid-template-columns:1fr;gap:30px;padding:40px 20px 25px}.icest-footer-links{grid-column:auto}.icest-footer-title{font-size:25px}.icest-footer-social{justify-content:flex-start;padding:5px 20px 25px}.icest-social-icon{width:43px;height:43px}.icest-facebook:before{font-size:27px}.icest-footer-copyright{padding:18px 20px;text-align:left}}
@media(prefers-reduced-motion:reduce){.icest-slide{transition:none}}


/* Hide the social-media text inside the circular icons */
.icest-social-icon {
    font-size: 0 !important;
    line-height: 0 !important;
}

.icest-social-icon > span {
    display: none !important;
    visibility: hidden !important;
}

/* ICEST 2027 combined header logo min(1200px, 94vw) */

.pkp_site_name .is_img img,
.main-header .navbar-logo img,
.main-header .navbar-brand img,
.navbar-brand img {
    display: block;
    width: auto;
    max-width: 94vw;
    max-height: 130px;
    margin: 0;
    object-fit: contain;
}

.pkp_site_name,
.main-header .navbar-logo {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Tablet */

@media (max-width: 991px) {
    .pkp_site_name .is_img img,
    .main-header .navbar-logo img,
    .main-header .navbar-brand img,
    .navbar-brand img {
        max-width: 92vw;
        max-height: 105px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .pkp_site_name .is_img img,
    .main-header .navbar-logo img,
    .main-header .navbar-brand img,
    .navbar-brand img {
        max-width: 94vw;
        max-height: 82px;
    }

    .pkp_site_name,
    .main-header .navbar-logo {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* =========================================================
   ICEST 2027 HOMEPAGE SPACING
   ========================================================= */

/*
   If you later want a little more/less space below the header,
   change only this value.
*/
:root {
    --icest-home-top-adjust: -32px;
}

/* Remove excess OJS homepage spacing only where the ICEST ticker exists */
.additional_content:has(.icest-ticker) {
    margin-top: var(--icest-home-top-adjust) !important;
    padding-top: 0 !important;
}

/* Remove empty editor paragraphs that can create invisible vertical gaps */
.additional_content:has(.icest-ticker) > p:empty,
.additional_content:has(.icest-ticker) > p:first-child:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reduce theme spacing immediately above homepage additional content */
body.pkp_page_index.pkp_op_index .pkp_structure_main,
body.pkp_page_index.pkp_op_index .page_index_journal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   ICEST 2027 CONTINUOUS TRANSPARENT DATE/THEME TICKER
   ========================================================= */

.icest-ticker {
    position: relative;
    width: 100%;
    margin: 0 0 8px 0 !important;
    padding: 2px 0 !important;
    overflow: hidden;

    color: #073b5c;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    white-space: nowrap;
}

.icest-ticker-track {
    display: flex;
    width: max-content;
    min-width: max-content;
    align-items: center;
    will-change: transform;
    animation: icestTicker 22s linear infinite;
}

.icest-ticker-track span {
    display: block;
    flex-shrink: 0;
    padding-right: 80px;

    color: #073b5c;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .02em;
}

/* Two identical spans in the HTML create a seamless repeating ticker */
@keyframes icestTicker {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Keep the ticker compact on phones */
@media (max-width: 600px) {
    :root {
        --icest-home-top-adjust: -20px;
    }

    .icest-ticker {
        margin-bottom: 6px !important;
        padding: 1px 0 !important;
    }

    .icest-ticker-track span {
        padding-right: 55px;
        font-size: .94rem;
    }
}

/* =========================================================
   ICEST 2027 HOMEPAGE TOP SPACING
   ========================================================= */

/*
   Health Sciences theme leaves a generous gap between the
   header/navigation and the journal homepage content.
   Pull only the journal homepage upward.
*/
body.pkp_page_index .page_index_journal,
.page_index_journal {
    margin-top: -58px !important;
    padding-top: 0 !important;
}

/* Keep Additional Content itself tight */
.page_index_journal .additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove blank paragraphs that CKEditor/OJS may insert */
.page_index_journal .additional_content > p:empty,
.page_index_journal .additional_content > p:first-child:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ICEST 2027 SEAMLESS CONTINUOUS TRANSPARENT TICKER
   ========================================================= */

.icest-ticker {
    position: relative;
    width: 100%;
    margin: -85px 0 7px 0 !important;
    padding: 2px 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;

    color: #073b5c !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    /*
       Wider edge fade so the beginning of each repeated line
       does not appear suddenly at the right edge.
    */
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 14%,
        #000 86%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 14%,
        #000 86%,
        transparent 100%
    );
}

.icest-ticker-track {
    display: flex !important;
    width: max-content !important;
    min-width: max-content !important;
    align-items: center;
    flex-wrap: nowrap !important;
    will-change: transform;

    /*
       Three identical groups are used in the HTML below.
       Moving one-third of the complete track produces a
       continuous loop with no visible restart.
    */
    animation: icestTickerLoop 24s linear infinite !important;
    -webkit-animation: icestTickerLoop 24s linear infinite !important;
}

.icest-ticker-group {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    min-width: max-content;
}

.icest-ticker-group span {
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: #073b5c !important;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .02em;
}

/*
   Visible separator between copies avoids a large empty gap
   before "3–4 October 2027" returns.
*/
.icest-ticker-group::after {
    content: "  •  ";
    display: inline-block;
    flex: 0 0 auto;
    padding: 0 2.2rem;
    color: #6c7f8c;
    font-weight: 700;
}

@keyframes icestTickerLoop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-33.333333%);
    }
}

@-webkit-keyframes icestTickerLoop {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-33.333333%);
        transform: translateX(-33.333333%);
    }
}

/* Keep it moving even when the pointer is over it */
.icest-ticker:hover .icest-ticker-track {
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
}


/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 991px) {
    body.pkp_page_index .page_index_journal,
    .page_index_journal {
        margin-top: -38px !important;
    }
}

@media (max-width: 600px) {
    body.pkp_page_index .page_index_journal,
    .page_index_journal {
        margin-top: -18px !important;
    }

    .icest-ticker {
        margin-bottom: 5px !important;
        padding: 1px 0 !important;

        -webkit-mask-image: linear-gradient(
            to right,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );
        mask-image: linear-gradient(
            to right,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );
    }

    .icest-ticker-group span {
        font-size: .94rem;
    }

    .icest-ticker-group::after {
        padding: 0 1.25rem;
    }
}


/* =========================================================
   FINAL HEADER-TO-TICKER GAP OVERRIDE
   Directly pulls the ticker (and therefore the carousel that
   follows it) upward, independent of OJS wrapper selectors.
   ========================================================= */

.icest-ticker {
    margin-top: -85px !important;
}

@media (max-width: 991px) {
    .icest-ticker {
        margin-top: -55px !important;
    }
}

@media (max-width: 600px) {
    .icest-ticker {
        margin-top: -58px !important;
    }
}


/* =========================================================
   MOBILE HEADER-TO-TICKER GAP OVERRIDE
   ========================================================= */
@media (max-width: 600px) {
    .icest-ticker {
        margin-top: -58px !important;
    }
}

/* =========================================================
   FINAL HEADER-TO-TICKER GAP OVERRIDE — TIGHTER
   ========================================================= */

/* Desktop */
.icest-ticker {
    margin-top: -105px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .icest-ticker {
        margin-top: -80px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .icest-ticker {
        margin-top: -75px !important;
    }
}

/* =========================================================
   ICEST 2027 IMPORTANT DATES - SIMPLE OJS LADDER
   Table-based structure for better OJS compatibility
   ========================================================= */

.icest-date-table {
    width: 100%;
    max-width: 950px;
    margin: 20px auto 50px;
    border-collapse: collapse;
    table-layout: fixed;
}

.icest-date-table,
.icest-date-table tbody,
.icest-date-table tr,
.icest-date-table td {
    border: 0 !important;
}

.icest-date-table td {
    padding: 22px 0 !important;
    vertical-align: middle;
    background: transparent !important;
}

/* LEFT AND RIGHT EVENT CELLS */

.icest-date-left,
.icest-date-right {
    width: 44%;
}

.icest-date-left {
    padding-right: 18px !important;
    text-align: right;
}

.icest-date-right {
    padding-left: 18px !important;
    text-align: left;
}

/* CENTRAL LADDER COLUMN */

.icest-date-center {
    position: relative;
    width: 12%;
    text-align: center;
}

/* Vertical ladder line */

.icest-date-center::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 7px;
    content: "";
    background: linear-gradient(
        to bottom,
        #6677ba 0%,
        #008c95 25%,
        #7358a4 42%,
        #df7a22 58%,
        #e85e77 74%,
        #37866b 88%,
        #073b5c 100%
    );
    border-radius: 8px;
    transform: translateX(-50%);
}

/* Central numbered circle */

.icest-date-node {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    background: #073b5c;
    border: 5px solid #008c95;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    transition: transform .25s ease, box-shadow .25s ease;
}

.icest-date-table tr:hover .icest-date-node {
    transform: scale(1.10);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .20);
}

/* DATE */

.icest-date-date {
    display: block;
    margin: 0 0 7px;
    color: #173847;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
}

/* HORIZONTAL LINE */

.icest-date-rule {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0;
    background: #44545c;
    transition: background .25s ease;
}

/* EVENT NAME */

.icest-date-event {
    display: block;
    margin-top: 7px;
    color: #008c95;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

/* Row hover */

.icest-date-table tr:hover .icest-date-rule {
    background: #008c95;
}

/* Different node colours */

.icest-date-table tr:nth-child(1) .icest-date-node {
    background: #6677ba;
    border-color: #6677ba;
}

.icest-date-table tr:nth-child(2) .icest-date-node {
    background: #008c95;
    border-color: #008c95;
}

.icest-date-table tr:nth-child(3) .icest-date-node {
    background: #7358a4;
    border-color: #7358a4;
}

.icest-date-table tr:nth-child(4) .icest-date-node {
    background: #df7a22;
    border-color: #df7a22;
}

.icest-date-table tr:nth-child(5) .icest-date-node {
    background: #e85e77;
    border-color: #e85e77;
}

.icest-date-table tr:nth-child(6) .icest-date-node {
    background: #37866b;
    border-color: #37866b;
}

.icest-date-table tr:nth-child(7) .icest-date-node {
    background: #073b5c;
    border-color: #008c95;
}

/* Matching event colours */

.icest-date-table tr:nth-child(1) .icest-date-event {
    color: #6677ba;
}

.icest-date-table tr:nth-child(2) .icest-date-event {
    color: #008c95;
}

.icest-date-table tr:nth-child(3) .icest-date-event {
    color: #7358a4;
}

.icest-date-table tr:nth-child(4) .icest-date-event {
    color: #df7a22;
}

.icest-date-table tr:nth-child(5) .icest-date-event {
    color: #e85e77;
}

.icest-date-table tr:nth-child(6) .icest-date-event {
    color: #37866b;
}

.icest-date-table tr:nth-child(7) .icest-date-event {
    color: #073b5c;
}

/* Tablet */

@media (max-width: 900px) {
    .icest-date-table {
        max-width: 100%;
    }

    .icest-date-left,
    .icest-date-right {
        width: 43%;
    }

    .icest-date-center {
        width: 14%;
    }

    .icest-date-date {
        font-size: 18px;
    }

    .icest-date-event {
        font-size: 14px;
    }

    .icest-date-node {
        width: 54px;
        height: 54px;
        font-size: 16px;
    }
}

/* Mobile */

@media (max-width: 650px) {
    .icest-date-table {
        width: 100%;
        table-layout: auto;
        margin-top: 10px;
    }

    .icest-date-table td {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .icest-date-left,
    .icest-date-right {
        width: auto;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .icest-date-center {
        width: 58px;
        min-width: 58px;
    }

    .icest-date-node {
        width: 46px;
        height: 46px;
        font-size: 14px;
        border-width: 4px;
    }

    .icest-date-center::before {
        width: 5px;
    }

    .icest-date-date {
        font-size: 15px;
    }

    .icest-date-event {
        font-size: 12px;
        line-height: 1.25;
    }
}

/* =========================================================
   ICEST 2027 IMPORTANT DATES - INTERACTIVE ENHANCEMENTS
   Works with the existing table-based HTML that already saves in OJS.
   No HTML changes required.
   ========================================================= */

/* Make each row feel like an interactive milestone */
.icest-date-table tr {
    position: relative;
}

/* Date/event cells animate inward on hover */
.icest-date-table .icest-date-left,
.icest-date-table .icest-date-right {
    transition:
        transform .28s ease,
        opacity .28s ease;
}

.icest-date-table tr:hover .icest-date-left {
    transform: translateX(8px);
}

.icest-date-table tr:hover .icest-date-right {
    transform: translateX(-8px);
}

/* Animated central ladder */
.icest-date-center::before {
    background-size: 100% 220%;
    animation: icestLadderFlow 8s linear infinite;
}

@keyframes icestLadderFlow {
    0% {
        background-position: 50% 0%;
    }
    100% {
        background-position: 50% 100%;
    }
}

/* More prominent timeline nodes */
.icest-date-node {
    overflow: visible;
    cursor: default;
    transform-origin: center;
}

/* Soft pulse ring */
.icest-date-node::after {
    position: absolute;
    inset: -8px;
    content: "";
    border: 2px solid currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.78);
    transition:
        opacity .28s ease,
        transform .28s ease;
}

.icest-date-table tr:hover .icest-date-node::after {
    opacity: .28;
    transform: scale(1);
}

/* Node rises slightly on hover */
.icest-date-table tr:hover .icest-date-node {
    transform: scale(1.13) translateY(-2px);
}

/* Animate the horizontal branch line */
.icest-date-rule {
    position: relative;
    overflow: hidden;
}

.icest-date-rule::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 38%;
    content: "";
    background: rgba(255,255,255,.72);
    transform: skewX(-22deg);
    transition: left .48s ease, right .48s ease;
}

/* Light sweep direction depends on side */
.icest-date-left .icest-date-rule::after {
    right: 110%;
}

.icest-date-right .icest-date-rule::after {
    left: 110%;
}

.icest-date-table tr:hover .icest-date-left .icest-date-rule::after {
    right: -45%;
}

.icest-date-table tr:hover .icest-date-right .icest-date-rule::after {
    left: -45%;
}

/* Date becomes more prominent on hover */
.icest-date-date {
    transition:
        color .25s ease,
        transform .25s ease;
}

.icest-date-table tr:hover .icest-date-date {
    color: #073b5c;
}

/* Slight event-label emphasis */
.icest-date-event {
    transition:
        letter-spacing .25s ease,
        transform .25s ease;
}

.icest-date-table tr:hover .icest-date-event {
    letter-spacing: .015em;
}

/* Make the seven nodes visually distinct */
.icest-date-table tr:nth-child(1) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(102,119,186,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(2) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(0,140,149,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(3) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(115,88,164,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(4) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(223,122,34,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(5) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(232,94,119,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(6) .icest-date-node {
    box-shadow:
        0 0 0 5px rgba(55,134,107,.13),
        0 5px 15px rgba(0,0,0,.14);
}

.icest-date-table tr:nth-child(7) .icest-date-node {
    box-shadow:
        0 0 0 6px rgba(0,140,149,.15),
        0 6px 18px rgba(0,0,0,.18);
}

/* Final conference milestone slightly larger */
.icest-date-table tr:nth-child(7) .icest-date-node {
    width: 64px;
    height: 64px;
    font-size: 19px;
}

/* Optional vertical connector glow on hover */
.icest-date-table tr:hover .icest-date-center::before {
    filter: saturate(1.15) brightness(1.06);
}

/* Mobile: preserve readability; smaller hover movement */
@media (max-width: 650px) {
    .icest-date-table tr:hover .icest-date-left,
    .icest-date-table tr:hover .icest-date-right {
        transform: none;
    }

    .icest-date-table tr:hover .icest-date-node {
        transform: scale(1.07);
    }

    .icest-date-event {
        letter-spacing: normal !important;
    }

    .icest-date-table tr:nth-child(7) .icest-date-node {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }
}

/* =========================================================
   IMPORTANT DATES V2 - FORCE VISIBILITY / OJS THEME OVERRIDES
   Use with the DIV-inside-TABLE HTML version.
   ========================================================= */

.icest-date-table .icest-date-date,
.icest-date-table .icest-date-event,
.icest-date-table .icest-date-node {
    visibility: visible !important;
    opacity: 1 !important;
    text-indent: 0 !important;
    clip: auto !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Force dates to remain visible over aggressive OJS theme rules */
.icest-date-table .icest-date-date {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #173847 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Force event labels visible */
.icest-date-table .icest-date-event {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* Force central milestone circles visible */
.icest-date-table .icest-date-node {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.16) !important;
}

/* Strong row colours */
.icest-date-table tr:nth-child(1) .icest-date-node { background:#6677ba !important; border:5px solid #6677ba !important; }
.icest-date-table tr:nth-child(2) .icest-date-node { background:#008c95 !important; border:5px solid #008c95 !important; }
.icest-date-table tr:nth-child(3) .icest-date-node { background:#7358a4 !important; border:5px solid #7358a4 !important; }
.icest-date-table tr:nth-child(4) .icest-date-node { background:#df7a22 !important; border:5px solid #df7a22 !important; }
.icest-date-table tr:nth-child(5) .icest-date-node { background:#e85e77 !important; border:5px solid #e85e77 !important; }
.icest-date-table tr:nth-child(6) .icest-date-node { background:#37866b !important; border:5px solid #37866b !important; }
.icest-date-table tr:nth-child(7) .icest-date-node { background:#073b5c !important; border:5px solid #008c95 !important; }

.icest-date-table tr:nth-child(1) .icest-date-event { color:#6677ba !important; }
.icest-date-table tr:nth-child(2) .icest-date-event { color:#008c95 !important; }
.icest-date-table tr:nth-child(3) .icest-date-event { color:#7358a4 !important; }
.icest-date-table tr:nth-child(4) .icest-date-event { color:#df7a22 !important; }
.icest-date-table tr:nth-child(5) .icest-date-event { color:#e85e77 !important; }
.icest-date-table tr:nth-child(6) .icest-date-event { color:#37866b !important; }
.icest-date-table tr:nth-child(7) .icest-date-event { color:#073b5c !important; }

/* Make the horizontal ladder branches clearly visible */
.icest-date-table .icest-date-rule {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 3px !important;
    min-height: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #44545c !important;
}

/* Interactive hover: branch lights up and content moves toward centre */
.icest-date-table tr:hover .icest-date-rule {
    background: #008c95 !important;
}

.icest-date-table tr:hover .icest-date-node {
    transform: scale(1.12) !important;
}

.icest-date-table tr:hover .icest-date-left {
    transform: translateX(7px);
}

.icest-date-table tr:hover .icest-date-right {
    transform: translateX(-7px);
}

/* Gentle animated ladder flow */
.icest-date-center::before {
    background: linear-gradient(
        to bottom,
        #6677ba 0%,
        #008c95 20%,
        #7358a4 40%,
        #df7a22 60%,
        #e85e77 78%,
        #37866b 90%,
        #073b5c 100%
    ) !important;
    background-size: 100% 180% !important;
    animation: icestDateSpineFlow 7s linear infinite !important;
}

@keyframes icestDateSpineFlow {
    from { background-position: 50% 0%; }
    to   { background-position: 50% 100%; }
}

@media (max-width: 650px) {
    .icest-date-table .icest-date-date {
        font-size: 15px !important;
    }

    .icest-date-table .icest-date-event {
        font-size: 12px !important;
    }

    .icest-date-table .icest-date-node {
        width: 48px !important;
        height: 48px !important;
        font-size: 14px !important;
    }

    .icest-date-table tr:hover .icest-date-left,
    .icest-date-table tr:hover .icest-date-right {
        transform: none !important;
    }
}
/* =========================================================
   CHANGE "ABOUT THE JOURNAL" TO "ABOUT ICEST"
   ========================================================= */

.homepage_about h2 {
    font-size: 0 !important;
}

.homepage_about h2::after {
    content: "About ICEST";
    display: block;

    color: #073b5c;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}


/* =========================================================
   OJS HOMEPAGE - CHANGE "ABOUT THE JOURNAL" TO "ABOUT ICEST"
   ========================================================= */

body .pkp_structure_main .homepage_about h2 {
    position: relative !important;
    visibility: hidden !important;
}

body .pkp_structure_main .homepage_about h2::after {
    content: "About ICEST" !important;

    position: absolute;
    top: 0;
    left: 0;

    visibility: visible !important;

    color: #073b5c !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
/* =========================================================
   RENAME HOMEPAGE "ABOUT THE JOURNAL" TO "ABOUT ICEST"
   ========================================================= */

#homepageAbout + h2 {
    font-size: 0 !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
}

#homepageAbout + h2::after {
    content: "About ICEST";
    display: block;

    color: #073b5c !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}
/* ICEST - FORCE ABOUT HEADING */

#homepageAbout + h2,
.homepage_about > h2,
.page_index_journal .homepage_about h2 {
    font-size: 0 !important;
    line-height: 1 !important;
}

#homepageAbout + h2::after,
.homepage_about > h2::after,
.page_index_journal .homepage_about h2::after {
    content: "About ICEST" !important;
    display: block !important;

    color: #073b5c !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}