@font-face {
    font-family: 'J2 Icons';
    src: url(../fonts/store-icons.woff2) format('woff2');
}*/

:root {

    --j2c-font-sans-serif:"Inter",sans-serif;
    --j2c-font-icons:"J2 Icons";
    --j2c-body-font-size: 1rem;
    --j2c-body-font-weight:400;
    --j2c-body-line-height:1.5;
    /*--j2c-body-color: #4e5562;*/
    --j2c-body-color: #b3a350;
    --j2c-component-color: #333d4c;
    --bs-heading-color:#181d25;
    --j2c-component-active-color:#181d25;
    --j2c-component-active-bg:#eef1f6;
    --j2c-white:#fff;
    --j2c-box-shadow: 0 0.5rem 2rem -0.25rem hsla(216, 9%, 44%, .1);
    /*--j2c-tertiary-color:#9ca3af;*/
    --j2c-tertiary-color: #c7cacd;
    --j2c-info-rgb: 47, 108, 213;
    --j2c-info: #2f6ed5;
    --j2c-btn-bg: #eef1f6;
    --j2c-btn-active-bg: transparent;
    --j2c-btn-active-border-color: #0081c6;
    --j2c-btn-active-shadow: none;
    --j2c-btn-active-color: #0081c6;
    --j2c-primary-btn-bg:#0081c6;
    --j2c-primary-btn-color:#ffffff;
    --j2c-primary-btn-border-color:#0081c6;
    --j2c-primary-btn-bg-hover:#0074b2;
    --j2c-primary-btn-color-hover:#ffffff;
    --j2c-primary-btn-border-color-hover:#0074b2;
    --j2c-military-btn-bg:#766A5E;
    --j2c-military-btn-color:#ffffff;
    --j2c-military-btn-border-color:#766A5E;
    --j2c-military-btn-bg-hover:#5d5247;
    --j2c-military-btn-color-hover:#ffffff;
    --j2c-military-btn-border-color-hover:#5d5247;
}


.itwitter, .itwitter:hover, .sicon .itwitter i, footer .sicon .itwitter i, .sicon .icon-circle .itwitter .fa-brands, .sicon .icon-circle .itwitter .uk-icon, .sicon .icon-circle .itwitter i {color: #fff;border-color: #fff;}

.ifacebook, .ifacebook:hover, .sicon .ifacebook i, footer .sicon .ifacebook i, .sicon .icon-circle .ifacebook .fa-brands, .sicon .icon-circle .ifacebook .uk-icon, .sicon .icon-circle .ifacebook i {
    color: #fff;border-color: #fff;}

.ilink, .sicon .ilink i, footer .sicon .ilink i, .sicon .icon-circle .ilink .uk-icon, .sicon .icon-circle .ilink i {color: #555;border-color: #fff;}
.sicon .icon-circle i:before, .sicon .icon-circle:hover i:before {color: #fff;}

i.j2c-copy.d-inline-block:before {color: #ffffff;}

.accordion-button, .accordion-button:not(.collapsed) {color: #ffffff;}
body.crafty-header #sp-header.header-sticky {z-index:1044;}
.product-short-description > ul {height:130px;min-height:130px;overflow:hidden:}
.list-group-item.active {
    background-color: var(--j2c-body-color);
    border-color: var(--j2c-body-color);
}
.fa-user-edit::before {color: var(--j2c-body-color);}
#users-profile-core > div > div:nth-child(2) > a {color: var(--j2c-body-color);}
#username-lbl {color: var(--j2c-body-color);}
.j2store-checkout-link {color: var(--j2c-body-color);}
a.j2store-checkout-link:hover {color: #ffffff;}
span.j2store-order-view a, span.j2store-order-print a {color: #ffffff;}
a.nav-link > span.underline-effect {color: var(--j2c-body-color);}
.j2c-edit-3 + span {color: var(--j2c-body-color);}
i.fas.fa-user-circle  {color: #ffffff;}

/* Grid */
.pricing-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* Card Glass */
.pricing-card{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 16px;
  padding: 32px 26px;
  text-align: center;
  position: relative;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
  min-height: 520px;
      width: 100%;
}

/* Popular */
.pricing-card.popular{
  border: 2px solid rgba(202, 163, 95, 0.9);
  box-shadow: 0 0 30px rgba(202, 163, 95, 0.35);
}
.popular-badge{
  position:absolute;
  top:-14px;
  left: 20px;
  background: #caa35f;
  color:#111;
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
}

/* Plan name */
.plan-name{
     color:#f9c852;
    margin: 10px 0 14px;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
}

/* Icon */
.plan-icon{
  margin: 14px 0 22px;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* Features */
.plan-features{
  list-style:none;
  padding:0;
  margin: 0 0 32px;
  text-align: left;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}
.plan-features li{
  display:flex;
  align-items:center;
  gap: 12px;
  color: rgba(255,255,255,0.85);
  font-size: 18px;
  margin-bottom: 12px;
}
.plan-features .check{
  color: #caa35f;
  font-weight: 700;
}

/* Button */
.plan-btn{
      margin-top:26px;
      width: 85% !important;
      align-self:center;
      padding:8px 18px !important;
      border-radius:12px;
      border: 1px solid rgba(255,255,255,.18);
      cursor:pointer;
      background: linear-gradient(180deg, rgba(215,179,107,.95), rgba(200,162,91,.88));
      color:#fff;
      font-weight:700;
      letter-spacing:.2px;
      box-shadow: 0 14px 28px rgba(0,0,0,.35);
      transition: .2s ease;
      font-size: 18px !important;
}
.product-background-img:before{
background: transparent !important;
    content: none !important;
}
.icon.plan_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
img.plan_image {
    width: 150px;
    object-fit: scale-down;
}
.pricing-card span.sale-price {
    color: #f9c852;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}
.j2store-subscription_duration_text {
    color: #f9c852 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.hiw-section {
  padding: 35px 0;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-family: "Inter", sans-serif;
}
.hiw-section::before{
  content:"";
  position:absolute;
  inset:-40px;
  opacity:.55;
  pointer-events:none;
  filter: blur(.3px);
  z-index:0;
}
.hiw-inner {
  position: relative;
  z-index: 2;
}

.hiw-card {
  position: relative;
  border-radius: 18px;
  padding: 24px 18px 28px;
  text-align: center;
  min-height: 400px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(5px);
  box-shadow: 0 20px 42px rgba(0,0,0,.35);
  overflow:hidden;
}

.hiw-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(400px 220px at 50% 0%, rgba(215,179,107,.10), transparent 65%);
  opacity:.85;
  pointer-events:none;
}

.hiw-icon-wrap{
  width:108px;
  height:108px;
  border-radius:999px;
  display:grid;
  place-items:center;
  margin: 10px auto 14px;
  border: 1px solid rgba(215,179,107,.55);
  background: rgba(215,179,107,.06);
  box-shadow:
    0 0 0 2px rgba(215,179,107,.12),
    0 0 30px rgba(215,179,107,.35),
    inset 0 0 26px rgba(215,179,107,.25);
  position:relative;
  z-index:2;
}

.hiw-icon-wrap svg{
  width:50px;
  height:50px;
  stroke: #d7b36b;
  fill: none;
  stroke-width: 2.1;
  filter: drop-shadow(0 6px 14px rgba(215,179,107,.22));
}
.hiw-icon-img{
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(215,179,107,.22));
}
.hiw-step{
font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(0, 0, 0, .18);
    color: rgba(255, 255, 255, .80);
    font-weight: 700;
    margin: 6px auto 14px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    z-index: 2;
    position: relative;
    line-height: 28px;
}

.hiw-heading{
  font-size: 26px;
  font-weight:600;
  margin:0 0 14px;
  color: rgba(255,255,255,.92);
  position:relative;
  z-index:2;
}

.hiw-desc{
  margin:0 auto;
  color: rgba(255,255,255,.70);
  font-size:15px;
  line-height:1.55;
  max-width: 250px;
  position:relative;
  z-index:2;
}
/* ===== WHY HEAVENLY NOTES (PRO IMAGE LAYOUT) ===== */

.why-notes-pro{
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  color: #fff;
}

/* Row spacing */
.why-notes-pro .sppb-row{
  align-items: center;
}

/* LEFT IMAGE WRAP */
.why-left-wrap{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
}
/* BIG GOLD TEXT OVER IMAGE */
.why-left-text{
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    color: #f9c852;
    font-size: 102px;
    text-align: left;
    padding-left: 60px;
    padding-top: 50%;
}

.why-left-text div{
  margin-bottom: 10px;
}

/* RIGHT GRID */
.why-cards-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* CARD STYLE */
.why-card{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  padding: 30px 22px;
  text-align: center;
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 42px rgba(0,0,0,.35);
  min-height: 230px;
  position: relative;
  overflow: hidden;
}

/* subtle gold glow */
.why-card:before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(420px 240px at 50% 0%, rgba(215,179,107,.10), transparent 70%);
  pointer-events:none;
}

.why-icon{
    width: 70px;
    height: 70px;
  object-fit: contain;
  margin: 0 auto 14px;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(215,179,107,.18));
  position: relative;
  z-index: 2;
}

.why-card h3{
  font-size: 28px;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  margin: 0 0 10px;
  position: relative;
  z-index: 2;
}

.why-card p{
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255,255,255,.70);
  max-width: 260px;
  position: relative;
  z-index: 2;
}
.testi-card {
background: rgb(255 255 255 / 10%);
    border: 1px solid rgba(37, 50, 77, .10);
    border-radius: 18px;
    padding: 45px 0 50px;
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.testimonial-pro-client-name-wrap {
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 14px;
}
/* ===== HEAVENLY NOTES FOOTER ===== */
.hn-footer{
  position: relative;
  overflow: hidden;
  padding: 70px 0 0;
}
.hn-footer h4{
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 18px;
  color: rgba(255,255,255,.92);
}

.hn-footer p{
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255,255,255,.70);
}

/* logo */
.hn-footer-logo img{
  max-width: 230px;
  height: auto;
  display:block;
  margin-bottom: 22px;
}

/* footer lists */
.hn-footer-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.hn-footer-list li{
  margin: 0 0 14px;
  display:flex;
  align-items:center;
  gap: 12px;
}

.hn-footer-list li::before{
  content:"•";
  color:#d7b36b;
  font-size: 22px;
  line-height: 1;
}

.hn-footer-list a{
  text-decoration:none;
  color: rgba(255,255,255,.75);
  font-size: 18px;
  transition:.2s ease;
}
.hn-footer-list a:hover{
  color:#d7b36b;
}

/* newsletter form */
.hn-newsletter-text{
  font-size: 18px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.70);
}

.hn-newsletter-form{
  display:flex;
  width:fit-content;
  border-radius: 12px;
  overflow:hidden;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  justify-content: center;
      height: 50px;
}

.hn-newsletter-form input{
  flex: 1;
  border: 0 !important;
  outline: none !important;
  padding: 14px 18px !important;
  background: transparent !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 16px !important;
        margin: 0 !important;
		    height: 50px;
}

.hn-newsletter-form input::placeholder{
  color: rgba(255,255,255,.55) !important;
}

.hn-newsletter-form button{
  border: 0 !important;
  cursor: pointer;
  padding:8px 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0b0b14 !important;
  background: linear-gradient(180deg, rgba(215,179,107,.95), rgba(200,162,91,.88)) !important;
      margin: 0 !important;
	      height: 50px;
}

/* socials */
.hn-socials{
  display:flex;
  gap:14px;
  margin-top: 22px;
}

.hn-socials a{
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  text-decoration:none;
  transition:.2s ease;
}

.hn-socials a:hover{
  transform: translateY(-2px);
  border-color: rgba(215,179,107,.45);
  box-shadow: 0 14px 24px rgba(0,0,0,.35);
}

/* bottom bar */
.hn-footer-bottom{
    margin-top: 0;
    border-top: 0;
    padding: 10px 0;
}

.hn-footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 16px;
  color: rgba(255,255,255,.70);
}

.hn-footer-bottom-inner a{
  color: #d7b36b;
  text-decoration: none;
}
.sppb-link-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#sp-footer .container-inner {
    padding: 0px 0px 30px 0px;
    border-top: 0 !important;
}
.heavenly_notes .sppb-icon .sppb-icon-container i {
    display: flex;
    justify-content: center;
    align-items: center;
}
.heavenly_notes .sppb-feature-box-title {
    margin: 0;
    padding-bottom: 4px;
    font-size: 20px !important;
}
.heavenly_notes .sppb-addon-text p,.heavenly_notes .sppb-addon-text {
    font-size: 15px !important;
    line-height: 16px !important;
	margin-bottom: 0 !important;
}
.j2store-subscription_duration_text {
    color: #f9c852 !important;
}
.layout-blog section#sp-page-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 50%;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
    padding-top: 50px;
    padding-right: 0px;
    padding-left: 0px;
    background-image: url(/images/2026/04/02/hero_banner.png);
}
.view-products .product-card {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    padding: 32px 26px;
    text-align: center;
    position: relative;
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    min-height: 520px;
    width: 100%;
}
h3.sppb-addon-title {
    color: #f9c852 !important;
}
.article-details.crafty-header {
    padding-top: 200px;
}
.icon-calendar-alt:before, .icon-calendar:before{
    content: "\f073";              /* correct unicode */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
button#jform_event_date_btn {
    background: #f9c852 !important;
    font-size: 22px;
    line-height: 26px;
    padding-right: 18px;
    color: #fff !important;
}
body .btn.btn-primary {
    border-color: #333333;
    background-color: #f9c852;
    color: #fff;
}

/* RESPONSIVE */
@media(max-width: 991px){
  .why-cards-grid{
    grid-template-columns: 1fr;
  }

  .why-left-text{
    font-size: 46px;
    left: 22px;
    bottom: 22px;
  }
}


/* Responsive */
@media(max-width: 992px){
  .pricing-grid{ grid-template-columns: 1fr; }
  .pricing-title{ font-size: 40px; }
  .pricing-card{ min-height: auto; }
    .hn-footer{
    padding: 60px 0 0;
  }
  .hn-newsletter-form{
    max-width: 100%;
  }
  
}

/* Mobile fix */
@media (max-width: 767px){
  .hiw-card{ min-height:auto; }
  .hiw-section {
  padding: 15px 0;
}
}

@media(max-width: 575px){
  .why-left-text{
    font-size: 48px;
	    padding-left: 25px;
    padding-top: 0px;
  }
}