:root{
    --primary:#0B5D3B;
    --accent:#B7D64A;
    --cream:#FFF9ED;
    --text:#18342A;
}

body{
    background:var(--cream);
}

.hero-badge{
    display:inline-block;
    background:var(--accent);
    color:#17351f;
    padding:10px 18px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.hero-dog-photo,
.hero-dog-photo .fl-photo-content {
    border-radius: 40px !important;
    overflow: hidden;
}

.hero-dog-photo img,
.hero-dog-photo .fl-photo-content img {
    border-radius: 40px !important;
    display: block;
}

.hero-dog-photo {
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.hero-button .fl-button {
    width: 250px;
    text-align: center;
}

.story-photo-column {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 20px #D9D9D9;
}

.location-map {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 6px 18px #D9D9D9;
}

.final-cta {
    border-radius: 24px;
    overflow: hidden;
}

.main-site-header {
    border-bottom: 1px solid #E5E5E5;
}

/* Mobile final CTA button group only */
@media (max-width: 767px) {

  .*ta-button-group .fl-button-group-b*ttons {
    display: flex !importa*t;
    flex-direction: column !imp*rtant;
    gap: 10px !important;
 *  width: 100% !important;
  }

  .*ta-button-group .fl-button-group-b*tton,
  .cta-button-group .fl-butt*n-wrap,
  .cta-button-group a.fl-b*tton {
    box-sizing: border-box *important;
    width: 100% !import*nt;
    max-width: none !important*
    margin: 0 !important;
  }

  *cta-button-group a.fl-button {
   *white-space: nowrap !important;
  * text-align: center !important;
  *
}
	
/* Make the hero edge-to-edge on mobile */
@media screen and (max-width: 767px) {

    .home-hero .fl-row-content-wrap,
    .home-hero .fl-row-content,
    .home-hero .fl-col-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home-hero .fl-col-group-custom-width {
        display: block !important;
    }

    .home-hero .fl-col {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
	
@media screen and (max-width: 767px) {

    .home-hero,
    .home-hero .fl-row-content-wrap,
    .home-hero .fl-row-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .home-hero .fl-col-group-custom-width {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .home-hero .fl-col:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
	
.full-groom-intro {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

	.mason-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    height: 100%;
    transition: all .3s ease;
}

.mason-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
	
.mason-locations-row {
    max-width: 1100px;
    margin: 0 auto;
}
	
.city-section {
    padding-top: 64px;
    padding-bottom: 64px;
}
@media (max-width: 768px) {
    .city-section {
        padding-top: 44px;
        padding-bottom: 44px;
    }
}
	
.coat-types-row .fl-col-content {
    position: relative;
}

.coat-types-row .fl-col:not(:last-child) > .fl-col-content::after {
    content: "";
    position: absolute;
    top: 18%;
    right: 0;
    width: 1px;
    height: 64%;
    background-color: rgba(11, 93, 59, 0.22);
}
	
.approach-row .fl-col-group {
    display: flex;
    align-items: center;
    gap: 32px;
}
	
.services-menu-label > a,
.services-menu-label > .fl-submenu-icon-wrap {
    color: #0b5d3b !important;
    opacity: 1 !important;
}

footer .services-menu-label > a,
footer .services-menu-label > .fl-submenu-icon-wrap {
    color: #ffffff !important;
}
	
.directions-button .fl-button-wrap {
    text-align: center;
}

.directions-button .fl-button {
    display: inline-block !important;
    width: auto !important;
    min-width: 190px;
}

.single-post .entry-content a:hover,
.single-post .entry-content a:focus {
    color: inherit !important;
}