/* 
 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 --------------------------- */ 


/* #### CUSTOM CSS #### */
:root {
	--blue-color:   #31374d;
	--red-color:    #fa2100;
	--orange-color: #ff4500;
	--grey-color:   #dddddd;
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu#mobile_menu1 {
	background-color:#FF4500!important;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
	margin-top: 10px;
}

#homepage_button1, #homepage_button2 {
	width:100%;text-align:center;max-width:250px;
}


.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .menu-item {border-bottom:1px solid #fff;}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .menu-item:last-child {border-bottom:0px}

body #page-container .et_pb_section .et_pb_button_0:hover,
body #page-container .et_pb_section .et_pb_button_0_tb_header:hover,
body #page-container #main-content .et_pb_section .et_pb_button_1:hover,
.et_pb_button_1_wrapper .et_pb_button_1:hover,
.et_pb_button_2_wrapper .et_pb_button_2:hover,
.et_pb_button_3_wrapper .et_pb_button_3:hover,
.et_pb_button_4_wrapper .et_pb_button_4:hover,
.et_pb_button_5_wrapper .et_pb_button_5:hover,
.et_pb_button_6_wrapper .et_pb_button_6:hover,
body #page-container .et_pb_section .et_pb_button_0_tb_header:hover, 
body #page-container .et_pb_section .et_pb_button_1_tb_header:hover,
.contactblock a:hover,
body #page-container #footertriangle.et_pb_section .et_pb_contact_form_0_tb_footer.et_pb_contact_form_container.et_pb_module .et_pb_button:hover{color:#fff!important;background-color:#31374E!important;border-color:#31374E!important}

body #page-container .et_pb_section .et_pb_button_0_tb_header:hover,
.contactblock a:hover,
body #page-container #footertriangle.et_pb_section .et_pb_contact_form_0_tb_footer.et_pb_contact_form_container.et_pb_module .et_pb_button:hover{outline: 2px solid #fff !important;}

#et-main-area {margin-top:-92px;}
.et_pb_row.et_pb_row_1_tb_header.et_pb_sticky--top {background-color:var(--blue-color)!important;}
header .et_builder_inner_content:not(.has_et_pb_sticky) .et_pb_section_0_tb_header {background-color: transparent !important;}
header .et_builder_inner_content:not(.has_et_pb_sticky) .et_pb_section_0_tb_header .et_pb_row_1_tb_header {box-shadow:none!important}


.button-one-line {text-align:center}
.topbarleft ul, .topbarright ul {padding:0;margin:0;list-style:none;}
.topbarleft ul li {background-size: 14px;padding:0;margin:0;background-repeat:no-repeat;display: inline-block;margin-right: 30px;padding-left: 20px;background-position: left center;}
.topbarright ul li {padding:0;margin:0;display: inline-block;margin-right: 20px;}
.topbarright ul li a {
	width: 15px;
    height: 18px;
    display: block;
    background-position: center bottom;
    background-size: 12px 12px;
	background-repeat:no-repeat;
}
.topbarleft ul li a {color:#fff;}
.topbarleft ul li a:hover {color:#fff;text-decoration:underline}
.topbarleft ul li.telephone {background-image:url('/wp-content/uploads/2025/10/phone.svg');}
.topbarleft ul li.email {background-image:url('/wp-content/uploads/2025/10/email.svg');}
.topbarleft ul li.time {background-image:url('/wp-content/uploads/2025/10/time.svg');}

.topbarright ul li.facebook a {background-image:url('/wp-content/uploads/2025/11/facebook.svg');}
.topbarright ul li.instagram a {background-image:url('/wp-content/uploads/2025/11/instagram.svg');}
.topbarright ul li.in a {background-image:url('/wp-content/uploads/2025/11/in.svg');}

body:not(.et-fb) h2, body:not(.et-fb) h3, body:not(.et-fb) h1 {text-transform: uppercase;font-weight: 800;}
body:not(.et-fb) h1:after {content: "";display: inline-block;width: 10px;height: 10px;background-color: red;border-radius: 50%;margin-left: 4px;}
/*body:not(.et-fb) h2:after {content: "";display: inline-block;width: 8px;height: 8px;background-color: red;border-radius: 50%;margin-left: 4px;}*/

body:not(.et-fb) h2:after {
    content: "\2022";
    width: 5px;
    height: 5px;
    margin-left: 0px;
    font-size: 36px;
    color: red;
    position: absolute;
	margin-top: 15px;
}



/*body:not(.et-fb) h3:after {content: "";display: inline-block;width: 5px;height: 5px;background-color: red;border-radius: 50%;margin-left: 0px;}*/

body:not(.et-fb) h3:after {
    content: "\2022";
    width: 5px;
    height: 5px;
    margin-left: 0px;
    font-size: 25px;
    color: red;
    line-height: 26px;
    position: absolute;
	margin-top: 10px;
}


footer p a {color:#fff}
footer p a:hover, footer p a:focus, footer p a:active {text-align:underline}
.footertext .et_pb_main_blurb_image img {width:20px;margin-top:4px;}
.footerlogo img {display: block;margin: auto;position: relative;background-color: var(--blue-color);}
.footerlogo .et_pb_image_wrap:before {content: "";display: block;border-top: 1px solid #707070;width: 100%;height: 9px;position: absolute;bottom: 63px;z-index: 0;}
#footertriangle {display:block;}
/*
#footertriangle:before {
	background-image: url(https://els-solutions.co.uk/wp-content/uploads/2025/10/footertriangles.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
    /* border: 1px solid red; */
    content: "";
    display: block;
    width: 100%;
    height: 36vh;
    background-position: 100% 100.1%;
} */

#et_pb_contact_form_0.et_pb_contact_form_0_tb_footer.et_pb_contact_form_container .input {border-radius:30px;padding: 17px 16px;}
#et_pb_contact_form_0.et_pb_contact_form_0_tb_footer.et_pb_contact_form_container .textarea {border-radius:15px;padding: 17px 16px;}
#et_pb_contact_form_0.et_pb_contact_form_0_tb_footer.et_pb_contact_form_container .et_contact_bottom_container {width:100%;margin-top: 0px;}
#footertriangle #et_pb_contact_form_0.et_pb_contact_form_0_tb_footer.et_pb_contact_form_container .et_pb_contact_submit.et_pb_button {width:100%;padding: 12px 16px!important;border-radius:30px}

.et_pb_blog_0 .et_pb_blog_grid .et_pb_post,
.et_pb_blog_1 .et_pb_blog_grid .et_pb_post,
.et_pb_blog_2 .et_pb_blog_grid .et_pb_post,
.et_pb_blog_3 .et_pb_blog_grid .et_pb_post,
.et_pb_blog_4 .et_pb_blog_grid .et_pb_post,
.et_pb_blog_0_tb_body .et_pb_blog_grid .et_pb_post{border-color: #d1d1d1 #d1d1d1 #ff4500 #d1d1d1!important;}


#home_projects .post-content-inner {
	background-image:url('/wp-content/uploads/2025/10/location.svg');
	background-repeat: no-repeat;
	background-size: 15px;
    background-position: 0px 3px;
    padding-left: 24px;
}

#home_services h3.entry-title {color:var(--blue-color);}

#home_services .size-1of3 {width:47.25%}
#home_services .size-1of3:last-child {display:none}
#home_services .size-1of3:nth-child(2) {margin-right:0px}
#home_services .post-content-inner {column-count: 2;width:100%}
#home_services .post-content-inner ul {margin:0;padding:0;list-style-type:none;}
#home_services .post-content-inner ul li {text-transform:initial;font-size:15px;text-align:left;margin:0;padding:0}
#home_services .post-content-inner ul li:before {content:"";width:10px;display:inline-block;height:1px;border-top:2px solid #FF4500;margin-right:8px;vertical-align: middle;}
/*#home_services .post-content-inner {background-image:none;padding:0;display: inline-block;}*/
#home_services h3 {color:var(--blue-color);}

.text-with-line {}
.text-with-line:before {content:"";width:10px;height:1px;border-top:2px solid #FF4500;margin-right:8px;vertical-align: middle;}

.someofourclients {text-align:center;}
.someofourclients h3, .someofourclients img {display: inline-block;margin: 0 20px;vertical-align: middle;}
.someofourclients h3 {float: left;margin-top: 26px;}

body.tax-project_category .column.size-1of3 {
	width: 47% !important;
  margin: 1.5% !important;
}



.et_contact_bottom_container, .et_pb_contact_submit.et_pb_button {width:100%}

.services .et_pb_text_inner img {border-radius: 15px;}




.contactblock {
	background-color:#31374D;
	border-radius:12px;
	display:block;
	padding:20px;
	box-sizing:border-box;
	text-align:center
}

.contactblock p {color:#fff;font-size:18px;font-weight:600}

.contactblock a {
	display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #FF4500;
    font-size: 14px;
    padding: 5px;
    border-radius: 30px;
    margin-top: 10px;
	font-weight:600;
	width:90%;
	max-width:325px;
}


@media (max-width: 980px) {
    .et_pb_menu .et_pb_menu__wrap {
        order: 1;
        flex: none;
        margin-right: 10px;
        margin-left: -10px;
    }
	.et_pb_menu__logo-wrap {
        order: 2;
    }
	
	.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center {
		max-width: 100px;
    	display: inline-block;
    	float: right;
	}
	.et_pb_menu_0_tb_header.et_pb_menu {
		max-width: calc(100% - 110px);
    	display: inline-block;
    	padding-top: 8px;
	}
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {color:#fff!important}
}



@media screen and ( max-width: 767px ) {
	.services .et_pb_text_inner img {float:none!important;display:block!important;margin:20px auto 20px auto!important}
	.services .et_pb_text_inner h3 {text-align:center!important;}
	.services .et_pb_text_inner {text-align:center!important}
	.services + .et_pb_row {padding-bottom: 0px !important;}
	.topbarleft ul li.email {display:none}

}
	
	
@media screen and ( max-width: 500px ) {
header .et_pb_row_0_tb_header.et_pb_row {
		padding-top: 2px !important;}
	.topbarleft ul li {font-size:12px;margin-right:0px;}
.topbarleft ul li.telephone {float:left}
	.topbarleft ul li.time {float:right;margin-left:15px;}	
	
	#et-main-area {
    margin-top: -134px;
}
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
    color: #fff!important;
}
}




.contact_sidebar p {color:#FF4500;font-family:'rig-sans';font-size:16px;font-weight:600;}
.contact_sidebar h4 {font-size:26px;color:#fff;font-weight: 600;}
.contact_sidebar small {color:#fff;font-family:'rig-sans';font-size:13px;}

.contact_sidebar {
background-repeat: no-repeat;
background-position: top 45px left 40px;
background-size: auto 30px;
}
.contact_sidebar.located {background-image:url('/wp-content/uploads/2025/12/located.svg');}
.contact_sidebar.phone {background-image:url('/wp-content/uploads/2025/12/phone.svg');}
.contact_sidebar.email {background-image:url('/wp-content/uploads/2025/12/email.svg');}
.contact_sidebar.officehours {background-image:url('/wp-content/uploads/2025/12/officehours.svg');}





.services h3 {font-size:28px;color:#31374E}
.services p {font-size:17px;}
.services p:empty {display:none!important}
/* #### 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 ( max-width: 980px ) {
	.header-top-bar-column {display:block;width:100%;}
	.header-top-bar-column .topbarleft {width:100%}
	.topbarleft ul li.telephone {float:left;}
	.topbarleft ul li.time {float:right;margin-right:0px}
}

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