/* ==========================================================
   1. Header: sky-blue bar with left-aligned journal title
   ========================================================== */
header.pkp_structure_head{
  background:#87CEEB;             /* sky-blue */
  min-height:140px;
  padding:10px 20px;
  border-bottom:1px solid #5ca8c5;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

/* Journal title + sublines */
.pkp_site_name{
  text-align:left;
  padding:10px 0;
  color:#003366;
  line-height:1.2;
}
.pkp_site_name::before{
  content:"Hensard Journal of Environment";
  display:block;
  font-weight:bold;
  font-size:16px;
  line-height:1.4;
}
.pkp_site_name::after{
  content:"(International peer-reviewed journal)\A\A Hensard Centre for Environment and Climate Research\A Hensard University, Bayelsa, Nigeria";
  white-space:pre-wrap;
  display:block;
  font-size:12px;
  color:#002244;
  margin-top:4px;
}
.pkp_site_name a{display:none;}

/* ==========================================================
   2. Homepage background
   ========================================================== */
body.page_index,
body.pkp_page_index_journal{
  background:#fff9e6 !important;  /* light-yellow */
}

/* ==========================================================
   3. MOBILE (≤768 px) – move nav bar below header
   ========================================================== */
@media (max-width:768px){

  /* Shrink fonts for phone */
  .pkp_site_name::before{font-size:18px;}
  .pkp_site_name::after{font-size:12px;}

  /* Put nav on its own line */
  .pkp_navigation_primary{
    width:100% !important;
    float:none !important;        /* drop below header */
    clear:both !important;
    background:#044C58 !important;/* dark teal */
    padding-bottom:10px;
  }

  /* Hamburger row full-width, no float */
  .pkp_navigation_primary .navbar-header{
    float:none !important;
    padding:10px 20px;
  }

  /* Links full-width */
  .pkp_navigation_primary a{
    display:block !important;
    padding:10px 20px;
    color:#ffffff !important;
    border-bottom:1px solid rgba(255,255,255,.15);
  }

  /* Hamburger icon visible and styled */
  .pkp_navigation_primary button.navbar-toggle{
    background:#003366 !important;
    color:#ffffff !important;
    border:none;
    padding:8px 12px;
    border-radius:4px;
  }

  /* Make sure dropdown overlay appears above content */
  .pkp_navigation_primary,
  .pkp_navigation_primary .navbar-collapse{
    position:relative !important;
    z-index:30;
  }
}