.wp-block-columns {
    display: flex;
    justify-content: space-between;
}

.wp-block-column {
    flex: 1;
    padding: 20px;
    min-width: 250px;
    text-align: left;
}

/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column;
        text-align: center;
    }
}
/* Force hero section to be full width */
.hero-section, 
.wp-block-cover, 
.wp-block-cover__inner-container {
    width: 100vw !important; /* Full screen width */
    max-width: 100vw !important;
    height: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 auto;
}

/* Ensure full-height hero image if needed */
.hero-section {
    min-height: 100vh; /* Adjust height for a fullscreen effect */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Keep text inside the hero section properly spaced */
.hero-section h1, 
.hero-section p, 
.hero-section .wp-block-button {
    max-width: 1200px; /* Keeps text from touching edges */
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    text-align: center;
}

/* Ensure no horizontal scrollbars */
html, body {
    overflow-x: hidden !important;
}
/* ✅ APPLY FULL-WIDTH HEADER IMAGE (300px HEIGHT) */
.site-header {
    background-image: url('https://whitsundaylawnrenovations.com.au/wp-content/uploads/2025/03/Lachie-the-Dockie-2-Recovered-d.jpg'); /* 🔄 Replace with your image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw !important;
    max-width: 100% !important;
    height: 300px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: transparent !important; /* Keeps Exford's default background */
    border: none !important;
    box-shadow: none !important;
}
/* 🛑 REMOVE UNWANTED SPACE BELOW HEADER */
.site-header + * {
    margin-top: -1px !important; /* Pulls hero section up */
    padding-top: 0 !important;
    border-top: none !important;
    background: transparent !important;
}

/* 🚀 ENSURE HERO IMAGE STARTS IMMEDIATELY BELOW HEADER */
.hero-section, 
.hero-cover, 
.main-content, 
.page, 
.site-content, 
.wp-block-group, 
.content-wrapper, 
#content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ✅ KEEP MENU POSITION UNCHANGED */
.site-navigation, 
.main-navigation, 
.menu-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* 🚀 FORCE HERO SECTION TO TOUCH HEADER */
.site-header + * {
    margin-top: -5px !important; /* Pushes the hero section up */
    padding-top: 0 !important;
    border-top: none !important;
    background: transparent !important;
}

/* 🔥 ELIMINATE ANY WRAPPERS CAUSING A GAP */
.wrapper, 
.inner-wrapper, 
#primary, 
.site-header-container, 
.site-branding, 
.wp-block-group {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ❌ REMOVE ANY HIDDEN SEPARATORS OR EXTRA SPACING */
hr, 
.wp-block-separator, 
.site-header hr, 
.site-content hr {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}
/* 🚀 INCREASE HERO IMAGE HEIGHT TO REMOVE GAP */
.hero-section, 
.hero-cover, 
.main-content, 
.page, 
.site-content, 
.wp-block-group, 
.content-wrapper, 
#content {
    margin-top: -10px !important; /* Pulls hero image upwards */
    padding-top: 0 !important;
    border: none !important;
    height: auto !important;
    background-size: cover !important; /* Ensures hero image expands */
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* ✅ Make Main Heading (H1) White */
.site-header h1, 
.site-header .site-title {
    color: #FFFFFF !important; /* White */
    font-weight: bold;
    text-transform: uppercase;
}

/* ✅ Subheading / Tagline - Light Gray for Softer Contrast */
.site-header .site-description {
    color: #E0E0E0 !important; /* Light Gray */
    font-style: italic;
}

/* ✅ Navigation Links - White for Readability */
.site-navigation a, 
.main-navigation a, 
.menu-primary a {
    color: #FFFFFF !important; /* White */
    font-weight: bold;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
}

/* ✅ Navigation Hover Effect - Turns Bright Yellow */
.site-navigation a:hover, 
.main-navigation a:hover, 
.menu-primary a:hover {
    color: #FFD700 !important; /* Bright Yellow */
}

/* ✅ Button Styling - Dark Green with White Text */
.button, 
.site-header .btn, 
.wp-block-button__link {
    background-color: #1B5E20 !important; /* Dark Green */
    color: #FFFFFF !important; /* White Text */
    padding: 12px 24px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* ✅ Button Hover Effect - Turns Bright Yellow */
.button:hover, 
.site-header .btn:hover, 
.wp-block-button__link:hover {
    background-color: #FFD700 !important; /* Bright Yellow */
    color: #1B5E20 !important; /* Dark Green Text */
    transform: scale(1.05); /* Slight increase for a hover effect */
}

/* ✅ Social Media Icons - White with Yellow Hover */
.site-header .social-icons a {
    color: #FFFFFF !important; /* White */
    font-size: 24px;
    margin: 0 10px;
    transition: color 0.3s ease-in-out;
}

/* ✅ Social Media Hover - Turns Yellow */
.site-header .social-icons a:hover {
    color: #FFD700 !important; /* Bright Yellow */
}
/* ✅ Make Subheading Stand Out */
.site-header .site-description {
    color: #FFD700 !important; /* Bright Yellow for High Contrast */
    font-weight: bold;
    font-size: 22px; /* Make it bigger */
    text-transform: uppercase; /* Optional: Capitalize text */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Adds a soft shadow for readability */
    letter-spacing: 1px; /* Improves spacing for clarity */
}
/* ✅ ADD LEFT PADDING TO TEXT WITHOUT SHIFTING PAGE */
.text-section, 
.wp-block-group, 
.wp-block-column {
    padding-left: 50px !important; /* Moves text inward */
    padding-right: 50px !important; /* Keeps balance */
    max-width: 85% !important; /* Ensures text stays centered */
    margin: 0 auto !important; /* Keeps alignment consistent */
}

/* ✅ IMPROVE TEXT READABILITY */
.text-section p, 
.text-section h2, 
.text-section h3, 
.text-section h4 {
    max-width: 900px !important; /* Prevents text from stretching too wide */
    line-height: 1.6 !important; /* Better readability */
    text-align: left !important; /* Ensures proper alignment */
}
/* ✅ EVENLY SPACE 3 FOOTER COLUMNS */
.site-footer .footer-widgets, 
.site-footer .footer-columns, 
.site-footer .wp-block-columns {
    display: flex !important;
    justify-content: space-between !important; /* Evenly distribute columns */
    align-items: flex-start !important;
    gap: 100px !important; /* Adjust for more spacing if needed */
    flex-wrap: nowrap !important; /* Prevents wrapping to new lines */
    max-width: 1400px !important; /* Keeps layout balanced */
    margin: 0 auto !important; /* Centers the footer */
}

/* ✅ ENSURE EACH COLUMN TAKES EQUAL SPACE */
.site-footer .footer-widgets > div, 
.site-footer .footer-columns > div, 
.site-footer .wp-block-column {
    flex: 1 !important; /* Ensures equal column width */
    min-width: 300px !important; /* Prevents them from getting too small */
    max-width: 400px !important; /* Prevents them from stretching too wide */
    text-align: left !important;
}
/* ✅ SHIFT FOOTER CONTENT MORE TO THE LEFT */
.site-footer .footer-widgets, 
.site-footer .footer-columns, 
.site-footer .wp-block-columns {
    max-width: 1200px !important; /* Keeps it within a defined width */
    margin-left: -150px !important; /* Moves everything further left */
    margin-right: auto !important; /* Prevents shifting right */
    padding-left: 0 !important; /* Removes extra left padding */
}
/* ✅ MAKE SEARCH INPUT BOX MUCH LONGER */
.site-footer input[type="search"], 
.site-footer input[type="text"] {
    width: 700px !important;  /* Increase width significantly */
    height: 50px !important;  /* Keep height normal */
    font-size: 20px !important; /* Make text larger */
    padding: 12px !important;  /* More spacing inside */
    border-radius: 8px !important; /* Rounded corners */
    border: 2px solid #fff !important; /* Optional: Add a visible border */
}

/* ✅ KEEP SEARCH BUTTON PROPORTIONATE */
.site-footer input[type="submit"], 
.site-footer button {
    width: 150px !important;  /* Keep button proportionate */
    height: 50px !important;  /* Match input box height */
    font-size: 20px !important;  /* Increase text size */
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 8px !important; /* Keep corners smooth */
}

/* ✅ KEEP SEARCH BOX & BUTTON INLINE */
.site-footer .widget_search, 
.site-footer .footer-search {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* Center the search bar */
    gap: 15px !important; /* Adds spacing between search box and button */
    flex-wrap: nowrap !important; /* Prevents stacking */
}

/* ✅ CENTER SEARCH BLOCK UNDER SOCIAL ICONS */
.site-footer .footer-search {
    margin: 0 auto !important; /* Centers the search box */
    display: flex !important;
    justify-content: center !important;
    max-width: 900px !important; /* Keeps it from stretching too far */
}
/* ✅ MOVE ALL FOOTER COLUMNS LEFT BUT KEEP THEM VISIBLE */
.site-footer .footer-widgets, 
.site-footer .footer-columns, 
.site-footer .wp-block-columns {
    position: relative !important;
    left: -80px !important;  /* Move everything slightly left */
    max-width: 1200px !important; /* Prevent excessive stretching */
    display: flex !important;
    justify-content: space-between !important; /* Keeps spacing even */
}

/* ✅ ENSURE FOOTER COLUMNS STAY BALANCED */
.site-footer .footer-widgets > div, 
.site-footer .footer-columns > div, 
.site-footer .wp-block-column {
    flex: 1 !important; /* Ensures equal space */
    min-width: 250px !important; /* Prevents shrinking */
    max-width: 400px !important; /* Keeps readable width */
    text-align: left !important; /* Keeps alignment correct */
}

/* ✅ MOVE SEARCH BLOCK LEFT SLIGHTLY */
.site-footer .footer-search {
    position: relative !important;
    left: -80px !important; /* Moves search block slightly left */
    display: flex !important;
    justify-content: flex-start !important;
}
/* ✅ MOVE ALL FOOTER COLUMNS SLIGHTLY RIGHT */
.site-footer .footer-widgets, 
.site-footer .footer-columns, 
.site-footer .wp-block-columns {
    position: relative !important;
    left: -40px !important;  /* Moves everything slightly right */
    max-width: 1200px !important; /* Keeps layout balanced */
    display: flex !important;
    justify-content: space-between !important; /* Keeps spacing even */
}

/* ✅ ENSURE FOOTER COLUMNS STAY BALANCED */
.site-footer .footer-widgets > div, 
.site-footer .footer-columns > div, 
.site-footer .wp-block-column {
    flex: 1 !important; /* Ensures equal space */
    min-width: 250px !important; /* Prevents shrinking */
    max-width: 400px !important; /* Keeps readable width */
    text-align: left !important; /* Ensures proper alignment */
}

/* ✅ MOVE SEARCH BLOCK SLIGHTLY RIGHT */
.site-footer .footer-search {
    position: relative !important;
    left: -40px !important; /* Moves search block slightly right */
    display: flex !important;
    justify-content: flex-start !important;
}
/* ✅ MOVE ALL FOOTER COLUMNS FURTHER RIGHT */
.site-footer .footer-widgets, 
.site-footer .footer-columns, 
.site-footer .wp-block-columns {
    position: relative !important;
    left: 0px !important;  /* Moves everything further right */
    max-width: 1200px !important; /* Keeps layout balanced */
    display: flex !important;
    justify-content: space-between !important; /* Keeps spacing even */
}

/* ✅ ENSURE FOOTER COLUMNS STAY BALANCED */
.site-footer .footer-widgets > div, 
.site-footer .footer-columns > div, 
.site-footer .wp-block-column {
    flex: 1 !important; /* Ensures equal space */
    min-width: 250px !important; /* Prevents shrinking */
    max-width: 400px !important; /* Keeps readable width */
    text-align: left !important; /* Ensures proper alignment */
}

/* ✅ MOVE SEARCH BLOCK FURTHER RIGHT */
.site-footer .footer-search {
    position: relative !important;
    left: 0px !important; /* Moves search block further right */
    display: flex !important;
    justify-content: flex-start !important;
}
/* ✅ FORCE EMAIL ADDRESS TO STAY ON ONE LINE */
.site-footer .footer-email, 
.site-footer a[href*="mailto"] {
    display: inline-block !important;
    white-space: nowrap !important; /* Prevents line breaks */
    overflow: hidden !important;
    text-overflow: clip !important; /* Ensures text stays visible */
    max-width: 100% !important;
    word-break: keep-all !important; /* Ensures it doesn't break at dots */
    font-size: 18px !important; /* Optional: Adjust font size */
    letter-spacing: 0.5px !important; /* Improves readability */
}
/* ✅ FORCE EMAIL ADDRESS TO STAY ON ONE LINE WITHOUT BREAKING */
.site-footer .footer-email, 
.site-footer a[href*="mailto"] {
    display: inline-block !important;
    white-space: nowrap !important; /* Prevents line breaks */
    overflow: visible !important; /* Ensures full text is shown */
    text-overflow: clip !important; /* Prevents cutting off letters */
    max-width: 100% !important;
    word-break: normal !important; /* Stops breaking at dots */
    font-size: 18px !important; /* Optional: Adjust font size */
    letter-spacing: 0.5px !important; /* Improves spacing for readability */
}

/* ✅ PREVENT DOTS FROM BREAKING EMAILS */
.site-footer .footer-email a, 
.site-footer a[href*="mailto"] {
    word-wrap: normal !important;
    hyphens: none !important; /* Stops breaking at dots */
}
/* ✅ REMOVE ALL WIDTH LIMITATIONS FROM EXFORD THEME */
body, .site, .site-content, .content-area, .wp-block-group {
    width: 100vw !important; /* Take full viewport width */
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ✅ REMOVE ANY CONTAINERS LIMITING THE WIDTH */
.entry-content, .post-content, .content-area, .alignwide, .alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ✅ FORCE SECTION TO BE FULL PAGE WIDTH */
.services-section {
    width: 100vw !important; /* Full screen width */
    max-width: 100% !important; /* Remove any restrictions */
    margin: 0 !important;
    padding: 20px 5vw !important; /* Adds some spacing */
    display: flex !important;
    justify-content: space-evenly !important; /* Spread columns evenly */
    align-items: flex-start !important;
}

/* ✅ OVERRIDE EXFORD THEME CONSTRAINTS ON COLUMNS */
.services-section .wp-block-columns {
    width: 100vw !important; /* Forces full screen width */
    max-width: 100% !important; /* Remove all limits */
    display: flex !important;
    justify-content: space-evenly !important; /* Spread evenly */
    gap: 5vw !important; /* Add spacing between columns */
    flex-wrap: nowrap !important; /* Prevent stacking */
}

/* ✅ FORCE EACH COLUMN TO EXPAND FULLY */
.services-section .wp-block-column {
    flex-grow: 1 !important; /* Forces equal width for all columns */
    width: 33% !important; /* Ensure three columns fit evenly */
    min-width: 30% !important; /* Prevent shrinking */
    max-width: 33% !important; /* Keep equal size */
    text-align: center !important; /* Keep content aligned */
    padding: 20px !important; /* Adds spacing */
}

/* ✅ MAKE TEXT & IMAGES FIT PERFECTLY */
.services-section .wp-block-column p,
.services-section .wp-block-column img {
    max-width: 100% !important; /* Ensure images and text fit */
    text-align: left !important; /* Keeps text aligned properly */
}

/* ✅ REMOVE ALL EXFORD THEME WIDTH RESTRICTIONS */
.wp-block-group__inner-container, .wp-block-group {
    width: 100% !important;
    max-width: 100% !important;
}

/* ✅ REMOVE ALL MARGIN CONSTRAINTS */
.services-section .wp-block-columns > * {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* ✅ FORCE PAGE CONTENT TO FILL SCREEN */
.site-content {
    width: 100vw !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.custom-image-layout {
    width: 50vw; /* Make the image larger */
    max-width: 600px; /* Adjust for responsiveness */
    margin-left: -50px; /* Moves image slightly off-screen */
    display: block;
}

.custom-text-layout {
    max-width: 50vw;
    margin-left: auto;
    margin-right: 50px; /* Aligns text to match image width */
    text-align: left;
}

@media screen and (max-width: 768px) {
    .custom-image-layout, .custom-text-layout {
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
/* Force full width, zero margin and padding */
.service-layout {
  display: flex !important;
  align-items: flex-start !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: -10vw; /* push to far left */
  box-sizing: border-box;
}

/* Left column - Image */
.service-layout .wp-block-column:first-child {
  width: 35% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Right column - Text */
.service-layout .wp-block-column:last-child {
  width: 65% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* Text block styling */
.service-text {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  white-space: normal !important;
}
/* Force the whole layout to be full width */
.service-layout {
  display: flex !important;
  align-items: flex-start !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* Left column - Image */
.service-layout .wp-block-column:first-child {
  width: 35% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Right column - Text - EXTENDS PAST SCREEN */
.service-layout .wp-block-column:last-child {
  width: 100% !important; /* Forces it wide */
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* MAKE TEXT EXTEND 25mm PAST RIGHT EDGE */
.service-text {
  width: 120% !important; /* Extends beyond column */
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  right: -25mm !important; /* Moves it 25mm past screen */
  white-space: normal !important;
  text-align: left !important;
}
/* Keep the layout full width */
.service-layout {
  display: flex !important;
  align-items: flex-start !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* Left column - Image - Reduce size & move left */
.service-layout .wp-block-column:first-child {
  width: 30% !important; /* Makes images slightly smaller */
  max-width: 30% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  left: -25mm !important; /* Shift left but stay on screen */
}

/* Ensure images don't go off-screen */
.service-layout .wp-block-column:first-child img {
  width: 95% !important; /* Slightly smaller */
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  margin-left: 25mm !important; /* Pulls it back if necessary */
}

/* Right column - Text remains extended */
.service-layout .wp-block-column:last-child {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}
/* Keep the layout full width */
.service-layout {
  display: flex !important;
  align-items: flex-start !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
}

/* Left column - Image - Move it further right */
.service-layout .wp-block-column:first-child {
  width: 35% !important; /* Increase image size slightly */
  max-width: 35% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  left: 50mm !important; /* Moves images much further right */
}

/* Ensure images remain responsive */
.service-layout .wp-block-column:first-child img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* Right column - Text remains extended */
.service-layout .wp-block-column:last-child {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}/* Add more vertical space between images */
.service-layout .wp-block-column:first-child img {
  margin-bottom: 100px !important; /* Adjust spacing between images */
}
/* Right column - Make text extra aggressive, pushed further left */
.service-layout .wp-block-column:last-child {
  width: 60% !important; /* Take up more space aggressively */
  max-width: 60% !important;
  padding: 0 !important;
  margin-right: 25mm !important; /* Keep text 25mm off right edge */
  position: relative !important;
  overflow: visible !important;
  text-align: left !important;
}

/* Push text even further if necessary */
@media (min-width: 1200px) {
  .service-layout .wp-block-column:last-child {
    width: 65% !important; /* Even more aggressive on large screens */
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-cover {
    position: relative !important;
    min-height: 100vh !important;
    width: 100vw !important; /* Full viewport width */
    margin-left: calc(-50vw + 50%) !important; /* Breaks out of theme column */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    padding: 40px 5% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .wp-block-cover__inner-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover p {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .wp-block-cover .wp-block-button {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-group, 
  .wp-block-column, 
  .wp-block-columns, 
  .wp-block-group__inner-container {
    max-width: 100vw !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-group.has-background {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
  }

  .wp-block-heading,
  .wp-block-paragraph {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-cover {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover.has-background,
  .wp-block-cover.alignfull {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
  }

  .wp-block-cover__inner-container {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover p {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-cover {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover__inner-container {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media only screen and (max-width: 768px) {
  body,
  .wp-site-blocks,
  .wp-block-cover,
  .wp-block-group,
  .wp-block-cover__inner-container,
  .wp-block-column,
  .wp-block-columns {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover p,
  .wp-block-paragraph,
  .wp-block-heading,
  h1, h2, h3, h4 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-cover p,
  .wp-block-paragraph,
  .wp-block-heading,
  h1, h2, h3, h4 {
    padding-left: 0 !important;       /* Zero padding */
    padding-right: 5vw !important;    /* Keep right side comfortable */
    width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}
@media only screen and (max-width: 768px) {
  /* Universal block padding fix for mobile */
  .wp-block-group,
  .wp-block-column,
  .wp-block-columns,
  .wp-block-paragraph,
  .wp-block-heading,
  .wp-block-list,
  p,
  h1, h2, h3, h4, h5, h6,
  ul, ol,
  li {
    padding-left: 0 !important;
    padding-right: 5vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .wp-block-list {
    list-style-position: inside !important;
  }
}
@media screen and (max-width: 767px) {
  .site-footer {
    display: block !important;
    padding: 20px 10px !important;
    box-sizing: border-box;
    background-color: #000; /* Adjust as needed */
    text-align: center;
  }

  .site-footer .footer-widgets,
  .site-footer .footer-columns,
  .site-footer .wp-block-columns {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    left: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    gap: 20px !important;
  }

  .site-footer .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 10px 0 !important;
  }

  .site-footer .footer-search {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    left: 0 !important;
    margin: 0 auto !important;
    justify-content: center !important;
    max-width: 100% !important;
  }

  .site-footer input[type="search"],
  .site-footer input[type="text"] {
    width: 90% !important;
    max-width: 300px !important;
    height: 45px !important;
    font-size: 16px !important;
    padding: 8px !important;
    border-radius: 6px !important;
  }

  .site-footer input[type="submit"],
  .site-footer button {
    width: 90% !important;
    max-width: 300px !important;
    height: 45px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
  }

  .site-footer .social-icons {
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
    footer.site-footer * {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    footer.site-footer .social-icons {
        justify-content: center !important;
        align-items: center !important;
    }

    footer.site-footer .search-form {
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
    }

    footer.site-footer .search-form input[type="search"] {
        text-align: center !important;
    }

    footer.site-footer .widget {
        align-items: center !important;
    }
}
@media screen and (max-width: 767px) {
    footer.site-footer .widget {
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    footer.site-footer .widget ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    footer.site-footer .widget ul li {
        display: inline-block !important;
        margin: 0 10px !important;
    }
}
@media screen and (max-width: 767px) {
  /* Create mobile-only logo overlay */
  .mobile-header-logo {
    position: absolute;
    top: 40px; /* Adjust to move higher/lower */
    left: 50%;
    transform: translateX(-50%);
    width: 160px; /* Adjust size */
    z-index: 9999;
    display: block;
  }
}

/* Hide on desktop */
@media screen and (min-width: 768px) {
  .mobile-header-logo {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .site-header {
    background-size: 180% auto !important; /* 👈 Zooms in! */
    background-position: center top !important;
  }
}
@media screen and (max-width: 767px) {
  /* ⬆️ Raise the floating logo higher */
  .mobile-header-logo {
    top: 0px !important; /* Try -10px if you want it touching the top */
    width: 160px !important;
  }

  /* ⬆️ Pull the site title up */
  .site-title {
    margin-top: 100px !important; /* Reduced from 140px */
  }

  /* ⬆️ Pull tagline up slightly too */
  .site-description {
    margin-top: 5px !important;
  }

  /* ⬆️ Optional: Pull menu closer */
  .menu-toggle,
  .main-navigation {
    margin-top: 15px !important;
  }
}
.mobile-header-logo {
  top: -5px !important;
@media screen and (max-width: 782px) {
  /* Hide any default menu toggle buttons */
  .menu-toggle,
  .main-navigation .menu-toggle,
  #toggle,
  #toggle-menu,
  label[for="toggle"],
  .site-header .menu-label,
  .main-navigation label,
  .main-navigation .button,
  .main-navigation input[type="checkbox"],
  .main-navigation input[type="button"],
  .main-navigation input[type="submit"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: -9999 !important;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-column img {
    display: block !important;
    position: relative !important;
    transform: translateX(-300%) !important;
    width: auto !important;
    max-width: none !important;
  }
}
/* === DESKTOP STYLE: Keep image left + text right === */
@media screen and (min-width: 769px) {
  .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 40px !important;
  }

  .wp-block-column {
    width: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .wp-block-column img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }
}

/* === MOBILE STYLE: Stack image on top, full width, and text below === */
@media screen and (max-width: 768px) {
  .wp-block-columns {
    display: block !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-column {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 5vw !important;
    box-sizing: border-box !important;
  }

  .wp-block-column img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .wp-block-column p,
  .wp-block-column h2,
  .wp-block-column h3 {
    width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
}
/* 🔥 Push the whole row outside the page */
.full-width-breakout.kb-row-layout-wrap {
  max-width: 120vw !important;       /* Wider than viewport */
  width: 120vw !important;
  margin-left: -20mm !important;     /* Push left */
  margin-right: -20mm !important;    /* Push right (just in case) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* 🧱 Make both columns (image + text) fill space evenly */
.full-width-breakout .wp-block-kadence-column {
  width: 50% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}