/* =========================================
   KickstartSEO custom CSS
   ========================================= */


/* =========================================
   Lists
   ========================================= */

ul li::marker,
ol li::marker {
  color: #56B7CB;
}

ul,
ol {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 24px;
}

ul li,
ol li {
  line-height: 1.25;
  margin-bottom: 6px;
}

ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}


/* =========================================
   Zoho desktop submenu stability fix
   Desktop only - do not interfere with mobile
   ========================================= */

@media (min-width: 992px) {
  .theme-menu > ul[data-zs-menu-container] > li {
    position: relative !important;
    overflow: visible !important;
  }

  .theme-menu,
  .theme-menu-area,
  .theme-navigation-and-icons,
  [data-megamenu-content-container],
  .theme-header,
  .zpheader-style-01 {
    overflow: visible !important;
  }

  .theme-menu > ul[data-zs-menu-container] > li > ul.theme-sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
    z-index: 99999 !important;
    min-width: 220px;
  }

  .theme-menu > ul[data-zs-menu-container] > li:has(> a[data-theme-accessible-submenu])::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    background: transparent;
    z-index: 99998;
  }
}


/* =========================================
   Mobile header and responsive menu behaviour
   ========================================= */

@media (max-width: 991px) {
  .theme-responsive-menu .theme-sub-menu,
  .theme-responsive-menu-area .theme-sub-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    min-width: 0 !important;
    z-index: auto !important;
  }

  .theme-responsive-menu-area,
  .theme-responsive-menu,
  .theme-responsive-menu .theme-menu-area,
  .theme-responsive-menu .theme-menu {
    overflow: visible !important;
  }

  .theme-logo-parent.theme-disable-logo-mobile {
    display: block !important;
  }

  .theme-logo-parent img[data-zs-logo] {
    width: 220px !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .theme-mobile-header-style-01,
  .theme-mobile-header-style-01 .theme-header,
  .theme-mobile-header-style-01 [data-header="zptheme-data-header"] {
    background-color: #0B547A !important;
  }

  .theme-responsive-menu-area .theme-topbar-contact-info,
  .theme-responsive-menu-area .theme-socialicon-parent,
  .theme-responsive-menu .theme-topbar-contact-info,
  .theme-responsive-menu .theme-socialicon-parent,
  .theme-responsive-menu-area [data-contact-info="zptheme-contact-info"],
  .theme-responsive-menu-area [data-socialicon-parent="zptheme-socialicon-parent"],
  .theme-responsive-menu [data-contact-info="zptheme-contact-info"],
  .theme-responsive-menu [data-socialicon-parent="zptheme-socialicon-parent"] {
    display: block !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    padding: 14px 20px !important;
    border-top: 1px solid #D9E3E8 !important;
  }

  .theme-responsive-menu-area .theme-topbar-contact-info a,
  .theme-responsive-menu .theme-topbar-contact-info a,
  .theme-responsive-menu-area .theme-topbar-contact-info *,
  .theme-responsive-menu .theme-topbar-contact-info * {
    color: #0B547A !important;
    fill: #0B547A !important;
  }

  .theme-responsive-menu-area .theme-socialicon-parent ul,
  .theme-responsive-menu .theme-socialicon-parent ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .theme-responsive-menu-area .theme-socialicon-parent a,
  .theme-responsive-menu .theme-socialicon-parent a,
  .theme-responsive-menu-area .theme-socialicon-parent svg,
  .theme-responsive-menu .theme-socialicon-parent svg {
    color: #0B547A !important;
    fill: #0B547A !important;
  }

  .theme-responsive-menu-area .theme-socialicon-parent img,
  .theme-responsive-menu .theme-socialicon-parent img {
    background: transparent !important;
    max-height: 22px !important;
    width: auto !important;
  }

  .theme-responsive-menu-area .theme-topbar-contact-info ul,
  .theme-responsive-menu .theme-topbar-contact-info ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .theme-responsive-menu-area .theme-topbar-contact-info li,
  .theme-responsive-menu .theme-topbar-contact-info li,
  .theme-responsive-menu-area .theme-socialicon-list,
  .theme-responsive-menu .theme-socialicon-list {
    border: none !important;
  }
}


/* =========================================
   Blog card/image surround fixes
   ========================================= */

.zs-blog-post,
.zs-blog-post *,
.zs-blog-post-list,
.zs-blog-post-list *,
.blog-post,
.blog-post *,
.blog-list,
.blog-list *,
.zs-post-item,
.zs-post-item *,
.zs-blog-list-item,
.zs-blog-list-item * {
  border-color: #ffffff !important;
}

body .zpblog-container,
body .zpblog-container *,
body .zps-blog-posts,
body .zps-blog-posts *,
body .zpblog-card,
body .zpblog-card *,
body .zpblog-post,
body .zpblog-post *,
body .blog-post,
body .blog-post *,
body .post-card,
body .post-card *,
body article,
body article * {
  background-color: transparent;
}

body .zpblog-container img,
body .zps-blog-posts img,
body .zpblog-card img,
body .zpblog-post img,
body .blog-post img,
body article img,
body figure,
body .zpblog-image,
body .zpblog-thumb,
body .zpblog-post-image,
body .blog-image,
body .post-image,
body .image-container,
body [class*="blog"] [class*="image"],
body [class*="blog"] [class*="thumb"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

body .zpblog-container a,
body .zps-blog-posts a,
body .zpblog-card a,
body .zpblog-post a,
body .blog-post a,
body article a {
  background-color: transparent;
}

body .zpblog-container a img,
body .zps-blog-posts a img,
body .zpblog-card a img,
body .zpblog-post a img,
body .blog-post a img,
body article a img {
  background: #ffffff !important;
}

body [style*="background"],
body [class*="ratio"],
body [class*="media"],
body [class*="cover"],
body [class*="thumb"] {
  border-color: #ffffff;
}

body [class*="blog"] [class*="ratio"],
body [class*="blog"] [class*="media"],
body [class*="blog"] [class*="cover"],
body [class*="blog"] [class*="thumb"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
}


/* =========================================
   ZS BLOG ROLL - READ LINK ONLY
   ========================================= */

a[data-blogpost-heading="true"][role="button"] {
  color: #0B547A !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 0 !important;
}

a[data-blogpost-heading="true"][role="button"]::after {
  content: "Read the article →";
  font-size: 18px;
  color: #0B547A;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
  line-height: 1.2;
}
/* =========================================
   Body text links
   ========================================= */

/* Underline normal links inside page body text */
.zpcontent-container p a,
.zpcontent-container li a,
.zpcontent-container .zptext p a,
.zpcontent-container .zptext li a {
  color: #0B547A;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* Body text link hover state */
.zpcontent-container p a:hover,
.zpcontent-container li a:hover,
.zpcontent-container .zptext p a:hover,
.zpcontent-container .zptext li a:hover {
  color: #132942;
  text-decoration: underline !important;
}
/* =========================================
   Footer links
   ========================================= */

/* Footer links */
.theme-footer a,
.theme-footer-area a,
footer a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-color: #56B7CB !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* Footer links hover state */
.theme-footer a:hover,
.theme-footer-area a:hover,
footer a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-color: #56B7CB !important;
}