/* 
 Theme Name:     Construction Pro Divi Child Theme
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* #### SERVICES BOX #### */

.services-row .et_pb_blurb:hover:before {
    opacity: 0.8;
    background-color: #FFB319;
}

/* #### COLLAPSING MOBILE MENU #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #000000; /* Icon color */
	font-size: 20px; /* Icon size */
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 700 !important; /* Font weight for parent mobile menu item */
}

/* #### DROPDOWN MENU #### */

.cp-custom-menu .nav li li a {
    border-bottom: 1px solid #e9e9e9; /* Line between menu items */
}

.cp-custom-menu .et-menu li li a {
	font-size: 14px; /* Font size dropdown menu */
}

/* #### MENU #### */

@media screen and ( min-width: 981px ) and (max-width: 1100px) {
.cp-custom-menu .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
    width: 40% !important;
}}

@media screen and ( min-width: 1101px ) and (max-width: 1150px) {
.cp-custom-menu .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
    width: 50% !important;
}}

@media screen and ( min-width: 981px ) {
.button-one-line  .et_pb_button_module_wrapper {
  display: inline-block;
}}

.menu-cta-button {
	white-space: nowrap;
}

@media screen and ( min-width: 981px ) {
.header-top-bar-column {
display: flex;
align-items: center;
justify-content: flex-end;
}

.header-top-bar-column {
display: flex;
align-items: center;
justify-content: space-between;
}

.header-menu-column {
display: flex;
align-items: center;		
}}

@media screen and ( min-width: 480px ) and (max-width: 980px) {
.header-top-bar-column {
display: flex;
align-items: center;
justify-content: space-between;
}
	
.header-menu-column {	
display: block;
}}

.home-about-box {
display: flex;
flex-direction: column;
justify-content: center;
}

@media screen and ( min-width: 981px ) and (max-width: 1400px) {
.custom-row-width,
.custom-special-row-width .et_pb_row	{
	width: 95%;
	max-width: 95%;
}}

.services-row .et_pb_blurb:before {
  	content:"";
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	background-color: rgb(255 179 25 / 0%);
	top:0px;
	left: 0px;
	transition: all 0.2s ease !important;	
}

/* ########## DROPDOWN MENNU ########### */

.cp-custom-menu.et_pb_menu .et-menu-nav>ul ul {
    padding: 0px 0 !important;
	border-radius: 8px;
}

.cp-custom-menu .nav li li {
	padding: 0 0px !important;
}

.cp-custom-menu .nav li ul {
    width: 240px;
}

.cp-custom-menu .et-menu li li a {
    width: 240px !important;
	padding: 6px 20px;
	margin-top: 2px;
}

.cp-custom-menu .nav li li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0) !important;
}

.cp-custom-menu .nav li li ul {
    top: -4px !important;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

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;
}

.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;
}

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;
}

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;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}