/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 07 2025 | 13:58:14 */
.wd-author-bio{display:none!important;}


/* SBDS Premium Author Box */
.sbds-author-box {
  display: flex;
  gap: 20px;
  padding: 25px;
  border-radius: 5px;
  background: #f7f9fc;
  border: 1px solid #e2e6ea;
  margin-top: 40px;
  margin-bottom: 20px;
  align-items: flex-start;
}

.sbds-author-avatar img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #e5eef7;
  object-fit: cover;
}

.sbds-author-info {
  flex: 1;
}

.sbds-author-name {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1b1f23;
}

.sbds-author-title {
  margin: 4px 0 12px;
  font-size: 14px;
  color: #566370;
}

.sbds-author-bio {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.6;
  color: #39424e;
}

.sbds-author-link {
  font-size: 14px;
  font-weight: 600;
  color: #2c6bed;
  text-decoration: none;
}

.sbds-author-link:hover {
  text-decoration: underline;
}

/* RESPONSIVE FIX */
@media (max-width: 768px) {
  .sbds-author-box {
    flex-direction: column;
    text-align: center;
  }
  .sbds-author-avatar img {
    margin: 0 auto;
  }
}


.blog-design-mask:not(.has-post-thumbnail) .wd-post-inner {
  min-height: 300px;
  background: linear-gradient(to top, transparent 0%, #268CC7 0%, #0D75B6 100%) !important;
}

#comments, .wd-nav-pagin-wrap{display:none!important;}

.wd-single-post-header .wd-post-image img {
  
  display: none !important;
}
.blog-design-masonry.wd-add-shadow .wd-post-inner {
  box-shadow: 0 0 4px rgba(0,0,0,0.12);
  transition: box-shadow 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  min-height: 440px!important;
  background: #fff!important;
	border-radius:5px!important;
}

.blog-design-masonry.blog-style-bg .wd-post-thumb {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.sc-breadcrumb-wrapper {
    padding: 12px 0;
    background: #f8f9fb;
    font-size: 14px;
}
.sc-breadcrumb a {
    color: #0073aa;
    text-decoration: none;
}
.sc-breadcrumb a:hover {
    text-decoration: underline;
}
.sc-breadcrumb .sc-current {
    color: #111;
    font-weight: 600;
}


.wd-single-post-header .wd-post-meta, .wd-single-post-header .wd-post-cat, .wd-single-post-header h1{display:none!important;}

.wd-single-post-header .wd-post-image img {
  border-radius: 5px;
 
}

.blog-design-list.blog-style-bg .wd-post-inner{border-radius:5px!important;}

/* =========================================================
   SiteCrafted Signature Blog Design System — FINAL v1.4
   Floating Bubble UI • No Images • Mobile-optimized
   Author: SiteCrafted (refactor by ChatGPT)
   ========================================================= */

/* -------------------------
   Theme variables
   ------------------------- */
:root{
  --sc-bg: #f6f8fb;
  --sc-card: #ffffff;
  --sc-accent1: #0D74B6; /* Royal Blue */
  --sc-accent2: #0297CF; /* Electric Violet */
  --sc-accent-grad: linear-gradient(90deg, #0B4C8C 0%, #0077C8 60%, #00A8E8 100%);
  --sc-muted: #5c6b89;
  --sc-radius: 18px;
  --sc-radius-sm: 12px;
  --sc-shadow-md: 0 14px 40px rgba(11,103,255,0.06);
  --sc-shadow-lg: 0 32px 80px rgba(11,103,255,0.10);

  /* typography */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --base-line: 1.65;
  --max-width: 1080px;
}

/* -------------------------
   Global post wrapper
   ------------------------- */
.sbds-post{
  max-width: var(--max-width);
  margin: 32px auto;
  font-family: var(--font-sans);
  color: #0f1a33;
  line-height: var(--base-line);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* shell + floating bubbles */
.sbds-shell{
  position: relative;
  padding: 0px;
  border-radius: 5px;
 /* background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,255,0.92));
  box-shadow: var(--sc-shadow-lg);*/
  overflow: visible;
  /* optional glass effect (uncomment if desired) */
  /* backdrop-filter: blur(6px); */
}

/* decorative floating blobs */
.sbds-bubble{
  position: absolute;
  border-radius: 999px;
  filter: blur(24px);
  opacity: .06;
  pointer-events: none;
  transform: translateZ(0);
}
.sbds-bubble.b1{ width: 300px; height: 300px; right: -80px; top: -80px; background: var(--sc-accent-grad); }
.sbds-bubble.b2{ width: 200px; height: 200px; left: -70px; bottom: -60px; background: linear-gradient(135deg,#b2c1ff,#ffffff); opacity:.02; }
.sbds-bubble.b3{ width: 140px; height: 140px; right: 40%; top: 240px; background: radial-gradient(circle,#ffddb2,#ffb6b6); opacity:.02; }

/* -------------------------
   HERO
   ------------------------- */
.sbds-hero{
	margin-top:-30px;
  padding: 58px 42px;
  border-radius: 5px;
  /*background: linear-gradient(160deg,#0c1542 0%, #4c18bb 100%);*/
	background: linear-gradient(90deg, #0B4C8C 0%, #0077C8 60%, #00A8E8 100%);
  color: #fff;
  box-shadow: var(--sc-shadow-md);
  margin-bottom: 28px;
  display: flex;
  gap: 28px;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 900px){ .sbds-hero{ flex-direction: column; gap: 18px; } }

.sbds-hero .kicker{
  display: inline-block;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  font-weight: 700;
  letter-spacing: 0.2px;
}

.sbds-hero h1{
  font-size: 32px;
  margin: 16px 0 12px;
  line-height: 1.18;
  font-weight: 800;
  color: #ffffff !important;
}
.sbds-hero p{
  font-size: 15px;
  opacity: .94;
  margin-bottom: 14px;
}

/* CTA row */
.sbds-cta-row{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.sbds-btn{
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  box-sizing: border-box;
}
.sbds-btn-primary{
   background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  color: #fff !important;
}
.sbds-btn-ghost{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  color: #fff !important;
}

.sbds-cta-block .sbds-btn-primary{
   background: linear-gradient(90deg, #0B4C8C 0%, #0077C8 60%, #00A8E8 100%);
  border: 1px solid rgba(255,255,255,0.22);
  color: #fff !important;
}
.sbds-btn-primary:hover, .sbds-btn-ghost:hover{
transform: translateY(-1px);
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(0, 0, 0, 0.1), 0 6px 14px rgba(236, 114, 0, 0.6) !important;
  
  color: #fff !important;
}

/* -------------------------
   Section cards
   ------------------------- */
.sbds-section{
  background: var(--sc-card);
  border-radius: 5px;
  padding: 26px;
  margin-top: 32px;
  border: 1px solid #eef2ff;
  box-shadow: var(--sc-shadow-md);
}

/* numbered badge */
.sbds-num{
  min-width: 48px;
  height: 48px;
 background: var(--sc-accent-grad);
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 12px 32px rgba(11,103,255,0.08);
  margin-right: 16px;

}

/* section row & headings */
.sbds-row{ display:flex; align-items:flex-start; gap:16px; margin-bottom:10px; }
.sbds-title-lg{ margin: 4px 0 8px; font-size: 20px; font-weight: 800; color: #0b1730; }
.sbds-sub{ font-size: 14px; color: var(--sc-muted); margin:0; }

/* -------------------------
   Checklist (two-column grid)
   ------------------------- */
.sbds-checklist{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 720px){ .sbds-checklist{ grid-template-columns: 1fr; } }

.sbds-check{
  display:flex;
  gap:14px;
  padding:12px 16px;
  border-radius: 5px;
  background: var(--sc-card);
  border: 1px solid #e4edff;
  box-shadow: 0 6px 26px rgba(11,103,255,0.05);
  align-items: center;
}
.sbds-check .tick{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg,#00c853,#00e676);
  font-weight: 800;
  font-size: 16px;
  box-shadow: 0 12px 24px rgba(0,200,120,0.14);
}
.sbds-check p{ margin:0; color:#364258; font-size:14px; }

/* -------------------------
   CTA block
   ------------------------- */
.sbds-cta-block{
  margin-top: 36px;
  padding: 28px;
  border-radius: 5px;
  background: linear-gradient(120deg, rgba(11,103,255,0.08), rgba(124,58,237,0.08));
  display:flex;
  justify-content: space-between;
  align-items:center;
  flex-wrap: wrap;
  gap: 14px;
}
.sbds-cta-block h3{ font-size:22px; margin:0 0 8px; font-weight:800; color:var(--sc-accent1); }
.sbds-cta-block p{ margin:0; color:var(--sc-muted); }

/* -------------------------
   Pricing blocks
   ------------------------- */
.sbds-price-row{ display:flex; gap:16px; margin-top:22px; flex-wrap:wrap; }
.sbds-price{
  flex:1; min-width:240px;
  padding:20px; border-radius:14px; background:var(--sc-card);
  box-shadow: var(--sc-shadow-md); border:1px solid #e6eefe;
}
.price-amt{ font-size:24px; font-weight:900; color:var(--sc-accent1); }

/* -------------------------
   Testimonial
   ------------------------- */
.sbds-test{
  margin-top:22px; padding:20px; border-radius:5px;
  background:var(--sc-card); border:1px solid #eef2ff; box-shadow:var(--sc-shadow-md);
  display:flex; gap:16px; align-items:center;
}

.sbds-test p{margin-bottom:0px!important;}
.sbds-avatar{ width:48px; height:48px; border-radius:12px; background:var(--sc-accent-grad);
  display:grid; place-items:center; color:#fff; font-weight:900; font-size:14px;
}

/* muted text */
.sbds-muted{ color:var(--sc-muted); font-size:13px; }

/* -------------------------
   FAQ
   ------------------------- */
.sbds-faq{ margin-top:24px; padding:22px; background:var(--sc-card); border-radius:5px;
  box-shadow:var(--sc-shadow-md); border:1px solid #eef2ff;
}
.sbds-faq h4{ margin:0 0 10px; font-weight:800; }
.sbds-faq p{ margin:6px 0; color:var(--sc-muted); }

/* -------------------------
   Footer CTA
   ------------------------- */
.sbds-footer-cta{ margin-top:26px; display:flex; justify-content:space-between; align-items:center; gap:16px; }

/* -------------------------
   Accessibility + helpers
   ------------------------- */
.sbds-hidden{ display:none !important; }
.sbds-center{ text-align:center; }
.sbds-gap{ height:18px; }

/* =========================================================
   Mobile patch: SBDS v1.4
   Applies only below 720px
   ========================================================= */
@media (max-width: 720px){

  /* HERO */
  .sbds-hero{
    padding: 46px 26px !important;
    text-align: left;
    border-radius: 20px;
  }
  .sbds-hero h1{
    font-size: 24px !important;
    line-height: 1.28 !important;
    margin-top: 10px !important;
  }
  .sbds-hero p{ font-size:14px !important; line-height:1.55 !important; }

  .sbds-cta-row{ flex-direction: column; align-items: stretch; width:100%; gap:10px !important; }
  .sbds-btn{ width:100%; justify-content:center; font-size:15px; }

  /* Checklist */
  .sbds-checklist{ grid-template-columns: 1fr !important; gap:10px !important; }
  .sbds-check{ padding: 10px 12px !important; gap: 10px !important; }
  .sbds-check .tick{ width:28px !important; height:28px !important; font-size:13px !important; border-radius:8px !important; }
  .sbds-check p{ font-size:13px !important; line-height:1.5 !important; }

  /* Section cards */
  .sbds-section{ padding: 18px 16px !important; margin-top: 22px !important; }
  .sbds-num{ width:40px !important; height:40px !important; font-size:14px !important; border-radius:5px !important; margin-right:12px !important; border:1px solid #e4edff;}
  .sbds-title-lg{ font-size:17px !important; margin-bottom:4px !important; font-weight:900 !important; }
  .sbds-sub{ font-size:13px !important; }

  /* CTA block */
  .sbds-cta-block{ padding:20px 16px !important; text-align:center !important; flex-direction:column !important; gap:12px !important; }
  .sbds-cta-block h3{ font-size:18px !important; }

  /* Pricing */
  .sbds-price{ padding:16px !important; }
  .price-amt{ font-size:20px !important; }

  /* Testimonial */
  .sbds-test{ padding:16px !important; flex-direction:column !important; text-align:center !important; }
  .sbds-avatar{ margin:0 auto 10px auto !important; }

  /* FAQ + footer */
  .sbds-faq{ padding:18px 14px !important; }
  .sbds-footer-cta{ flex-direction:column !important; gap:10px !important; text-align:center !important; }
}