/* ============================================================
   UNIVERSUM — COMPLETE OJS 3.x JOURNAL THEME
   Journal of Holistic and Multidisciplinary Perspectives
   Identity: pink → red-magenta gradient, interconnected U mark.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --uv-pink: #f2388a;
    --uv-hot-pink: #e51d70;
    --uv-magenta: #c2185b;
    --uv-red-magenta: #991044;
    --uv-deep: #67082f;
    --uv-dark: #32041a;
    --uv-blush: #ffd2e2;
    --uv-pale: #fff2f7;
    --uv-white: #ffffff;
    --uv-ink: #30212a;
    --uv-muted: #71616a;
    --uv-line: rgba(153, 16, 68, .17);
    --uv-glass: rgba(255, 250, 252, .82);
    --uv-gradient: linear-gradient(112deg, #560528 0%, #991044 24%, #d21763 48%, #f2388a 62%, #b71354 82%, #570529 100%);
    --uv-gradient-soft: linear-gradient(120deg, #ffedf4, #ffd2e2 44%, #fff7fa);
    --uv-shadow: 0 20px 55px rgba(100, 7, 45, .18);
}

html,
body,
button,
input,
select,
textarea {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
}

html {
    min-height: 100%;
    background: #eee8ec;
}

body,
body.pkp_page_index,
body.pkp_op_index {
    min-height: 100vh;
    margin: 0 !important;
    color: var(--uv-ink);
    background-color: #eee8ec !important;
    background-image:
        linear-gradient(rgba(247, 242, 245, .70), rgba(226, 217, 222, .75)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg fill='none' stroke='%238c6578' stroke-width='2.5' opacity='.34'%3E%3Ccircle cx='95' cy='95' r='55'/%3E%3Ccircle cx='95' cy='95' r='30'/%3E%3Cpath d='M0 95h40M150 95h40M95 0v40M95 150v40M28 28l29 29M133 133l29 29M162 28l-29 29M57 133l-29 29'/%3E%3Ccircle cx='95' cy='40' r='5' fill='%238c6578'/%3E%3Ccircle cx='150' cy='95' r='5' fill='%238c6578'/%3E%3Ccircle cx='95' cy='150' r='5' fill='%238c6578'/%3E%3Ccircle cx='40' cy='95' r='5' fill='%238c6578'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: repeat, repeat !important;
    background-size: auto, 190px 190px !important;
    background-attachment: fixed !important;
}

a {
    color: var(--uv-magenta);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

a:hover,
a:focus {
    color: var(--uv-hot-pink);
}

/* ============================================================
   HEADER
   ============================================================ */
.pkp_structure_head {
    position: relative !important;
    z-index: 20;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    color: #fff !important;
    background-color: var(--uv-deep) !important;
    background-image:
        linear-gradient(112deg, rgba(70, 3, 32, .97), rgba(145, 9, 62, .92) 28%, rgba(229, 29, 112, .83) 52%, rgba(242, 56, 138, .80) 63%, rgba(135, 8, 58, .94) 82%, rgba(51, 2, 24, .98)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='165' height='165' viewBox='0 0 165 165'%3E%3Cg fill='none' stroke='%23ffd2e2' stroke-width='2' opacity='.19'%3E%3Ccircle cx='82.5' cy='82.5' r='49'/%3E%3Ccircle cx='82.5' cy='82.5' r='25'/%3E%3Cpath d='M0 82.5h33M132 82.5h33M82.5 0v33M82.5 132v33M24 24l23 23M118 118l23 23M141 24l-23 23M47 118l-23 23'/%3E%3Ccircle cx='82.5' cy='33.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='131.5' cy='82.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='82.5' cy='131.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='33.5' cy='82.5' r='4' fill='%23ffd2e2'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 165px 165px !important;
    border: 0 !important;
    border-top: 4px solid #ff91b9 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 0 !important;
    box-shadow: 0 15px 36px rgba(88, 5, 39, .27) !important;
}

.pkp_structure_head::after {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #8a1045, #ff86b3, #ffffff, #ff86b3, #8a1045);
}

.pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
    display: block !important;
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    min-height: 242px !important;
    margin: 0 auto !important;
    padding: 0 250px 52px 250px !important;
    box-sizing: border-box !important;
}

/* Embedded transparent Universum U emblem — no logo upload required. */
.pkp_structure_head::before {
    content: "" !important;
    position: absolute !important;
    z-index: 9 !important;
    top: 42px !important;
    left: max(52px, calc((100vw - 1440px) / 2 + 36px)) !important;
    display: block !important;
    width: 178px !important;
    height: 142px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='280' viewBox='0 0 320 280'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23ffd2e2'/%3E%3Cstop offset='.28' stop-color='%23f2388a'/%3E%3Cstop offset='.64' stop-color='%23c2185b'/%3E%3Cstop offset='1' stop-color='%238a1045'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='7' stdDeviation='6' flood-color='%23400020' flood-opacity='.34'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' filter='url(%23s)'%3E%3Cpath d='M53 39v127c0 58 39 83 107 83s107-25 107-83V39' stroke-width='28'/%3E%3Cpath d='M96 55v101c0 34 21 49 64 49s64-15 64-49V55' stroke-width='14'/%3E%3Cpath d='M131 70v77c0 17 10 25 29 25s29-8 29-25V70' stroke-width='9'/%3E%3C/g%3E%3Cg fill='%23ffd2e2' stroke='%23ffffff' stroke-width='3'%3E%3Ccircle cx='53' cy='39' r='10'/%3E%3Ccircle cx='267' cy='39' r='10'/%3E%3Ccircle cx='96' cy='55' r='8'/%3E%3Ccircle cx='224' cy='55' r='8'/%3E%3Ccircle cx='131' cy='70' r='7'/%3E%3Ccircle cx='189' cy='70' r='7'/%3E%3Ccircle cx='160' cy='249' r='9'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    pointer-events: none !important;
}

/* Hide uploaded/default site logo so it cannot collide with embedded branding. */
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name > a,
.pkp_structure_head .pkp_site_name img {
    display: none !important;
}

/* Journal name. */
.pkp_structure_head .pkp_head_wrapper::before {
    content: "UNIVERSUM";
    position: absolute !important;
    z-index: 4;
    top: 43px !important;
    right: 225px !important;
    left: 225px !important;
    display: block !important;
    color: #fff !important;
    text-align: center !important;
    font-size: clamp(42px, 5vw, 69px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 1px rgba(255, 255, 255, .16), 0 6px 18px rgba(74, 2, 34, .38) !important;
    pointer-events: none !important;
}

/* Full journal subtitle and publisher line. */
.pkp_structure_head .pkp_head_wrapper::after {
    content: "JOURNAL OF HOLISTIC AND MULTIDISCIPLINARY PERSPECTIVES\A PUBLISHED BY PUBLIC PUBLICATION";
    position: absolute !important;
    z-index: 4;
    top: 122px !important;
    right: 225px !important;
    left: 225px !important;
    display: block !important;
    white-space: pre !important;
    color: rgba(255, 255, 255, .94) !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 2 !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 9px rgba(66, 1, 30, .35) !important;
    pointer-events: none !important;
}

/* Register/Login locked to top-right. */
.pkp_structure_head .pkp_navigation_user_wrapper,
.pkp_structure_head nav.pkp_navigation_user_wrapper {
    position: absolute !important;
    z-index: 20 !important;
    top: 9px !important;
    right: max(26px, calc((100vw - 1440px) / 2 + 22px)) !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: right !important;
}

.pkp_structure_head .pkp_navigation_user {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.pkp_structure_head .pkp_navigation_user > li {
    float: none !important;
    display: block !important;
    margin: 0 0 0 19px !important;
}

.pkp_navigation_user > li > a {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* ============================================================
   PRIMARY NAVIGATION
   ============================================================ */
.pkp_structure_head .pkp_navigation_primary_wrapper {
    position: absolute !important;
    z-index: 8 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    box-sizing: border-box !important;
    background: rgba(62, 2, 29, .65) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.pkp_navigation_primary_wrapper:has(.pkp_navigation_primary:empty) {
    display: none !important;
}

.pkp_navigation_primary {
    margin: 0 !important;
    text-align: left !important;
}

.pkp_navigation_primary > li > a {
    padding: 16px 18px 13px !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--uv-blush) !important;
    background: rgba(255, 255, 255, .07) !important;
    border-bottom-color: #ff9fc2 !important;
}

.pkp_navigation_primary ul {
    background: rgba(84, 4, 39, .98) !important;
    border: 1px solid rgba(255, 210, 226, .22) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 15px 30px rgba(62, 2, 29, .30) !important;
}

.pkp_navigation_primary ul a {
    color: #fff !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
    color: #fff !important;
    background: var(--uv-magenta) !important;
}

.pkp_search_desktop,
.pkp_search_desktop.is_open {
    color: #fff !important;
}

/* ============================================================
   PAGE, MAIN CONTENT, SIDEBAR
   ============================================================ */
.pkp_structure_page {
    width: min(calc(100% - 48px), 1380px) !important;
    max-width: 1380px !important;
    min-height: 0 !important;
    margin: 32px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: rgba(255, 250, 252, .76) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23b66c8d' stroke-width='2.2' opacity='.12'%3E%3Ccircle cx='90' cy='90' r='50'/%3E%3Ccircle cx='90' cy='90' r='27'/%3E%3Cpath d='M0 90h40M140 90h40M90 0v40M90 140v40M25 25l29 29M126 126l29 29M155 25l-29 29M54 126l-29 29'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: repeat !important;
    background-size: 180px 180px !important;
    border: 1px solid rgba(255, 255, 255, .90) !important;
    border-radius: 13px !important;
    box-shadow: var(--uv-shadow) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.pkp_structure_content {
    min-height: 0 !important;
    background: transparent !important;
}

.pkp_structure_main {
    min-height: 320px !important;
    padding: 40px 44px !important;
    background: rgba(255, 253, 254, .53) !important;
    border: 0 !important;
}

.pkp_structure_sidebar {
    padding: 34px 28px !important;
    background: rgba(255, 235, 243, .54) !important;
    border: 0 !important;
    border-left: 1px solid var(--uv-line) !important;
}

.page h1,
.page h2,
.page h3,
.obj_issue_toc .heading .title,
.current_issue .current_issue_title,
.page_index_journal .additional_content h2 {
    color: var(--uv-deep) !important;
    font-weight: 800 !important;
    letter-spacing: -.015em !important;
}

.page h1::after,
.current_issue .current_issue_title::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 11px;
    background: linear-gradient(90deg, var(--uv-magenta), var(--uv-pink));
    border-radius: 9px;
}

.page_index_journal .homepage_image img,
.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
    border-radius: 7px !important;
    box-shadow: 0 13px 30px rgba(100, 7, 45, .18) !important;
}

.obj_article_summary,
.obj_issue_summary,
.cmp_announcements .obj_announcement_summary,
.page_index_journal .additional_content,
.current_issue {
    margin-bottom: 23px !important;
    padding: 24px !important;
    background: rgba(255, 253, 254, .82) !important;
    border: 1px solid var(--uv-line) !important;
    border-left: 4px solid var(--uv-magenta) !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 24px rgba(100, 7, 45, .07) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.obj_article_summary:hover,
.obj_issue_summary:hover,
.cmp_announcements .obj_announcement_summary:hover {
    transform: translateY(-2px);
    border-left-color: var(--uv-pink) !important;
    box-shadow: 0 13px 30px rgba(100, 7, 45, .13) !important;
}

.obj_article_summary .title a,
.obj_issue_summary .title a {
    color: var(--uv-deep) !important;
    font-weight: 750 !important;
}

.obj_article_summary .title a:hover,
.obj_issue_summary .title a:hover {
    color: var(--uv-hot-pink) !important;
}

.cmp_button,
.block_make_submission a,
.obj_galley_link,
button.submit,
input[type="submit"] {
    color: #fff !important;
    background: linear-gradient(105deg, var(--uv-deep), var(--uv-magenta), var(--uv-pink), var(--uv-magenta)) !important;
    background-size: 220% 100% !important;
    border: 1px solid rgba(255, 186, 212, .72) !important;
    border-radius: 6px !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 14px rgba(100, 7, 45, .20) !important;
}

.cmp_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover,
button.submit:hover,
input[type="submit"]:hover {
    color: #fff !important;
    background-position: 100% 0 !important;
    transform: translateY(-1px);
}

.pkp_block {
    margin-bottom: 20px !important;
    padding: 20px !important;
    background: rgba(255, 253, 254, .78) !important;
    border: 1px solid var(--uv-line) !important;
    border-radius: 8px !important;
}

.pkp_block .title {
    color: var(--uv-deep) !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.pkp_block .content ul li {
    border-bottom-color: var(--uv-line) !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select,
textarea {
    border: 1px solid rgba(153, 16, 68, .24) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .86) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--uv-pink) !important;
    box-shadow: 0 0 0 3px rgba(242, 56, 138, .13) !important;
    outline: 0 !important;
}

.cmp_breadcrumbs {
    color: var(--uv-muted) !important;
}

.cmp_breadcrumbs a {
    color: var(--uv-magenta) !important;
}

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 28px !important;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    padding-bottom: 10px !important;
    color: var(--uv-deep) !important;
    border-bottom: 2px solid var(--uv-blush) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper {
    position: relative !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--uv-deep) !important;
    background-image:
        linear-gradient(108deg, rgba(54, 2, 25, .96), rgba(143, 8, 61, .88) 34%, rgba(226, 27, 107, .74) 56%, rgba(104, 4, 46, .94)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='155' viewBox='0 0 155 155'%3E%3Cg fill='none' stroke='%23ffd2e2' stroke-width='2' opacity='.20'%3E%3Ccircle cx='77.5' cy='77.5' r='46'/%3E%3Ccircle cx='77.5' cy='77.5' r='23'/%3E%3Cpath d='M0 77.5h31.5M123.5 77.5H155M77.5 0v31.5M77.5 123.5V155M22 22l23 23M110 110l23 23M133 22l-23 23M45 110l-23 23'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 155px 155px !important;
    border: 0 !important;
    border-top: 4px solid #ff91b9 !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 24px rgba(88, 5, 39, .14) !important;
}

.pkp_structure_footer_wrapper::before {
    content: "UNIVERSUM\A Journal of Holistic and Multidisciplinary Perspectives\A Published by Public Publication";
    position: absolute;
    top: 27px;
    left: max(34px, calc((100vw - 1380px) / 2 + 38px));
    white-space: pre;
    color: #fff;
    font-size: 12px;
    line-height: 1.75;
    font-weight: 500;
    letter-spacing: .045em;
    pointer-events: none;
}

.pkp_structure_footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    max-width: 1380px !important;
    min-height: 132px !important;
    margin: 0 auto !important;
    padding: 26px 38px !important;
    box-sizing: border-box !important;
    color: rgba(255, 255, 255, .87) !important;
}

.pkp_structure_footer a {
    color: var(--uv-blush) !important;
}

.pkp_brand_footer {
    float: none !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
}

.pkp_brand_footer img {
    display: block !important;
    width: auto !important;
    max-width: 128px !important;
    height: auto !important;
    max-height: 62px !important;
    opacity: .83 !important;
    filter: grayscale(1) brightness(0) invert(1) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1000px) {
    .pkp_structure_head::before {
        left: 24px !important;
        width: 135px !important;
        height: 118px !important;
    }

    .pkp_structure_head .pkp_head_wrapper::before,
    .pkp_structure_head .pkp_head_wrapper::after {
        right: 155px !important;
        left: 155px !important;
    }
}

@media (max-width: 767px) {
    .pkp_structure_head .pkp_head_wrapper {
        min-height: 300px !important;
        padding: 0 16px 52px !important;
    }

    .pkp_structure_head::before {
        top: 20px !important;
        right: 50% !important;
        left: auto !important;
        width: 105px !important;
        height: 88px !important;
        transform: translateX(50%) !important;
    }

    .pkp_structure_head .pkp_head_wrapper::before {
        top: 116px !important;
        right: 14px !important;
        left: 14px !important;
        font-size: 36px !important;
        letter-spacing: .07em !important;
    }

    .pkp_structure_head .pkp_head_wrapper::after {
        top: 169px !important;
        right: 14px !important;
        left: 14px !important;
        font-size: 8.5px !important;
        line-height: 2 !important;
        letter-spacing: .07em !important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper,
    .pkp_structure_head nav.pkp_navigation_user_wrapper {
        top: 6px !important;
        right: 9px !important;
    }

    .pkp_structure_head .pkp_navigation_primary_wrapper {
        padding: 0 10px !important;
    }

    .pkp_structure_page {
        width: calc(100% - 20px) !important;
        margin: 14px auto !important;
        border-radius: 8px !important;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar {
        min-height: 0 !important;
        padding: 24px 18px !important;
    }

    .pkp_structure_sidebar {
        border-top: 1px solid var(--uv-line) !important;
        border-left: 0 !important;
    }

    .pkp_structure_footer_wrapper::before {
        position: static !important;
        display: block;
        padding: 24px 20px 0;
        text-align: center;
    }

    .pkp_structure_footer {
        display: block !important;
        min-height: 0 !important;
        padding: 22px 20px 26px !important;
        text-align: center !important;
    }

    .pkp_brand_footer {
        margin: 0 auto !important;
    }

    .pkp_brand_footer img {
        margin: 0 auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* ============================================================
   UNIVERSUM JOURNAL ISOLATION OVERRIDE
   High-specificity rules below intentionally defeat the parent
   Public Publication site stylesheet, including its !important
   declarations, without requiring removal of the parent theme.
   KEEP THIS SECTION AT THE VERY END OF THE FILE.
   ============================================================ */

html body,
html body.pkp_page_index,
html body.pkp_op_index,
html body.pkp_page_index.pkp_op_index {
    color: var(--uv-ink) !important;
    background-color: #eee8ec !important;
    background-image:
        linear-gradient(rgba(247, 242, 245, .68), rgba(226, 217, 222, .74)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg fill='none' stroke='%23a44b72' stroke-width='2.8' opacity='.42'%3E%3Ccircle cx='95' cy='95' r='55'/%3E%3Ccircle cx='95' cy='95' r='30'/%3E%3Cpath d='M0 95h40M150 95h40M95 0v40M95 150v40M28 28l29 29M133 133l29 29M162 28l-29 29M57 133l-29 29'/%3E%3Ccircle cx='95' cy='40' r='5' fill='%23a44b72'/%3E%3Ccircle cx='150' cy='95' r='5' fill='%23a44b72'/%3E%3Ccircle cx='95' cy='150' r='5' fill='%23a44b72'/%3E%3Ccircle cx='40' cy='95' r='5' fill='%23a44b72'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: repeat, repeat !important;
    background-size: auto, 190px 190px !important;
    background-position: center, center top !important;
    background-attachment: fixed !important;
}

html body .pkp_structure_head {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    color: #fff !important;
    background-color: var(--uv-deep) !important;
    background-image:
        linear-gradient(112deg, rgba(70, 3, 32, .97), rgba(145, 9, 62, .92) 28%, rgba(229, 29, 112, .84) 52%, rgba(242, 56, 138, .82) 63%, rgba(135, 8, 58, .94) 82%, rgba(51, 2, 24, .98)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='165' height='165' viewBox='0 0 165 165'%3E%3Cg fill='none' stroke='%23ffd2e2' stroke-width='2' opacity='.22'%3E%3Ccircle cx='82.5' cy='82.5' r='49'/%3E%3Ccircle cx='82.5' cy='82.5' r='25'/%3E%3Cpath d='M0 82.5h33M132 82.5h33M82.5 0v33M82.5 132v33M24 24l23 23M118 118l23 23M141 24l-23 23M47 118l-23 23'/%3E%3Ccircle cx='82.5' cy='33.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='131.5' cy='82.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='82.5' cy='131.5' r='4' fill='%23ffd2e2'/%3E%3Ccircle cx='33.5' cy='82.5' r='4' fill='%23ffd2e2'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 165px 165px !important;
    border: 0 !important;
    border-top: 4px solid #ff91b9 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 0 !important;
    box-shadow: 0 15px 36px rgba(88, 5, 39, .27) !important;
}

html body .pkp_structure_head::before {
    content: "" !important;
    position: absolute !important;
    z-index: 12 !important;
    top: 42px !important;
    right: auto !important;
    left: max(52px, calc((100vw - 1440px) / 2 + 36px)) !important;
    display: block !important;
    width: 178px !important;
    height: 142px !important;
    opacity: 1 !important;
    transform: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='280' viewBox='0 0 320 280'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23ffd2e2'/%3E%3Cstop offset='.28' stop-color='%23f2388a'/%3E%3Cstop offset='.64' stop-color='%23c2185b'/%3E%3Cstop offset='1' stop-color='%238a1045'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='7' stdDeviation='6' flood-color='%23400020' flood-opacity='.34'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' filter='url(%23s)'%3E%3Cpath d='M53 39v127c0 58 39 83 107 83s107-25 107-83V39' stroke-width='28'/%3E%3Cpath d='M96 55v101c0 34 21 49 64 49s64-15 64-49V55' stroke-width='14'/%3E%3Cpath d='M131 70v77c0 17 10 25 29 25s29-8 29-25V70' stroke-width='9'/%3E%3C/g%3E%3Cg fill='%23ffd2e2' stroke='%23ffffff' stroke-width='3'%3E%3Ccircle cx='53' cy='39' r='10'/%3E%3Ccircle cx='267' cy='39' r='10'/%3E%3Ccircle cx='96' cy='55' r='8'/%3E%3Ccircle cx='224' cy='55' r='8'/%3E%3Ccircle cx='131' cy='70' r='7'/%3E%3Ccircle cx='189' cy='70' r='7'/%3E%3Ccircle cx='160' cy='249' r='9'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    pointer-events: none !important;
}

html body .pkp_structure_head::after {
    content: "" !important;
    position: absolute !important;
    z-index: 13 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: 3px !important;
    background: linear-gradient(90deg, #8a1045, #ff86b3, #ffffff, #ff86b3, #8a1045) !important;
}

html body .pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
    display: block !important;
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    min-height: 242px !important;
    margin: 0 auto !important;
    padding: 0 250px 52px 250px !important;
    box-sizing: border-box !important;
}

html body .pkp_structure_head .pkp_head_wrapper::before {
    content: "UNIVERSUM" !important;
    position: absolute !important;
    z-index: 11 !important;
    top: 43px !important;
    right: 225px !important;
    left: 225px !important;
    display: block !important;
    width: auto !important;
    color: #fff !important;
    text-align: center !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: clamp(42px, 5vw, 69px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 1px rgba(255, 255, 255, .16), 0 6px 18px rgba(74, 2, 34, .38) !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

html body .pkp_structure_head .pkp_head_wrapper::after {
    content: "JOURNAL OF HOLISTIC AND MULTIDISCIPLINARY PERSPECTIVES\A PUBLISHED BY PUBLIC PUBLICATION" !important;
    position: absolute !important;
    z-index: 11 !important;
    top: 122px !important;
    right: 225px !important;
    left: 225px !important;
    display: block !important;
    width: auto !important;
    white-space: pre !important;
    color: rgba(255, 255, 255, .95) !important;
    text-align: center !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 2 !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 9px rgba(66, 1, 30, .35) !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

html body .pkp_structure_head .pkp_site_name,
html body .pkp_structure_head .pkp_site_name > a,
html body .pkp_structure_head .pkp_site_name img {
    display: none !important;
}

html body .pkp_structure_head .pkp_navigation_user_wrapper,
html body .pkp_structure_head nav.pkp_navigation_user_wrapper {
    position: absolute !important;
    z-index: 20 !important;
    top: 9px !important;
    right: max(26px, calc((100vw - 1440px) / 2 + 22px)) !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: right !important;
}

html body .pkp_structure_head .pkp_navigation_user {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html body .pkp_structure_head .pkp_navigation_primary_wrapper {
    position: absolute !important;
    z-index: 10 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 30px !important;
    box-sizing: border-box !important;
    background: rgba(62, 2, 29, .68) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    backdrop-filter: blur(9px) !important;
}

html body .pkp_structure_head .pkp_navigation_primary {
    margin: 0 !important;
    text-align: left !important;
}

html body .pkp_structure_head .pkp_navigation_primary > li > a {
    color: #fff !important;
    background: transparent !important;
    border-bottom: 3px solid transparent !important;
}

html body .pkp_structure_page {
    background-color: rgba(255, 250, 252, .77) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23b74e7d' stroke-width='2.4' opacity='.15'%3E%3Ccircle cx='90' cy='90' r='50'/%3E%3Ccircle cx='90' cy='90' r='27'/%3E%3Cpath d='M0 90h40M140 90h40M90 0v40M90 140v40M25 25l29 29M126 126l29 29M155 25l-29 29M54 126l-29 29'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: repeat !important;
    background-size: 180px 180px !important;
    border: 1px solid rgba(255, 255, 255, .90) !important;
    box-shadow: var(--uv-shadow) !important;
}

html body .pkp_structure_content {
    background: transparent !important;
}

html body .pkp_structure_main {
    background: rgba(255, 253, 254, .53) !important;
    border: 0 !important;
}

html body .pkp_structure_sidebar {
    background: rgba(255, 235, 243, .55) !important;
    border-left: 1px solid var(--uv-line) !important;
}

html body .pkp_structure_footer_wrapper {
    background-color: var(--uv-deep) !important;
    background-image:
        linear-gradient(108deg, rgba(54, 2, 25, .96), rgba(143, 8, 61, .88) 34%, rgba(226, 27, 107, .76) 56%, rgba(104, 4, 46, .94)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='155' viewBox='0 0 155 155'%3E%3Cg fill='none' stroke='%23ffd2e2' stroke-width='2' opacity='.22'%3E%3Ccircle cx='77.5' cy='77.5' r='46'/%3E%3Ccircle cx='77.5' cy='77.5' r='23'/%3E%3Cpath d='M0 77.5h31.5M123.5 77.5H155M77.5 0v31.5M77.5 123.5V155M22 22l23 23M110 110l23 23M133 22l-23 23M45 110l-23 23'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, repeat !important;
    background-size: cover, 155px 155px !important;
    border: 0 !important;
    border-top: 4px solid #ff91b9 !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 24px rgba(88, 5, 39, .14) !important;
}

html body .pkp_structure_footer_wrapper::before {
    content: "UNIVERSUM\A Journal of Holistic and Multidisciplinary Perspectives\A Published by Public Publication" !important;
    color: #fff !important;
}

html body .pkp_structure_footer {
    color: rgba(255, 255, 255, .87) !important;
}

html body .pkp_structure_footer a {
    color: var(--uv-blush) !important;
}

html body .pkp_brand_footer img {
    opacity: .83 !important;
    filter: grayscale(1) brightness(0) invert(1) !important;
}

@media (max-width: 1000px) {
    html body .pkp_structure_head::before {
        left: 24px !important;
        width: 135px !important;
        height: 118px !important;
    }

    html body .pkp_structure_head .pkp_head_wrapper::before,
    html body .pkp_structure_head .pkp_head_wrapper::after {
        right: 155px !important;
        left: 155px !important;
    }
}

@media (max-width: 767px) {
    html body .pkp_structure_head .pkp_head_wrapper {
        min-height: 300px !important;
        padding: 0 16px 52px !important;
    }

    html body .pkp_structure_head::before {
        top: 20px !important;
        right: 50% !important;
        left: auto !important;
        width: 105px !important;
        height: 88px !important;
        transform: translateX(50%) !important;
    }

    html body .pkp_structure_head .pkp_head_wrapper::before {
        top: 116px !important;
        right: 14px !important;
        left: 14px !important;
        font-size: 36px !important;
    }

    html body .pkp_structure_head .pkp_head_wrapper::after {
        top: 169px !important;
        right: 14px !important;
        left: 14px !important;
        font-size: 8.5px !important;
    }

    html body .pkp_structure_head .pkp_navigation_user_wrapper,
    html body .pkp_structure_head nav.pkp_navigation_user_wrapper {
        top: 6px !important;
        right: 9px !important;
    }
}
