/* ==========================================================================
   ASI Single Post Template — Layout Styles
   (FSE / block themes — Twenty Twenty-Five)

   NOTE: Post content width, typography, and block layout are handled by the
   theme's own styles via core/post-content with "layout:constrained". This
   file only handles template-level layout that the theme doesn't cover.
   ========================================================================== */

.asi-single-post-page {
	width: 100%;
}

/* ------------------------------------------------------------------
   Give the post-content block a little vertical breathing room
   ------------------------------------------------------------------ */
.asi-single-post-page .wp-block-post-content {
	padding-top: 40px;
	padding-bottom: 40px;
   background-color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Share Bar — displayed inside the content-width column
   ------------------------------------------------------------------ */
.asi-single-post-page .wp-block-post-content .asi-post-share-bar,
.asi-single-post-page .wp-block-post-content .wp-block-asi-post-share-bar {
	margin-top: 32px;
}

/* ------------------------------------------------------------------
   Related Posts — auto-appended as alignfull so it breaks out of the
   constrained content column. The block's own .asi-rp-inner wrapper
   constrains the cards to max-width:1200px. No extra padding needed here.
   ------------------------------------------------------------------ */

/* ------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------ */
@media ( max-width: 768px ) {
	.asi-single-post-page .wp-block-post-content {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}


.wp-block-asi-post-hero.asi-post-hero {
   position: relative !important;
}
.wp-block-asi-post-hero.asi-post-hero::before {
   content: '';
   background: transparent linear-gradient(90deg, #109AA9 0%, #48D261 51%, #FBA82D 100%) 0% 0% no-repeat padding-box;
   content: '';
   height: 6px;
   width: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}
.asi-client-bar .asi-cb-inner {
   display: flex !important;
   width: 100%;
   max-width: 1220px;
   margin: 0 auto;
   align-items: center !important;
   justify-content: space-between;
   padding: 35px 32px !important;
   margin-top: -40px;
   position: relative;
   border: none !important;
}
.asi-client-bar .asi-cb-logo {
   max-width: 255px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.asi-client-bar .asi-cb-item {
   max-width: 255px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.asi-client-bar .asi-cb-item-label {
   font-family: 'Poppins';
   font-size: 14px !important;
   line-height: 24px;
   color: #333333 !important;
   font-style: normal;
   font-weight: 600 !important;
   letter-spacing: 0.1px !important;
   text-transform: uppercase !important;
}
.asi-single-post-page .wp-block-post-content {
     padding-top: 0 !important;
}

.asi-post-hero-inner {
   padding: 48px 30px 70px;
}
.wp-block-asi-key-points.asi-key-points {
      max-width: 1220px;
      width: 100%;
      margin: 0 auto;  
}
.asi-key-points .asi-kp-inner {
   display: flex !important;
   flex-wrap: wrap;
   margin: 0 0;
   border: none !important;
}
.asi-key-points .asi-kp-col {
   max-width: 33.33%;
   width: 100%;
   padding: 0 35px;
}
.asi-key-points .asi-kp-col+.asi-kp-col {
   border: none !important;
}
.asi-key-points .asi-kp-heading {
   font-family: 'Inter' !important;
   font-size: 18px !important;
   line-height: 20px !important;
   letter-spacing: 0.25px !important;
   font-style: normal !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   color: #109aa9 !important;
   margin-bottom: 10px !important;
}
.asi-key-points .asi-kp-text {
   font-family: 'Inter' !important;
   font-weight: 300;
   font-style: normal;
   font-size: 16px;
   color: #000000;
   line-height: 24px;
   letter-spacing: 0.5px;
   margin: 16px 0;
}

.asi-single-post-page .wp-block-post-content p {
   font-family: 'Inter' !important;
   letter-spacing: 0.5px !important;
   font-weight: 300 !important;
   color: #000000 !important;
   font-style: normal !important;
   padding-top: 15px !important;
   padding-bottom: 15px !important;
   font-size: 16px !important;
}
.asi-single-post-page h3 {
   font-family: 'Poppins', sans-serif !important;
   font-size: 24px !important;
   font-weight: 600 !important;
   line-height: 35px !important;
   color: #125960 !important;
   padding-top: 15px !important;
   padding-bottom: 15px !important;
}
.asi-cta-section .asi-cta-inner {
   background-color: #f2f2f2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 40px !important;
    position: relative !important;
    border: none !important;
}
.asi-cta-section .asi-cta-inner::before {
   content: "";
   display: block;
   background-color: #109aa9;
   width: 100%;
   height: 10px;
   max-width: 305px;
   position: absolute;
   top: -10px;
   left: 0;
}
.asi-cta-section .asi-cta-inner .asi-cta-text {
   font-size: 24px !important;
   line-height: 1 !important;
   letter-spacing: 0.18px !important;
   font-family: 'Poppins' !important;
   font-weight: 600 !important;
   color: #125960 !important;
   text-transform: uppercase !important;
   font-style: normal !important;
}
.asi-single-post-page .wp-block-post-content > *:not(.asi-client-bar, .asi-key-points, .asi-icon-columns, .asi-related-posts-block) {
   max-width: 875px !important;
   margin-left: auto !important;
   margin-right: auto !important;
}
.asi-cta-section .asi-cta-btn {
   border-radius: 4px !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   font-size: 14px !important;
   line-height: 19px !important;
   color: #293F42 !important;
   font-weight: 600 !important;
   letter-spacing: 0.56px !important;
   text-transform: uppercase !important;
   background-color: #FBA82D !important;
   padding: 13px 25px !important;
   text-decoration: none !important;
   font-family: "Poppins" !important;
   transition: background-color 0.3s ease-in-out !important;
   text-decoration: none !important;
   word-break: break-word !important;
   margin-left: auto !important;
   font-weight: 600 !important;
   color: #213c44 !important;
}
.asi-cta-section .asi-cta-btn:hover {
   background: #109AA9 !important;
   text-decoration: none !important;
}
.asi-icon-columns .asi-ic-inner {
   border: none !important;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
}
.asi-icon-columns .asi-ic-col+.asi-ic-col {
   border: none !important;
}
.asi-related-posts-block {
   background: transparent !important;
}
.asi-related-posts-block .asi-rp-inner {
   max-width: 1280px !important;
   padding: 48px 40px !important;
}
.asi-related-posts-block .asi-rf-card-body {
   width: 278px;
}
.asi-related-posts-block .asi-rf-card-title {
   font-family: 'Poppins' !important;
   font-weight: 600 !important;
   font-style: normal !important;
   font-size: 20px !important;
   line-height: 24px !important;
   letter-spacing: 0.5px !important;
   color: #333333 !important;
   margin-bottom: 15px !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
.asi-related-posts-block .asi-rf-meta span {
   font-weight: 400 !important;
}
.asi-related-posts-block .asi-rf-card-cat {
   font-size: 14px !important;
   font-family: 'Poppins', sans-serif !important;
   font-weight: 600 !important;
   color: #145960 !important;
   background: #BACBD3 !important;
   line-height: 21px !important;
   text-transform: uppercase !important;
   padding: 5px 15px !important;
}
.sharedaddy {
   display: none !important;
}
.asi-related-posts-block .asi-rp-more-btn {
   border-radius: 4px !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   width: 175px !important;
   height: 49px !important;
   margin: 35px auto 0 !important;
   background: #FBA82D !important;
   font-size: 14px !important;
   font-family: 'Poppins', sans-serif !important;
   font-weight: 600 !important;
   color: #293F42 !important;
   text-transform: uppercase !important;
   transition: color 0.4s ease-out, background 0.4s ease-out !important;
   border-radius: 4px !important;
    display: inline-flex !important;
    width: auto !important;
    padding: 0 25px !important;
    font-weight: 600 !important;
    color: #293F42 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}
.asi-related-posts-block .asi-rp-more-btn:hover {
   background: #109AA9 !important;
   text-decoration: none !important;
}
.asi-related-posts-block .asi-rp-heading {
   font-size: 20px !important;
   font-family: 'Poppins', sans-serif !important;
   font-weight: 600 !important;
   color: #109AA9 !important;
   line-height: 30px !important;
   letter-spacing: 2px !important;
   text-transform: uppercase !important;
}
.wp-block-asi-cta-section.asi-cta-section {
   padding: 50px 0;
}


@media (max-width: 1367px) {
   .asi-client-bar .asi-cb-item {max-width: 230px;}
   .asi-client-bar .asi-cb-logo {max-width: 200px;}
}
@media (max-width: 1199px) {
   .asi-client-bar .asi-cb-logo {max-width: 110px;}
   .asi-client-bar .asi-cb-item {max-width: 190px;}
   .asi-key-points .asi-kp-inner {padding-left: 30px !important; padding-right: 30px !important;}
   .asi-key-points .asi-kp-col {padding: 28px 10px !important;}
   .asi-icon-columns .asi-ic-col {padding: 28px 2px !important;}
}
@media (max-width: 991px) {
   .wp-block-asi-cta-section.asi-cta-section {padding: 30px 0 1px;}
   .asi-single-post-page .wp-block-post-content p {margin-top: 0;}
   .asi-icon-columns .asi-ic-inner {grid-template-columns: repeat(3,1fr) !important;}
   .asi-client-bar .asi-cb-inner {margin-top: 0;padding: 25px 0 !important;}
   .asi-client-bar .asi-cb-item {max-width: calc(33.3333% - 14px);width: 100%;}
   .asi-key-points .asi-kp-inner {padding-left: 0 !important;padding-right: 0 !important;margin-left: -10px !important;margin-right: -10px !important;}
   .asi-cta-section .asi-cta-inner .asi-cta-text {font-size: 20px !important;}
}
@media (max-width: 767px) {
   .asi-client-bar .asi-cb-items {
      display: block !important;
   }
   .asi-client-bar .asi-cb-item {
      max-width: 100%;
      width: 100%;
  }
  .asi-client-bar .asi-cb-logo {
      max-width: 110px;
      width: 100%;
      text-align: center;
   }
   .asi-client-bar .asi-cb-logo img {
      margin: 0 auto !important;
   }
   .asi-key-points .asi-kp-inner {
      display: block !important;
   }
   .asi-key-points .asi-kp-col {
      max-width: 100%;
   }
   .asi-key-points .asi-kp-col {
      padding: 10px 0 !important;
   }
   .asi-key-points .asi-kp-col p {
      padding-top: 0 !important;
   }
   .asi-key-points .asi-kp-inner {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
   .asi-icon-columns .asi-ic-inner {
      display: block !important;
   }
   .asi-icon-columns .asi-ic-col p {
      padding-top: 0 !important;
   }
   .asi-icon-columns .asi-ic-col {
      padding: 10px 2px !important;
  }
  .asi-cta-section .asi-cta-inner::before {
   width: 50%;
  }
  .asi-cta-section .asi-cta-inner {
   display: block !important;
  }
  .asi-cta-section .asi-cta-btn {
   width: auto !important;
 }
 .asi-related-posts-block .slick-prev, .asi-related-posts-block .slick-next {
   background: transparent !important;
   color: #333;
   font-size: 0;
   line-height: 0;
   width: 30px !important;
   height: 30px !important;
   border: none !important;
   text-align: center;
   position: absolute;
   left: -35px !important;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
 }
 .asi-related-posts-block .slick-next {
   right: -35px !important;
   left: auto !important;
 }
 .asi-related-posts-block .slick-prev::after {
   content: "‹";
 }
 .asi-related-posts-block .slick-next::before {
   content: "›";
 }
 .asi-related-posts-block .slick-prev::after, 
 .asi-related-posts-block .slick-next::before {
   color: #333 !important;
   font-size: 30px !important;
   line-height: 1 !important;
 }
 .asi-related-posts-block .asi-rp-slide {
   padding: 0 !important;
}
.asi-related-posts-block .asi-rf-card-body {
   width: 100% !important;
   max-width: 278px !important;
}
.asi-related-posts-block .asi-rf-card-cat {
   width: 100% !important;
   max-width: 278px !important;
}
}