/************************************************
ADVANCED DIGITAL SYSTEMS JOURNAL
ADSJ GRADIENT THEME (IJAAIR STRUCTURE)
OJS 3.4
************************************************/

/**************** GLOBAL **************/
html,
body{
font-family:"Segoe UI",Arial,sans-serif !important;
color:#2d2f36 !important;
line-height:1.7 !important;
}

/**************** HEADER **************/
.pkp_structure_head{
background:linear-gradient(180deg,#f7f8ff,#ffffff) !important;
border-bottom:4px solid #5b3cc4 !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,#5b3cc4,#6f55ff,#3ac17e) !important;
}

.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:.3s ease;
}

.pkp_navigation_primary_row{
padding-left:0px !important;
padding-right:0px !important;
}

.pkp_navigation_primary > li > a:hover{
background:#ffffff !important;
color:#5b3cc4 !important;
border-bottom:3px solid #3ac17e !important;
}

/**************** SUBMENU **************/
.pkp_navigation_primary ul{
background:#ffffff !important;
border:1px solid #5b3cc4 !important;
}

.pkp_navigation_primary ul li a{
color:#2d2f36 !important;
}

.pkp_navigation_primary ul li a:hover{
background:#f5f3ff !important;
color:#3ac17e !important;
}

/**************** MAIN CONTENT **************/
.pkp_structure_main{
background:#ffffff !important;
padding:35px !important;
border-radius:12px !important;
text-align:justify !important;
color:#2d2f36 !important;
margin-top:15px !important;
box-shadow:0 0 20px rgba(91,60,196,0.15);
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3{
color:#5b3cc4 !important;
font-weight:700 !important;
}

.pkp_structure_main h2{
border-left:5px solid #3ac17e;
padding-left:12px;
}

/**************** SIDEBAR **************/
.pkp_structure_sidebar .pkp_block{
background:#ffffff !important;

border:2px solid transparent !important;

border-radius:12px !important;

padding:18px !important;

margin-bottom:12px !important;
margin-top:15px !important;
margin-left:10px !important;
margin-right:10px !important;

background-image:
linear-gradient(#ffffff,#ffffff),
linear-gradient(135deg,#5b3cc4,#6f55ff,#3ac17e);

background-origin:border-box;
background-clip:padding-box,border-box;

box-shadow:0 8px 20px rgba(91,60,196,0.15);

transition:all .35s ease;
}

.pkp_structure_sidebar .pkp_block:hover{
transform:translateY(-4px);
box-shadow:0 14px 35px rgba(91,60,196,0.25);
}

.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3{
color:#5b3cc4 !important;
border-bottom:2px solid #3ac17e !important;
padding-bottom:6px !important;
}

.pkp_structure_sidebar .pkp_block a{
color:#2d2f36 !important;
}

.pkp_structure_sidebar .pkp_block a:hover{
color:#3ac17e !important;
}

/**************** BUTTONS **************/
.pkp_button,
button{
background:linear-gradient(90deg,#5b3cc4,#6f55ff) !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,#6f55ff,#3ac17e) !important;
color:#ffffff !important;
}

/**************** FOOTER **************/
.pkp_structure_footer{
background:linear-gradient(90deg,#5b3cc4,#6f55ff,#3ac17e) !important;
color:#ffffff !important;
border-top:4px solid #2d2f36 !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:#2d2f36;
}

.pkp_structure_footer_wrapper{
border-bottom:0rem;
}

.pkp_footer_content{
text-align:center !important;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4{
margin-top:0.5rem !important;
margin-bottom:0.5rem !important;
}

.pkp_site_name{
padding-bottom:0rem !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;
}

}




















/************************************************
ARTICLE VIEW – ADSJ GRADIENT THEME
************************************************/

/* Reset list */
.obj_issue_toc ul.cmp_article_list.articles {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Each article card */
.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.3s ease !important;

  /* Gradient border */
  border: 2px solid transparent !important;
  background-image:
    linear-gradient(#ffffff,#ffffff),
    linear-gradient(135deg,#5b3cc4,#6f55ff,#3ac17e);
  background-origin: border-box;
  background-clip: padding-box, border-box;

  box-shadow: 0 6px 18px rgba(91,60,196,0.10);
}

/* Hover */
.obj_issue_toc ul.cmp_article_list.articles li:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(91,60,196,0.18);
}

/************************************************
TEXT (MATCH THEME)
************************************************/

/* Title */
.obj_issue_toc ul.cmp_article_list.articles li .title a {
  color: #5b3cc4 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.obj_issue_toc ul.cmp_article_list.articles li .title a:hover {
  color: #3ac17e !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 EXTRA 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,#5b3cc4,#6f55ff) !important;
  color: #ffffff !important;
  padding: 7px 16px !important;
  border-radius: 22px !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,#6f55ff,#3ac17e) !important;
}

/************************************************
SPACING
************************************************/

.obj_issue_toc ul.cmp_article_list.articles li > * {
  margin-left: 2px !important;
}

.pkp_site_nav_menu ul {
    margin-top: 0px !important;
}