/* ==========================================================
   CPS FULL REDESIGN (CSS) — CLEAN SINGLE PACK
   Works with: OJS Default Theme
   ========================================================== */

:root{
  --bg1:#050b18;
  --bg2:#071a36;
  --bg3:#0b2a5a;

  --gold:#d4af37;
  --gold2:#ffd778;
  --cyan:#27d6ff;

  --text:#eaf2ff;
  --muted:rgba(234,242,255,.74);

  --glass:rgba(255,255,255,.06);
  --glass2:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.12);

  --shadow:0 18px 70px rgba(0,0,0,.55);
}

*{box-sizing:border-box;}

body{
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(39,214,255,.12), transparent 60%),
    radial-gradient(900px 520px at 85% 8%, rgba(212,175,55,.10), transparent 65%),
    linear-gradient(180deg, var(--bg1), var(--bg2)) !important;
  color:var(--text) !important;
}

/* ===== prevent OJS top duplicates that make "mess" ===== */
.pkp_site_name,
.pkp_navigation_user_wrapper{
  display:none !important;
}

/* ===== main header bar (OJS) ===== */
.pkp_structure_head{
  background: rgba(4,10,24,.86) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom:1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}

/* ===== menu ===== */
.pkp_navigation_primary a{
  color:#fff !important;
  font-weight: 950 !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  transition:.2s ease !important;
}
.pkp_navigation_primary a:hover{
  background: rgba(255,255,255,.08) !important;
  border:1px solid rgba(212,175,55,.28) !important;
}

/* ===== layout ===== */
.pkp_structure_main{ padding-top: 14px !important; }
.pkp_page_content{
  background: rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  padding: 22px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

/* ===== sidebar blocks ===== */
.pkp_structure_sidebar .pkp_block{
  background: rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:0 16px 45px rgba(0,0,0,.28) !important;
}
.pkp_structure_sidebar .blockTitle{
  color:#fff !important;
  font-weight:1000 !important;
}

/* ===== global links ===== */
a{ color: var(--gold2); }
a:hover{ color:#fff; }

/* ==========================================================
   CPS HEADER (your custom injected header)
   ========================================================== */
.cpsHeader{
  position:relative;
  z-index:999;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.cpsHeader__inner{
  max-width:1250px;
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cpsBrand{
  display:flex;
  gap:12px;
  align-items:center;
  text-decoration:none !important;
}
.cpsBrand__logo{
  width:52px;height:52px;
  border-radius:16px;
  padding:6px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 35px rgba(0,0,0,.35);
  transition:.25s ease;
}
.cpsBrand:hover .cpsBrand__logo{
  transform: rotate(-4deg) scale(1.03);
  border-color: rgba(212,175,55,.40);
}
.cpsBrand__title{color:#fff;font-weight:1000;font-size:18px;letter-spacing:.2px;}
.cpsBrand__sub{color:var(--muted);font-size:12px;margin-top:2px;}

.cpsActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.cpsBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:16px;
  font-weight:1000;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff !important;
  transition:.2s ease;
}
.cpsBtn:hover{transform: translateY(-2px); box-shadow:0 16px 35px rgba(0,0,0,.28);}
.cpsBtn--gold{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color:#071a36 !important;
  border: none !important;
}
.cpsBtn--dark{ background: rgba(0,0,0,.26); }

.cpsBadges{
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,0));
}
.cpsBadges__inner{
  max-width:1250px;
  margin:0 auto;
  padding: 10px 18px 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.cpsBadge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  position:relative;
  overflow:hidden;
}
.cpsBadge::after{
  content:"";
  position:absolute;
  top:-30%; left:-80%;
  width:60%; height:160%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
  animation: cpsShine 4.5s ease-in-out infinite;
}
@keyframes cpsShine{ 0%{left:-80%} 55%{left:120%} 100%{left:120%} }

/* ==========================================================
   HERO
   ========================================================== */
.cpsHero{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(800px 420px at 25% 20%, rgba(39,214,255,.14), transparent 70%),
    radial-gradient(800px 420px at 75% 10%, rgba(212,175,55,.10), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,0));
}
.cpsHero__inner{
  max-width:1250px;
  margin:0 auto;
  padding: 22px 18px 26px;
  display:grid;
  grid-template-columns: 1.6fr .8fr;
  gap:16px;
}
.cpsChip{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.35);
  background: rgba(212,175,55,.12);
  font-weight:1000;
  font-size:12px;
}
.cpsHero h1{font-size:34px;font-weight:1000;margin:10px 0;}
.cpsHero p{opacity:.86;line-height:1.9;margin:0 0 14px;}
.cpsHero__cta{display:flex;gap:10px;flex-wrap:wrap;}

.cpsHero__right{display:grid;gap:12px;align-content:start;}
.cpsStat{
  border-radius:18px;
  padding:16px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 45px rgba(0,0,0,.25);
}
.cpsStat__big{font-size:20px;font-weight:1000;}
.cpsStat__small{opacity:.78;margin-top:4px;font-size:13px;}

/* ==========================================================
   ISSUE + ARTICLE CARDS
   ========================================================== */
.obj_issue_summary,
.obj_article_summary{
  background: rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  padding:16px !important;
  margin: 12px 0 !important;
  box-shadow:0 14px 40px rgba(0,0,0,.28) !important;
}
.obj_issue_summary .title a,
.obj_article_summary .title a{
  color:#fff !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}
.obj_issue_summary .title a:hover,
.obj_article_summary .title a:hover{ color: var(--gold2) !important; }

/* buttons in OJS content */
.pkp_button_primary{
  background: linear-gradient(135deg, var(--gold), var(--gold2)) !important;
  color:#071a36 !important;
  border: none !important;
  border-radius:14px !important;
  font-weight:1000 !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */
.cpsFooter{
  margin-top: 26px;
  border-top:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  padding: 26px 16px 14px;
}
.cpsFooter__inner{
  max-width:1250px;
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap:16px;
}
.cpsFooter__title{font-weight:1000;font-size:16px;margin-bottom:10px;}
.cpsFooter__text{opacity:.82;line-height:1.85;font-size:13px;}
.cpsFooter__links{list-style:none;margin:0;padding:0;}
.cpsFooter__links li{margin:8px 0;}
.cpsFooter__links a{color:#fff !important;opacity:.86;text-decoration:none;}
.cpsFooter__links a:hover{opacity:1;color:var(--gold2) !important;}
.cpsFooter__mini{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.cpsFooter__mini span{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.cpsFooter__bottom{
  max-width:1250px;
  margin: 16px auto 0;
  padding-top: 14px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  opacity:.82;
  font-size:13px;
}

/* responsive */
@media(max-width:980px){
  .cpsHero__inner{grid-template-columns:1fr;}
  .cpsFooter__inner{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .cpsFooter__inner{grid-template-columns:1fr;}
  .cpsHeader__inner{justify-content:center;text-align:center;}
  .cpsActions{justify-content:center;}
}
/* ===== FIX MENU WRAP (Contact in new line) ===== */
.pkp_navigation_primary{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:4px !important;
}

.pkp_navigation_primary li{
  white-space:nowrap !important;
}

.pkp_navigation_primary_wrapper{
  overflow-x:auto !important;
  scrollbar-width: thin;
}

.pkp_navigation_primary_wrapper::-webkit-scrollbar{
  height:6px;
}
.pkp_navigation_primary_wrapper::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 10px;
}
/* ===== CURRENT ISSUE PREMIUM CARD ===== */
.pkp_page_index .current_issue{
  background: rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius: 22px !important;
  padding: 22px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.35) !important;
}

.pkp_page_index .current_issue .cover img{
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.45) !important;
}
/* ===== TOP BADGES BAR ===== */
.cpsTopBadges{
  max-width:1250px;
  margin: 12px auto 0;
  padding: 10px 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}

.cpsTopBadges span{
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  color:#fff;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
/* ==========================================================
   CPS TOP BAR PRO (Premium Header + Menu)
   Fix: "bais" top bar
   ========================================================== */

/* ===== make header premium glass ===== */
.pkp_structure_head{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;

  background: linear-gradient(180deg,
    rgba(4,10,24,.92),
    rgba(4,10,24,.74)
  ) !important;

  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;

  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
}

/* ===== add subtle premium glow line ===== */
.pkp_structure_head::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(212,175,55,.35),
    rgba(39,214,255,.22),
    rgba(212,175,55,.35),
    transparent
  );
}

/* ===== container padding ===== */
.pkp_head_wrapper{
  padding: 10px 0 !important;
}

/* ===== nav wrapper ===== */
.pkp_navigation_primary_wrapper{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  padding: 8px 10px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
}

/* ===== menu ul ===== */
.pkp_navigation_primary{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:6px !important;
}

/* ===== menu links style ===== */
.pkp_navigation_primary a{
  color: rgba(255,255,255,.92) !important;
  font-weight: 950 !important;
  letter-spacing: .2px !important;

  padding: 10px 14px !important;
  border-radius: 14px !important;

  border: 1px solid transparent !important;
  transition: all .18s ease !important;
}

/* ===== hover effect ===== */
.pkp_navigation_primary a:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(212,175,55,.25) !important;
  transform: translateY(-1px);
}

/* ===== active/current menu ===== */
.pkp_navigation_primary .active a,
.pkp_navigation_primary a[aria-current="page"]{
  background: linear-gradient(135deg,
    rgba(212,175,55,.20),
    rgba(39,214,255,.08)
  ) !important;

  border: 1px solid rgba(212,175,55,.30) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

/* ===== search alignment ===== */
.pkp_navigation_search_wrapper{
  margin-left:auto !important;
}
.pkp_navigation_search_wrapper a{
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-weight: 950 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
}
.pkp_navigation_search_wrapper a:hover{
  border-color: rgba(39,214,255,.25) !important;
  background: rgba(39,214,255,.08) !important;
}

/* ===== mobile: allow horizontal scroll instead of breaking ===== */
.pkp_navigation_primary_wrapper{
  overflow-x:auto !important;
  scrollbar-width: thin;
}
.pkp_navigation_primary_wrapper::-webkit-scrollbar{
  height:6px;
}
.pkp_navigation_primary_wrapper::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 10px;
}
/* ==========================================================
   CPS ELSEVIER HEADER (CSS)
   ========================================================== */

/* hide old OJS header (we replace it fully) */
.pkp_structure_head{
  display:none !important;
}

/* give space under new header */
.pkp_structure_main{
  padding-top: 10px !important;
}

.cpsElsevierHeader{
  position: sticky;
  top: 0;
  z-index: 99999;
  background: rgba(4,10,24,.88);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
}

/* container */
.cpsEH__container{
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* brand */
.cpsEH__brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none !important;
}
.cpsEH__logo{
  width:56px;height:56px;
  border-radius:18px;
  padding:7px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
  transition:.25s ease;
}
.cpsEH__brand:hover .cpsEH__logo{
  transform: rotate(-5deg) scale(1.04);
  border-color: rgba(212,175,55,.40);
}
.cpsEH__title{
  color:#fff;
  font-weight:1000;
  font-size:18px;
  letter-spacing:.3px;
}
.cpsEH__sub{
  color: rgba(234,242,255,.74);
  font-size:12px;
  margin-top:2px;
}

/* actions */
.cpsEH__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cpsEH__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:16px;
  font-weight:1000;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff !important;
  transition:.2s ease;
}
.cpsEH__btn:hover{
  transform: translateY(-2px);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  border-color: rgba(255,255,255,.22);
}
.cpsEH__btnGold{
  background: linear-gradient(135deg,#d4af37,#ffd778) !important;
  color:#071a36 !important;
  border:none !important;
}
.cpsEH__btnDark{
  background: rgba(0,0,0,.26) !important;
}

/* metrics bar */
.cpsEH__metrics{
  border-top: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,0));
}
.cpsEH__metricsInner{
  padding-top: 10px;
  padding-bottom: 12px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.cpsEH__badge{
  padding:8px 12px;
  border-radius:999px;
  font-weight:950;
  font-size:12px;
  color:#fff;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  position:relative;
  overflow:hidden;
}
.cpsEH__badge::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-70%;
  width:60%;
  height:200%;
  transform: rotate(20deg);
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  animation: cpsEHshine 4.6s ease-in-out infinite;
}
@keyframes cpsEHshine{
  0%{left:-70%}
  55%{left:120%}
  100%{left:120%}
}
.cpsEH__dot{
  width:8px;height:8px;border-radius:999px;
  background: rgba(212,175,55,.9);
  box-shadow: 0 0 0 4px rgba(212,175,55,.18);
}
.cpsEH__index{
  font-weight:950;
  font-size:12px;
  color: rgba(234,242,255,.86);
  padding:8px 10px;
  border-radius:999px;
  background: rgba(39,214,255,.06);
  border:1px solid rgba(39,214,255,.10);
}

/* responsive */
@media(max-width:860px){
  .cpsEH__container{justify-content:center;text-align:center;flex-wrap:wrap;}
  .cpsEH__actions{justify-content:center;}
}
/* =========================================================
   CPS PREMIUM UI (Menus + Cards + Sidebar + Issue Page)
   ========================================================= */

/* ---------- Global ---------- */
body.cps-premium, body{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(39,214,255,.10), transparent 55%),
              radial-gradient(900px 520px at 90% 0%, rgba(212,175,55,.12), transparent 55%),
              linear-gradient(180deg, #050b18, #06162f 40%, #050b18 100%) !important;
  color:#eaf2ff !important;
}

/* ---------- Container ---------- */
.pkp_structure_content, .pkp_site_name_wrapper, .pkp_structure_main{
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* =========================================================
   1) MENUS (Top Navigation Like Elsevier)
   ========================================================= */
.pkp_navigation_primary_row{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  padding: 10px 14px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(16px) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a{
  color:#fff !important;
  font-weight: 900 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  transition: .2s ease !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover{
  background: rgba(212,175,55,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
  transform: translateY(-1px) !important;
}

/* Dropdown Menu */
.pkp_navigation_primary ul{
  background: rgba(5,11,24,.96) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.65) !important;
  padding: 10px !important;
}

.pkp_navigation_primary ul a{
  color:#eaf2ff !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
}

.pkp_navigation_primary ul a:hover{
  background: rgba(39,214,255,.10) !important;
}

/* Search Button */
.pkp_navigation_search_wrapper a{
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
  transition: .2s ease !important;
}
.pkp_navigation_search_wrapper a:hover{
  border-color: rgba(212,175,55,.35) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.55) !important;
}

/* =========================================================
   2) CARDS - Issue + Articles
   ========================================================= */

/* Current issue + articles list */
.obj_issue_toc, .obj_article_summary, .cmp_article_list .obj_article_summary{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 26px !important;
  padding: 18px 18px !important;
  box-shadow: 0 22px 80px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(14px) !important;
  margin-bottom: 16px !important;
}

/* Article title */
.obj_article_summary .title a{
  color:#fff !important;
  font-weight: 1000 !important;
  font-size: 18px !important;
}
.obj_article_summary .title a:hover{
  color:#ffd778 !important;
}

/* Abstract short text */
.obj_article_summary .meta, .obj_article_summary .authors{
  color: rgba(234,242,255,.78) !important;
  font-weight: 700 !important;
}

/* Download button */
.obj_galley_link, a.obj_galley_link{
  background: linear-gradient(135deg,#d4af37,#ffd778) !important;
  color:#071a36 !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-weight: 1000 !important;
  border: none !important;
  display:inline-flex !important;
  gap:8px !important;
  align-items:center !important;
}
.obj_galley_link:hover{
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   3) Sidebar Cards
   ========================================================= */
.pkp_structure_sidebar .pkp_block{
  border-radius: 24px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(14px) !important;
  padding: 14px !important;
  margin-bottom: 16px !important;
}

.pkp_structure_sidebar .pkp_block .title{
  color:#ffd778 !important;
  font-weight: 1000 !important;
}

/* Sidebar links */
.pkp_structure_sidebar a{
  color:#eaf2ff !important;
  font-weight: 850 !important;
}
.pkp_structure_sidebar a:hover{
  color:#27d6ff !important;
}

/* =========================================================
   4) Fix white background pages
   ========================================================= */
.pkp_page_content, .pkp_structure_main, .pkp_structure_content{
  background: transparent !important;
}