.btNewsletter .wpcf7-spinner {
	position: absolute;
}

span.wpcf7-list-item { display: block; }

.grecaptcha-badge{
 visibility: collapse !important;  
}

#jp-relatedposts {
    display: none !important;
}
/* Apply the dimming effect on the background video */
#home-header-section {
    position: relative; /* Ensure the section is positioned properly */
}

/* Dimming effect for the background video */
#home-header-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2; /* Ensures the dimming effect is below the content */
    pointer-events: none; /* Ensures the overlay doesn't block interactions */
}

/* Ensure the video is positioned properly and spans the full section */
#home-header-section video {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the container */
    z-index: 0; /* Ensure video is below the dimming overlay */
}

@media only screen and (max-width: 768px) {
	#home-header-section video {
		visibility: visible;
		display: block !important;
		z-index: 2;
	}
}

/* Text (headlines, buttons) for both desktop and mobile, above the dimming effect */
#home-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
    position: relative;
    z-index: 2; /* Ensures content is above the overlay */
    color: white; /* Keep text color white */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center;
    height: 100%;
}

/* Desktop Section Background and Dimming Effect for #about-katie-header */
#about-katie-header {
    position: relative;
    height: 60vh; /* Height for desktop */
    z-index: 1;
    margin-top: calc(300px + 2rem); /* Adjust this based on the height of your sticky header */
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center calc(37% + 50px); /* Fix the background position relative to the section's top */
    background-size: cover; /* Ensure the image covers the container */
}

/* Dimming effect for the desktop version */
#about-katie-header::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 1; /* Ensure it is below content */
    top: 0; /* Ensures it starts at the top of the section */
    left: 0; /* Ensures it covers the full width */
    pointer-events: none; /* Makes the overlay non-interactive */
    opacity: 1;
    transition: opacity 0.3s ease; /* Add a smooth transition for visibility */
}

/* Mobile Section Background and Dimming Effect for #about-katie-header-mobile */
#about-katie-header-mobile {
    position: relative;
    z-index: 1;
    margin-top: calc(300px + 1rem); /* Adjust for mobile header */
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* Allow height to adjust based on content */
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#about-katie-header-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease; /* Add a smooth transition for visibility */
}

/* Text (headlines, buttons) for both desktop and mobile */
#about-katie-header .bt_bb_port .bt_bb_cell .bt_bb_cell_inner,
#about-katie-header-mobile .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
    position: relative;
    z-index: 3; /* Ensure content is above the overlay */
    color: white; /* Keep text color white */
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits the container */
}

/* Optional: Adjust the button styling to keep it visible on mobile */
#about-katie-header .cta-button,
#about-katie-header-mobile .cta-button {
    z-index: 4;
    position: relative;
}

/* For mobile: Reduce the opacity of the dimming effect for readability */
@media only screen and (max-width: 768px) {
    #about-katie-header-mobile::before {
        background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    }
}







/* Desktop Section Background and Dimming Effect */
#inquire-teaser-section.inquire-teaser-bg {
    position: relative;
    height: 60vh; /* Height for desktop */
    overflow: hidden; /* Ensures no overflow of content */
    background-attachment: fixed; /* Parallax effect */
    background-position: center bottom; /* Keep bottom part of image visible */
    background-size: cover; /* Ensure image covers the section properly */
    z-index: 1;

    display: flex; /* Enable flexbox */
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
}

/* Dimming effect for the desktop version */
#inquire-teaser-section.inquire-teaser-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interactions */
}

/* Mobile Section Background and Dimming Effect */
#inquire-teaser-section-mobile.inquire-teaser-bg-mobile {
    position: relative;
    height: auto; /* Allow height to adjust based on content */
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#inquire-teaser-section-mobile.inquire-teaser-bg-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interaction */
}

/* Text (headlines, buttons) for both desktop and mobile */
#inquire-teaser-section .inquire-teaser-row .inquire-teaser-column,
#inquire-teaser-section-mobile .inquire-teaser-row-mobile .inquire-teaser-column-mobile {
    position: relative;
    z-index: 3; /* Ensure content is above the overlay */
    color: white; /* Keep text color white */

    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits the container */
}

/* Optional: Adjust the button styling to keep it visible on mobile */
#inquire-teaser-section .cta-button,
#inquire-teaser-section-mobile .cta-button {
    z-index: 4; /* Ensure button is on top */
    position: relative;
}

/* For mobile: Reduce the opacity of the dimming effect for readability */
@media only screen and (max-width: 768px) {
    #inquire-teaser-section-mobile.inquire-teaser-bg-mobile::before {
        background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    }
}

    #inquire-teaser-section .bt_bb_background_image_holder::before {
        background-color: rgba(0, 0, 0, 0.4); /* Slightly lighter dimming for tablets */
    }

    #inquire-teaser-section .inquire-teaser-row .inquire-teaser-column {
        padding-bottom: 30px; /* More padding for tablet landscape */
    }
}

    #inquire-teaser-section .inquire-teaser-row .inquire-teaser-column {
        padding-bottom: 20px; /* Adjust padding for laptop */
    }
}


/* Desktop Section Background and Dimming Effect for #inquire-header-section */
#inquire-header-section {
    height: 60vh; /* Height for desktop */
    overflow: hidden; /* Ensures no overflow of content */
    background-attachment: fixed; /* Parallax effect */
    background-position: center center; /* Keep background centered */
    background-size: cover; /* Ensure image covers the section properly */
    z-index: 10; /* Increase z-index to bring it above other elements */
    padding-top: 80px; /* Add padding to push content below the sticky header */

    display: flex; /* Enable flexbox */
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
}

/* Dimming effect for the desktop version */
#inquire-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interactions */
}

/* Mobile Section Background and Dimming Effect for #inquire-header-section-mobile */
#inquire-header-section-mobile {
    position: relative;
    height: auto; /* Allow height to adjust based on content */
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#inquire-header-section-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interaction */
}

/* Text (headlines, buttons) for both desktop and mobile */
#inquire-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner,
#inquire-header-section-mobile .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
    position: relative;
    z-index: 3; /* Ensure content is above the overlay */
    color: white; /* Keep text color white */
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits the container */
}

/* Optional: Adjust the button styling to keep it visible on mobile */
#inquire-header-section .cta-button,
#inquire-header-section-mobile .cta-button {
    z-index: 4; /* Ensure button is on top */
    position: relative;
}

/* For mobile: Reduce the opacity of the dimming effect for readability */
@media only screen and (max-width: 768px) {
    #inquire-header-section-mobile::before {
        background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    }
}

/* For tablet and laptop landscape sizes (769px to 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #inquire-header-section {
        height: 60vh; /* Maintain height for tablet landscape */
        background-attachment: fixed; /* Parallax effect */
        background-position: center top; /* Adjust the background position for tablet landscape */
        background-size: cover; /* Ensure background image fits properly */
    }
}

/* For laptop (1025px and up) */
@media only screen and (min-width: 1025px) {
    #inquire-header-section {
        height: 60vh; /* Maintain height for laptops */
        background-attachment: fixed; /* Parallax effect */
        background-position: center center; /* Focus on the bottom of the image for laptops */
        background-size: cover; /* Prevent image from zooming */
    }

    #inquire-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
        padding-bottom: 20px; /* Adjust padding for laptop */
    }
}


/* Set the height and positioning for the desktop version */
#not-sure-section {
    height: 60vh; /* Height for desktop */
    position: relative;
    overflow: hidden; /* Ensures no overflow of content or background */
}

/* Create a dimming effect using a pseudo-element */
#not-sure-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity for dimming */
    z-index: 1; /* Overlay behind content */
    pointer-events: none; /* Makes the overlay non-interactive */
}

/* Ensure all content is above the dimming layer */
#not-sure-section .bt_bb_port,
#not-sure-section .bt_bb_cell,
#not-sure-section .bt_bb_cell_inner {
    position: relative;
    z-index: 2; /* Ensures content stays above the overlay */
}

/* Align content to the bottom and center */
#not-sure-section .bt_bb_cell_inner {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center content */
    align-items: center; /* Horizontally center content */
    height: 100%;
}

/* Set all text color to white */
#not-sure-section,
#not-sure-section .bt_bb_headline_tag,
#not-sure-section .bt_bb_headline_superheadline,
#not-sure-section .bt_bb_headline_content {
    color: #ffffff !important; /* Text color is white */
}

/* Center the content horizontally and adjust vertical alignment */
#not-sure-section .bt_bb_column_content_inner {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center content vertically */
    align-items: center;
    width: 100%;
    text-align: center;
    height: 100%; /* Ensures full height */
}

/* Mobile Section Adjustments */
#not-sure-section-mobile {
    position: relative;
    height: auto; /* Adjust height based on content */
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#not-sure-section-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    z-index: 2;
    pointer-events: none; /* Ensures overlay doesn't block interaction */
}

/* Content (headlines, buttons) for mobile */
#not-sure-section-mobile .not-sure-row-mobile .not-sure-column-mobile {
    position: relative;
    z-index: 3; /* Content above overlay */
    color: white; /* Keep text color white */

    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center content */
    align-items: center; /* Horizontally center content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits within the container */
}

/* Optional: Button styling for mobile */
#not-sure-section-mobile .cta-button {
    z-index: 4; /* Ensure button is visible */
    position: relative;
}

/* For mobile: Adjust the dimming effect */
@media only screen and (max-width: 768px) {
    #not-sure-section-mobile::before {
        background: rgba(0, 0, 0, 0.2); /* Lighter dimming for mobile */
    }
}

/* Default settings for the separators (adjusting top and bottom spacing for desktop) */

/* Desktop - Adjust the top and bottom spacing of separators */
@media (min-width: 1025px) {
    /* Adjust the top spacing for Separator 1 (above content) */
    #not-sure-section .bt_bb_cell_inner {
        padding-top: 3rem; /* Add spacing above the content */
    }

    /* Adjust the bottom spacing for Separator 3 (below content) */
    #not-sure-section .bt_bb_cell_inner {
        padding-bottom: 3rem; /* Adjust bottom spacing to keep content centered */
    }
}

/* Tablet and Laptop: Keep existing separator spacing (no changes for these versions) */
@media (max-width: 1024px) {
    #not-sure-section .bt_bb_cell_inner {
        padding-top: 2rem; /* You can keep or tweak these values depending on your layout */
        padding-bottom: 2rem;
    }
}

/* Desktop Section Background and Dimming Effect for #services-header-section */
#services-header-section {
    height: 60vh; /* Height for desktop */
    overflow: hidden; /* Ensures no overflow of content */
    background-attachment: fixed; /* Parallax effect */
    background-position: center center; /* Center the background image */
    background-size: cover; /* Ensure image covers the section properly */
    z-index: 1;

    display: flex; /* Enable flexbox */
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
}

/* Dimming effect for the desktop version */
#services-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interactions */
}

/* Mobile Section Background and Dimming Effect for #services-header-section-mobile */
#services-header-section-mobile {
    position: relative;
    height: auto; /* Allow height to adjust based on content */
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#services-header-section-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interaction */
}

/* Text (headlines, buttons) for both desktop and mobile */
#services-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner,
#services-header-section-mobile .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
    position: relative;
    z-index: 3; /* Ensure content is above the overlay */
    color: white; /* Keep text color white */
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits the container */
}

/* Optional: Adjust the button styling to keep it visible on mobile */
#services-header-section .cta-button,
#services-header-section-mobile .cta-button {
    z-index: 4; /* Ensure button is on top */
    position: relative;
}

/* For mobile: Reduce the opacity of the dimming effect for readability */
@media only screen and (max-width: 768px) {
    #services-header-section-mobile::before {
        background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    }
}


/* For tablet and laptop landscape sizes (769px to 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #services-header-section {
        height: 60vh; /* Maintain height for tablet landscape */
        background-attachment: fixed; /* Parallax effect */
        background-position: center top; /* Adjust the background position for tablet landscape */
        background-size: cover; /* Ensure background image fits properly */
    }
}

/* For laptop (1025px and up) */
@media only screen and (min-width: 1025px) {
    #services-header-section {
        height: 60vh; /* Maintain height for laptops */
        background-attachment: fixed; /* Parallax effect */
        background-position: center bottom; /* Focus on the bottom of the image for laptops */
        background-size: cover; /* Prevent image from zooming */
    }

    #services-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
        padding-bottom: 20px; /* Adjust padding for laptop */
    }
}


img[data-attachment-id="3656"] {
    width: 213px;
    height: 320px;
}

/* Desktop Section Background and Dimming Effect for #gallery-header-section */
#gallery-header-section {
    height: 60vh; /* Height for desktop */
    overflow: hidden; /* Ensures no overflow of content */

    z-index: 1;

    display: flex; /* Enable flexbox */
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
}

/* Dimming effect for the desktop version */
#gallery-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interactions */
}

/* Mobile Section Background and Dimming Effect for #gallery-header-section-mobile */
#gallery-header-section-mobile {
    position: relative;
    height: auto; /* Allow height to adjust based on content */
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll; /* Disable parallax on mobile */
    background-position: center center; /* Center image on mobile */
    background-size: cover;
}

/* Dimming effect for the mobile version */
#gallery-header-section-mobile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity for the background dimming */
    z-index: 2;
    pointer-events: none; /* Ensure overlay doesn't block interaction */
}

/* Text (headlines, buttons) for both desktop and mobile */
#gallery-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner,
#gallery-header-section-mobile .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
    position: relative;
    z-index: 3; /* Ensure content is above the overlay */
    color: white; /* Keep text color white */
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center the content */
    align-items: center; /* Horizontally center the content */
    text-align: center; /* Ensure text is centered */
    height: 100%; /* Ensure content fits the container */
}

/* Optional: Adjust the button styling to keep it visible on mobile */
#gallery-header-section .cta-button,
#gallery-header-section-mobile .cta-button {
    z-index: 4; /* Ensure button is on top */
    position: relative;
}

/* For mobile: Reduce the opacity of the dimming effect for readability */
@media only screen and (max-width: 768px) {
    #gallery-header-section-mobile::before {
        background: rgba(0, 0, 0, 0.3); /* Lighter dimming for better text visibility on mobile */
    }
}

/* For tablet and laptop landscape sizes (769px to 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #gallery-header-section {
        height: 60vh; /* Maintain height for tablet landscape */
        background-attachment: fixed; /* Parallax effect */
        background-position: center top; /* Adjust the background position for tablet landscape */
        background-size: cover; /* Ensure background image fits properly */
    }
}

/* For laptop (1025px and up) */
@media only screen and (min-width: 1025px) {
    #gallery-header-section {
        height: 60vh; /* Maintain height for laptops */
        background-attachment: fixed; /* Parallax effect */
        background-position: center center; /* Focus on the bottom of the image for laptops */
        background-size: cover; /* Prevent image from zooming */
    }

    #gallery-header-section .bt_bb_port .bt_bb_cell .bt_bb_cell_inner {
        padding-bottom: 20px; /* Adjust padding for laptop */
    }
}



#about-xo-floating-img-1, .about-xo-floating-img-1 {
	max-width: 45%; /* Adjust the percentage as needed */
    max-height: 65%; /* Maintains the aspect ratio */
    display: block; /* Ensures the image scales correctly */
    margin: 0 auto; /* Centers the image within the container */
}

/* Custom padding for the first row */
.custom-gallery-row-1 {
    padding-bottom: 10px;
}

/* Custom padding for the second row */
.custom-gallery-row-2 {
    padding-bottom: 10px;
}

/* Custom padding for the third row */
.custom-gallery-row-3 {
    padding-bottom: 10px;
}

#MAFloating, .about-xo-floating-img-1 {
	max-width: 45%; /* Adjust the percentage as needed */
    max-height: 65%; /* Maintains the aspect ratio */
    display: block; /* Ensures the image scales correctly */
    margin: 0 auto; /* Centers the image within the container */
}