/* ==========================================
   EJASJ PREMIUM SAPPHIRE BLUE THEME
   Add at the END of existing CSS
   ========================================== */

:root {
  --ej-plum: #164d7a;
  --ej-dark: #102e4b;
  --ej-wine: #21628f;
  --ej-rose: #568fb5;
  --ej-blush: #edf5fb;
  --ej-gold: #dfb77e;
  --ej-cream: #f7fbff;
  --ej-border: #dce8f1;
  --ej-text: #293e50;
}

/* PAGE BACKGROUND */

html, body {
  background: #f4f8fc !important;
  color: #293e50 !important;
}

.pkp_structure_page {
  background: #f4f8fc !important;
}

/* PREMIUM BLUE HEADER */

.pkp_structure_head {
  background: linear-gradient(
    115deg,
    #102e4b 0%,
    #164d7a 50%,
    #28698f 100%
  ) !important;
  border-bottom: 3px solid #dfb77e !important;
  box-shadow: 0 8px 28px rgba(16,46,75,.16);
}

/* KEEP EXISTING LOGO SMALL */

.pkp_site_name img,
.pkp_site_name .is_img img {
  width: auto !important;
  height: auto !important;
  max-height: 85px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* BLUE NAVIGATION */

.pkp_navigation_primary_wrapper {
  background: linear-gradient(
    90deg,
    #123858,
    #205b84,
    #123858
  ) !important;
  border-bottom: 2px solid #dfb77e;
}

.pkp_navigation_primary > li > a {
  color: #ffffff !important;
  font-weight: 600;
}

.pkp_navigation_primary > li > a:hover {
  color: #ffe1ac !important;
  background: rgba(255,255,255,.10) !important;
}

/* DROPDOWN MENU */

.pkp_navigation_primary ul {
  background: #ffffff !important;
  border-top: 3px solid #dfb77e !important;
  box-shadow: 0 10px 25px rgba(20,65,100,.12);
}

.pkp_navigation_primary ul a {
  color: #164d7a !important;
}

.pkp_navigation_primary ul a:hover {
  background: #edf5fb !important;
  color: #102e4b !important;
}

/* CONTENT */

.pkp_structure_content {
  background: #ffffff !important;
}

.pkp_structure_main {
  background: #ffffff !important;
}

.pkp_structure_main h1 {
  color: #164d7a !important;
  border-bottom: 2px solid #dfb77e !important;
  font-family: Georgia, serif;
}

.pkp_structure_main h2,
.pkp_structure_main h3 {
  color: #164d7a !important;
}

.pkp_structure_main a,
.cmp_breadcrumbs a {
  color: #21628f !important;
}

.pkp_structure_main a:hover {
  color: #568fb5 !important;
}

/* RIGHT SIDEBAR */

.pkp_structure_sidebar {
  background: #f7fbff !important;
  border-left: 1px solid #dce8f1 !important;
}

.pkp_block {
  background: #ffffff !important;
  border: 1px solid #dce8f1 !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 20px rgba(16,66,104,.06);
}

.pkp_block .title {
  background: linear-gradient(
    110deg,
    #164d7a,
    #568fb5
  ) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #dfb77e !important;
  border-radius: 8px !important;
}

.pkp_block .content,
.pkp_block .content p {
  color: #293e50 !important;
}

.pkp_block .content a {
  color: #21628f !important;
}

/* HOME PAGE */

.homepage_about {
  background: linear-gradient(
    135deg,
    #f7fbff,
    #edf5fb
  ) !important;
  border: 1px solid #dce8f1 !important;
  border-radius: 14px;
}

.current_issue {
  border: 1px solid #dce8f1 !important;
  border-radius: 14px;
}

/* ARCHIVE CARDS */

.obj_issue_summary {
  border: 1px solid #dce8f1 !important;
  border-radius: 12px;
}

.obj_issue_summary:hover {
  box-shadow: 0 10px 25px rgba(16,66,104,.12);
}

.obj_issue_summary .title,
.obj_issue_summary .title a {
  color: #164d7a !important;
}

/* ARTICLE DETAILS */

.obj_article_details .page_title {
  color: #164d7a !important;
}

.obj_article_details .abstract {
  background: #f4f8fc !important;
  border-left: 4px solid #dfb77e !important;
}

.obj_article_summary .title a {
  color: #164d7a !important;
}

/* PDF AND ACTION BUTTONS */

.obj_galley_link,
.cmp_button,
button[type="submit"] {
  background: #164d7a !important;
  border-color: #164d7a !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}

.obj_galley_link:hover,
.cmp_button:hover,
button[type="submit"]:hover {
  background: #28698f !important;
  border-color: #28698f !important;
  color: #ffffff !important;
}

/* FOOTER */

.pkp_structure_footer_wrapper {
  background: linear-gradient(
    110deg,
    #102e4b,
    #164d7a,
    #102e4b
  ) !important;
  border-top: 4px solid #dfb77e !important;
}

.pkp_structure_footer,
.pkp_structure_footer p {
  color: #ffffff !important;
}

.pkp_structure_footer a {
  color: #f2d1a1 !important;
}

.pkp_structure_footer a:hover {
  color: #ffffff !important;
}

/* MOBILE */

@media(max-width:767px) {
  .pkp_site_name img {
    max-height: 70px !important;
  }

  .pkp_structure_sidebar {
    border-left: none !important;
    border-top: 1px solid #dce8f1;
  }

  .pkp_structure_main h1 {
    font-size: 24px;
  }
}

/* END PREMIUM BLUE THEME */