/* =========================================================
   INJOERE / OJS WORDPRESS-LIKE THEME
   Use with Default Bootstrap Theme
   Upload: Settings > Website > Appearance > Journal Style Sheet
========================================================= */

:root{
  --cyan:#8bdcea;
  --cyan2:#77d3e4;
  --bar:#55c6dc;
}

/* Reset OJS width */
html, body{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Times New Roman", Times, serif !important;
  font-size:12px !important;
  color:#000 !important;
  background:#fff !important;
  border-top:3px solid #111 !important;
}

.pkp_structure_page,
.pkp_structure_head,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_footer_wrapper{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   FORCE OJS BOOTSTRAP HEADER TO LOOK LIKE WP SCREENSHOT
========================================================= */

.navbar,
.navbar-default,
.pkp_head_wrapper{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#8bdcea !important;
}

/* language flags top-right */
.pkp_head_wrapper::before,
.navbar::before{
  content:"🇬🇧 English   🇮🇷 Persian";
  display:block;
  height:22px;
  line-height:22px;
  text-align:right;
  padding-right:360px;
  font-weight:bold;
  font-size:14px;
  color:#416c9a;
  background:#8bdcea;
}

/* Remove default search from top header */
.pkp_head_wrapper form,
.navbar form,
.navbar .navbar-form,
.pkp_navigation_search_wrapper,
.pkp_search{
  display:none !important;
}

/* Header title area */
.navbar-header,
.pkp_site_name_wrapper,
.pkp_site_name{
  width:100% !important;
  height:132px !important;
  min-height:132px !important;
  background:#8bdcea !important;
  display:flex !important;
  align-items:center !important;
  padding:0 0 0 18px !important;
  margin:0 !important;
  border-bottom:1px solid #9ab0b7 !important;
}

/* Add logo before journal title */
.navbar-brand::before,
.pkp_site_name a::before,
.pkp_site_name .is_text::before{
  content:"";
  display:inline-block;
  width:105px;
  height:105px;
  background:url("https://injoere.com/wp-content/uploads/2024/12/logo-injoere-transformed-1.jpeg") center/contain no-repeat;
  vertical-align:middle;
  margin-right:18px;
}

/* Journal title */
.navbar-brand,
.pkp_site_name a,
.pkp_site_name .is_text{
  float:none !important;
  display:flex !important;
  align-items:center !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  color:#000 !important;
  font-size:26px !important;
  font-weight:bold !important;
  line-height:1.15 !important;
  text-decoration:none !important;
  white-space:normal !important;
}

/* Navigation row */
.navbar-collapse,
.pkp_navigation_primary_wrapper{
  width:100% !important;
  background:#f7f7f7 !important;
  border-top:1px solid #ddd !important;
  border-bottom:1px solid #999 !important;
  padding:0 !important;
  margin:0 !important;
  clear:both !important;
}

.navbar-nav,
.pkp_navigation_primary{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(7, 1fr) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.navbar-nav > li,
.pkp_navigation_primary > li{
  float:none !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.navbar-nav > li > a,
.pkp_navigation_primary > li > a{
  display:block !important;
  text-align:center !important;
  color:#000 !important;
  padding:4px 0 !important;
  font-size:14px !important;
  font-weight:bold !important;
  border-right:1px solid #aaa !important;
  text-decoration:none !important;
  line-height:20px !important;
  background:#f7f7f7 !important;
}

.navbar-nav > li > a:hover,
.pkp_navigation_primary > li > a:hover{
  background:#e9fbff !important;
  color:#000 !important;
}

/* =========================================================
   HOMEPAGE LAYOUT
========================================================= */

.ojs-wp-home *{
  box-sizing:border-box;
}

.ojs-wp-home{
  width:100% !important;
  max-width:100% !important;
  font-family:"Times New Roman", Times, serif !important;
  font-size:12px !important;
  color:#000 !important;
  margin:0 !important;
  padding:0 !important;
}

.ojs-wp-wrapper{
  display:grid !important;
  grid-template-columns:316px 1fr 312px !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  padding:4px 6px !important;
  align-items:start !important;
}

/* panel title */
.ojs-panel-title{
  background:var(--cyan2) !important;
  height:20px !important;
  line-height:20px !important;
  text-align:center !important;
  font-weight:bold !important;
  border-radius:3px !important;
  color:#000 !important;
}

/* left menu */
.ojs-sidebar ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.ojs-sidebar li a{
  display:block !important;
  text-decoration:none !important;
  color:#000 !important;
  padding:6px 10px !important;
  border:1px solid #ccc !important;
  border-top:0 !important;
  background:linear-gradient(#fff,#ececec) !important;
  font-weight:bold !important;
  font-size:12px !important;
}

.ojs-sidebar li a:hover{
  background:#dff8ff !important;
}

/* search */
.ojs-search-box{
  border:1px solid var(--bar) !important;
  border-top:0 !important;
  padding:10px !important;
  text-align:center !important;
}

.ojs-search-box input{
  width:100% !important;
  height:25px !important;
  border:1px solid #aaa !important;
  margin-bottom:10px !important;
  border-radius:4px !important;
}

.ojs-btn{
  padding:4px 15px !important;
  border:1px solid #bbb !important;
  background:#f8f8f8 !important;
  cursor:pointer !important;
  font-family:"Times New Roman", Times, serif !important;
  color:#000 !important;
}

/* scimago */
.ojs-scimago{
  border:1px solid var(--bar) !important;
  margin-top:5px !important;
  padding:10px !important;
  text-align:center !important;
}

.ojs-scimago img{
  width:170px !important;
  border:1px solid #dcdcdc !important;
  background:#fff !important;
  padding:4px !important;
}

/* center */
.ojs-content{
  width:100% !important;
}

.ojs-welcome-bar{
  background:var(--cyan2) !important;
  height:20px !important;
  line-height:20px !important;
  padding-left:10px !important;
  font-weight:bold !important;
  border-radius:3px !important;
  text-align:left !important;
  color:#000 !important;
}

.ojs-home-main{
  text-align:center !important;
  padding:22px 15px !important;
}

.ojs-home-main h2{
  font-size:16px !important;
  margin:0 0 15px !important;
  font-weight:bold !important;
  color:#000 !important;
}

.ojs-home-main h3{
  margin:0 0 18px !important;
  font-size:16px !important;
  font-weight:bold !important;
  color:#000 !important;
}

.ojs-home-main h3 span{
  color:#058dd1 !important;
}

.ojs-notice-box{
  background:#efefef !important;
  color:#000 !important;
  border:1px solid #aaa !important;
  border-radius:8px !important;
  padding:12px !important;
  text-align:left !important;
  font-weight:bold !important;
  line-height:1.9 !important;
  margin-bottom:24px !important;
}

.ojs-green{
  color:#008d26 !important;
}

.ojs-blue{
  color:#0072bc !important;
}

.ojs-fish-img{
  width:430px !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:2px !important;
  margin-bottom:14px !important;
}

.ojs-rank-text{
  text-align:left !important;
  font-weight:bold !important;
  margin-bottom:25px !important;
}

/* indexing logos */
.ojs-indexing-logos{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:25px !important;
  padding:5px 0 !important;
}

.ojs-indexing-logos div{
  width:118px !important;
  height:46px !important;
  border:1px solid #d0d0d0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  padding:5px !important;
  font-weight:bold !important;
  font-size:11px !important;
  background:#fff !important;
  border-radius:3px !important;
  line-height:1.2 !important;
}

.ojs-orange{color:#ff6600 !important;}
.ojs-purple{color:#8a237c !important;}
.ojs-blue2{color:#006be7 !important;}
.ojs-green2{color:#159315 !important;}
.ojs-red{color:#d72d68 !important;}

/* login */
.ojs-right-login{
  width:100% !important;
}

.ojs-login-panel{
  border:1px solid var(--bar) !important;
  border-top:0 !important;
  padding:26px 15px !important;
  min-height:300px !important;
}

.ojs-login-panel label{
  display:block !important;
  margin-bottom:8px !important;
  font-weight:bold !important;
  text-align:center !important;
}

.ojs-login-panel input{
  width:100% !important;
  height:34px !important;
  border:1px solid #bbb !important;
  border-radius:6px !important;
  margin-bottom:18px !important;
}

.ojs-login-btn{
  display:block !important;
  margin:auto !important;
  padding:6px 20px !important;
}

/* footer */
.pkp_structure_footer_wrapper{
  background:#8bdcea !important;
  border-top:1px solid #58bed0 !important;
  color:#000 !important;
  font-weight:bold !important;
}

.pkp_footer_content,
.pkp_footer_content a{
  color:#000 !important;
}

/* mobile */
@media(max-width:1000px){
  .ojs-wp-wrapper{
    grid-template-columns:1fr !important;
  }

  .navbar-nav,
  .pkp_navigation_primary{
    grid-template-columns:1fr !important;
  }

  .navbar-header,
  .pkp_site_name_wrapper,
  .pkp_site_name{
    height:auto !important;
    min-height:100px !important;
  }

  .navbar-brand,
  .pkp_site_name a,
  .pkp_site_name .is_text{
    font-size:20px !important;
  }

  .pkp_head_wrapper::before,
  .navbar::before{
    padding-right:20px !important;
  }
}
.pkp_brand_footer,
.pkp_brand_footer *,
a.pkp_brand_footer,
a[href*="pkp.sfu.ca"],
a[href*="publicknowledgeproject"],
img[src*="pkp"],
img[src*="ojs"],
img[alt*="Open Journal Systems"],
img[alt*="Public Knowledge Project"]{
  display:none !important;
  visibility:hidden !important;
}
/* =========================================================
   FINAL TOP RIGHT LANGUAGE FLAGS
========================================================= */

.pkp_head_wrapper,
.navbar{
  position:relative !important;
}

.pkp_head_wrapper::before,
.navbar::before{
  content:"English              Persian" !important;

  position:absolute !important;
  top:8px !important;
  right:38px !important;

  height:22px !important;
  line-height:22px !important;

  padding-left:28px !important;
  padding-right:0 !important;

  color:#416c9a !important;
  font-size:14px !important;
  font-weight:bold !important;

  background-image:
    url("https://flagcdn.com/20x15/gb.png"),
    url("https://flagcdn.com/20x15/ir.png") !important;

  background-repeat:no-repeat,no-repeat !important;

  background-position:
    0px center,
    100px center !important;

  white-space:pre !important;

  z-index:999999 !important;
}

.pkp_head_wrapper::after,
.navbar::after{
  display:none !important;
  content:none !important;
}
/* =========================================================
   SCIMAGO BOX PERFECT FIT
========================================================= */

.ojs-scimago{
  border:1px solid var(--bar);
  margin-top:5px;
  padding:8px;
  text-align:center;
  overflow:hidden;
  background:#fff;

  width:100%;
}

.sjr-img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;

  display:block;
  margin:auto;

  border:1px solid #ddd;
  background:#fff;
}
/* =========================================================
   INDEXING LOGOS FINAL FIX
========================================================= */

.ojs-indexing-logos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;

  gap:14px;

  margin:25px 0;

  padding:15px 0;

  width:100%;
}

.ojs-indexing-logos img{

  display:block !important;

  width:auto !important;

  height:48px !important;

  max-width:140px !important;

  object-fit:contain !important;

  background:#fff !important;

  padding:2px 4px !important;

  border:none !important;

  visibility:visible !important;

  opacity:1 !important;
}

/* INDIVIDUAL SIZES */

.ojs-indexing-logos img:nth-child(1){
  height:45px !important;
}

.ojs-indexing-logos img:nth-child(2){
  height:45px !important;
}

.ojs-indexing-logos img:nth-child(3){
  height:65px !important;
}

.ojs-indexing-logos img:nth-child(4){
  height:42px !important;
}

.ojs-indexing-logos img:nth-child(5){
  height:52px !important;
}

.ojs-indexing-logos img:nth-child(6){
  height:48px !important;
}

.ojs-indexing-logos img:nth-child(7){
  height:56px !important;
}

.ojs-indexing-logos img:nth-child(8){
  height:62px !important;
}

.ojs-indexing-logos img:nth-child(9){
  height:52px !important;
}

.ojs-indexing-logos img:nth-child(10){
  height:38px !important;
}

.ojs-indexing-logos img:nth-child(11){
  height:48px !important;
}
/* =========================================================
   REMOVE CURRENT ISSUE SECTION FROM HOMEPAGE
========================================================= */

.page_index_journal .current_issue,
.page_index_journal .cmp_current_issue,
.page_index_journal .issue_summary,
.page_index_journal .obj_issue_summary,
.page_index_journal .current_issue_title,
.page_index_journal .current_issue .read_more,
.page_index_journal .current_issue .published,
.page_index_journal .current_issue h2,
.page_index_journal .current_issue h3,
.page_index_journal .current_issue .title,
.page_index_journal .current_issue .obj_issue_toc,
.page_index_journal .current_issue .view_all{
    display:none !important;
}
.page_issue_archive h1{
  background:#7fd7e8!important;
  padding:4px 10px!important;
  border-radius:3px!important;
  font-size:16px!important;
  font-weight:normal!important;
}

.page_issue_archive h1::before{
  content:"➜ ";
}

.page_issue_archive h2{
  background:#7fd7e8!important;
  padding:8px 14px!important;
  border-radius:3px!important;
  font-size:16px!important;
  font-weight:normal!important;
}

.page_issue_archive .series,
.page_issue_archive .description,
.page_issue_archive .published{
  display:none!important;
}