/*
 * Replaces the dropdown arrow with a hamburger icon above the menu label.
 * This version applies to all screen sizes, assuming another setting controls visibility.

/* 1. Hide the default dropdown arrow container */
.desktop-hamburger-button .dropdown-nav-toggle {
    display: none !important;
}

/* 2. Style the main link to stack the new icon and text vertically */
.desktop-hamburger-button > a {
    display: flex !important;
    flex-direction: column !important;
    align-items:justify !important;
    gap: 30px !important; /* Adjust space between icon and text */
	
}

/* 3. Create the new three-line hamburger icon */
.desktop-hamburger-button > a::before {
    content: '' !important;
    display: block !important;
    width: 55px !important;
    height: 3px !important;
    background: currentColor !important; /* Uses your theme's link color */

    /* Creates the other two lines using a box-shadow trick */
    box-shadow: 0 7px 0 currentColor, 0 -7px 0 currentColor !important;
}
/*
/*
 * Kadence Mobile Menu Trigger: Stack Icon and Text Vertically
 * This applies to tablet and mobile views only (screens 991px and smaller).
*/
@media (max-width: 991px) {

    /* Target the mobile menu button by its unique ID */
    #mobile-toggle.menu-toggle-open {
        /* Apply a flexible, vertical layout */
        display: flex !important;
        flex-direction: column-reverse !important; /* Stacks items and reverses their order to put the icon on top */
        align-items: center !important;
        gap: 5px !important; /* Adjust the space between the icon and the text */

        /* Optional: Adjust padding if needed to ensure it looks centered */
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

}
/* Hide mobile version by default */
.mobile-version { 
  display: none; 
}

/* On smaller screens: hide desktop, show mobile */
@media screen and (max-width: 768px) {
  .desktop-version { display: none; }
  .mobile-version { display: block; }
}
/* Import Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Import Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Desktop Hamburger Menu Styling */
.desktop-hamburger-button > a {
    display: flex !important;              /* flex layout */
    flex-direction: column !important;     /* stack icon and text vertically */
    align-items: left
			!important;    
	margin-right: 20px;/* center items horizontally */
    justify-content: left !important;    /* center items vertically */
    gap: 20px !important;                  /* space between icon and text */

    /* Font settings */
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: !important;
    position: relative !important;         /* needed for pseudo-element lines */
}

/* Hamburger icon using pseudo-element ::before */
.desktop-hamburger-button > a::before {
    content: '' !important;
    display: block !important;
    width: 55px !important;
    height: 3px !important;
    background: currentColor !important;
    position: left !important;
}

/* Create top and bottom lines with box-shadow */
.desktop-hamburger-button > a::before {
    box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor !important; /* top and bottom lines */
}
/* Force-center ALL text inside the column on tablet + mobile */
@media (max-width: 1024px) {
  .tablet-center-text,
  .tablet-center-text * {
    text-align: center !important;
  }
  /* If there are buttons in that column, center them too */
  .tablet-center-text .wp-block-buttons {
    justify-content: center !important;
  }
}
/* Center image + H2 + paragraph in this section on tablet + mobile only */
@media (max-width: 1024px) {
  .mobile-center-media {
    text-align: center !important;
  }
  /* Center WordPress image blocks */
  .mobile-center-media .wp-block-image,
  .mobile-center-media figure.wp-block-image {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mobile-center-media .wp-block-image img,
  .mobile-center-media figure.wp-block-image img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Make sure headings/paragraphs are centered (in case theme overrides) */
  .mobile-center-media h2,
  .mobile-center-media p {
    text-align: center !important;
  }
  /* If there’s a button under it, center that too */
  .mobile-center-media .wp-block-buttons {
    justify-content: center !important;
  }
}
/* Center a column itself on tablet + mobile */
@media (max-width: 1024px) {

  /* Make the columns stack and center */
  .wp-block-columns {
    justify-content: center;
  }
/* Center a column itself on tablet + mobile */
@media (max-width: 1024px) {

  /* Make the columns stack and center */
  .wp-block-columns {
    justify-content: center;
  }

  /* Center ONLY this column */
  .wp-block-column.center-column-mobile {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }

}