/* GeneratePress Site CSS */ /* navigation letter spacing */
.main-navigation a, .slideout-navigation.main-navigation .main-nav ul li a {
  letter-spacing: 1px;
}

/* navigation line effects */
@media (min-width: 1024px) {
	.main-navigation .main-nav > ul > li > a:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 0;
    background-color: var(--accent-2);
    left: 50%;
    top: -50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	}

	.main-navigation .main-nav > ul > li:hover > a:before {
    height: 50px;
	}

.main-navigation .main-nav > ul > li.current-menu-item > a:before {
    height: 50px;
    width: 1px;
	}
}

/* line above H1 on global header elements */

.headline-rule h1 {
    position: relative;
}
.headline-rule h1:before {
    content: '';
    position: absolute;
    display: block;
    height: 60px;
    border-left: 1px solid var(--contrast);
    left: 50%;
    transform: translateX(-50%);
    top: -66px;
}

/* mobile header spacing */

.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* image block styling */

figure.wp-block-image.image-style img {
  border-radius: 80px 4px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

/* Make the whole content area the same beige as the sections */
body,
#page,
.site,
.site-content {
    background-color: #f3f2f0; /* adjust if your beige is slightly different */
}

/* Stop child margins from "escaping" the article and creating white bands */
.inside-article {
    overflow: auto;
}

/* Force the "What to Expect" column to be left-aligned on all browsers */
.services-layout {
    text-align: left !important;
}

/* Mobile layout for "How We Work Together" section */
@media (max-width: 768px) {

  /* Make the whole grid section full width and centered */
  .how-work-grid{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    grid-template-columns: 1fr !important; /* 1 column on mobile */
  }

  /* Make sure BOTH grid children expand */
  .how-work-grid > *{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  /* Center the image */
  .how-work-grid .wp-block-image,
  .how-work-grid figure{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .how-work-grid img{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Text column full width + centered */
  .how-work-inner{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .how-work-inner h1,
  .how-work-inner h2,
  .how-work-inner h3,
  .how-work-inner p{
    text-align: center !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

/* Full-bleed background WITHOUT horizontal scroll */
.full-bleed-pink {
  background: #ffecf2 !important;
  box-shadow: 0 0 0 100vmax #ffecf2 !important;
  clip-path: inset(0 -100vmax);
  position: relative;
  padding: 60px 0 !important;
}


/* keeps your text/content a nice readable width */
.contained-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* nicer spacing on mobile */
@media (max-width: 768px) {
  .contained-content {
    padding: 0 16px;
  }
}

/* =========================================================
   FAQ page (ID 7100) - full pink background everywhere
   ========================================================= */

body.page-id-7100{
  background:#ffecf2 !important;
  overflow-x:hidden;
}

/* Remove any white container backgrounds */
body.page-id-7100 .site,
body.page-id-7100 #page,
body.page-id-7100 .site-content,
body.page-id-7100 .content-area,
body.page-id-7100 .inside-article{
  background:transparent !important;
}

/* Fix the white/grey header strip behind “FAQ” */
body.page-id-7100 .entry-header,
body.page-id-7100 .page-header,
body.page-id-7100 header.page-header{
  background:#ffecf2 !important;
}

/* Ensure the content area stays pink as well */
body.page-id-7100 .entry-content{
  background:transparent !important;
}

/* FAQ page 7100: FORCE the page hero/header strip to be pink */
body.page-id-7100 .generate-page-header,
body.page-id-7100 .gp-page-header,
body.page-id-7100 .page-hero,
body.page-id-7100 .inside-page-hero,
body.page-id-7100 .inside-page-header {
  background: #ffecf2 !important;
}

/* FAQ page 7100: catch full-width block sections that have their own background */
body.page-id-7100 .wp-block-group,
body.page-id-7100 .wp-block-cover,
body.page-id-7100 .wp-block-group.alignfull,
body.page-id-7100 .wp-block-cover.alignfull,
body.page-id-7100 .gb-container {
  background-color: #ffecf2 !important;
}







 /* End GeneratePress Site CSS */ /* End GeneratePress Site CSS */