.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6757c2f:#DDE4E4;--e-global-color-f6fabf2:#263744;--e-global-color-242a396:#DDE4E4;--e-global-color-b2e023d:#1D4B56;--e-global-color-f5dbbf4:#8CA5AA;--e-global-color-1c55759:#AC6F52;--e-global-color-a5a55b3:#BB9F89;--e-global-color-57161d7:#B9B9A0;--e-global-color-71f092e:#FFFFFF;--e-global-color-3fb8ce3:#444444;--e-global-typography-primary-font-family:"Satoshi";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1;--e-global-typography-secondary-font-family:"Satoshi";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.1;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5;--e-global-typography-accent-font-family:"Satoshi";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.1;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1050px;}.e-con{--container-max-width:1050px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1366px){.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:1.75rem;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */footer {
    background: #263744;
}

/* Paint the very top behind the notch/Dynamic Island the same as your header */
html, body { background: #263744; } /* use header color */

/* Respect the notch on iOS so header contents aren’t hidden */
:root { --safe-top: env(safe-area-inset-top, 0px); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #263744; /* header color */
  padding-top: var(--safe-top);
  will-change: transform;
  backface-visibility: hidden;
}

/* Replace 100vh traps that cause iOS URL-bar reflow. 
   Add this class to any full-height hero/section in Elementor. */
.full-viewport-section { min-height: 100svh; }

/* Safety: sticky breaks if an ancestor has transform/filter/overflow tricks */
.header-wrapper, .site-header { transform: none !important; filter: none !important; }

/* BLOG PAGE CTA styling */
.blog-cta {
    display: flex;
    flex-direction: column;
    margin: 2.5rem 0;
    background: #1D4B56;
    color: #DDE4E4;
    font-family: "Satoshi";
    overflow: hidden;
}

@media (min-width: 768px) {
    .blog-cta--has-image {
        flex-direction: row;
        min-height: 320px;
    }

    .blog-cta__image {
        flex: 0 0 33.333%;
    }
}

.blog-cta__image img {
    width: 100%;
    height: 100%;
    max-height: 400px;
    display: block;
    object-fit: cover;
}

.blog-cta__content {
    flex: 1;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-cta__headline {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: #DDE4E4;
}

.blog-cta__text {
    margin: 0 0 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #DDE4E4;
}

.blog-cta__button {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    background: transparent;
    color: #DDE4E4;
    text-decoration: none;
    border: 1px solid #DDE4E4;
    font-family: "Satoshi";
    font-weight: 700;
    font-size: 1rem;
    transition: background 0.2s, color 0.2s;
    align-self: flex-start;
}

.blog-cta__button:hover {
    background: #DDE4E4;
    color: #1D4B56;
}
/* BLOG PAGE SECONDARY CTA styling */

.blog-cta-mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.25rem;
    margin: 2.5rem 0;
    padding: 2rem 0;
}

.blog-cta-mid__headline {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 500;
    color: #1D4B56;
    line-height: 1.2;
}

.blog-cta-mid__button {
    display: inline-block;
    height: auto !important;
    padding: 12px 32px;
    background: transparent;
    color: #8CA5AA;
    text-decoration: none;
    border: 1px solid #8CA5AA;
    font-family: "Satoshi";
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    box-sizing: border-box;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.blog-cta-mid__button:hover {
    background: #263744 !important;
    border-color: #263744 !important;
    color: #ffffff !important;
}

.blog-cta-mid__button br {
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Regular.woff2') format('woff2'),
		url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Medium.woff2') format('woff2'),
		url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Light.woff2') format('woff2'),
		url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Light.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Bold.woff2') format('woff2'),
		url('https://elevenhydrotherapy.com/wp-content/uploads/Satoshi-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */