/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/***** Header Nav *****/
#main-header {
	box-shadow: none;
}
#et-top-navigation {
	font-weight: 400;
}
#top-menu-nav > ul > li > a:hover {
	opacity: 1;
}
#top-menu .menu-item-has-children > a:first-child {
	cursor: default;
}
/* Dropdown */
.nav li ul {
	border-top: none;
	-webkit-box-shadow: none;
}
/* Mega Menu */
.et_fullwidth_nav #top-menu li.mega-menu > ul {
	left: 0!important;
	right: 0!important;
}
#top-menu li.mega-menu > ul {
	padding: 30px;
}
#top-menu li.mega-menu > ul > li > a {
	width: 100%;
	padding: 0 0px 0px;
}
#top-menu li.mega-menu > ul > li > a:first-child {
	font-weight: 600;
}
#top-menu li .menu-item-has-children > a:first-child {
	padding-right: 40px;
	padding-left: 40px;
	border-bottom: none!important;
	font-size: 20px;
}
#top-menu li li a {
	padding: 6px 40px;
}
.nav-service-link a {
	font-weight: 400;
}
.nav ul li a:hover {
	background-color: rgba(0,0,0,.0);
	opacity: 1;
}

/***** Mobile Nav *****/
@media (min-width: 981px) {
	#top-header {
		display: none!important;
	}
}
@media (max-width: 980px) {
	.container {
		width: 90%;
	}
	#top-header {
		display: block!important;
	}
	#et-secondary-menu {
		display: block!important;
	}
	#et-secondary-nav {
		display: block!important;
	}
	#et-secondary-menu > ul > li a {
		padding-top: .75em;
	}
}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .mobile_menu_bar::after, .mobile_menu_bar::before {
	color: #202a44;
}
/* Dropdown */
.et_mobile_menu {
	border-top: none;
	-webkit-box-shadow: none;
}
.et_mobile_menu li a {
	border-bottom: none;
}
.et_mobile_menu li a {
	font-size: 16px;
}
.et_mobile_menu li a:hover {
	background-color: rgba(0,0,0,.0);
	opacity: 1;
}
.et_mobile_menu .menu-item-has-children > a {
	font-weight: 400;
}
@media (max-width: 980px) {
	.nav-img {
		display: none;
	}
	.nav-phone {
		display: none!important;
	}
}

/***** Mobile Menu Collapse *****/
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 100%;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: right;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\45';
	color: #202a44;
	background: none;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\43';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/***** Buttons *****/
.lowercase-button.et_pb_button {
  text-transform: none!important;
}

/***** Coursel *****/
.slick-prev::before, .slick-next::before {
  opacity: 1!important;
}

/***** Work Gallery *****/
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {
	background-color: #202a44!important;
	color: #fff!important;
}
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > *:hover {
	background-color: #202a44!important;
	color: #fff!important;
}
.vp-filter__style-default .vp-filter__item > a:focus {
	background-color: #202a44!important;
}
.vp-filter__style-default .vp-filter__item > * {
	border-radius: 0px!important;
	background-color: #f5f5f5!important;
	color: #000!important;
	font-size: 15px!important;
}
.vp-filter__style-default .vp-filter__item > a:hover {
	color: #000!important;
	background-color: #93abce!important;
}

/***** WPForms *****/
/* Fields */
.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field {
	padding: 7.5px 0;
}
/* Address Field */
@media (max-width: 600px) {
	.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block {
		width: 100%;
		margin-bottom: 15px;
		padding: 0;
	}
	.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child {
		margin-bottom: 0px;
	}
}
/* Submit Button */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:hover {
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	background: #93abce!important;
	color: #000!important;
}
/* Placeholder Text */
.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #000 !important;
}
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #000 !important;
   opacity: 1 !important;
}
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000 !important;
   opacity: 1 !important;
} 
.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000 !important;
}
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
   color: #000 !important;
}
.wpforms-container ::placeholder {
   color: #000 !important;
}

/****** Vertically center rows in sections and modules in columns *******/  
.center-row .et_pb_column, .center-section, .center-module { 
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/***** Reverse Column Stacking Order on Tablet and Mobile *****/
@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}