.elementor-813 .elementor-element.elementor-element-af42fdd > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-813 .elementor-element.elementor-element-af42fdd > .elementor-container{min-height:0vh;}.elementor-813 .elementor-element.elementor-element-af42fdd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-3ded16f{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-3ded16f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-813 .elementor-element.elementor-element-eac48c2{width:100%;}.elementor-813 .elementor-element.elementor-element-02c28fa{width:100%;}.elementor-813 .elementor-element.elementor-element-57e51de{width:100%;}.elementor-813 .elementor-element.elementor-element-34019b1{width:100%;}.elementor-813 .elementor-element.elementor-element-394eb92{width:100%;}}@media(max-width:1024px){.elementor-813 .elementor-element.elementor-element-af42fdd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-813 .elementor-element.elementor-element-eac48c2.elementor-column .elementor-widget-wrap{align-items:space-evenly;}.elementor-813 .elementor-element.elementor-element-eac48c2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-evenly;align-items:space-evenly;}.elementor-813 .elementor-element.elementor-element-eac48c2.elementor-column > .elementor-widget-wrap{justify-content:space-evenly;}.elementor-813 .elementor-element.elementor-element-3ded16f{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-3ded16f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-813 .elementor-element.elementor-element-02c28fa.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-813 .elementor-element.elementor-element-02c28fa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-813 .elementor-element.elementor-element-a53d5f3{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-a53d5f3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-813 .elementor-element.elementor-element-af42fdd > .elementor-container{min-height:70vh;}.elementor-813 .elementor-element.elementor-element-af42fdd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-a53d5f3{width:100%;max-width:100%;}.elementor-813 .elementor-element.elementor-element-ec2df43{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-ec2df43 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-9cef5e8{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-9cef5e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-aea10a1{width:100%;max-width:100%;align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-aea10a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-af42fdd */.mobile-menu {
  display: flex;
  flex-direction: column;
  height: 85vh; /* Default: desktop */
  width: 100%;
}

/* Mobile: override height when screen is small */
@media (max-width: 768px) {
  .mobile-menu {
    height: 13vh;
  }

  /* Optional: smaller text on mobile for better fit */
  .menu-button span {
    font-size: 1.6rem; /* Reduced from 2.2rem to fit smaller buttons */
    letter-spacing: 1px;
  }
}

.menu-button {
  flex: 1; /* Each button equally shares the parent's height */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.7s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Background image with zoom & darken effect */
.menu-button::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease, filter 0.4s ease;
  z-index: 1;
}

/* Darken overlay (becomes stronger on hover/active) */
.menu-button::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.4s ease;
  z-index: 2;
}

/* Text styling */
.menu-button span {
  position: relative;
  z-index: 3;
  color: rgba(255, 255, 255, 0.85);
  font-size: 2.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  transition: color 0.4s ease, text-shadow 0.4s ease;
  pointer-events: none;
}

/* Hover / Active state (works on tap for mobile too) */
.menu-button:hover::before,
.menu-button:active::before {
  transform: scale(1.15);
}

.menu-button:hover::after,
.menu-button:active::after {
  background: rgba(0, 0, 0, 0.55);
}

.menu-button:hover span,
.menu-button:active span {
  color: #ffffff;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.8);
}

/* Individual background images */
#btn1::before { background-image: url('https://commercialjoinerysydney.com.au/wp-content/uploads/2017/05/Leichardt-Medical-Centre-IMG_0377.JPG-June2015.jpg'); }
#btn2::before { background-image: url('https://commercialjoinerysydney.com.au/wp-content/uploads/2019/10/Oxford-University-press-Desk.jpg'); }
#btn3::before { background-image: url('https://commercialjoinerysydney.com.au/wp-content/uploads/2019/02/FullSizeRender-2.jpg'); }
#btn4::before { background-image: url('https://commercialjoinerysydney.com.au/wp-content/uploads/2019/02/FullSizeRender-6.jpg'); }
#btn5::before { background-image: url('https://commercialjoinerysydney.com.au/wp-content/uploads/2019/07/imgp7133_resize-herringbone-mossman-3.jpg'); }/* End custom CSS */