/* 
Theme Name: Aloe Vera Dental
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: 37 Digital 
Author URI: https://www.37digital.com
Template: hello-elementor
Version: 2.0.1.20260413
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.avd-accordion-menu-wrapper {
    display: flex;
    flex-direction: column;
  }
  
  .avd-accordion-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .avd-accordion-menu-item {
    /* e.g., padding, border, whatever you like */
    cursor: pointer;
  }
  
  .avd-accordion-menu-link {
    display: block;
    text-decoration: none;
    font-size: 25px;
    font-family: 'Gelasio', serif;
    position: relative;
    color: var(--e-global-color-secondary) !important;
    /* Example: hover underline */
  }

  .avd-accordion-menu-link:hover {
    color: var(--e-global-color-f005095) !important;
  }
  
  .avd-accordion-menu-item.has-children > .avd-accordion-menu-link::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M232 72c0-4.4-3.6-8-8-8s-8 3.6-8 8l0 176L40 248c-4.4 0-8 3.6-8 8s3.6 8 8 8l176 0 0 176c0 4.4 3.6 8 8 8s8-3.6 8-8l0-176 176 0c4.4 0 8-3.6 8-8s-3.6-8-8-8l-176 0 0-176z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 5px;
  }

  
  .avd-accordion-menu-item.avd-open > .avd-accordion-menu-link::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M424 256c0 4.4-3.6 8-8 8L32 264c-4.4 0-8-3.6-8-8s3.6-8 8-8l384 0c4.4 0 8 3.6 8 8z"/></svg>');
  }
  
  /* Sub-menu transitions or display toggles can be refined with CSS or JS */
  .avd-accordion-menu-item.has-children ul.avd-accordion-menu {
    display: none;
    /* e.g., add transition for nice expand/collapse effect */
  }
  
  .avd-accordion-menu-item.avd-open > ul.avd-accordion-menu {
    display: flex;
  }
  


  .avd-accordion-menu .avd-accordion-menu {
    gap: 10px; 
    padding-top: 15px;
  }
  
  .avd-accordion-menu .avd-accordion-menu a {
    font-size: 22px;
  }

  .ee-menu__back .ee-menu__arrow {
    padding-left: 20px !important;
    padding-right: 0 !important;
  }

  .ee-menu__back .ee-menu__arrow:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M52.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l160-160c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L86.6 256 235.3 404.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-160-160z"/></svg>');
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
  }

  .ee-menu__back .ee-menu__arrow i {
    display: none;
  }

  .ee-menu__back {
    display: flex;
    align-items: center;
    background-color: #F9F8F5;
  }

  .mobile-only-text {
    display: none;
  }
  
  @media screen and (max-width: 1024px) {
    .desktop-only-text {
      display: none;
    }
    .mobile-only-text {
      display: inline;
    }
  }

  .elementor-widget-opening_hours {
    width: 100%;
  }

  .avd-opening-hours-widget {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    gap: 20px;
    width: 100%;
  }

  .avd-opening-hours-icon {
    width: 30px;
  }

  .avd-opening-hours-icon svg path {
    fill: #9EAD3A;
  }

  .avd-opening-hours-today {
    font-size: 20px;
    font-weight: 500;
  }

  .avd-toggle-button {
    font-weight: 500;
    border-bottom: 1px solid #444444;
    font-size: 17px;
    cursor: pointer;
  }

  .avd-opening-hours-table-wrapper {
    padding-top: 20px;
  }
  
  .avd-opening-hours-table {
    width: 100%;
    border-collapse: collapse;
  }

  .avd-opening-hours-table td {
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff !important;
    color: var(--e-global-color-secondary) !important;
    font-size: 17px;
  }

  .avd-opening-hours-table tr:last-child td {
    border-bottom: 0;
  }

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

/* Emergency menu item */
.avd-slide-nav__item.emergency-menu-item > .avd-slide-nav__link {
  color: #C94435 !important;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}

.avd-slide-nav__item.emergency-menu-item > .avd-slide-nav__link::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 672 672"><path fill="%23C94435" d="M294.2 476C294.2 452.8 313 434 336.2 434C359.4 434 378.2 452.8 378.2 476C378.2 499.2 359.4 518 336.2 518C313 518 294.2 499.2 294.2 476zM364.2 238C364.2 222.5 351.7 210 336.2 210C320.7 210 308.2 222.5 308.2 238L308.2 364C308.2 379.5 320.7 392 336.2 392C351.7 392 364.2 379.5 364.2 364L364.2 238zM268 111.6C286.6 92.7 311.6 84 336.2 84C360.8 84 385.8 92.7 404.4 111.6C432 139.6 481.6 195.7 530.2 280C578.8 364.3 602.7 435.3 613.1 473.2C620.2 498.8 615.2 524.8 603 546C590.7 567.4 570.6 584.7 544.8 591.4C506.8 601.2 433.4 616 336.2 616C238.9 616 165.5 601.1 127.5 591.2C101.8 584.5 81.8 567.2 69.5 546C57.2 524.8 52.2 498.7 59.2 473.1C69.7 435.3 93.5 364.3 142.2 280C190.9 195.7 240.4 139.6 268 111.6zM307.9 150.9C283 176.2 236.5 228.6 190.7 308C144.9 387.4 122.7 453.8 113.3 488C107.8 507.9 121.6 531.8 141.6 537C176 545.9 244.6 560 336.2 560C427.8 560 496.3 546 530.7 537.1C550.7 531.9 564.6 508 559.1 488C549.6 453.8 527.5 387.3 481.7 307.9C435.9 228.5 389.4 176.1 364.5 150.8C350 136.1 322.4 136.1 307.9 150.8z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Location menu item */
.avd-slide-nav__item.location-menu-item > .avd-slide-nav__link {
  color: #9EAD3A !important;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}

.avd-slide-nav__item.location-menu-item > .avd-slide-nav__link::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 672 672"><path fill="%239EAD3A" d="M336 182C308.6 182 283.5 190.8 265.2 209.2C246.9 227.6 238 252.6 238 280C238 307.4 246.8 332.5 265.2 350.8C283.6 369.1 308.6 378 336 378C363.4 378 388.5 369.2 406.8 350.8C425.1 332.4 434 307.4 434 280C434 252.6 425.2 227.5 406.8 209.2C388.4 190.9 363.4 182 336 182zM294 280C294 264.6 298.8 254.7 304.8 248.8C310.8 242.9 320.7 238 336 238C351.3 238 361.3 242.8 367.2 248.8C373.1 254.8 378 264.7 378 280C378 295.3 373.2 305.3 367.2 311.2C361.2 317.1 351.3 322 336 322C320.7 322 310.7 317.2 304.8 311.2C298.9 305.2 294 295.3 294 280zM336 56C270.1 56 213.5 77.1 173.3 117.3C133.1 157.5 112 214.1 112 280C112 352.8 140.3 419.3 173.1 472.1C206 525.1 244.5 566.4 267.9 589.1C286.7 607.4 311.5 616 336 616C360.5 616 385.4 607.4 404.1 589.1C427.5 566.3 466 525.1 498.9 472.1C531.6 419.3 560 352.7 560 280C560 214.1 538.9 157.5 498.7 117.3C458.5 77.1 401.9 56 336 56zM168 280C168 226.1 185 184.7 212.9 156.9C240.8 129.1 282.1 112 336 112C389.9 112 431.3 129 459.1 156.9C486.9 184.8 504 226.1 504 280C504 338.5 481.1 394.6 451.3 442.6C421.7 490.4 386.5 528.1 365.1 549C358 555.9 347.7 560 336 560C324.3 560 314.1 555.9 306.9 549C285.4 528.1 250.3 490.4 220.7 442.6C191 394.6 168 338.5 168 280z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}