/**
 * Theme Name:      Dr James Teabagy
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A child theme for pleasant street orthodontics
 * Author:          PracticeMarketer
 * Author URI:      https://www.PracticeMarketer.com/
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     dr-james-teabagy
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */
body:not(.et-fb) #page-container header {
    height: 123px;
} 
header .site-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}
header #menu-toggle{ cursor: pointer; margin-right: 0; }
body.menu-open {
    overflow: hidden;
}
body.menu-open .site-header:before {
    content: "";
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 3;
}
header .site-sidemenu { 
   position: fixed;
  top: 0;
  right: -280px; /* Start hidden */
  width: 280px;
  height: 100%;
  background-color: #333;
  color: white;
  transition: right 0.3s ease;
  z-index: 1000;
  padding-top: 60px;
display: none;
}
header .site-sidemenu.open{ right: 0; display: flex;}

.sidebar-menu .et_pb_menu__menu {
    width: 100%;
}

.sidebar-menu .et_pb_menu__menu nav.et-menu-nav, .sidebar-menu .et_mobile_nav_menu .mobile_nav {width: 100%;padding-right: 0;}
.sidebar-menu .et_pb_menu__menu .et-menu.nav, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu {
    width: 100%;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 6px;
}


.sidebar-menu .et_pb_menu__menu .et-menu.nav li, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li  {
    padding: 0;
    margin: 0;
    flex-direction: column;
    display: flex; position: relative;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li ul.sub-menu, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li ul.sub-menu {
    display: none!important;
    position: relative;
    visibility: visible!important;
    opacity: 1;
    top: 0;
    background: transparent;
    border: 0px;
    box-shadow: none;
    height: auto!important;
    padding: 0 0 0 12px;
    left: 0;
    right: 0;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li.open> ul.sub-menu, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li.open> ul.sub-menu {
    display: block!important;
background: transparent!important;
}

.sidebar-menu .et_pb_menu__menu .et-menu.nav li a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a  {
    width: 100%;
    padding-right: 0;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav>li.menu-item>a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu>li.menu-item>a {
    font-weight: 600;
} 

.sidebar-menu .et_pb_menu__menu .et-menu.nav>li.menu-item-has-children>a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu>li.menu-item-has-children>a {
    font-weight: 600;
    margin-right: 30px;
    width: auto;
}

.sidebar-menu .et_pb_menu__menu .et-menu.nav li a.mobile-toggle, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a.mobile-toggle {
    position: absolute;
    right: 0;
    display: inline-block;
    width: auto;
    padding: 5px;
    margin-right: 0;
    top: 4px;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li a.mobile-toggle:after, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a.mobile-toggle:after {
    top: 0;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: #111;
    border-radius: 50%;
    padding: 3px;
    display: block;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li.menu-item-has-children.open>.mobile-toggle::after, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu  li.menu-item-has-children.open>.mobile-toggle::after  {
    content: '\32';
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li a:after, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a:after {
    display: none;
}

.sidebar-menu .et_pb_menu__menu .et-menu.nav li a:hover, .sidebar-menu .et_pb_menu__menu .et-menu.nav li.current-menu-item a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a:hover, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu  li.current-menu-item > a{
    background: #d6f4fd;
    color: #3c93ae !important;
    opacity: 1;
}

.sidebar-menu .et_pb_menu__menu .et-menu.nav li a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li a  {
  padding: 12px;
    border-radius: 8px;
    font-size: 14px;
	    border: 0px;
background: transparent;
    transition: transform 0.2s ease;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li ul.sub-menu li, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu  li ul.sub-menu li{ margin-bottom: 2px;}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li ul.sub-menu li a, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li ul.sub-menu  li a {
    font-size: 13px;
    padding: 2px 10px;
}
.sidebar-menu .et_pb_menu__menu .et-menu.nav li ul.sub-menu li a:hover, .sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu li ul.sub-menu li a:hover{
    transform: translateX(5px); 
font-weight: 500;
}

.sidebar-menu .et_mobile_nav_menu  span.mobile_menu_bar {
    display: none;
}
.sidebar-menu .et_mobile_nav_menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

.sidebar-menu.et_mobile_nav_menu, header .site-sidemenu .et_mobile_nav_menu .mobile_nav {
    width: 100%;
    margin: 0px;
}
.sidebar-menu .et_mobile_nav_menu ul.et_mobile_menu {
    display: block!important;
    height: auto;
    position: relative;
    background: transparent;
    box-shadow: none;
    border: 0px;
    padding: 0px;
}  
.main-menu {
   overflow-y: auto;
    margin-left: 0px;
    margin-right: -20px;
    padding-right: 20px;
    width: auto !important;
    overflow-x: hidden;
}

.faq-panel .et_pb_toggle {
    margin-bottom: 14px!important;
padding: 0px!important;
} 

.faq-panel .et_pb_toggle h5.et_pb_toggle_title {
    background: #fbf9fa;
    padding: 20px;
}

.faq-panel .et_pb_toggle h5.et_pb_toggle_title:before {
    right: 20px;
display:block;
} 

.faq-panel .et_pb_toggle_open h5.et_pb_toggle_title {
    border-bottom: 1px solid #ebe6e7;
}
.faq-panel .et_pb_toggle_open h5.et_pb_toggle_title:before {
    right: 20px;
    display:block;
    transform: rotate(180deg)
}