/*
Theme Name: Sauveterre Child Theme
Template: Divi
Description: Sauveterre Child Them
Author: Patrick Pétel
Author URI: https://www.patrickpetel.fr
*/
.molti-header-5 .et_mobile_menu{
	width: 280%!important;
    margin-left: -195px;
    margin-top: 45px;
}

/*Mobile Menu Customizations*/
/*To add Box Shadow and Corner Radius to Mobile Menu*/
.et_mobile_menu{
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 15px 30px;
}
/*This will add Padding and Margin (Spacing) around the Mobile Menu Items*/
.et_mobile_menu li a{
	padding: 13px 5%;
    margin: 10px 0;
}
/*To hide the Sub Menu in mOBILE*/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
.menu-closed{
	border-left:1px solid #eee;
}
/**** Styling for the Sub Menu Toggle Icon in Mobile Menu ****/
#page-container span.menu-closed:before {
    content: "\22";
    display: block;
    color: #000;
    font-size: 14px;
    font-family: ETmodules;
	transition:.3s ease;
	background:rgba(255,128,87,0.39);
	color:#ff8057;
	text-align: center;
    border-radius: 100px;
	width:26px;
}
#page-container span.menu-closed.menu-open:before {
    content: "\22";
	transform:rotate(180deg);
	background:#ff8057;
	color:#fff;
}


/*Header Codes - All the Codes for Main Header here*/
.molti-custom-dropdown-content{
-webkit-animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

/*END*/

/*Sauveterre Custom Progess Tabs*/

/*This will add an active state to the active Blurb Image */
.active-tab .et_pb_main_blurb_image {
    background: rgba(255,128,87,0.18);
    border-radius: 10px;
}
/*This will change the H4 Color for the active tab item*/
.active-tab.et_pb_blurb h4 {
    color:#FF8057 !Important;
}
/*Ends here*/