/************************************************
 NextGen Research Journal
************************************************/
/************************************************
GLOBAL LAYOUT
************************************************/

body {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: #ddd !important;
    color: #1b1f2b !important;
    margin: 0 !important;
}
/************************************************
HEADER (CLEAN WHITE + TOP ACCENT)
************************************************/
.pkp_site_name_wrapper {
    display: flex;
    justify-content: center;
}

.pkp_site_name {
    margin: 0 auto;
}

.pkp_site_name img {
    display: block;
    max-width: 100%;
    height: auto;
}
.pkp_site_name_wrapper {
    background: #ffffff;
    height: 120px;
    display: flex;
    align-items: center;
    border-top: 2px solid #0B3763;
}

    .pkp_site_name .is_img img {
        max-height: 135px;
    }


.pkp_navigation_user>li>a {
        color: #444544;
    }

.pkp_navigation_user_wrapper ul a:hover, 
.pkp_navigation_user_wrapper ul a:focus {
        border: none;
    }

.pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
    background: #d7ebff;
    color: #0B3763;
}

.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus {
    color: #444544;
}
/************************************************
NAVIGATION (LIGHT STYLE – NOT DARK BAR)
************************************************/
/* .pkp_navigation_primary, #navigationPrimary {
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
}

.has_site_logo .pkp_site_name,
.has_site_logo .pkp_navigation_primary_wrapper {
    width: auto;
    display: flex;
    align-items: center;
}

.pkp_navigation_primary_row {
    background: #0B3763 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

#navigationPrimary li,
#navigationPrimary a {
    white-space: nowrap !important;
}

.pkp_navigation_search_wrapper {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.pkp_navigation_search_wrapper a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: #ffffff;
    margin-top: 23px;
}

#navigationPrimary a {
    color: #ffffff !important;
}

.pkp_nav_list ul a {
    color: #0B3763;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    border: none;
    background: #0B3763;
    color: #ffffff;
}

#navigationPrimary a:hover,
#navigationPrimary a:focus {
    color: #ffffff;
}
*/















.pkp_navigation_primary_row {
    background: #0B3763!important;
    border-bottom:none!important;
}

.pkp_navigation_primary, #navigationPrimary {
    width: 100% !important;
    align-items: center !important;
}
.pkp_navigation_search_wrapper a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: #ffffff;
}
#navigationPrimary a {
    color: #ffffff!important;
}
#navigationPrimary>li>a:hover, 
#navigationPrimary>li>a:focus {
    border: none !important;
}
.pkp_site_nav_menu .pkp_nav_list {
    margin-top: 0px;
}
.pkp_page_index .additional_content {
    border-top:none!important;
}
.pkp_structure_main p, .pkp_structure_main ul {
    margin: 0.53rem 0;
}
#navigationPrimary>li>a:hover, 
#navigationPrimary>li>a:focus {
    border: none !important;
    background: #0B3763 !important;
}
/************************************************
DROPDOWN MENU
************************************************/
#navigationPrimary ul {
    background: #ffffff !imporrtant;
}

#navigationPrimary ul {
    background: #ffffff !important;
}

#navigationPrimary ul a {
    color: #1A64AD !important;
}

#navigationPrimary a:hover, 
#navigationPrimary a:focus {
    color: #1A64AD !important;
}




/************************************************
CONTENT AREA (CARD STYLE)
************************************************/
.pkp_page_index .homepage_about {
    padding-top: 2.143rem;
    padding-bottom: 2.143rem;
    display: none;
}

.cmp_breadcrumbs {
    display: none;
}

.pkp_structure_main {
    width: 860px;
    text-align: justify;
}

.pkp_structure_main h1, 
.pkp_structure_main h2, 
.pkp_structure_main h3, 
.pkp_structure_main h4 {
    margin: 0.057rem 0 1.43rem;
}


/************************************************
SIDEBAR (SOFT PANEL STYLE)
************************************************/
.pkp_block {
    background: #e8e8e8;
}

.pkp_block .title {
    border-bottom: 3px solid #747574;
    color: #0B3763;
}

.pkp_block {
    background: #e8e8e8;
    margin: 15px;
    border-radius: 7px;
    padding: 15px;
}


/************************************************
FOOTER (MINIMAL)
************************************************/
.pkp_brand_footer {
    display: none!important;
}

.pkp_structure_footer_wrapper {
    background: #e8e8e8 !important;
    border: none;
    color: #0B3763 !important;
}

.pkp_footer_content {
    padding: 2.143rem!important;
    text-align: center!important;
    border-bottom: 2px solid #0B3763!important;
}

.pkp_structure_footer_wrapper a {
    color:#0B3763!important;
}
/************************************************
MOBILE VIEW
***********************************************/
@media (max-width: 991px) {
/**********************************************
OJS 3.4 Manuscript – SIMPLE MOBILE CENTER FIX
**********************************************/

/************************************************
MOBILE SIDEBAR
************************************************/





/************************************************
MOBILE DROPDOWN COLOR CHANGE
************************************************/


/************************************************
MOBILE header
************************************************/

/************************************************
logo adjustments
************************************************/

console.log({
  width: window.innerWidth,
  height: window.innerHeight,
  zoom: window.devicePixelRatio,
  stylesheet: [...document.styleSheets].map(s => s.href),
  pageWidth: document.querySelector('.pkp_structure_page')?.getBoundingClientRect().width
});