/* 
 Theme Name:     Brik
 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 --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* #### Home page v1 #### */

/* Service section home page v1 */

.services-v3 .single-service-column-v3::before {
	opacity: .5; /* service box opacity */
	background-color:#000; /* service box bg color */
}

/* ### Progress steps home page v1 ### */

.process-blurb .et_pb_module_header,
.process-blurb .et_pb_module_header::after {
    background-color: #a21117; /* bg color header */
}

.process-blurb .et_pb_module_header {
	box-shadow: 0 10px 45px 5px rgb(0 0 0 / 20%); /* box shadow header */
}

.process-column.active-process .process-blurb .et_pb_module_header,
.process-column.active-process .process-blurb .et_pb_module_header::after {
	background-color: #fff; /* bg color active header */
	color: #000 !important; /* text color header */
}

.process-blurb .et-pb-icon {
	box-shadow: 0 10px 30px #00000047; /* icon box shadow */
}

.process-column.active-process .process-blurb .et-pb-icon {
	color: #fdfdfd; /* active state icon color */
	border-color: #ffffff; /* active state border color */
    background-color: #a21117; /* active state icon bg color */
}

.process-blurb .et_pb_blurb_description,
.process-blurb .et_pb_blurb_description::after {
  	background-color: #e92128; /* bg color description */
}

/* ### Project gallery home page v1 ### */

.project-v3-row .project-overlay:before  {
	background-color: #000; /* bg color project box */
	opacity: .5; /* opacity bg project box */	
}

/* ### Faq section home page v1 ### */

.faq-section-blur:before {
	background-color: rgba(78, 78, 78, 0.25); /* bg color */
	-webkit-backdrop-filter: blur(6px); /* bg blur */
    backdrop-filter: blur(6px); /* bg blur */
}

/* #### Home page v2 #### */

/* Button services home page v2 */

.project-gallery-v2-image-hover a {
	background-color: #a21117; /* bg color button */
	color: #fff; /* text color button */
}

/* Progress steps home page v2 */

.progress-steps-v2 .active {
	border: 2px solid #cbcbcb !important; /* border color active state */
    box-shadow: 0 0 35px 2px #00000033; /* box shadow active state */
}

/* Animated border homepage v2 */

.animated-border-column:hover {
  border-color: #fff;
}

.animated-border-column::before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

.animated-border-column::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* ### Services v1 page ### */

/* Animated border (red) */

.animated-border-column.animated-border-red:hover {
	border-color: #a21117;
}

.animated-border-column.animated-border-red::before {
    border-top: 2px solid #a21117;
    border-left: 2px solid #a21117;
}

.animated-border-column.animated-border-red::after {
  border-bottom: 2px solid #a21117;
  border-right: 2px solid #a21117;
}

/* ### Single service v2 page ### */

/* Sidebar services menu */

.widget_nav_menu.et_pb_widget li a {
    color: #000; /* text color */
   	background-color:#eaeaea; /* bg color */
    border: 1px solid #c5c5c5; /* border color */
}

.widget_nav_menu.et_pb_widget li a:hover,
.widget_nav_menu.et_pb_widget li.current-menu-item a {   
	color:#fff; /* text color hover and active state */
}

.widget_nav_menu.et_pb_widget li a:before {
	background-color:#a21117; /* bg color hover and active state */
}

/* ### Project v1 page ### */

.brik-project-grid .et_overlay::before {
	content: "Read More" !important; /* text on hover */
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif !important; /* font family */
	font-size: 30px !important; /* font size */
}

/* ### Project v2 page ### */

.brik-project-grid-2 .et_pb_column_1_4::before {
    background-color: #000000; /* overlay color */
}

.brik-project-grid-2 .et_pb_column_1_4:hover::before {
    opacity: 0.5; /* opacity on hover */
}

/* ### Horizontal contact form (hero header v4 and footer v1) ### */

/* Inline border */

.inline-border {
	outline-style: solid;
	outline-width: 1px;
	outline-color: #b54145;
    outline-offset: -20px;
}

/* ### Blog sidebar ### */

.brik-blog-sidebar .et_pb_widget.widget_block ul li {
	border-bottom: 1px solid #dbdbdb; /* border bottom list color */
}

.brik-blog-sidebar .et_pb_widget.widget_block {
    border-radius: 10px; /* border radius */
	border: 1px solid #dbdbdb; /* border widgets color */
}

/* #### Contact forms with red fields #### */

/* Triangle contact form select */

.inline-border .et_pb_contact_field[data-type=select]:after {
    border-top-color: #ffffff !important; /* triangle dropdown color */
}

/* Contact form select dropdown font color */

.inline-border select option,
.home-v2-contact select option {
	color: #fff !important; /* text color dropdown field contact form */
}

.home-v2-contact .et_pb_contact_field[data-type=select]:after {
	border-top-color: #fff; /* triangle color dropdown field contact form */
}

/* #### Dropdown menu #### */

.nav li li a { 
  border-bottom: 1px solid #b5484e; /* Dropdown border bottom */ 
  font-weight: 500 !important; /* Dropdown font weight */ 
  font-size: 14px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  border-bottom: 12px #a21117 solid; /* Dropdown arrow color */
}  

/* #### 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; /* Collapsing mobile icon color */
	background: #ffffff; /* Collapsing mobile icon background color */
}

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

/* ### END COLORS ### */

/* ### General ### */

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

#page-container {
	overflow-x: hidden;
}

header .et_builder_inner_content {
    z-index: 9;
}

/* ################ */
/* ### Elements ### */
/* ################ */

/* Service v1 */

@media screen and (min-width: 981px) and (max-width: 1350px){
.service-v1-service-image-1	{
	width: 75% !important;
}

.service-v1-service-image-2,
.service-v1-service-image-3	{
	width: 65% !important;
}}

@media screen and (min-width: 981px) and (max-width: 1650px){
.services-v1-row-width	{
	width: 95% !important;
	max-width: 95% !important;
}}

/* ### Animated border services ### */

.animated-border-column {
  position: relative;
  transition: border-color 0.5s ease-in-out;
}

.animated-border-column::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0;
  height: 0;
  z-index: 1;
  pointer-events: none;
  animation: none; /* No animation by default */
  opacity: 0; /* Initially hidden */
  transition: opacity 0.1s ease-in-out; /* Faster opacity transition for hover-out */
}

.animated-border-column::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  z-index: 1;
  pointer-events: none;
  animation: none; /* No animation by default */
  opacity: 0; /* Initially hidden */
  transition: opacity 0.1s ease-in-out; /* Faster opacity transition for hover-out */
}

.animated-border-column:hover::before,
.animated-border-column:hover::after {
  animation: expand-border 0.5s forwards;
  opacity: 1; /* Initially hidden */
}

@keyframes expand-border {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

/* Service v3 */

.services-v3 .single-service-column-v3::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition: opacity 0.3s ease-in-out;
}

.services-v3 .single-service-column-v3:hover::before {
	opacity: .0;
}

@media screen and (min-width: 981px){
.services-v3 .single-service-column-v3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.services-v3 .et_pb_row {
	display: flex;
}

.services-v3 .single-service-column-v3 {
	border-left: 2px solid #ffffff;
}

.single-service-column-v3-title {
	bottom: -40px;
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.single-service-column-v3:hover .single-service-column-v3-title {
	bottom: -10px;
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.single-service-column-v3:hover .single-service-column-v3-link {
	opacity: 1;
    bottom: -10px;

}

.single-service-column-v3 .single-service-column-v3-link {
	opacity: 0;
    bottom: -40px;	
	transition: all .25s cubic-bezier(.645,.045,.355,1);

}}

@media screen and (max-width: 980px){
.single-service-column-v3 {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}}

@media screen and (max-width: 480px){
.hp1-services-column-1 .et-pb-icon {
	margin-top: 10px !important;
}}

/* Service v4 */

.service-v4-blurb {
	display: flex;
    align-items: center;
}

/* Service v6 

.services-v6 .single-service-column-v6::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000;
	opacity: .5;
	transition: opacity 0.3s ease-in-out;
}

.services-v6 .single-service-column-v6:hover::before {
	opacity: .0;
}

.services-v6 .single-service-column-v6 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

@media screen and (min-width: 981px){
.single-service-column-v6-title {
	bottom: -40px;
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.single-service-column-v6:hover .single-service-column-v6-title {
	bottom: -10px;
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.single-service-column-v6:hover .single-service-column-v6-link {
	opacity: 1;
    bottom: -10px;

}

.single-service-column-v6 .single-service-column-v6-link {
	opacity: 0;
    bottom: -40px;	
	transition: all .25s cubic-bezier(.645,.045,.355,1);

}}
*/
/* Call to action bar V1 */
@media screen and (min-width: 480px) {
.cta-bar-v1 {
	display: flex;
}}

@media screen and (min-width: 768px) {
.cta-bar-v1 .cta-bar-v1-column-3  {
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: column;
}

.cta-bar-v1 .cta-bar-v1-column-2 {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.cta-bar-v1 .cta-bar-v1-column-1 {
	width: 20% !important;
	display: flex;
    align-items: center;
}

.cta-bar-v1 .cta-bar-v1-column-2 {
	width: 60% !important;
}

.cta-bar-v1 .cta-bar-v1-column-3 {
	width: 20% !important;
}}

/* ### Form header ### */

.form-blurb {
   	display: inline-block;
	float: right;
}

.form-blurb .et_pb_blurb_content {
	display: flex;
}

.form-blurb .et_pb_main_blurb_image {
	order:2;	
	margin-bottom: 0px;
	width: 65px;
}

.form-blurb .et_pb_blurb_container {
	order:1;
	padding-left: 0px;
	padding-right: 5px;
}

.form-blurb h4.et_pb_module_header {
	padding-bottom:0px;
	margin-top:14px;
}

@media screen and (max-width: 479px) {
.form-blurb h4.et_pb_module_header {
	margin-top:9px;
}
	
.form-blurb .et_pb_blurb_container {
	padding-right: 0px;
}}

.form-badges {
  	display: inline-block;  	
}

@media screen and (min-width: 981px) and (max-width: 1500px) {
.form-badges.et_pb_image .et_pb_image_wrap {
    max-width: 75% !important;
}

.form-badges.et_pb_image {
    padding-left: 15px !important;
}

.form-column .form-blurb.et_pb_blurb  {
	padding-right: 15px !important;
}

.form-column .form-blurb .et_pb_main_blurb_image .et_pb_image_wrap,
.form-column .form-blurb .et_pb_main_blurb_image {
    width: 50px;
}

.form-column .form-blurb .et_pb_blurb_description {
	font-size: 13px;	
}

.form-blurb h4.et_pb_module_header {
	margin-top:8px;
}}

/* ### Call to action bottom ### */

@media screen and (min-width: 981px) {
.hero-v1-contact {
	margin-top: -100px;
	margin-bottom: -100px;
}}

@media screen and (min-width: 981px) and (max-width: 1450px){
.hero-v1-contact {
	padding-left: 50px !important;
	padding-right: 50px !important;
}}

/* Blog V3 */

.blog-v3 .post-content {
	padding-bottom: 0px !important;
}

.blog-v3 .post-meta {
	padding-top: 5px;
	padding-bottom: 15px !important;
}

.blog-v3 .et_pb_post {
	padding: 50px 25px;
	margin-bottom: 0px !important;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}

.blog-v3 .et_pb_post:hover {
	box-shadow: 0 0 25px 3px #00000017;
	z-index: 9;
	border-bottom-color: #fff !important;
}

/* ### Progress steps V2 ### */

@media screen and (min-width: 981px) {
/* Limit this behavior to our progress steps v2 section */
.progress-steps-v2 .project-v1-image-column {
  position: relative; /* establishes a stacking context for the images */
}

/* Style all image modules so they all sit in the same position */
.progress-steps-v2 .et_pb_image {
  top: 0;
  left: 0;
  width: 100%;  /* adjust if necessary */
  height: auto; /* adjust if necessary */
  display: none; /* hide all images by default */
}

/* Show the first step image by default */
.progress-steps-v2 .step-1-image {
  display: block;
}

.progress-steps-v2 .et_pb_blurb {
	transition: all .25s cubic-bezier(.645,.045,.355,1); 
	border: 2px solid #ffffff00; /* border color */
}}

@media screen and (min-width: 981px) and (max-width: 1500px){
.progress-steps-v2 .projectborder {
	padding: 25px !important;
}}


/* ### Project gallery V2 ### */

.project-gallery-v2 .project-gallery-v2-text {
	display: flex;
    justify-content: center;
    align-items: center;
}

.project-gallery-v2 .project-gallery-v2-image-hover {
    justify-content: center;
    align-items: flex-end;
	top:0;
	left: 0;
	opacity:0;
	position:absolute !important;
	visibility:hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	overflow: hidden;	
}

.project-gallery-v2 .gallery-v2-column:hover .project-gallery-v2-image-hover {
	visibility:visible;
	opacity:1;
}

.project-gallery-v2-image-hover a {
	padding: 10px 20px;
	width: 100%;
	position: absolute;
    text-align: center;
    bottom: -80px;
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.project-gallery-v2 .gallery-v2-column:hover .project-gallery-v2-image-hover a {
	bottom: 0;
}

.project-gallery-v2-image-hover .et_pb_text_inner {
	height: 100%;
}

/* ### Project gallery V3 ### */

.project-v3-row .project-overlay:before  {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;	
	transition: all .25s cubic-bezier(.645,.045,.355,1);
	left: 0;
    top: 0;
}

.project-v3-row .project-overlay:hover:before  {
	opacity: 0;	
}

@media only screen and (max-width: 980px) {
.project-v3-row {
    height: auto !important;
}}

@media screen and (min-width: 981px) and (max-width: 1675px){
.project-v3-row .project-v3-text-column {
	padding: 30px !important;
}

.project-v3-row .project-v3-text-column h3 {
    font-size: 38px !important;
}}

/* ### Faq section ### */

.faq-section-blur:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}

/* ### Process steps ### */

.process-blurb .et_pb_module_header {
	padding: 90px 30px 50px 30px;;
	position: relative;
	z-index: 6;
	box-shadow: 0 10px 45px 5px rgb(0 0 0 / 20%);
	transition: background-color 0.2s ease-in-out;
	min-height: 220px;
}

.process-blurb .et_pb_module_header::after {
	content: '';
    position: absolute;
    bottom: -49px;
    left: 0;
    width: 100%;
    height: 50px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
	transition: background-color 0.2s ease-in-out;
}

.process-blurb .et-pb-icon {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.process-blurb .et_pb_blurb_description {
  padding: 0px 30px;
  margin: 0 20px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
  z-index: 5;
}

.process-column.active-process .et_pb_blurb_description {
  height: 300px; /* Adjust this height based on content */
  padding: 75px 30px 20px 30px;
  opacity: 1;
}

.process-blurb .et_pb_blurb_description p {
	padding-top: 0px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out 0.3s;
}

.process-column.active-process .process-blurb .et_pb_blurb_description p {
	opacity: 1;
	padding-top: 0px;
}

.process-blurb .et_pb_blurb_description::after {
	content: '';
    position: absolute;
    bottom: -49px;
    left: 20px;
    width: calc(100% - 40px);
    height: 50px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.process-blurb .et_pb_main_blurb_image {
    margin-bottom: 0;
    z-index: 9;
    position: relative;	
}

.process-blurb .et_pb_blurb_container {
	margin-top: -62px;
}

@media screen and (min-width: 981px) and (max-width: 1350px){
.process-blurb .et_pb_blurb_description {
	padding: 75px 10px 20px 10px !important;
	font-size: 16px !important;
}
	
.process-blurb h4.et_pb_module_header {
	font-size: 24px !important;	
}}


/* ### Sidebar services menu ### */

.widget_nav_menu.et_pb_widget li a {
    display: block;
    padding: 15px 25px;	
	font-size: 18px;
	font-weight: 600;
	position: relative;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
	z-index:1;
}

.widget_nav_menu.et_pb_widget li a:before {
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	opacity:0;
	z-index:-1;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.widget_nav_menu.et_pb_widget li a:hover:before,
.widget_nav_menu.et_pb_widget li.current-menu-item  a:before {
    opacity: 1;
}

.widget_nav_menu ul li a::after {
    font-family: FontAwesome!important;
    content: "\f054";
	position: absolute;
    right: 25px;
    top: 16px;
}

@media screen and (max-width: 980px) {
.et_pb_widget.widget_nav_menu {
	width: 100%;
}}

@media screen and (max-width: 980px) {
.single-service-v2-row {
	display: flex;
	flex-direction: column;
}

.single-service-v2-row .single-service-v2-column-1 {
	order: 2;
}

.single-service-v2-row .single-service-v2-column-2 {
	order: 1;
}}

/* ### Project grid 2 ### */

.brik-project-grid-2 .et_pb_column_1_4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}

/* ### Blog sidebar ### */

.brik-blog-sidebar .et_pb_widget.widget_block {
    padding: 25px;
}

.brik-blog-sidebar .et_pb_widget.widget_block ul li {
	padding-top: 5px;
    padding-bottom: 13px;
}

.brik-blog-sidebar .et_pb_widget.widget_block ul li:last-child {
	border-bottom: 0px solid #dbdbdb;
    padding-bottom: 0px;
}

/* ##################### */
/* ### Header & Menu ### */
/* ##################### */

/* ### Header & Menu  V1 ### */

@media screen and (min-width: 981px) {
.header-v1-special-column-2 {
	display: flex;
    flex-direction: column;
}

.header-v1-special-column-1 {
	width: 18% !important;
	display: flex;
	align-items: center;
}

.header-v1-special-column-2 {
	width: 82% !important;
}

.header-v1-top-bar-column-2 {
	display: flex;
    justify-content: flex-end;
    align-items: center;	
}

.header-v1-special-column-2 .et_pb_row_inner {
	display: flex;
}}

@media screen and (max-width: 980px) {	
.header-v1-second-column-top-row {
	display: flex;
	align-items: center;
}

.header-v1-button {
	width: 100%;
}}

@media screen and (min-width: 981px) {
.header-v1-menu {
	display: flex;
    height: 100%;
}

.header-v1-menu .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px !important;
}
	
.header-v1-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0px;
}

.header-v1-menu .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
	align-items: center;
}

.header-v1-menu-row .header-v1-menu-row-column{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-v1-menu .et_pb_menu__logo-wrap {
	display: none;		
}} 

/* ### Header & Menu  V1 transparant ### */

.header-v1-transparant {
	position: absolute;
}

.header-v1-transparant .et_pb_sticky--top {
	position: relative;
}

/* ### Header & Menu  V2 ### */

@media screen and (min-width: 981px) {
.header-v2-menu {
	display: flex;
    height: 100%;
}

.header-v2-menu .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px !important;
}
	
.header-v2-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0px;
}

.header-v2-menu .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
	align-items: center;
}

.header-v2-menu-row .header-v2-menu-row-column{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-v2-menu .et_pb_menu__logo-wrap {
	display: none;		
}}

@media screen and (min-width: 981px) {
.header-v2-top-row {
	display: flex;	
}	
	
.header-v2-menu-row.header-v2-menu-row .header-v2-menu-row-column {
    justify-content: center;
}

.header-v2-column-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}}

@media screen and (max-width: 980px) {
.header-v2-section {
	display: flex;
	flex-direction: column;
}

.header-v2-section .header-v2-top-row {
	order: 2;	
}

.header-v2-section .header-v2-menu-row {
	order: 1;
}}

@media screen  and (max-width: 980px) {
.header-v2-column-2 {
  display: flex;
  flex-wrap: wrap;
}

.header-v2-blurb-1, .header-v2-blurb-2  {
  flex: 1 1 50%; /* Allow Div 1 and Div 2 to share the row equally */
  box-sizing: border-box; /* Ensure padding/border is included in size */
}
	
.header-v2-column-2 .et_pb_button_module_wrapper {
  flex: 1 1 100%; /* Make the last div take the full width */
}
	
.header-v2-button {
	width: 100%;	
}}

@media screen  and (max-width: 480px) {
.header-v2-blurb-1 .et_pb_blurb_description {
	line-height: 1.2em !important;
}}

/* ### Header & Menu  V2 transparant ### */

/* ### Header & Menu  V3 ### */

@media screen and (min-width: 981px) {
.header-v3-menu {
	display: flex;
    height: 100%;
}

.header-v3-menu .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px !important;
}
	
.header-v3-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0px;
}

.header-v3-menu .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
	align-items: center;
}

.header-v3-menu-row .header-v3-menu-row-column{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-v3-menu .et_pb_menu__logo-wrap {
	display: none;		
}}

@media screen and (min-width: 981px) {
.header-v3-top-row,
.header-v3-logo-row	{
	display: flex;	
}	
	
.header-v3-menu-row.header-v3-menu-row .header-v3-menu-row-column {
    justify-content: center;
}

.header-v3-column-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}}

@media screen and (max-width: 980px) {
.header-v3-section {
	display: flex;
	flex-direction: column;
}

.header-v3-section .header-v3-top-row {
	order: 1;	
}

.header-v3-section .header-v3-menu-row {
	order: 2;
}

.header-v3-section .header-v3-logo-row{
	order: 3;	
}}

@media screen  and (max-width: 980px) {
.header-v3-column-2 {
  display: flex;
  flex-wrap: wrap;
}

.header-v3-blurb-1, .header-v3-blurb-2  {
  flex: 1 1 50%; /* Allow Div 1 and Div 2 to share the row equally */
  box-sizing: border-box; /* Ensure padding/border is included in size */
}}

@media screen  and (max-width: 480px) {
.header-v3-blurb-1 .et_pb_blurb_description {
	line-height: 1.2em !important;
}}

.header-v3-column-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header-v3-top-row {
	display: flex;
	align-items: center;	
}

.header-v3-top-row .et_pb_social_media_follow li {
    margin-bottom: 0px;
}

@media (max-width: 980px) {
.header-v3-top-row .et_pb_column {
    margin-bottom: 0px;
}}

/* ### Header & Menu  V4 ### */

@media screen and (min-width: 981px) {
.header-v4-menu {
	display: flex;
    height: 100%;
}

.header-v4-menu .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px !important;
}
	
.header-v4-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0px;
}

.header-v4-menu .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px !important;
	align-items: center;
}

.header-v4-menu-row .header-v4-menu-row-column{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
	
.header-v4-menu .et_pb_menu__logo-wrap {
	display: none;		
}}

@media screen and (max-width: 980px) {	
.header-v4-button {
	width: 100%;
}}

/* ### Header & Menu  V4 transparant ### */

.header-v4-transparant {
	position: absolute;
}

.header-v4-transparant .et_pb_sticky--top {
	position: relative;
}

/* ################## */
/* ### Home pages ### */
/* ################## */

/* ## Home page V1 ### */

@media screen and (max-width: 980px) {
.hp-1-about-row {
	display: flex;
	flex-direction: column;
}

.hp-1-about-column-1 {
	order: 2;
}

.hp-1-about-column-2 {
	order: 1;
}}

@media screen and (min-width: 981px) and (max-width: 1500px){
.hp-1-section-4 h2{
	font-size: 54px !important;
}}

.hp1-areas-column {
	display: flex;
	flex-direction: column;
}

.hp1-areas-column .hp1-areas-column-row {
	height: 100%;
}
@media screen and (min-width: 981px) {
.hp1-column-1-about-contact {
	width: 54.25% !important;
}

.hp1-column-2-about-contact {
	width: 40.25% !important;
}
	
.hp1-services-column-1 {
	display: flex;
    flex-direction: column;
    align-self: center;
}}	

@media screen and (min-width: 981px) and (max-width: 1350px) {
.hp1-services-column-1 {
	padding-right: 4% !important;
    padding-left: 4% !important;	
}}

.hp1-bottom-cta {
	box-shadow: 0 0 100px 20px rgb(0 0 0 / 52%);
	border-radius: 15px;
}

@media screen and (min-width: 981px) {
.cta-bottom-v3 .et_pb_row {
	display: flex;
	align-items: center;
}}

.form-sticky .et_pb_contact_field textarea.et_pb_contact_message {
    min-height: 125px !important;
}

.form-h3-title h3 {
	padding-bottom: 5px !important;
}

/* ### Call to action bottom ### */

@media screen and (min-width: 981px) {
.hero-v3-contact {
	margin-top: -150px;
	margin-bottom: -150px;
}}

/* ## Home page V1 ### */

@media screen and (min-width: 768px) {
.hp-two-column-one .et_pb_button_module_wrapper {
  display: inline-block !important;
}}

@media screen and (min-width: 981px) and (max-width: 1450px){
.hero-v2-contact {
	padding-left: 50px !important;
	padding-right: 50px !important;
}}

@media screen and (min-width: 981px) and (max-width: 1200px){
.hero-v1-row h1 {
	font-size: 48px !important;
}}

@media screen and (min-width: 981px) and (max-width: 1350px){
.hero-sticky-form-section .et_pb_row.hero-with-sticky-form {
	padding-left: 35px !important;
	padding-right: 35px !important;
	width: 100% !important;
    max-width: 100% !important;
}}

@media screen and (min-width: 1351px) and (max-width: 1650px){
.hero-sticky-form-section .et_pb_row.hero-with-sticky-form {
	padding-left: 140px !important;
	padding-right: 140px !important;
}}

@media screen and (min-width: 1351px) and (max-width: 1750px){
.hero-sticky-form-section .et_pb_row.hero-with-sticky-form {
	padding-left: 10% !important;
	padding-right: 10% !important;

}}

/* ## Home page V2 ### */

@media screen and (min-width: 981px) and (max-width: 1450px){
.hp2-results-section h2 {
	font-size: 50px !important;
}

.hp2-promo-row h2,
.hp2-project-column h2	{
	font-size: 40px !important;
}
	
.hp2-project-column {
	padding-left: 20px !important;
	padding-right: 20px !important;
}}

@media screen and (min-width: 981px) and (max-width: 1650px){	
.result-image-van.et_pb_image {
	transform: translateX(-50px) translateY(50px) !important;	
	margin-top:0px !important;
}}

/* Projects home v2 */

.projects-home-v2-column {
    position: relative;
    overflow: hidden; /* Ensures the image doesn't overflow the column */
}

.projects-home-v2-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit; /* Keeps the existing background image */
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.projects-home-v2-column:hover::before {
    transform: scale(1.1); /* Slightly enlarges the background */
}

/* ### Estimate form cta ### */
@media screen  and (min-width: 981px) {
.estimate-form-cta {
	display: flex;
    align-items: center;
}

.estimate-form-cta .et_pb_contact_form  {
	display: flex;
}

.estimate-form-cta p.et_pb_contact_field {
    padding: 0 0 0 3%;
    margin-bottom: 0%;
}

.estimate-form-cta .et_contact_bottom_container {
    margin-top: 0%;
}}

@media screen  and (max-width: 980px) {
.estimate-form-cta .et_pb_contact .et_pb_contact_field_half {
    width: 100% !important;
    float: left;
}}

/* ## Home page V4 ### */

@media screen and (min-width: 981px) and (max-width: 1650px){
.hp-4-hero-title h1 {
	font-size: 60px !important;
}

.hp-4-hero-paragraph p {
	font-size: 18px !important;	
}}

/* ## Home page V5 ### */

@media screen and (min-width: 981px) and (max-width: 1450px){
.hp-5-hero-header-work-van-row {
	width: 55% !important;
	bottom: -130px !important;
}}


/* ## Home page V6 ### */

.hp-6-hero-header {
    align-content: center;
}


/* ## about us page ### */

@media screen and (min-width: 981px) {
.about-us-right-column {
	margin-top: -180px;
}}

@media screen and (min-width: 981px) and (max-width: 1550px){
.about-round-image {
	height: 350px !important;
	width: 350px !important;
}
	
.about-us-right-column .et_pb_image,
.about-us-right-column .et_pb_text,
.about-us-right-column .et_pb_module.et_pb_blurb,
.about-us-right-column .et_pb_promo {
	padding-left: 25px !important;
	padding-right: 25px !important;
}}

/* ### Lead page ### */

@media screen and (min-width: 981px) {
.lead-points-section .lead-points-section-column-1 {
	width: 60.25% !important;
}

.lead-points-section .lead-points-section-column-2 {
	width: 39.25% !important;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	
}}

.lead-points-section .lead-points-section-column-2 {
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	
}

/* ### Contact v2 page ### */
@media screen and (min-width: 981px) and (max-width: 1550px){
.contact-v2-special .et_pb_row_inner.contact-v2-row {
	padding-left: 25px !important;
	padding-right: 25px !important;
}}

/* #### Dropdown Menu #### */  
  
.nav li li:last-child a {
  border-bottom: 0px solid #e5e5e5; 
}  
  
.nav li ul.sub-menu {
	padding: 0px !important;
  border-radius: 5px;
  box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  padding: 0 0px !important;
  width: 100%;
}
  
.et-menu li li a {
  padding: 10px 20px;
  width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: -20px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  z-index: 1;
}
  
.nav li ul {
    right: 0!important;
}
  
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
}  

.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: 1px;
	font-size: 19px;
}

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


/* Force styles for Reset Button in WordPress Customizer */
.wp-customizer .brik-reset-button,
#customize-controls .brik-reset-button {
    background-color: #ececed !important; /* Custom red background */
    color: #000 !important; /* White text */
    font-weight: 500 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

/* Hover Effect */
.wp-customizer .brik-reset-button:hover,
#customize-controls .brik-reset-button:hover {
    background-color: #dcdcde !important; /* Darker red on hover */
}

/* Divi 5 */

.et-db #et-boc .et-l.et-l--header .et_builder_inner_content {
	z-index: 99 !important;
}