@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
  --green:#003f36;
  --green2:#007565;
  --gold:#d6a23a;
  --cream:#fbf7ee;
  --text:#102624;
}

body{
  font-family:'Poppins',sans-serif!important;
  background:
    radial-gradient(circle at 8% 35%,rgba(0,117,101,.10),transparent 22%),
    radial-gradient(circle at 92% 50%,rgba(214,162,58,.16),transparent 20%),
    linear-gradient(180deg,#eef7f4,#fbfdfc)!important;
  color:var(--text)!important;
}

/* HEADER */
.pkp_structure_head{
  background:
    radial-gradient(circle at top center,rgba(214,162,58,.24),transparent 20%),
    linear-gradient(135deg,#002f2a,#007565)!important;
  min-height:215px!important;
  overflow:hidden!important;
  position:relative!important;
}

.pkp_structure_head:before{
  content:"";
  position:absolute;
  left:50%;
  top:22px;
  width:520px;
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:topLine 3s ease-in-out infinite;
}

@keyframes topLine{
  0%,100%{width:280px;opacity:.45}
  50%{width:620px;opacity:1}
}

.pkp_head_wrapper{
  padding-top:38px!important;
}

.pkp_site_name{
  text-align:center!important;
}

.pkp_site_name .is_text,
.pkp_site_name_wrapper a{
  font-family:'Cinzel',serif!important;
  color:#fff!important;
  font-size:49px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  text-shadow:0 7px 18px rgba(0,0,0,.35),0 0 18px rgba(214,162,58,.35);
  animation:titlePulse 4s ease-in-out infinite;
}

@keyframes titlePulse{
  0%,100%{letter-spacing:.5px}
  50%{letter-spacing:1.6px}
}

/* NAV FIX */
.pkp_navigation_primary_wrapper{
  width:100%!important;
  background:#fbf7ee!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}

.pkp_navigation_primary,
#navigationPrimary{
  max-width:980px!important;
  margin:0 auto!important;
  background:#fbf7ee!important;
}

.pkp_navigation_primary > li > a{
  color:var(--green)!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  padding:18px 23px!important;
  position:relative!important;
}

.pkp_navigation_primary > li > a:hover{
  background:transparent!important;
  color:var(--green2)!important;
}

.pkp_navigation_primary > li > a:after{
  content:"";
  position:absolute;
  left:23px;
  bottom:8px;
  width:0;
  height:4px;
  background:var(--gold);
  border-radius:20px;
  transition:.3s;
}

.pkp_navigation_primary > li > a:hover:after{
  width:46px;
}

/* MAIN LAYOUT */
.pkp_structure_content{
  max-width:1180px!important;
  margin:58px auto 0!important;
  display:flex!important;
  gap:30px!important;
  align-items:flex-start!important;
}

.pkp_structure_main{
  width:72%!important;
  background:#fff!important;
  border-radius:30px!important;
  padding:42px!important;
  box-shadow:0 24px 65px rgba(0,63,54,.11)!important;
  border:1px solid #edf2ef!important;
}

.pkp_structure_sidebar{
  width:28%!important;
  margin:0!important;
}

/* BREADCRUMB */
.cmp_breadcrumbs{
  background:#eef5f2!important;
  border-radius:55px!important;
  padding:15px 26px!important;
  display:inline-block!important;
  margin-bottom:34px!important;
}

/* TITLE */
.page h1,
.page_title{
  font-family:'Cinzel',serif!important;
  color:var(--green)!important;
  font-size:42px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  position:relative!important;
  overflow:hidden!important;
}

.page h1:after,
.page_title:after{
  content:"";
  display:block;
  width:120px;
  height:5px;
  margin-top:10px;
  background:linear-gradient(90deg,var(--gold),var(--green2));
  border-radius:20px;
}

.page h1:before,
.page_title:before{
  content:"";
  position:absolute;
  top:0;
  left:-80px;
  width:45px;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(214,162,58,.65),transparent);
  animation:shine 4s infinite;
}

@keyframes shine{
  0%{left:-90px}
  45%,100%{left:105%}
}

/* TEXT */
.page p,
.page li{
  color:#1f3835!important;
  font-size:16px!important;
  line-height:1.85!important;
}

a{
  color:var(--green2)!important;
  font-weight:700;
}

a:hover{
  color:#b78116!important;
}

/* ABOUT PAGE LINKS AS BEAUTIFUL CARDS */
.page ul{
  padding-left:0!important;
}

.page ul li{
  list-style:none!important;
  background:#fff!important;
  border:1px solid #e7efeb!important;
  border-radius:16px!important;
  padding:13px 18px 13px 58px!important;
  margin:10px 0!important;
  position:relative!important;
  box-shadow:0 8px 20px rgba(0,63,54,.06);
  transition:.3s ease;
}

.page ul li:hover{
  transform:translateX(8px);
  border-color:var(--gold)!important;
}

.page ul li:before{
  content:"✦";
  position:absolute;
  left:20px;
  top:12px;
  width:28px;
  height:28px;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#fff;
  border-radius:50%;
  text-align:center;
  line-height:28px;
}

/* SIDEBAR */
.pkp_structure_sidebar .block,
.pkp_block{
  background:#fff!important;
  border-radius:24px!important;
  padding:0 22px 22px!important;
  margin-bottom:25px!important;
  overflow:hidden!important;
  border:1px solid #edf2ef!important;
  box-shadow:0 18px 45px rgba(0,63,54,.12)!important;
  position:relative!important;
  animation:floatBox 4s ease-in-out infinite;
}

@keyframes floatBox{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

.pkp_structure_sidebar .title,
.pkp_block .title{
  background:linear-gradient(135deg,var(--green),var(--green2))!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.12!important;
  text-transform:uppercase!important;
  padding:17px 20px!important;
  margin:0 -22px 20px!important;
  border-bottom:4px solid var(--gold)!important;
}

.pkp_structure_sidebar .block:after,
.pkp_block:after{
  content:"✦";
  position:absolute;
  top:12px;
  right:16px;
  color:var(--gold);
  font-size:24px;
  animation:starBlink 2s ease-in-out infinite;
}

@keyframes starBlink{
  0%,100%{opacity:.35;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.25)}
}

.pkp_structure_sidebar p,
.pkp_structure_sidebar li,
.pkp_block p,
.pkp_block li{
  color:#263f3c!important;
  font-size:14.5px!important;
  line-height:1.75!important;
}

/* ARTICLE CARDS */
.obj_article_summary{
  background:#fff!important;
  border:1px solid #e8efec!important;
  border-left:6px solid var(--green2)!important;
  border-radius:22px!important;
  padding:24px!important;
  margin-bottom:22px!important;
  box-shadow:0 14px 35px rgba(0,63,54,.08);
  transition:.3s ease!important;
}

.obj_article_summary:hover{
  transform:translateY(-5px);
  border-left-color:var(--gold)!important;
}

/* BUTTONS */
button,
.pkp_button,
.cmp_button,
.obj_galley_link,
.block_make_submission a{
  background:linear-gradient(135deg,var(--green),var(--green2))!important;
  color:#fff!important;
  border:0!important;
  border-radius:50px!important;
  padding:12px 26px!important;
  font-weight:800!important;
  box-shadow:0 10px 25px rgba(0,117,101,.24);
}

button:hover,
.pkp_button:hover,
.cmp_button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover{
  background:linear-gradient(135deg,var(--gold),#bd8420)!important;
  color:var(--green)!important;
  transform:translateY(-3px);
}

/* FOOTER */
.pkp_structure_footer_wrapper{
  background:linear-gradient(135deg,#002f2a,#007565)!important;
  color:#fff!important;
  padding:42px 0!important;
  margin-top:60px!important;
}

/* MOBILE */
@media(max-width:768px){
  .pkp_structure_content{
    display:block!important;
    margin:35px 15px 0!important;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar{
    width:100%!important;
  }

  .pkp_site_name .is_text,
  .pkp_site_name_wrapper a{
    font-size:29px!important;
  }

  .page h1,
  .page_title{
    font-size:31px!important;
  }
}