/*
 Theme Name: Divi Child
 Description: Divi Child Theme
 Author: Redwing Interactive
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.topheader > .et_pb_column  {display:flex;align-items:center;padding: 1rem 0 0.4rem 0;gap: 0 3%;margin-bottom: 0 !important;}
.mainheader > .et_pb_column  {display:flex;align-items:center;gap:0 3%;margin-bottom: 0 !important;}
.mainheader .et_pb_module, .topheader .et_pb_module  {margin-bottom: 0 !important;}

@media (max-width: 980px) {
    .topheader > .et_pb_column  {justify-content: center;}
    .topheader .et_pb_blurb_4_tb_header.et_pb_blurb {margin-left: 0;}
    .topheader .et_pb_blurb_0_tb_header.et_pb_blurb {margin-left: 0;}
    .et_pb_row_7_tb_header.et_pb_row.mobheader {margin: 0 auto !important;padding:0 !important;  }
    .et_pb_row_8_tb_header.et_pb_row.mobmenu { padding: 0 !important; margin: 0 !important;}
    .et_mobile_menu {width:80% !important;}
}
@media (max-width: 980px) {
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .et_pb_menu_1_tb_header {
    width: 100% !important;
    margin-left: 126px !important;
    transform: translateX(-256px) translateY(0px);
  }
}


@media (max-width: 540px) {
    .topheader > .et_pb_column {display: block;}
    .topheader .et_pb_blurb_content {display:flex;justify-content:center;}
    .topheader .et_pb_main_blurb_image {margin-bottom: 0;}
    .et_mobile_menu {left: -20%;}
}


/*testimonials*/
.testis .et_pb_testimonial:before {display: none;}
.testis .et_pb_testimonial {padding:0 !important;}
.testis .et_pb_testimonial_content {position: relative;}

/* Add the opening quote */
.testis .et_pb_testimonial_content::before {content: "“";color: #A8CF3E;font-size: 1rem;display: inline-block;transform: scale(4);transform-origin: left top;margin-right: 1.4rem;vertical-align: top;line-height: 1;}
/* Add the closing quote */
.testis .et_pb_testimonial_content::after {content: "”";color: #A8CF3E;font-size: 1rem;display: inline-block;transform: scale(4);transform-origin: right top;margin-left: 1.8rem;vertical-align: bottom;line-height: 0.3;}



.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	font-weight: 800;
	 
}

.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px;
}



/* On page ID 75, change the font color of the current menu item in a sub-menu */
body.page-id-75 .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
    color: #A8CF3E !important;
	font-weight: 800;
}

/* On page ID 75, change the font color of menu item with ID 96 */
body.page-id-75 .et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}

 
body.page-id-151 .et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}

body.page-id-163
.et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}

body.page-id-157
.et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}

body.page-id-168
.et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}

body.page-id-173
.et_pb_menu_0_tb_header.et_pb_menu ul .menu-item-25546362 a {
    color: #A8CF3E !important;
	font-weight: 800;
}


.sub-menu li a {
font-size: 15px !important;
}

.nav li.et-touch-hover>ul, .nav li:hover>ul {visibility: hidden;}

.hero {overflow:hidden;}
.hero p {padding: 0 0 1rem 0 !important;}
.hero ul {list-style: none;padding: 0 0 23px 0;}
.hero ul li {position: relative;padding: 0.6rem 0 0.6rem 40px;}
.hero ul li::before {content: "";position: absolute;left: 0;top: 6px;width:28px;height:28px;background-image:url(images/bullet.png);background-size:100% 100%;}


/*Copied from Additional CSS*/
/* relocation-hover */
.relocation-hover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.relocation-hover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.relocation-hover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.relocation-hover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}
/* freezer-hover */

.freezer-hover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.freezer-hover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.freezer-hover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.freezer-hover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}

/* storage-hoover */

.storage-hoover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.storage-hoover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.storage-hoover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.storage-hoover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}

/* recycling-hover */

.recycling-hover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.recycling-hover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.recycling-hover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.recycling-hover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}

/* white-hover */

.white-hover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.white-hover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.white-hover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.white-hover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}

/* additional-hover */

.additional-hover {
    position: relative;
    overflow: hidden; /* Ensures the sliding effect stays within bounds */
    display: inline-block; /* Ensures it's treated as a block-like button */
    width: 260px; /* Button width */
    height: 100px; /* Button height */
    line-height: 110px; /* Vertically centers text */
    text-align: center; /* Horizontally centers text */
    font-size: 20px; /* Adjust font size as needed */
    font-weight: bold;
    background: #3498db; /* Default background color (blue) */
    color: #fff; /* Default text color */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.4s ease; /* Smooth text color transition */
}

.additional-hover::before {
    content: "";
    position: absolute;
    top: 100%; /* Start below the button */
    left: 0;
    width: 100%;
    height: 100%;
    background: #A8CF3E; /* Hover color (light green) */
    transition: top 0.4s ease; /* Smooth slide-up animation */
    z-index: 0; /* Send it behind the text */
}
.additional-hover:hover {
    color: #fff; /* Ensure the text stays visible on hover */
}
.additional-hover:hover::before {
    top: 0; /* Slide the background color up to cover the button */
}
.menu-main {
    margin: 0; /* Remove margins */
    padding: 0; /* Remove padding */
    border: none; /* Remove borders */
	background: #f5f5f5;
}

@media (max-width: 768px) {
 .et_pb_menu__wrap {
  width: 100px!important;
  }
}

.white-hover {
	 background-color: white !important;
}
.relocation-hover  {
	 background-color: white !important;
}

.freezer-hover  {
	 background-color: white !important;
}

.storage-hoover {
	 background-color: white !important;
}
.recycling-hover {
	 background-color: white !important;
} 

.additional-hover  {
	 background-color: white !important;
} 

.custom-column {
	min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	 align-items: left !important;

}

.custom-button {
    margin-top: auto;
}

@media (max-width: 768px) {
  .custom-column { flex-direction: column;
    align-items: center;
  }
}

@media screen and (width: 1920px)  {
	.row-padding-big {
  padding-left:  100px!important;
		    
  }
}

@media screen and (width: 1920px)  {
	.services-row-big {
  right: 40px!important;
		    
  }
}

.et_pb_text_17 h4 {
	padding-bottom: 0px!important;
}

/* Hide image titles on hover */
img {
pointer-events:none;
}
.columns-container {
  flex: 1;
  display: flex;
  flex-direction: column;
	justify-content: space-between; 
}

