/************************************************
GLOBAL JOURNAL OF LEADERSHIP AND INNOVATION
LOGO COLOR THEME - UPDATED
************************************************/

/**************** GLOBAL **************/
html,
body{
font-family:"Segoe UI",Arial,sans-serif !important;
color:#072a55 !important;
line-height:1.7 !important;
background:#f5f7fb !important;
}

/**************** SMOOTH EFFECTS **************/
*{
transition:.2s ease;
}

/**************** LINK EFFECT **************/
a{
transition:.25s ease;
}

/* REMOVE EXTRA MARGINS IN CONTENT */

.pkp_structure_main p {
    margin: 0 !important;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    margin: 0 !important;
}

/**************** HEADER **************/
.pkp_structure_head{
background:linear-gradient(180deg,#f5f8ff,#ffffff) !important;
border-bottom:4px solid #0b3c78 !important;
min-height:150px !important;
text-align:center !important;
}

/**************** LOGO + TITLE **************/
#headerNavigationContainer .pkp_site_name{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:15px !important;
width:100% !important;
}

/* LOGO */
#headerNavigationContainer .pkp_site_name img{
max-height:110px !important;
margin:0 !important;
}

/* HIDE DEFAULT */
#headerNavigationContainer h1.pkp_screen_reader{
position:absolute !important;
left:-9999px !important;
}

/* JOURNAL TITLE */
#headerNavigationContainer .pkp_site_name::after{
content:"GLOBAL JOURNAL OF LEADERSHIP AND INNOVATION";

font-size:26px !important;
font-weight:700 !important;
letter-spacing:0.5px;
line-height:1.3;

color:#0b3c78 !important;
}

/**************** NAVIGATION **************/
.pkp_navigation_primary_wrapper{
background:linear-gradient(90deg,#0b3c78,#2f6fb2,#e3262e) !important;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.pkp_navigation_primary > li > a{
color:#ffffff !important;
font-weight:600 !important;
text-transform:uppercase !important;
padding:12px 16px !important;
font-size:13px !important;
}

.pkp_navigation_primary > li > a:hover{
background:#ffffff !important;
color:#0b3c78 !important;
border-bottom:3px solid #e3262e !important;
transform:translateY(-2px);
}

.pkp_navigation_user>li>a {
    color: #0b3c78;
}
/**************** SUBMENU **************/
.pkp_navigation_primary ul{
background:#ffffff !important;
border:1px solid #0b3c78 !important;
}

.pkp_navigation_primary ul li a{
color:#072a55 !important;
}

.pkp_navigation_primary ul li a:hover{
background:#eef4ff !important;
color:#e3262e !important;
}

/**************** MAIN CONTENT **************/

.pkp_page_index .homepage_image img {
    display: block;
    width: 95%;
    height: auto;
    margin: 20px;
}

.pkp_structure_main{
background:#ffffff !important;
border-radius:12px !important;
text-align:justify !important;
color:#072a55 !important;
margin-top:15px !important;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3{
color:#0b3c78 !important;
font-weight:700 !important;
}

.pkp_structure_main h2{
border-left:5px solid #e3262e;
padding-left:12px;
}

/**************** SIDEBAR **************/
.pkp_structure_sidebar .pkp_block{
background:#ffffff !important;
border-radius:12px !important;
padding:20px !important;
margin:15px 10px !important;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.pkp_structure_sidebar .pkp_block:hover{
transform:translateY(-4px);
box-shadow:0 16px 35px rgba(0,0,0,0.12);
}

.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3{
color:#0b3c78 !important;
border-bottom:2px solid #e3262e !important;
padding-bottom:6px !important;
}

.pkp_structure_sidebar .pkp_block a{
color:#072a55 !important;
}

.pkp_structure_sidebar .pkp_block a:hover{
color:#e3262e !important;
}


/**************** BUTTONS **************/
.pkp_button,
button{
background:linear-gradient(90deg,#0b3c78,#2f6fb2) !important;
color:#ffffff !important;
border-radius:6px !important;
padding:9px 18px !important;
border:none !important;
font-weight:600;
}

.pkp_button:hover,
button:hover{
background:linear-gradient(90deg,#2f6fb2,#e3262e) !important;
}

/**************** FOOTER **************/
.pkp_structure_footer{
background:linear-gradient(90deg,#0b3c78,#2f6fb2,#e3262e) !important;
color:#ffffff !important;
border-top:4px solid #072a55 !important;
text-align:center !important;
}

.pkp_brand_footer{
display:none !important;
}

/**************** REMOVE BREADCRUMB **************/
.cmp_breadcrumbs,
.pkp_breadcrumbs,
.pkp_page_index .page_title,
.pkp_page .page_title{
display:none !important;
}

.pkp_footer_content{
text-align:center !important;
}


.pkp_site_name_wrapper{
    background: #ffffff;
}

.pkp_site_nav_menu ul{
margin-top: 0px  !important;
}

.pkp_navigation_search_wrapper a{
color: #fff !important;
margin: 0.7rem;
}


/************************************************
ARTICLE VIEW – GJLI BLUE + RED THEME
************************************************/

/* Reset list */
.obj_issue_toc ul.cmp_article_list.articles {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each article */
.obj_issue_toc ul.cmp_article_list.articles li {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 12px 8px 18px !important;
  position: relative !important;
  transition: all 0.25s ease !important;

  border: 1.5px solid #e6ecf5 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}



/* Hover */
.obj_issue_toc ul.cmp_article_list.articles li:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
  border-color: #e3262e !important;
}

.obj_issue_toc ul.cmp_article_list.articles li:hover::before {
  background: linear-gradient(180deg,#2f6fb2,#e3262e);
}

/************************************************
TEXT
************************************************/

/* Title */
.obj_issue_toc ul.cmp_article_list.articles li .title a {
  color: #0b3c78 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.obj_issue_toc ul.cmp_article_list.articles li .title a:hover {
  color: #e3262e !important;
}

/* Authors */
.obj_issue_toc ul.cmp_article_list.articles li .authors {
  color: #555 !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/************************************************
BUTTON – CLEAN (NO BOX)
************************************************/

/* Remove inner wrappers */
.obj_issue_toc ul.cmp_article_list.articles li .galleys_links,
.obj_issue_toc ul.cmp_article_list.articles li .galleys_links * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Button */
.obj_issue_toc ul.cmp_article_list.articles li .galleys_links a {
  background: linear-gradient(90deg,#0b3c78,#2f6fb2) !important;
  color: #ffffff !important;
  padding: 7px 16px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Hover */
.obj_issue_toc ul.cmp_article_list.articles li .galleys_links a:hover {
  background: linear-gradient(90deg,#2f6fb2,#e3262e) !important;
}

/************************************************
SPACING
************************************************/

.obj_issue_toc ul.cmp_article_list.articles li > * {
  margin-left: 2px !important;
}


.obj_issue_toc .sections:not(:first-child) {
    margin-top: 0.286rem;
}









/************************************************
RESPONSIVE ADDITIONS – GJLI
Append this block to the end of your existing
stylesheet. Nothing above is modified — these
media queries only override at smaller widths.
************************************************/

/* ===== TABLET (≤1024px) ===== */
@media screen and (max-width: 1024px) {

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

    #headerNavigationContainer .pkp_site_name::after {
        font-size: 22px !important;
    }

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

/* ===== SMALL TABLET / LARGE MOBILE (≤900px) ===== */
@media screen and (max-width: 900px) {

    .pkp_structure_head {
        min-height: 0 !important;
        padding: 10px 0 !important;
    }

    /* Logo LEFT, title beside it on the RIGHT — not stacked */
    #headerNavigationContainer .pkp_site_name {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: left !important;
        gap: 12px !important;
        padding: 0 15px !important;
    }

    #headerNavigationContainer .pkp_site_name img {
        max-height: 60px !important;
        margin: 0 !important;
    }

    #headerNavigationContainer .pkp_site_name::after {
        font-size: 17px !important;
        text-align: left !important;
        border-bottom: none !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    /* Nav wraps onto multiple rows instead of overflowing */
    .pkp_navigation_primary_wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .pkp_navigation_primary {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .pkp_navigation_search_wrapper {
        flex: 1 1 100% !important;
        text-align: center !important;
        padding: 6px 0 !important;
    }

    .pkp_navigation_search_wrapper a {
        margin: 0.4rem !important;
    }
}

/* ===== MOBILE (≤768px) ===== */
@media screen and (max-width: 768px) {

    html,
    body {
        font-size: 14px !important;
    }

    .pkp_structure_main {
        text-align: justify !important; /* justify gets ragged on narrow columns */
        border-radius: 8px !important;
    }

    #headerNavigationContainer .pkp_site_name::after {
        font-size: 12px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        border-bottom: none !important;
    }

    #headerNavigationContainer .pkp_site_name img {
        max-height: 38px !important;
    }

    #headerNavigationContainer .pkp_site_name {
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 0 12px !important;
    }

    .pkp_navigation_primary > li > a {
        font-size: 10.5px !important;
        padding: 8px 8px !important;
    }

    /* Sidebar blocks go full width, lose the hover lift */
    .pkp_structure_sidebar .pkp_block {
        margin: 10px 0 !important;
        padding: 14px !important;
    }

    .pkp_structure_sidebar .pkp_block:hover {
        transform: none !important;
    }

    /* Article list items */
    .obj_issue_toc ul.cmp_article_list.articles li {
        padding: 8px 10px 8px 12px !important;
    }

    .obj_issue_toc ul.cmp_article_list.articles li:hover {
        transform: none !important; /* avoid layout jump on touch */
    }

    .obj_issue_toc ul.cmp_article_list.articles li .galleys_links a {
        padding: 6px 14px !important;
        font-size: 11px !important;
    }

    .pkp_page_index .homepage_image img {
        width: 100% !important;
        margin: 10px 0 !important;
    }
	.pkp_site_nav_toggle>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 19px;
    border-bottom: 3px solid rgb(255 255 255 / 84%);
    text-indent: -9999px;
    overflow: hidden;
	}
	
	.pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgb(255 255 255 / 84%);
	}
	
	
	
	
	.pkp_site_nav_toggle {
     position: absolute;
    }

	.pkp_site_nav_toggle>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 19px;
    border-bottom: 3px solid rgb(255 255 255 / 84%);
    text-indent: -9999px;
    overflow: hidden;
	}
	
	.pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgb(255 255 255 / 84%);
	}

	html, body {
    overflow-x: hidden !important;
	}
	
		
}


/* ===== SMALL MOBILE (≤480px) ===== */
@media screen and (max-width: 480px) {

    #headerNavigationContainer .pkp_site_name::after {
        font-size: 9.5px !important;
        line-height: 1.3 !important;
        border-bottom: none !important;
    }

    #headerNavigationContainer .pkp_site_name img {
        max-height: 38px !important;
    }

    #headerNavigationContainer .pkp_site_name {
        gap: 0px !important;
        padding: 0 10px !important;
    }

    .pkp_navigation_primary > li > a {
        font-size: 9.5px !important;
        padding: 6px 6px !important;
    }

    html,
    body {
        font-size: 13px !important;
    }

    .obj_issue_toc ul.cmp_article_list.articles li .title a {
        font-size: 13px !important;
    }

    .obj_issue_toc ul.cmp_article_list.articles li .authors {
        font-size: 12px !important;
    }

    .pkp_button,
    button {
        padding: 8px 14px !important;
        font-size: 12px !important;
    
    }