/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 
.overlay-header {
    margin: 0 0 0 70px;
    z-index: 99;
    position: relative;
}
@media (min-width: 320px) and (max-width: 768px) {
.overlay-header {
    margin: 0 0 0 0;
    z-index: 99;
    position: relative;
	width: 100%;
}
	.fl-node-zew7yafhlxpk {
		max-width: 100% !important;
	}
}

/*Testimonial*/
/* ==========================================
   Testimonial with gradient quote circle
   Scope: module with class "ams-pp-quote"
   ========================================== */

.ams-pp-quote .pp-testimonial.layout-3 {
  display: flex;
  align-items: center;   /* vertical centering */
  gap: 20px;             /* keep a clean gap */
}

/* Anchor/overlap from your current setup */
.ams-pp-quote .pp-testimonials-content{ position:relative; line-height:1.6; }
.ams-pp-quote .quote-open{
  position:absolute; left:0; top:-0.35em;
  width:72px; height:72px; border-radius:50%;
  background:linear-gradient(90deg, rgba(0,159,159,1) 0%, rgba(35,190,56,1) 100%);
  display:flex; align-items:center; justify-content:center;
  z-index:0; pointer-events:none;
}
.ams-pp-quote .quote-open::before{
  content:""; width:32px; height:32px; background:#fff;
  -webkit-mask:url('/wp-content/uploads/2025/08/quotes-white.svg') no-repeat center;
  -webkit-mask-size:contain; mask:url('/wp-content/uploads/2025/08/quotes-white.svg') no-repeat center; mask-size:contain;
}

/* Text paragraph sits above circle, with padding so the circle peeks in */
.ams-pp-quote .pp-testimonials-content p:nth-child(2){
  position:relative; 
	z-index:1;
  padding-left:60px; 
	margin:0 0 .5rem 0;
  color:#f7f7f7;
  /* Knockout effect: crisp outline in WebKit */
  -webkit-text-stroke: 5px #fff;          /* outlines glyphs in white */
  paint-order: stroke fill;               /* ensure stroke under fill */
  /* Fallback halo for Firefox/others: multi-shadow */
  text-shadow:
    0 0 1px #f7f7f7,
    0 0 2px #f7f7f7,
    0 0 3px #f7f7f7,
    0 0 4px #f7f7f7;
}

/* Re-apply actual fill color after stroke so letters stay readable */
@supports (-webkit-text-stroke: 1px black) {
  .ams-pp-quote .pp-testimonials-content p:nth-child(2){
    -webkit-text-stroke: 6px #f7f7f7;  /* thicker halo */
    color:#111;                     /* set actual text color here */
  }
}

/* Align name/title with the text start */
.ams-pp-quote .pp-title-wrapper{ padding-left:60px; }

/* Mobile size tweak */
@media (max-width:600px){
  .ams-pp-quote .quote-open{ width:58px; height:58px; top:-0.25em; }
  .ams-pp-quote .quote-open::before{ width:26px; height:26px; }
  .ams-pp-quote .pp-testimonials-content p:nth-child(2),
  .ams-pp-quote .pp-title-wrapper{ padding-left:20px; }
}




/* ENd Testimonials */