/* ===================================================== */
/* JCNS FINAL MOBILE FIX */
/* Header + Menu + Ticker + Content Stacking */
/* ===================================================== */

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

    :root {
        --jcns-mobile-banner: 33.6vw;
        --jcns-mobile-menu: 46px;
        --jcns-mobile-ticker: 34px;
    }

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box !important;
    }

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

    .pkp_structure_head {
        position: relative !important;
        width: 100% !important;

        height: calc(
            var(--jcns-mobile-banner) +
            var(--jcns-mobile-menu) +
            var(--jcns-mobile-ticker)
        ) !important;

        min-height: calc(
            var(--jcns-mobile-banner) +
            var(--jcns-mobile-menu) +
            var(--jcns-mobile-ticker)
        ) !important;

        max-height: calc(
            var(--jcns-mobile-banner) +
            var(--jcns-mobile-menu) +
            var(--jcns-mobile-ticker)
        ) !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 0 !important;
    }

    /* Banner image */
    .pkp_structure_head::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: var(--jcns-mobile-banner) !important;

        background-image: url("https://jcns.gcwuf.edu.pk/index.php/JCNS/libraryFiles/downloadPublic/3") !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #ffffff !important;

        z-index: 1 !important;
    }

    /* Hide default OJS logo and title */
    .pkp_site_name,
    .pkp_site_name_wrapper,
    .pkp_site_name > a,
    .pkp_site_name .is_img,
    .pkp_site_name img {
        display: none !important;
    }

    /* Disable default hamburger because horizontal menu is used */
    .pkp_site_nav_toggle {
        display: none !important;
    }

    /* Force OJS mobile navigation to remain visible */
    .pkp_site_nav_menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* Hide user menu from mobile header */
    .pkp_navigation_user_wrapper {
        display: none !important;
    }

    /* ================================================= */
    /* MOBILE MENU + MOVING TEXT */
    /* ================================================= */

    .pkp_navigation_primary_row {
        display: block !important;
        position: absolute !important;

        top: var(--jcns-mobile-banner) !important;
        left: 0 !important;

        width: 100% !important;
        height: calc(
            var(--jcns-mobile-menu) +
            var(--jcns-mobile-ticker)
        ) !important;

        min-height: calc(
            var(--jcns-mobile-menu) +
            var(--jcns-mobile-ticker)
        ) !important;

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

        background: #326eb0 !important;
        overflow: hidden !important;
        border: 0 !important;
        z-index: 20 !important;
    }

    .pkp_navigation_primary_wrapper {
        display: block !important;
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        height: var(--jcns-mobile-menu) !important;

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

        background: #326eb0 !important;
        overflow: visible !important;
        border: 0 !important;
    }

    /* Horizontal menu */
    .pkp_navigation_primary {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        height: var(--jcns-mobile-menu) !important;

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

        list-style: none !important;
        white-space: nowrap !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pkp_navigation_primary::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .pkp_navigation_primary > li {
        display: flex !important;
        flex: 0 0 auto !important;
        float: none !important;

        width: auto !important;
        height: var(--jcns-mobile-menu) !important;

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

    .pkp_navigation_primary > li > a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: auto !important;
        height: var(--jcns-mobile-menu) !important;

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

        color: #ffffff !important;
        background: transparent !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
        text-decoration: none !important;
        border: 0 !important;
    }

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus,
    .pkp_navigation_primary > li > a:active {
        color: #ffffff !important;
        background: #245a96 !important;
    }

    /* Hide dropdowns on small screens */
    .pkp_navigation_primary ul {
        display: none !important;
    }

    /* Moving bar background */
    .pkp_navigation_primary_wrapper::before {
        content: "" !important;
        position: absolute !important;

        top: var(--jcns-mobile-menu) !important;
        left: 0 !important;

        width: 100vw !important;
        height: var(--jcns-mobile-ticker) !important;

        background: #eeeeee !important;
        border-top: 1px solid #dddddd !important;
        border-bottom: 1px solid #dddddd !important;

        z-index: 1 !important;
    }

    /* Moving text */
    .pkp_navigation_primary_wrapper::after {
        content: "Call for Papers – Inaugural Issue 2026 Volume 1, Issue 1" !important;

        position: absolute !important;
        top: calc(var(--jcns-mobile-menu) + 6px) !important;
        left: 0 !important;

        color: #333333 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 21px !important;

        white-space: nowrap !important;
        z-index: 2 !important;

        animation: jcnsMobileTicker 17s linear infinite !important;
    }

    @keyframes jcnsMobileTicker {
        from {
            transform: translateX(100vw);
        }

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

    /* ================================================= */
    /* REMOVE EXTRA CONTENT GAP */
    /* ================================================= */

    .pkp_structure_content {
        display: block !important;

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

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

        background: #ffffff !important;
        overflow: hidden !important;
    }

    .pkp_structure_main {
        display: block !important;
        float: none !important;

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

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

        background: #ffffff !important;
        overflow: hidden !important;
    }

    .pkp_structure_sidebar {
        display: block !important;
        float: none !important;

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

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

    .pkp_page_index .page_index_journal {
        width: 100% !important;
        max-width: 100% !important;

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

        overflow: hidden !important;
    }

    /* ================================================= */
    /* REMOVE ABOUT THE JOURNAL HEADING */
    /* ================================================= */

    .pkp_page_index .page_index_journal > h1:first-of-type,
    .pkp_page_index .page_index_journal > h2:first-of-type,
    .pkp_page_index .pkp_structure_main > h1:first-of-type,
    .pkp_page_index .pkp_structure_main > .page_title:first-of-type,
    .pkp_page_index h1.page_title {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* ================================================= */
    /* PROFILE AND TEXT SECTION MOBILE STACKING */
    /* ================================================= */

    .pkp_page_index .pkp_structure_main table,
    .pkp_page_index .pkp_structure_main tbody,
    .pkp_page_index .pkp_structure_main tr,
    .pkp_page_index .pkp_structure_main td {
        display: block !important;

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

        float: none !important;
        clear: both !important;

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

        box-sizing: border-box !important;
    }

    .pkp_page_index .pkp_structure_main table {
        margin: 0 auto 20px !important;
        table-layout: auto !important;
    }

    .pkp_page_index .pkp_structure_main td {
        padding: 12px 8px !important;
        overflow: hidden !important;
    }

    /* Stack inline flex sections */
    .pkp_page_index .pkp_structure_main [style*="display:flex"],
    .pkp_page_index .pkp_structure_main [style*="display: flex"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pkp_page_index .pkp_structure_main [style*="width: 50%"],
    .pkp_page_index .pkp_structure_main [style*="width:50%"],
    .pkp_page_index .pkp_structure_main [style*="width: 40%"],
    .pkp_page_index .pkp_structure_main [style*="width:40%"],
    .pkp_page_index .pkp_structure_main [style*="width: 60%"],
    .pkp_page_index .pkp_structure_main [style*="width:60%"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Images stay inside mobile screen */
    .pkp_structure_main img,
    .pkp_structure_content img,
    .pkp_page_index img {
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Text overflow fix */
    .pkp_structure_main p,
    .pkp_structure_main h1,
    .pkp_structure_main h2,
    .pkp_structure_main h3,
    .pkp_structure_main h4,
    .pkp_structure_main div,
    .pkp_structure_main span,
    .pkp_structure_main a {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    /* Welcome heading */
    .pkp_page_index .homepage_about h2:first-of-type,
    .pkp_page_index .journal_description h2:first-of-type,
    .pkp_page_index .page_index_journal h2:not(:first-of-type) {
        display: block !important;
        height: auto !important;

        color: #2b62b4 !important;
        font-size: 20px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;

        text-align: center !important;

        margin: 10px 0 16px !important;
        padding: 0 5px !important;
    }

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

    .pkp_structure_footer,
    .pkp_footer_content,
    .pkp_footer_content > div {
        width: 100% !important;
        max-width: 100% !important;

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

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: hidden !important;
    }

    .pkp_footer_content table,
    .pkp_footer_content tbody,
    .pkp_footer_content tr,
    .pkp_footer_content td {
        display: block !important;

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

        box-sizing: border-box !important;
    }

    .pkp_footer_content td {
        margin: 0 !important;
        padding: 12px 15px !important;
        text-align: center !important;
    }
}


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

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

    :root {
        --jcns-mobile-banner: 33.6vw;
        --jcns-mobile-menu: 43px;
        --jcns-mobile-ticker: 33px;
    }

    .pkp_navigation_primary > li,
    .pkp_navigation_primary > li > a {
        height: var(--jcns-mobile-menu) !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 0 10px !important;
        font-size: 11px !important;
    }

    .pkp_navigation_primary_wrapper::after {
        top: calc(var(--jcns-mobile-menu) + 6px) !important;
        font-size: 12px !important;
        animation-duration: 15s !important;
    }

    .pkp_structure_content {
        padding: 12px 9px !important;
    }

    .pkp_structure_main {
        padding-top: 6px !important;
    }

    .pkp_page_index .homepage_about h2:first-of-type,
    .pkp_page_index .journal_description h2:first-of-type,
    .pkp_page_index .page_index_journal h2:not(:first-of-type) {
        font-size: 18px !important;
    }
}
/* ===================================================== */
/* JCNS MOBILE MENU — ALL ITEMS VISIBLE */
/* Paste at the very end of CSS */
/* ===================================================== */

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

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box !important;
    }

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

    .pkp_structure_head {
        position: relative !important;
        display: block !important;

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

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

        background: #ffffff !important;
        overflow: visible !important;
        border: 0 !important;
    }

    /* Mobile banner */
    .pkp_structure_head::before {
        content: "" !important;

        position: relative !important;
        display: block !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 33.6vw !important;
        min-height: 125px !important;
        max-height: 255px !important;

        background-image: url("https://jcns.gcwuf.edu.pk/index.php/JCNS/libraryFiles/downloadPublic/3") !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #ffffff !important;

        z-index: 1 !important;
    }

    /* Hide default OJS title and logo */
    .pkp_site_name,
    .pkp_site_name_wrapper,
    .pkp_site_name > a,
    .pkp_site_name .is_img,
    .pkp_site_name img {
        display: none !important;
    }

    /* Hide hamburger button */
    .pkp_site_nav_toggle {
        display: none !important;
    }

    /* Keep mobile navigation open */
    .pkp_site_nav_menu {
        display: block !important;
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        height: auto !important;

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

        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .pkp_navigation_user_wrapper {
        display: none !important;
    }

    /* ================================================= */
    /* FULL MOBILE MENU */
    /* ================================================= */

    .pkp_navigation_primary_row {
        position: relative !important;
        display: block !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

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

        background: #326eb0 !important;
        overflow: visible !important;

        z-index: 20 !important;
    }

    .pkp_navigation_primary_wrapper {
        position: relative !important;
        display: block !important;

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

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

        background: #326eb0 !important;
        overflow: hidden !important;
    }

    /* Two-column mobile menu */
    .pkp_navigation_primary {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;

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

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

        overflow: visible !important;
        white-space: normal !important;
        list-style: none !important;
    }

    .pkp_navigation_primary > li {
        display: block !important;
        float: none !important;

        width: 100% !important;
        height: auto !important;

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

        border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    }

    .pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 44px !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 8px 6px !important;

        color: #ffffff !important;
        background: #326eb0 !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;

        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-decoration: none !important;

        border: 0 !important;
    }

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus,
    .pkp_navigation_primary > li > a:active {
        color: #ffffff !important;
        background: #245a96 !important;
    }

    /* Hide dropdown menus on mobile */
    .pkp_navigation_primary ul {
        display: none !important;
    }

    /* ================================================= */
    /* CALL FOR PAPERS MOVING BAR */
    /* ================================================= */

    .pkp_navigation_primary_wrapper::before {
        content: "" !important;

        position: absolute !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 34px !important;

        background: #eeeeee !important;
        border-top: 1px solid #d5d5d5 !important;
        border-bottom: 1px solid #d5d5d5 !important;

        z-index: 1 !important;
    }

    .pkp_navigation_primary_wrapper::after {
        content: "Call for Papers – Inaugural Issue 2026 Volume 1, Issue 1" !important;

        position: absolute !important;
        top: auto !important;
        bottom: 6px !important;
        left: 0 !important;

        color: #444444 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 21px !important;

        white-space: nowrap !important;
        z-index: 2 !important;

        animation: jcnsFullMobileTicker 17s linear infinite !important;
    }

    @keyframes jcnsFullMobileTicker {
        from {
            transform: translateX(100vw);
        }

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

    /* ================================================= */
    /* CONTENT STARTS DIRECTLY AFTER MENU */
    /* ================================================= */

    .pkp_structure_content {
        clear: both !important;

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

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

        background: #ffffff !important;
        overflow: hidden !important;
    }

    .pkp_structure_main {
        float: none !important;

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

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

        background: #ffffff !important;
        overflow: hidden !important;
    }

    .pkp_structure_sidebar {
        float: none !important;

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

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

    /* Prevent text and images from going outside screen */
    .pkp_structure_main img,
    .pkp_structure_content img {
        max-width: 100% !important;
        height: auto !important;
    }

    .pkp_structure_main p,
    .pkp_structure_main h1,
    .pkp_structure_main h2,
    .pkp_structure_main h3,
    .pkp_structure_main div,
    .pkp_structure_main span,
    .pkp_structure_main a {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }
}


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

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

    .pkp_structure_head::before {
        height: 33.6vw !important;
        min-height: 120px !important;
    }

    .pkp_navigation_primary > li > a {
        min-height: 42px !important;
        padding: 7px 4px !important;
        font-size: 11px !important;
    }

    .pkp_navigation_primary_wrapper::after {
        font-size: 11px !important;
        animation-duration: 15s !important;
    }

    .pkp_structure_content {
        padding: 15px 9px !important;
    }
}
/* ===================================================== */
/* JCNS DESKTOP HEADER + MENU FIX */
/* Mobile par koi change nahi hoga */
/* ===================================================== */

@media screen and (min-width: 769px) {

    /* Complete desktop header height */
    .pkp_structure_head {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: 604px !important;
        min-height: 604px !important;
        max-height: 604px !important;

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

        background: transparent !important;
        border: 0 !important;
        overflow: visible !important;
    }

    /* Desktop banner */
    .pkp_structure_head::before {
        content: "" !important;

        position: absolute !important;
        display: block !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 520px !important;

        background-image: url("https://jcns.gcwuf.edu.pk/index.php/JCNS/libraryFiles/downloadPublic/3") !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        z-index: 1 !important;
    }

    /* Default OJS journal title/logo hide */
    .pkp_site_name,
    .pkp_site_name_wrapper,
    .pkp_site_name > a,
    .pkp_site_name .is_img,
    .pkp_site_name img {
        display: none !important;
    }

    /* Header navigation container */
    .pkp_site_nav_menu {
        display: block !important;
        position: static !important;

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

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

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Primary menu row */
    .pkp_navigation_primary_row {
        position: absolute !important;

        top: 520px !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

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

        background: #326eb0 !important;
        border: 0 !important;
        overflow: visible !important;

        z-index: 20 !important;
    }

    .pkp_navigation_primary_wrapper {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;

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

        background: #326eb0 !important;
        overflow: visible !important;
    }

    /* Menu in one complete row */
    .pkp_navigation_primary,
    .pkp_nav_list.pkp_navigation_primary {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;

        width: auto !important;
        max-width: 100% !important;
        height: 46px !important;

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

        list-style: none !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .pkp_navigation_primary > li {
        display: flex !important;
        flex: 0 0 auto !important;
        float: none !important;

        width: auto !important;
        height: 46px !important;

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

    .pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: 46px !important;

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

        color: #ffffff !important;
        background: transparent !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
        text-decoration: none !important;
        border: 0 !important;
    }

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {
        color: #ffffff !important;
        background: #245a96 !important;
    }

    /* Moving bar background */
    .pkp_navigation_primary_wrapper::before {
        content: "" !important;

        position: absolute !important;

        top: 46px !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 38px !important;

        background: #eeeeee !important;
        border-top: 1px solid #dddddd !important;
        border-bottom: 1px solid #dddddd !important;

        z-index: 1 !important;
    }

    /* Moving bar text */
    .pkp_navigation_primary_wrapper::after {
        content: "Call for Papers – Inaugural Issue 2026 Volume 1, Issue 1" !important;

        position: absolute !important;

        top: 53px !important;
        left: 0 !important;

        display: block !important;

        color: #333333 !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 24px !important;

        white-space: nowrap !important;

        z-index: 2 !important;
        animation: jcnsDesktopTicker 24s linear infinite !important;
    }

    @keyframes jcnsDesktopTicker {
        from {
            transform: translateX(100vw);
        }

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

    /* Content starts directly below header */
    .pkp_structure_content {
        clear: both !important;
        margin-top: 0 !important;
        padding-top: 20px !important;
    }

    .pkp_structure_main {
        margin-top: 0 !important;
        padding-top: 20px !important;
    }
}
/* Make a Submission button bigger */
.pkp_block.block_make_submission .content a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 15px 20px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 6px !important;
}