/************************************************
GLOBAL JOURNAL OF LEADERSHIP AND INNOVATION
LOGO COLOR THEME
OJS 3.4
************************************************/

/**************** 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;
}

a:hover

/**************** 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;
}

.pkp_site_name{
display:flex !important;
justify-content:center !important;
align-items:center !important;
width:100% !important;
}

.pkp_site_name img{
max-height:120px !important;
margin:0 auto !important;
display:block !important;
}

.pkp_site_name a{
font-size:0 !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;
transition:all .25s ease;
}

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

/**************** 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_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-bottom:12px !important;
margin-top:15px !important;
margin-left:10px !important;
margin-right:10px !important;

box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .3s ease;
}

.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;
transition:.3s ease;
}

.pkp_button:hover,
button:hover{
background:linear-gradient(90deg,#2f6fb2,#e3262e) !important;
color:#ffffff !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_site_name_wrapper{
background:#ffffff;
}

.pkp_navigation_user>li>a{
color:#072a55;
}

.pkp_structure_footer_wrapper{
border-bottom:0rem;
}

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

/**************** RESPONSIVE **************/
@media (max-width:1024px){

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

.pkp_site_name img{
max-height:90px !important;
}

.pkp_structure_main{
padding:20px !important;
}

.pkp_site_nav_toggle{
left:10px;
}

}