/*
Theme Name: Veronica Clare Theme
Theme URI: https://veronicaclare.com
Version: 1.0
Description: A theme created by Veronica Clare.
Author: Veronica Clare
Author URI: https://veronicaclare.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* transition */
body, a {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
}
/*position */
.over {
	position: relative;
	z-index: 99;
}
/*------- extras such as to top and scrollbar */
#fl-to-top {
    background-color: var(--fl-global-gold);

	border-radius: 300px;
	height: 40px;
	width: 40px
}
#fl-to-top i {
    position: absolute;
    color: #fff;
	top: 12px;
    left: 11px;
}
#fl-to-top:hover {
	background-color: #000;
}
/*scrollbar */
body::-webkit-scrollbar-track
{
    background-color: #ffffff;
}
body::-webkit-scrollbar
{
    width: 11px;
    background-color: #ffffff;
}
body::-webkit-scrollbar-thumb
{
    background-color: var(--fl-global-gold);
}
/* =========================
   Selection Highlight
   ========================= */

::-moz-selection {
  background: var(--fl-global-gold);
  color: white;
  -webkit-text-fill-color: white;
  text-shadow: none;
}

::selection {
  background: var(--fl-global-gold);
  color: white;
  -webkit-text-fill-color: white;
  text-shadow: none;
}
:root {
  /* Headline tokens */
  --fs-display:     clamp(3rem,     1.5rem + 6vw, 11.232rem);  /* 48px → 112.2px @1440 → 179.7px @2560 */
	--fs-display-lg: clamp(2.75rem, 1.56rem + 4.878vw, 9.4305rem);
	--fs-display-md: clamp(2.5rem, 1.62rem + 3.756vw, 7.629rem);
  --fs-stat-xl:      clamp(2rem,     2rem + 2vw, 5.59rem);    /* 32px → 60px @1440 → 89.4px @2560 */
  --fs-stat-lg:      clamp(1.875rem, 1rem + 2vw, 5.081rem);   /* 30px → 55px @1440 → 81.3px @2560 */
  --fs-hero-quote:   clamp(1.75rem,  1.215rem + 2.282vw, 4.866rem);   /* 28px → 52.3px @1440 → 77.9px @2560 */
  --fs-h2:           clamp(2rem, 1.169rem + 1.944vw, 4.279rem);   /* 26px → 46.7px @1440 → 68.5px @2560 */
  --fs-number:       clamp(1.5rem,   1.205rem + 1.258vw, 3.218rem);   /* 24px → 37.4px @1440 → 51.5px @2560 */
  --fs-h3:           clamp(1.7rem, 1.118rem + 1.099vw, 2.875rem);   /* 22px → 33.7px @1440 → 46px @2560 */

  /* Body / UI tokens */
  --fs-body-lg:      clamp(1.1rem, 0.981rem + 0.350vw, 1.4rem);    /* 17px → 22.4px */
  --fs-body-md:      clamp(1.05rem, 0.930rem + 0.3vw, 2rem);  /* 16px → 20.6px */
  --fs-body:         clamp(1rem, 0.881rem + 0.239vw, 1.169rem);  /* 15px → 18.7px */
  --fs-nav:          clamp(0.875rem, 0.833rem + 0.181vw, 1.05rem);   /* 14px → 16.8px */
  --fs-label:        clamp(0.844rem, 0.807rem + 0.155vw, 0.994rem);  /* 13.5px → 15.9px */
  --fs-small:        clamp(0.812rem, 0.782rem + 0.129vw, 0.938rem);  /* 13px → 15px */
  --fs-eyebrow:      clamp(0.781rem, 0.754rem + 0.117vw, 0.894rem);  /* 12.5px → 14.3px */
}
@media (min-width:2400px){
	:root{
		--fs-body-md:      clamp(1.05rem, 0.930rem + 0.55vw, 2rem);
		--fs-body-lg:      clamp(1.1rem, 0.981rem + 0.8vw, 2.2rem); 
	}
}

/* =======================
  typography
  ======================== */
body {
	font-size: var(--fs-body-md);
	background-color:#fff;
}
body:not(.fl-builder-edit){
	max-width:100%;
	overflow-x:hidden;
}
  	p { margin-bottom: 0; text-wrap:pretty;}
	p + p, p + ul { margin-top: 1.22em; }
	li + li { margin-top: 0.8em; }
	ul {
		    padding-inline-start: 20px;
		margin-bottom:0px;
	}
ul + p, .full-story ul + p{
	margin-top: 1.22em;
}
	.float-top {
		margin-bottom: auto;
	}
	.float-bottom {
		margin-top: auto;
	}
	.float-middle {
		margin-top: auto;
		margin-bottom: auto;
	}
.body-font h1{
	font-size: var(--fs-body-md);
}
.medium-body {
	font-size: var(--fs-body-md);
}
.small, .small .fl-button-text {
	font-size: var(--fs-small);
}
.large-font{
	font-size: var(--fs-body-lg);
}
.nav-font  {
	font-size: var(--fs-nav);
}
.subhead, h2, .subhead p, .subhead h1{
	font-size: var(--fs-h2);
	line-height: 1.2em;
}
h3, .smaller-h2 h2, .pullout p {
	font-size: var(--fs-h3);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
}
.big-text, .big-text h2, .big-text h1 {
	font-size: var(--fs-stat-xl);
}
.headline-text h2, .headline-text p{
	font-size: var(--fs-hero-quote);
}
.biggest-text h2{
	font-size: var(--fs-display);
}
.eybrow{
	font-size: var(--fs-eyebrow);
}
.stat-text, .stat-text h2{
	font-size: var(--fs-stat-lg);
}
sup {
    vertical-align: sub;
}
.big-stat-text, .book-head h1, .big-stat-text h2 {
	font-size: var(--fs-display-md);
}
.big-main-text h2{
	font-size: var(--fs-display-lg);
}
/* =======================
 * Header
 * =========================*/
/* Menu mobile background colour */
	.pp-advanced-menu-mobile-toggle-label {
		color: #fff!important;
		font-weight: medium!important;
		letter-spacing: 0.3em!important;
	}
	.pp-menu-logo-extra-fullscreen{
		display: none;
	}
/* Ninja forms*/
.nf-error.field-wrap .nf-field-element:after, .nf-pass.field-wrap .nf-field-element:after {
	display: none!important;
}
.fl-button-lightbox-content {
    background: #fff none repeat scroll 0 0;
    margin: 0!important;
    max-width: 100vw!important;
    padding: 0px!important;
    position: relative;
    width: auto;
}
	@media (max-width: 992px){
		/*CSS for Full Screen Menu Type*/

.pp-menu-logo-extra-fullscreen { 
    position: relative; top: 20%;
    z-index:1;
	display: block;
	margin-bottom:50px;
}

/*CSS for the Logo Image*/
.pp-menu-logo{
  width:90%;
	margin-left: auto;
	margin-right: auto;
}
	}
/*======================================
 * footer
 * =====================================*/
.footer-links a {
	display: block;
	border-bottom:2px solid currentcolor;
		padding-top:0.2em;
	padding-bottom:0.3em;
}
.footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links li + li {
    margin-top: 0;

}
.menu-logo {
	margin-bottom:-1.5vw;
}
@media (max-width:992px){
	.menu-logo {
	margin-bottom:-4vw;
}
}
@media (max-width: 682px) {
    .menu-logo {
        margin-bottom: -5.5vw;
    }
}
/*======================================
 * hero
 * =====================================*/
.top-hero {
	min-height:calc(100vh - 130px);
}
.home-hero .fl-row-content-wrap {
	position:relative;
}
.home-hero .fl-row-content-wrap:before {
	content:"";
	position:absolute;
	top:0;
	height:120%;
	width:50%;
	background-image: url("https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/large-vert-text.svg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
@media (min-width:993px){
	.home-hero .fl-row-content-wrap:before {
		right:20px;
	}

}
@media (max-width:992px){

	.home-hero .fl-row-content-wrap:before {
		right:50px;
	top:0;
	height:100%;
	width:50%;
	}
		.top-hero {
	min-height:calc(100vh - 160px);
}
}
@media (max-width:682px){

	.home-hero .fl-row-content-wrap:before {
		left:10px;
	top:0;
	height:80%;
	width:50%;
		background-position: left bottom;
	}
			.top-hero {
	min-height:calc(100vh - 180px);
}
}
/*============================
 * backed box
 * ==========================*/
@media (min-width:1301px){
    .backed-box{
    background: url(https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/Natasha-in-gold.png) no-repeat left bottom / contain, linear-gradient(var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)), var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)));
}
}
@media (max-width:1300px){
    .backed-box{
    background: url(https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/Natasha-in-gold.png) no-repeat left bottom / 27vw auto, linear-gradient(var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)), var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)));
}
}
@media (max-width:992px){
    .backed-box{
    background: var(--fl-global-light-gold-shade);
}
}
@media (min-width:1301px){
    .backed-box-hh{
    background: url(https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/HeartHealing-Logo.png) no-repeat left center / 25vw, linear-gradient(var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)), var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)));
}
}
@media (max-width:1300px){
    .backed-box-hh{
    background: url(https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/HeartHealing-Logo.png) no-repeat left center / 27vw auto, linear-gradient(var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)), var(--fl-global-light-gold-shade, rgba(199, 178, 153, 0.2)));
}
}
@media (max-width:992px){
    .backed-box-hh{
    background: var(--fl-global-light-gold-shade);
}
}
 /*===========================
 * logo slider
 * ==========================*/
            .vc-logo-image img {
                height: 100%!important;
                width: auto!important;
                display: block;
                vertical-align: middle;
                max-width: unset;
            }

            .vc-logo-image {
                box-sizing: border-box;
                min-width: 0px;
                height: 100%;
                margin-left: 20px;
                margin-right: 20px;
            }

            .slogan-scroll .vc-logo-image {
                margin-left: 0px;
                margin-right: 0px;
            }

            .vc-logo-image-slider {
                box-sizing: border-box;
                min-width: 0px;
                position: absolute;
                top: 0px;
                left: 100%;
                z-index: 1;
                height: 100%;
                display: flex;
                overflow: hidden;
                -webkit-box-align: center;
                align-items: center;
            }

            .vc-logo-image-slider {
                animation: 25s linear 0s infinite reverse none running scrolllogos;
                transform-origin: right center;
            }

            .vc-logo-image-slider:hover {
                animation-play-state: paused;
            }

            @keyframes scrolllogos {
                0% {
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                }

                100% {
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }
            }

            .vc-logo-slider-wrapper {
                position: relative;
                height: 100%;
                overflow: hidden;
                box-sizing: border-box;
                min-width: 0px;
            }

            .vc-logo-slider-outer {
                box-sizing: border-box;
                min-width: 0px;
                margin-bottom: 0px;
                height: 45px;
                overflow: hidden;
            }

            @media (max-width: 1300px) {
                .vc-logo-slider-outer {
                    height: 40px;
                }
            }

            @media (max-width: 1024px) {
                .vc-logo-slider-outer {
                    height: 30px;
                }
            }

            @media (max-width: 682px) {
                .vc-logo-slider-outer {
                    height: 25px;
                }
            }
/*======================================
 * centre gold line
 * =====================================*/
.gold-mid-line {
	background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
.dark-mid-line{
	background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), #000 calc(50% - 0.5px), #000 calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
.gold-vert-line {
	background-image: linear-gradient(90deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
@media (max-width:682px){
	.gold-vert-line {
	background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
}
/*======================================
 * images
 * ====================================*/
.inset-image {
	margin-right:-10vw;
}
.inset-image-lg {
	margin-right:-8vw;
}
.inset-image-sml{
	margin-right:-10%;
}
.inset-image-land {
	
}
.testimonial-side-image .fl-photo-content{
	max-width:196px;
	aspect-ratio:4/5;
	width:100%;
}
.testimonial-side-image .fl-photo-content img{
	width:100%;
	height:100%;
	object-fit: cover;
}

@media (max-width:992px){
	.inset-image, .inset-image-lg {
	margin-right:-20vw;
}
	.inset-image-sml{
	margin-right:-20vw!important;
}
}
/*======================================
 * accordion
 * =====================================*/
.wwm-accordion a {
	    font-family: "Main Heading Font", Verdana, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	    line-height: 18px;
    padding: 12px 24px;
    background-color: var(--fl-global-lighter-gold);
	color:var(--fl-global-darkest);
	display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
	border-color: var(--fl-global-lighter-gold);
}
.wwm-accordion a:hover {
	background-color:#fff;
	color:var(--fl-global-gold);
	text-decoration:none;
}
/*======================================
 * images
 * =====================================*/
@media (max-width:992px){
	.big-image {
	width: calc(100% - 20vw)!important;
}
}
@media (max-width:682px){
	.big-image {
	width: calc(100% - 70px)!important;
}
	.left-parallax.fl-row-bg-parallax .fl-row-content-wrap {
        background-attachment: scroll !important;
        background-position: left center !important;
    }
}
/*======================================
 * timeline
 * ====================================*/
@media (min-width: 768px) {
.hundred-height-box {
  height: 80vh;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
}
.hundred-height-box::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}
.scroll-wrapper {
  height: 300vh; /* extra scroll distance — increase this if the timeline is long/needs to scroll slower, decrease if it should finish faster */
  position: relative;
}

body:not(.fl-builder-edit) .hundred-height-box {
  position: sticky;
  top: 5vh;
  height: 90vh;
  overflow: hidden; /* JS moves the content, not native scroll */
}

body:not(.fl-builder-edit) .hundred-height-box .pp-timeline-content-wrapper {
  will-change: transform;
}
.scroll-wrapper {
  height: 300vh;
  position: relative;
	position: sticky !important;
}



body:not(.fl-builder-edit) .hundred-height-box.fl-module-box { 
  top:5vh !important;
  height:90vh !important;
  overflow: hidden !important;
}

body:not(.fl-builder-edit) .hundred-height-box .fl-module-content {
  height: 100% !important;
  overflow: hidden !important;
}
.hundred-height-box .pp-timeline-content-wrapper {
  padding-bottom: 30vh;
}
}
/* --- Vertical line --- */
.star-timeline .pp-timeline-content-box::before,
.star-timeline .pp-timeline-icon-wrapper .pp-separator-arrow {
  background-color: transparent;
    background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px)) !important;
    width: 50%;
}
.star-timeline  .pp-timeline-icon-wrapper {
	 background-color: transparent;
    background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px)) !important;
    width: 50%;
}
/* --- Replace icon with star SVG --- */
.star-timeline .pp-timeline-icon {
  width: 30px;
  height: 30px;
  background: none!important;
	padding:0!important;
  border: none;
}
.star-timeline .pp-timeline-icon .pp-icon {
  display: block;
  width: 30px;
  height: 30px;
	background-color:transparent;
  background-image: url('https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/star.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	margin-right:0;
}
.star-timeline .pp-separator-arrow{
	background-color: transparent;
    background-image: linear-gradient(180deg, transparent calc(50% - 0.5px), var(--fl-global-gold) calc(50% - 0.5px), var(--fl-global-gold) calc(50% + 0.5px), transparent calc(50% + 0.5px)) !important;
    width: 50%;
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon {
	margin-right:0;
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon-wrapper {
    display: inline-block;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10%;
    -webkit-transform: translateX(calc(-100% + 15px));
    -moz-transform: translateX(calc(-100% + 15px));
    -ms-transform: translateX(calc(-100% + 15px));
    transform: translateX(calc(-100% + 15px));
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item:nth-of-type(2n) .pp-timeline-icon-wrapper {
	-webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item:nth-of-type(2n) .pp-timeline-icon {
	margin-left:0;
	margin-right:auto;
}
.star-timeline  .pp-timeline-content-wrapper{
	width:70vw;
}

.star-timeline .pp-timeline-title{
	font-size: var(--fs-body-md);
	text-transform: uppercase;
}
.star-timeline .pp-timeline-item-2 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-3 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-13 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-8 .pp-timeline-content .pp-timeline-text-wrapper p img{
	max-width: 180px;
    width: calc(50% - 20px);
    margin-right: 0!important;
}
.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p {
	padding:20px;
	padding-left:0;

}
.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper .pp-timeline-text, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper .pp-timeline-text p {
		background-color: var(--fl-global-lighter-gold);
}
.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p img{
	margin-top:-20px;
	margin-left:0;
	margin-right:20px;
	
}
.star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img{
	margin-top:-40px;
	margin-left:20px;
	margin-right:0px;
	
}
.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p + p{
	padding:0!important;
	width:fit-content!important;
	float:left;
}

.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p + p, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p{
	padding-left:20px;
	margin-top:20px;

}
.star-timeline .pp-timeline-content-wrapper:after{
	display:none!important;
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item {
    margin-bottom: 0px;
    position: relative;
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-4 .pp-timeline-text, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-9 .pp-timeline-text{
	margin-top: -20px !important;
    margin-right: -20px;
    padding-right: 20px;

}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-4 .pp-timeline-icon-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-4 .pp-timeline-content, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-9 .pp-timeline-icon-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-9 .pp-timeline-content{
	overflow:visible;
}
.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-8 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-2 .pp-timeline-content .pp-timeline-title-wrapper{
	float: right!important;
}
@media (min-width:769px){
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-2 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-3 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-13 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-8 .pp-timeline-content .pp-timeline-title-wrapper {
	width:50%;
	float: left;
	margin-right:20px;
}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content {
	width:40%;
}

}
@media (max-width:992px){
	.star-timeline  .pp-timeline-content-wrapper{
	width:calc(100vw - 160px);
}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img{
	margin-top:20px;
	margin-left:0;
	margin-right:20px;
		max-width:100px!important
	
}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type{
		margin-bottom:0px!important;
		padding-bottom:0px!important;
	}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-8 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-2 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-3 .pp-timeline-content .pp-timeline-title-wrapper, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-13 .pp-timeline-content .pp-timeline-title-wrapper {
    float: none !important;
        width: 100% !important;
        margin-right: 0;
}
	.star-timeline .pp-timeline-item-2 .pp-timeline-content .pp-timeline-text-wrapper p img{
		float:none!important;
		
	}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-4 .pp-timeline-text{
		padding-right:0;
	}
	 .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img {
        margin-top: 0px;
        margin-left: 0;
        margin-right: 0px;
        max-width: 100px !important;
    }
	.star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type {
        margin-bottom: 0px !important;
        padding-bottom: 20px !important;
    }
}
@media (max-width:768px){
	.star-timeline  .pp-timeline-content-wrapper{
	width:calc(100vw - 120px);
}
		.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon-wrapper {
    left: 3%;
	}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content {
    margin-right: -15px!important;
}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon-wrapper {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon {
    margin-left: 0;
    margin-right: auto;
}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type{
		margin-bottom:60px;
	}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img{
		margin-top:0;
	}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item {
		margin-bottom:20px;
	}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper .pp-timeline-text, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper .pp-timeline-text p {
		margin-top:40px!important;
}
}
@media (max-width:682px){
		.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img{
	margin-top:-40px;
	margin-left:20px;
	margin-right:20px;
		max-width:100px!important;
			margin-bottom:0px;
	
}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type{
	padding:0!important;
	width:auto!important;
	float:none;
		text-align:center;

}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type{
		margin-bottom:0px!important;
		padding-bottom:0px!important;
	}
	.star-timeline .pp-timeline-item-4 .pp-timeline-content .pp-timeline-text-wrapper p + p, .star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p + p{
padding-right:20px;
	margin-top:0px;
	margin-right:0px;
}
	.star-timeline .pp-timeline-content-wrapper .pp-timeline-item-4 .pp-timeline-text, .star-timeline .pp-timeline-content-wrapper .pp-timeline-item-9 .pp-timeline-text{
		margin-right:0;
	}
	.star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p img {
		        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
		margin-bottom:20px;
	}
	.star-timeline .pp-timeline-item-9 .pp-timeline-content .pp-timeline-text-wrapper p:first-of-type{
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px!important;
	}
	 .star-timeline .pp-timeline-item-8 .pp-timeline-content .pp-timeline-text-wrapper p img, .star-timeline .pp-timeline-item-13 .pp-timeline-content .pp-timeline-text-wrapper p img {
    max-width: 300px;
    width: 100%;
    margin-right: 0 !important;
}
}

/*======================================
 * success stories
 * =====================================*/

.success-story .pp-content-grid-post-image {
	width: 150px;
	height: 180px;
}
.success-story .pp-content-grid-post-image img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}



.success-story .pp-content-grid-post-excerpt {
	    font-family: "Main Heading Font", Verdana, Arial, sans-serif;
	font-size: var(--fs-stat-lg);
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	margin: 0 0 1rem;
	font-style: normal;
}

.success-story .pp-content-grid-post-title {
	font-size: var(--fs-nav, 0.875rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 1.25rem;
}

.success-story .pp-content-grid-post-more-link .full-story-btn {
	font-family: "Main Heading Font", Verdana, Arial, sans-serif;

	font-size: var(--fs-eyebrow, 0.781rem);
	letter-spacing: 0.08em;
	font-weight: 600;
	padding: 0.85rem 1.5rem;
}


/* Make each post item a flex row: photo left, content right */
.success-story .pp-content-post.pp-grid-custom {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
}

/* Fixed-size square image, no circle crop */
.success-story .pp-content-grid-post-image {
	flex: 0 0 196px;
    width: 196px;
    height: 240px;
    margin: 20px;

}

.success-story .pp-content-grid-post-image img.pp-post-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0; /* explicitly square corners, overriding any theme default */
	display: block;
}

/* Text column takes the remaining space */
.success-story .pp-content-grid-post-text {
	flex: 1 1 auto;
	min-width: 0;
}

/* Spacing between quote / name / button, independent of font styling */
.success-story .pp-content-grid-post-excerpt {
	margin: 0 0 1rem;
}

.success-story .pp-content-grid-post-title {
	margin: 0 0 1.25rem;
}

.success-story .pp-content-grid-post-more-link {
	margin: 0;
}
.success-story .pp-content-grid-post-text {
	background-image:url("https://www.vcwebprojects.com/natashabray/wp-content/uploads/2026/09/quote-marks.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 8vw;
    padding-top: 4vw;
}
/* Give the carousel a positioning context if it doesn't already have one */
.success-story .pp-content-post-carousel {
	position: relative;
}

/* Pull the nav out of its default edge positions and place it next to the button */
.success-story .pp-carousel-nav {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	top: auto;
	    bottom: 0.7rem; /* tune this so it lines up vertically with the button — see note below */
	left: auto; /* image width + gap + approx. button width — tune this too */
	right: 0;
	transform: none;
}

.success-story .pp-carousel-nav .owl-prev,
.success-story .pp-carousel-nav .owl-next {
	position: static;
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b89f7e;
}
.success-story .pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div.owl-prev, .pp-content-post-carousel .owl-nav button.owl-prev {
    left: calc(100% - 4.5rem);
}
.full-stories {

}

.full-story {
	border-left: 1px solid #cbb99a;
	padding-left: 2rem;
	max-width: 50rem; /* keeps line length readable rather than stretching full page width */
	padding-top:2rem;
	margin-left:20vw;
	margin-top:-10px;
}

.full-story p {
	margin: 0 0 1.5rem;
	line-height: 1.7;
}

.full-story p:last-child {
	margin-bottom: 0;
}

@media (max-width:1024px){
	.success-story .pp-content-post.pp-grid-custom {
    gap: 0rem; 
}
	.success-story .pp-content-grid-post-image {
    flex: 0 0 150px;
    width: 150px;
    margin: 20px;
		margin-left:0;
		margin-right:40px;
    padding-top: 4vw;
}
	.full-story {
	margin-left:auto;
		margin-right:auto;
	margin-top:-10px;
}
	.success-story .pp-carousel-nav{
		right:20px;
	}
}
@media (max-width: 682px) {
	/* Stack image above text instead of side-by-side */
	.success-story .pp-content-post.pp-grid-custom {
		flex-direction: column;
	}

	.success-story .pp-content-grid-post-image {
		flex: none;
		width: 100%;
		max-width: 200px;
		margin-bottom: 1.5rem;
		margin-left:auto;
		margin-right:auto;
	}

	/* Take the nav out of absolute positioning — let it sit in normal flow below the button */
	.success-story .pp-carousel-nav {
		position: static;
		transform: none;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		justify-content: flex-start;
		margin-top: 1.5rem;
	}
	.success-story .pp-content-grid-post-text {
    background-size: 16vw;
    padding-top: 7vw;
}
	.full-story {
	margin-top:0;
	}
.success-story .pp-carousel-nav {
		align-items: center;
		gap: 20px;
		position: absolute;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	top: 200px;
	    bottom: auto; /* tune this so it lines up vertically with the button — see note below */
	left: calc(90px + 1.5rem + 14rem); /* image width + gap + approx. button width — tune this too */
	right: 20px;
	}
.success-story .pp-content-grid-post-more-link {
    margin: 0;
  
}
	.full-story-btn{
		width:100%!important;
		text-align: center;
	}
	.full-story-btn:focus {
		outline-style:none!important;
	}
	.success-story .pp-content-grid-post-image {
    padding-top: 20px;
}
}
/*======================================
 * * 8.0 - Accessibility Styles
--------------------------------------------------------------------------*/

/* Reduce Motion 
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-delay: 0.01ms !important;
            animation-delay: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    -webkit-transition-delay: 0.01ms !important;
            transition-delay: 0.01ms !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
  }
}*/