/*---------------------------------------------------------------------------------

 Theme Name:   Floss Clinic
 Theme URI:    https://www.digidestination.com
 Description:  Floss Clinic Theme by Ivan Sorkin
 Author:       Ivan Sorkin
 Author URI:   https://www.digidestination.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*========= Slider changes ===========*/
/* === Move the Slide Image to the Right === */
#desktop_home_slider .et_pb_slide_image {
    right: 0;
}

#desktop_home_slider .et_pb_slide_description {
    float: left !important;
    width: 40% !important;
}

#desktop_home_slider .et_pb_slide_description h2 {
    margin-bottom: 20px !important;
}

/* ========== Mobile Slider Styling ========== */
@media only screen and (max-width: 980px) {
    #mobile_home_slider .et_pb_slide_image {
      display: block;
      margin: 0 auto;
      text-align: center;
      overflow: visible !important;
    }
  
    #mobile_home_slider .et_pb_slide_image {
      max-width: 100%;
      height: auto;
      display: block !important;
      margin: 0 auto;
      visibility: visible;
      opacity: 1;
    }
  
    #mobile_home_slider .et_pb_slide_description {
      text-align: center !important;
      float: none !important;
      width: 100% !important;
      margin-top: 20px;
    }
  
    #mobile_home_slider .et_pb_slide_description h2,
    #mobile_home_slider .et_pb_slide_description p,
    #mobile_home_slider .et_pb_button {
      text-align: center !important;
      margin-left: auto;
      margin-right: auto;
    }
}

/*========= Services line height ===========*/
.et_pb_de_mach_archive_loop_0_tb_body .entry-title a,
.et_pb_de_mach_archive_loop_1_tb_body .entry-title a,
.et_pb_de_mach_archive_loop_2_tb_body .entry-title a {
    line-height: 40px !important;
} 

/* Make sure the menu container uses flex and aligns items to the right */
.right-align-menu .et_pb_menu__menu {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* Optional: align the text of each menu item to the right */
.right-align-menu .et_pb_menu__menu > li {
    text-align: right;
}

/* Remove any default padding/margin that might push the menu */
.right-align-menu .et_pb_menu__wrap {
    padding-left: 0;
    margin-left: auto;
}

/* Apply 246px right offset when screen is wider than 1300px */
@media (min-width: 1300px) {
  .right-align-menu .et_pb_menu__menu {
    padding-right: 50px;
  }
}

#main-menu-mobile .et_mobile_nav_menu .mobile_menu_bar:before {
    color: #ffffff !important;
}

.dm-gallery-slider .swiper-pagination-bullets,
.dm-gallery-slider-thumbnails {
    display: none !important;
}

/* Hide the thumbnail nav if it exists */
.et_pb_de_mach_acf_slider .slick-thumb,
.et_pb_de_mach_acf_slider .et_pb_gallery_thumbnail {
  display: none !important;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after,
#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* ========== Custom Breakpoint for Mobile Menu ========== */
@media (max-width: 1055px) {
  .right-align-menu .et_pb_menu_inner_container {
    display: none !important;
  }

  .right-align-menu .et_mobile_nav_menu {
    display: block !important;
  }

  .right-align-menu .et_pb_menu__menu {
    padding-right: 0 !important;
  }
}