/**
 * Theme Name:      Charles River Orthodontics
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     Custom Theme for Charles River Orthodontics
 * Author:          PracticeMarketer
 * Author URI:      https://www.practicemarketer.com
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     edwards-orthodontics
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */
.dtq-iconbox-inner {
    display:block!important;
 
}
/* ---------------------- Header Menu Css ---------------------- */
.header-menu {
  position: fixed;
    top: 38px;
    bottom: auto;
    right: 0px;
    left: auto;
    z-index: 99999 !important;
    height: 100vh;
    width: 0px;   
display: none;
overflow:auto;
	  transition: width 0.2s ease-out;
  }
.reveal-menu .header-menu {
    display: block; 
 width: 380px; 
	 transition: width 0.2s ease-out;
}
.has_et_pb_sticky .header-menu { top: 0px; }

.header-menu .et_pb_menu__menu>nav>ul { flex-direction: column; grid-gap: 15px; width: 100%;}

.has_et_pb_sticky .header-menu { top: 0px; }
 
.header-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li  ul.sub-menu, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu ul.sub-menu {
    position: static;
    box-shadow: none;
    top: 0;
    opacity: 1;
    visibility: visible;
    padding: 0px 0;
	    display: none;
} 


.header-menu .et_pb_menu__menu>nav>ul>li, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu ul>li{
    flex-direction: column;
}

.header-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li ul.sub-menu li, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li ul.sub-menu li{
    padding: 0;
}


.header-menu .et_pb_menu .et_pb_menu__menu li.menu-item-has-children, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children  {
	position: relative;
}

.header-menu .et_pb_menu .et_pb_menu__menu li.menu-item-has-children .mobile-toggle, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
cursor: pointer;
    width: 23px;
	height: 100%;
	padding: 0px !important;
	max-height: 23px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
.header-menu .et_pb_menu .et_pb_menu__menu li.menu-item-has-children .mobile-toggle::after, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 4px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #0069b0;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}

.header-menu .et_pb_menu .et_pb_menu__menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children.dt-open .mobile-toggle::after {
	content: '\32';
}
 .header-menu .et_pb_menu .et_pb_menu__menu {
    width: 100%;
}

.header-menu .et_pb_menu .et_pb_menu__menu>nav {
    width: 100%;
    padding-right: 0;
    min-width: 100%;
}
.header-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li ul.sub-menu.visible {
    display: block;
}
.header-menu .et-menu li.menu-item-has-children a:after{/* opacity: 0; */color: #f38300;}

@media (max-width: 980px) {
 .header-menu .et_pb_menu .et_mobile_nav_menu  .mobile_menu_bar {
    display: none;
}
 .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu {
    display: flex;
    box-shadow: none;
    padding: 0px;
    flex-direction: column;
    grid-gap: 15px;
    width: 100%;
}
.header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li a {
    background: transparent;
    border: 0px;
    padding: 0;
    padding-bottom: 8px;
} 
.header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu ul.sub-menu li a {
    padding: 6px 20px;
}
	.header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu ul.sub-menu{ visibility: visible!important; 
	    display: none!important;}
	 .header-menu .et_pb_menu .et_mobile_nav_menu ul.et_mobile_menu li ul.sub-menu.visible {
    display: block!important;
}
}
.banner-video .video-action {
 display: flex;
 align-items: center;
 position: absolute;
 bottom: 6%;
 right: 15px;
 justify-content: flex-end;
 z-index: 9;
}
.banner-video .video-action a{
cursor: pointer;
-webkit-appearance: none;
 -moz-appearance: none;
 display: block;
 border: none;
 padding: 40px;
 margin: 5px;
 background: none;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 width: 0;
 height: 0;}
.banner-video .video-action p:empty, .banner-video .video-action br {
 display: none;
}
.banner-video .video-action .audio-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E");
}
.banner-video .video-action .audio-control.unmuted {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E");
}

.banner-video .video-action .video-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
}
.banner-video .video-action .mute-control .muted, .banner-video .video-action .mute-control .unmuted {
 display: none;
}

.banner-video .video-action .mute-control .muted.show {
 display: block;
}
.banner-video .video-action .mute-control .unmuted.show {
 display: block;
}
@media (max-width: 640px){
.banner-video .video-action a{ padding: 20px;}
}