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

 Theme Name:   22 Development
 Theme URI:    https://www.22developments.ca/
 Description:  
 Author:       Reactive Designs
 Author URI:   https://www.reactivedesigns.ca
 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 ------------------------------*/


/* Style the Gravity Form Submit Button */
#gform_wrapper_1, #gform_wrapper_2 .gform_footer input[type=submit] {
  background: #c63821 !important;
}

#gform_wrapper_1, #gform_wrapper_2 .gform_footer input:hover[type=submit] {
  background: #000000 !important;
}

/* Increase inner width of drop-down menu */
.et-menu li li a {
    padding: 6px 20px; 
    width: 260px;
}



/* Increase width of drop-down menu  */
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 300px;
}


/* First Level Menu Style - Red Box*/

.cs_menu nav>ul>li.current-menu-item {
    position: relative;
    background: #c63821;
    z-index: 1;
}


.cs_menu nav>ul>li>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c63821;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    color: #ffffff !important;
}

.cs_menu nav>ul>li>a:hover {
	color: #ffffff !important;

}

.cs_menu nav>ul>li>a{
	padding:20px 20px !important;
}

.cs_menu nav>ul>li>a:hover::before {
	opacity: 1;
}



.cs_menu.et_pb_menu nav>ul>li.current-menu-item>a {
    color: #ffffff!important;
}

.cs_menu.et_pb_menu nav>ul>li.current-menu-ancestor>a, .cs_menu nav>ul>li.menu-item-has-children:hover > a {
    color: #ffffff!important;
    background: #c63821!important;
}

.cs_menu nav>ul>li.menu-item-has-children .sub-menu li:hover > a {
    color: #2d4689!important;
}

.cs_menu nav>ul>li.menu-item-has-children .sub-menu .sub-menu {
    left: 296px;
}
.cs_menu nav>ul>li.menu-item-has-children .sub-menu li.current-menu-item > a {
    background: rgba(0,0,0,.2)!important;
    opacity: 1!important;
}

#gform_wrapper_1 {
	background-color:#fff !important;
}