/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 ERBAUM FONT										 			*/
/*  		 ADD OUTLINE EFFECT TO HEADERS						 			*/
/* //////////////////////////////////////////////////////////////////// 	*/


.form-field-half {
    width: 50%;
    float: left;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .form-field-half {
        width: 100%;
        float: none;
        padding-right: 0;
    }
}
.form-field-last {
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .form-field-last {
        padding-right: 0;
    }
}


.et_pb_contact_field_options_wrapper {
    display: block;
    width: 100%;
    padding: 16px 0;
}

.et_pb_contact_field_options_title {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}

.et_pb_contact_field_options_list {
    display: block;
}

.et_pb_contact_field_radio,
.et_pb_contact_field_checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}

.et_pb_contact_field_radio input,
.et_pb_contact_field_checkbox input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
}

.et_pb_contact_field_radio label,
.et_pb_contact_field_checkbox label {
    display: inline-block;
    vertical-align: middle;
    position:relative;
    top:-4px;
    margin-left:30px;
}

/* Custom radio/checkbox styles can be added here */

@media (max-width: 767px) {
    .et_pb_contact_field_options_wrapper {
        padding: 10px 0;
    }
}



html, body {
    overflow-x: hidden;
}

@media (max-width: 980px) {
 	.et_pb_column {
		margin-bottom: 0px !important;
	}
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'erbaum', sans-serif;
    text-transform: uppercase;
}

/*//// the careers page is overlowing off the side
///*/


/*
end careers fix
*/

a {
	color: #506c93 !important;
}

.filled-text {
	font-weight:bold;
	color: white;
	margin: 0; /* Remove default margin */
	text-align: left; /* Left-align the text */
    font-family: 'erbaum', sans-serif !important;
    text-transform: uppercase;
}

.outlined-text {
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: black;
    text-stroke: 1.5px black; /* For non-webkit browsers */
	font-weight:bold;
	color: white;
	margin: 0; /* Remove default margin */
	text-align: left; /* Left-align the text */
    font-family: 'erbaum', sans-serif !important;
    text-transform: uppercase;
}

.uppercase-text {
    text-transform: uppercase;
}


.fill-transparent {
	color: transparent;
}
.outline-white {
	-webkit-text-stroke-color: white;
    text-stroke: 2px white !important; /* For non-webkit browsers */
}


body {
	font-family: Helvetica, Arial, sans-serif !important;
}

.home-header {
	font-size:4.0em
}
@media (max-width: 980px) {
	.home-header {
		font-size:3.0em
	}
}
.p-font {
	font-size:1.2em
}
@media (max-width: 980px) {
	.p-font {
		font-size:1.2em
	}
}


.blue_cta_bar {
    position: relative;
    background-image: linear-gradient(110deg, #506c93 80%, #5579A0 80%) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* padding-bottom: 1200px; */ /* Adjusted to match the new image height */
    overflow: hidden; /* To hide the part of the image that extends beyond the left edge */
}

.blue_cta_bar::before {
    content: '';
    position: absolute;
    bottom: 0;
	left: calc(20% - 300px); /* Center point of the image at 30% of the container width */
    width: 1200px;
    height: 80px; /* Updated to match the new image height */
    background-image: url('/images/CTA-Blue-Angle-4.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    transform: translateX(-50%); /* Center the image around the 30% point */
}

@media (min-width: 980px) {
	.blue_cta_bar_double::after {
		content: '';
		position: absolute;
		top: 30px;
		bottom: 30px;
		left: 50%;
		width: 4px;
		background-color: rgba(255, 255, 255, .3) !important;
		transform: translateX(-50%);
	}
}


/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 SKINNY HEADER										 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

.skinny-header-section {
    background-position: 40% center !important;
    background-size: auto 215px !important;
    background-repeat: no-repeat !important;
    height: 215px !important;
    overflow: hidden !important;
}

.skinny-header-wrapper {
  width: 100%;
  display: flex;
  background: transparent;
}

.skinny-header-left-stretch {
  flex-grow: 1;
}

.skinny-header-content {
  max-width: 1200px;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
}

.skinny-header-content-left {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.skinny-header-headline-container {
  flex-shrink: 0;
  width: auto;
}

.skinny-header-headline {
  width: var(--headline-width, 700px);
  height: 215px;
  padding-right: calc(40px * (1 - min(1, max(0, (100vw - 1200px) / 100))));
  font-size: 50px;
  line-height: 1em;
  color: white;
  position: relative;
  background: linear-gradient(290deg, #2c2c2c var(--gradient-transition, 450px), transparent var(--gradient-transition, 450px));
  background-position: right;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center; /* Add this line */
}

.skinny-header-text {
  font-weight:bold;
  text-align: right;
  font-family: 'erbaum', sans-serif !important;
}

.skinny-header-right-stretch {
  flex-grow: 1;
  background-color: #2c2c2c;
}

@media (max-width: 1290px) {
	.skinny-header-headline {
		padding-right: 40px;
	}
}



/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 PAGE CSS											 			*/
/* //////////////////////////////////////////////////////////////////// 	*/


/* //////////////////////////////////////////////////////////////////// */
/*  		 CONTENT										*/
/* //////////////////////////////////////////////////////////////////// */

.content-block {
    padding: 20px 0;
    border-radius: 5px;
}


.content-block-headline {
    display: flex;
    align-items: flex-start; /* Change from center to flex-start */
    font-weight: bold;
    margin-bottom: 10px;
}

.content-block-icon {
    width: 16px;
    height: 16px;
    background-image: url('/images/icon_fat_caret_light_grey.svg');
    background-size: 16px 16px;
    padding-right: 25px;
    background-repeat: no-repeat;
    margin-right: 0px;
    flex-shrink: 0; /* Prevent icon from shrinking */
    margin-top: 4px; /* Add a small top margin to align with the first line of text */
}

.content-block-paragraph {
    margin-left: 0px;
}

/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 CUSTOMER REVIEWS									 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

.customer-reviews-content-block-headline {
    display: flex;
    align-items: flex-start;
}

.customer-reviews-content-block-icon {
    width: 24px; /* Adjust as needed */
    height: 24px; /* Adjust as needed */
    background-image: url('/images/icon_profile2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: -3px;
}

.customer-reviews-content-block-paragraph {
    margin-left: 0px; /* Should be equal to icon width + margin-right */
}

/* //////////////////////////////////////////////////////////////////// */
/*  		 BENEFITS										 			*/
/* //////////////////////////////////////////////////////////////////// */


.benefits-content-block-headline {
    display: flex;
    align-items: flex-start;
	font-family: Helvetica, Arial, sans-serif;
	color: #3B3B3B;
	font-weight: bold;
	font-size:18px;
    text-transform: none !important;
}

.benefits-content-block-icon {
    width: 18px; /* Adjust as needed */
    height: 18px; /* Adjust as needed */
    background-image: url('/images/icon_plus_light_grey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 0px;
}


/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 FREIGHT SERVICES									 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

.freight-services-content-block-headline {
    display: flex;
    align-items: flex-start;
}

.freight-services-content-block-icon {
    width: 18px; /* Adjust as needed */
    height: 18px; /* Adjust as needed */
    background-image: url('/images/icon_plus_light_grey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 0px;
}

.freight-services-content-block-paragraph {
    margin-left: 0px; /* Should be equal to icon width + margin-right */
}


/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 OUR TEAM											 			*/
/* //////////////////////////////////////////////////////////////////// 	*/



.our-team-icon-container {
    width: 24px; /* Adjust as needed */
    height: 24px; /* Adjust as needed */
    background-image: url('/images/icon_profile2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}




.our-team-div {
	display: flex;
	margin-bottom: 20px;
}

.our-team-p-cont {
	width: calc(400px - 32px);
	padding-left: 10px;
}
.our-team-p {
	margin: 0;
	color: #333333;
}

.our-team-employee {
	font-weight:bold;
    font-family: 'erbaum', sans-serif;
    text-transform: uppercase;
}

.our-team-title {
}

.our-team-email {
 font-style: italic;
}

@media (max-width: 980px) {
	.our-team-p {
		font-size: 18px;
		line-height: 30px;
	}
	.our-team-icon-container {
		margin-top: 2px;
		
	}
}

/* classes to override background-image icon if desired */
.our-team-icon-1 {} /* Executive VP (Cory Sell) */
.our-team-icon-2 {} /* HR/Safety Manager */
.our-team-icon-3 {} /* Accounting */
.our-team-icon-4 {} /* Operations */
.our-team-icon-5 {} /* Shop Manager */
.our-team-icon-6 {} /* Operations */
.our-team-icon-7 {} /* Operations Manager */
.our-team-icon-8 {} /* Dispatch */
.our-team-icon-9 {} /* Receptionist */
.our-team-icon-10 {} /* Product Manager */
.our-team-icon-11 {} /* Operations */


/* //////////////////////////////////////////////////////////////////// */
/*  		 QUICK APPLICATION											*/
/* //////////////////////////////////////////////////////////////////// */

.quick-apply-header {
	font-size:4.0em;line-height:1em;padding-bottom:20px;
}

@media (max-width: 980px) {
	.quick-apply-header {
		font-size: 3em;
	}
}

@media screen and (max-width: 1300px) {
	#quick-application-form-img-column {
		display: none;
	}
}

































/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 CUSTOM MENU CSS									 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

/* Main header section */
.custom-header-section {
 /*   transition: all 0.3s ease !important; */
}

/* Menu styling */
.et_pb_menu_0_tb_header .et-menu {
    font-family: 'erbaum', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.et_pb_menu_0_tb_header .et-menu > li {
    padding-left: 9px;
    padding-right: 9px;
    align-items: center;
}

/* Submenu styling */
.et_pb_menu_0_tb_header .et-menu .sub-menu {
    right: 0 !important;
    width: auto !important;
}

.et_pb_menu_0_tb_header .et-menu li li a {
    width: auto !important;
    line-height: 1.1em !important;
    white-space: nowrap;
}


/* Quote button styling */
.et_pb_menu_0_tb_header .et-menu > li.menu_quote_button > a {
    background-color: #000000;
    color: #ffffff !important;
    border-radius: 0;
    transition: all 0.3s ease;
}

.et_pb_menu_0_tb_header .et-menu > li.menu_quote_button > a:hover {
    background-color: #333333;
}


/* Logo styling */


.et_pb_menu_0_tb_header .et_pb_menu__logo-wrap img {
    max-height: 60px;
    width: auto;
    transition: all 0.3s ease;
}

/* Sticky header styles */
.custom-header-section.custom-sticky {
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

.custom-header-section.custom-sticky .et_pb_menu_0_tb_header .et-menu > li > a {
    color: #000000 !important;
}

/* Logo swap */
.et_pb_menu_0_tb_header .et_pb_menu__logo-wrap .original-logo {
    display: block;
}

.et_pb_menu_0_tb_header .et_pb_menu__logo-wrap .custom-sticky-logo {
    display: none;
}

.custom-header-section.custom-sticky .et_pb_menu_0_tb_header .et_pb_menu__logo-wrap .original-logo {
    display: none;
}

.custom-header-section.custom-sticky .et_pb_menu_0_tb_header .et_pb_menu__logo-wrap .custom-sticky-logo {
    display: block;
}

/* Mobile menu adjustments */
@media (max-width: 980px) {
    .et_pb_menu_0_tb_header .et_mobile_nav_menu {
        display: block;
    }
    
    .et_pb_menu_0_tb_header .et_pb_menu__menu {
        display: none;
    }

    .et_pb_menu_0_tb_header .mobile_menu_bar {
        color: #ffffff;
    }

    .custom-header-section.custom-sticky .et_pb_menu_0_tb_header .mobile_menu_bar {
        color: #000000;
    }
}

/* Admin bar adjustments */
body.admin-bar .custom-header-section.custom-sticky {
    top: 32px; /* Adjust for admin bar if logged in */
}

@media screen and (max-width: 782px) {
    body.admin-bar .custom-header-section.custom-sticky {
        top: 46px; /* Adjust for mobile admin bar */
    }
}

/* Set widths for nav_menu items */
.et_pb_menu_0_tb_header .et-menu .nav_menu_services > .sub-menu {
    width: 260px !important;
    right: auto !important;
    left: 0 !important;
}

.et_pb_menu_0_tb_header .et-menu .nav_menu_history > .sub-menu {
    width: 179px !important;
    right: auto !important;
    left: 0 !important;
}

.et_pb_menu_0_tb_header .et-menu .nav_menu_careers > .sub-menu {
    width: 213px !important;
    right: auto !important;
    left: 0 !important;
}

.et_pb_menu_0_tb_header .et-menu .nav_menu_contact > .sub-menu {
    width: 193px !important;
    right: auto !important;
    left: 0 !important;
}
.et_pb_menu_0_tb_header .et-menu .nav_menu_services > .sub-menu li a,
.et_pb_menu_0_tb_header .et-menu .nav_menu_history > .sub-menu li a,
.et_pb_menu_0_tb_header .et-menu .nav_menu_careers > .sub-menu li a,
.et_pb_menu_0_tb_header .et-menu .nav_menu_contact > .sub-menu li a {
	padding-top: 23px !important;
    white-space: normal;
}
/* Ensure the submenu-hover-area matches the width of its parent sub-menu */
.nav_menu_services > .submenu-hover-area {
    width: 400px !important;
}

.nav_menu_history > .submenu-hover-area {
    width: 200px !important;
}

.nav_menu_careers > .submenu-hover-area {
    width: 250px !important;
}

.nav_menu_contact > .submenu-hover-area {
    width: 240px !important;
}



/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 CALL TO ACTION BUTTONS IN MENU BAR					 			*/
/* //////////////////////////////////////////////////////////////////// 	*/



.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li.menu_quote_button {
    border: 2px solid red !important;
}

.menu_quote_button a {
    color: white;
    background-color: black;
    padding: 8px 40px 6px !important; /* Adjusted vertical padding */
    clip-path: polygon(13.6px 12px, 100% 12px, calc(100% - 13.6px) 46px, 0 46px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px; /* Maintain the original height */
    box-sizing: border-box;
}




/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 CUSTOM MENU CSS		MENU BUTTONS				 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

/* Apply button styling */

.et_pb_menu_0_tb_header .et-menu > li.menu_quote_button > a,
.menu_quote_button a,
.et_pb_menu_0_tb_header .et-menu > li.menu_apply_button > a,
.menu_apply_button a,
#mobile_menu1 li.menu_quote_button > a,
#mobile_menu1 li.menu_apply_button > a {
    /* leave this here. I know it repeats below, and it's weird that this is needed twice, but it doesn't load if it's not here twice. JCL - Aug 30 2024 */
}

.et_pb_menu_0_tb_header .et-menu > li.menu_apply_button > a,
.menu_apply_button a,
#mobile_menu1 li.menu_apply_button > a {
    background-color: #506c93 !important;
    color: #FFFFFF !important;
    border-radius: 0;
    transition: all 0.3s ease;
    clip-path: polygon(13.6px 12px, 100% 12px, calc(100% - 13.6px) 46px, 0 46px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px; /* Maintain the original height */
    box-sizing: border-box;
}

.et_pb_menu_0_tb_header .et-menu > li.menu_apply_button > a,
.menu_apply_button a,
#mobile_menu1 li.menu_apply_button > a {
    background-color: #506c93 !important;
    color: #FFFFFF !important;
}

.et_pb_menu_0_tb_header .et-menu > li.menu_quote_button > a,
.menu_quote_button a,
#mobile_menu1 li.menu_quote_button > a {
    background-color: black !important;
    color: #FFFFFF !important;
}

.et_pb_menu_0_tb_header .et-menu > li.menu_apply_button > a:hover, 
.menu_apply_button > a:hover,
#mobile_menu1 li.menu_apply_button > a:hover {
    opacity: .8 !important;
    color: #FFFFFF !important;
}

.et_pb_menu_0_tb_header .et-menu > li.menu_quote_button > a:hover, 
.menu_quote_button > a:hover,
#mobile_menu1 li.menu_quote_button > a:hover {
    background-color: #666666 !important;
    color: #FFFFFF !important;
}

/* Ensure the anchor tags have no padding or margin */
.menu_apply_button a,
.menu_quote_button a,
.nav li a,
#mobile_menu1 li.menu_apply_button a,
#mobile_menu1 li.menu_quote_button a {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%;
    margin-top:10px;
}

.menu_apply_button,
.menu_quote_button,
#mobile_menu1 li.menu_apply_button,
#mobile_menu1 li.menu_quote_button {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.menu_apply_button a,
.menu_quote_button a,
#mobile_menu1 li.menu_apply_button a,
#mobile_menu1 li.menu_quote_button a {
    padding: 5px 28px 6px 28px !important; /* Adjusted vertical padding */
    font-weight: bold !important;
}

.menu_apply_button,
.menu_quote_button,
.nav li,
#mobile_menu1 li.menu_apply_button,
#mobile_menu1 li.menu_quote_button {
    display: flex;
    align-items: center;
    height: 60px; /* Set the desired height here */
}

.nav li {
    margin-top: -11px !important; 
}

.et-menu .menu-item-has-children > a:first-child {
    padding-right:20px !important;
    cursor: default;
    user-select: none;
}

@media (min-width: 981px) {
    .et_pb_row:not(.et_pb_row_fullwidth) {
        width: 90% !important;
        max-width: 1200px !important;
    }
}

/* Mobile-specific styles */
@media (max-width: 980px) {
    #mobile_menu1 {
        display: flex;
        flex-direction: column;
    }

    #mobile_menu1 li.menu_apply_button,
    #mobile_menu1 li.menu_quote_button {
        margin-top: 10px; /* Adjust as needed for spacing */
        width: 100%; /* Full width of the container */
        display: flex;
        justify-content: center; /* Center the button horizontally */
    }

    #mobile_menu1 li.menu_apply_button > a,
    #mobile_menu1 li.menu_quote_button > a {
        width: 120px; /* Set the width of the actual button */
        justify-content: center;
        text-align: center;
    }

    /* Push these buttons to the bottom of the menu */
    #mobile_menu1 li.menu_apply_button,
    #mobile_menu1 li.menu_quote_button {
        order: 1; /* This pushes these items to the end of the flex container */
    }

    /* Ensure other menu items come before the buttons */
    #mobile_menu1 > li:not(.menu_apply_button):not(.menu_quote_button) {
        order: 0;
    }
}

/* //////////////////////////////////////////////////////////////////// */
/*       CUSTOM SKEWED BUTTONS                                          */
/* //////////////////////////////////////////////////////////////////// */


/* Default Button (Blue Outline) */
.custom-skewed-btn {
    display: inline-block;
    position: relative;
    height: 30px;
    padding: 0 20px;
    line-height: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid;
    transition: all 0.3s ease;
    transform: skew(-22deg);
    overflow: hidden;
    font-family: 'erbaum', sans-serif;
    color: #496086 !important;
    border-color: #496086 !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}


.custom-skewed-btn-text {
    display: inline-block;
    transform: skew(22deg) translateY(-1px);
}

.custom-skewed-btn::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    transition: opacity 0.3s ease;
    opacity: 0;
    background-color: #496086 !important;
}

.custom-skewed-btn:hover {
    color: #FFFFFF !important;
}

.custom-skewed-btn:hover::before {
    opacity: 1;
}

.custom-skewed-btn:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
    position: relative;
    z-index: 1;
}

/* Ensure the hover effect works for buttons within contact forms (that also happen to be default) */
.et_pb_contact_form_container .custom-skewed-btn:hover,
.et_pb_contact_form_container .custom-skewed-btn:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

.et_pb_contact_form_container .custom-skewed-btn:hover::before {
    opacity: 1 !important;
}


/* Blue Outline Button */
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline {
    color: #496086 !important;
    border-color: #496086 !important;
    background-color: transparent !important;
}

.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline::before {
    background-color: #496086 !important;
}

.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

/* Blue Outline Button */
.custom-skewed-btn.custom-skewed-btn-blue-outline,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline {
    color: #496086 !important;
    border-color: #496086 !important;
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-blue-outline::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline::before {
    background-color: #496086 !important;
}

.custom-skewed-btn.custom-skewed-btn-blue-outline:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-outline:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

/* Blue Filled Button */
.custom-skewed-btn.custom-skewed-btn-blue-filled,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-filled,
.hs-button.primary,
.hs-button.primary.large {
    color: #FFFFFF !important;
    border-color: #496086 !important;
    background-color: #496086 !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.custom-skewed-btn.custom-skewed-btn-blue-filled::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-filled::before,
.hs-button.primary::before,
.hs-button.primary.large::before {
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-blue-filled:hover,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-filled:hover,
.hs-button.primary:hover,
.hs-button.primary.large:hover {
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-blue-filled:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-blue-filled:hover .custom-skewed-btn-text,
.hs-button.primary:hover,
.hs-button.primary.large:hover {
    color: #496086 !important;
}

/* New CSS for HubSpot form button text */
.hs-button.primary,
.hs-button.primary.large {
    font-size: 0 !important; /* Hide original text */
}

.hs-button.primary::after,
.hs-button.primary.large::after {
    content: 'Submit' !important; /* Replace with your desired button text */
    display: inline-block !important;
    transform: skew(22deg) translateY(-1px) !important;
    font-size: 16px !important;
    position: relative !important;
    z-index: 1 !important;
}


/* Black Outline Button */
.custom-skewed-btn.custom-skewed-btn-black-outline,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-outline {
    color: #000000 !important;
    border-color: #000000 !important;
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-black-outline::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-outline::before {
    background-color: #000000 !important;
}

.custom-skewed-btn.custom-skewed-btn-black-outline:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-outline:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

/* Black Filled Button */
.custom-skewed-btn.custom-skewed-btn-black-filled,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-filled {
    color: #FFFFFF !important;
    border-color: #000000 !important;
    background-color: #000000 !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.custom-skewed-btn.custom-skewed-btn-black-filled::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-filled::before {
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-black-filled:hover,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-filled:hover {
    background-color: transparent !important;
    color: black !important;
}

.custom-skewed-btn.custom-skewed-btn-black-filled:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-black-filled:hover .custom-skewed-btn-text {
    color: #000000 !important;
}

/* White Outline Button */
.custom-skewed-btn.custom-skewed-btn-white-outline,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-outline {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-white-outline::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-outline::before {
    background-color: #FFFFFF !important;
}

.custom-skewed-btn.custom-skewed-btn-white-outline:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-outline:hover .custom-skewed-btn-text {
    color: #000000 !important;
}

/* White Filled Button */
.custom-skewed-btn.custom-skewed-btn-white-filled,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-filled {
    color: #000000 !important;
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.custom-skewed-btn.custom-skewed-btn-white-filled::before,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-filled::before {
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-white-filled:hover,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-filled:hover {
    background-color: transparent !important;
}

.custom-skewed-btn.custom-skewed-btn-white-filled:hover .custom-skewed-btn-text,
.et_pb_contact_form_container .custom-skewed-btn.custom-skewed-btn-white-filled:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

/* Contact form buttons */

.et_pb_contact_submit.custom-skewed-btn {
    border: 2px solid #496086 !important;
    background-color: transparent !important;
    color: #496086 !important;
    padding: 0 20px !important;
    height: 30px !important;
    line-height: 26px !important;
}

.et_pb_contact_submit.custom-skewed-btn:hover {
    background-color: #496086 !important;
    color: #FFFFFF !important;
}

.et_pb_contact_submit.custom-skewed-btn:after {
    display: none !important;
}

.et_pb_contact_submit.custom-skewed-btn .custom-skewed-btn-text {
    font-size: 16px !important;
}

.custom-skewed-btn.et_pb_contact_submit {
    display: inline-block !important;
    position: relative !important;
    height: 30px !important;
    padding: 0 20px !important;
    line-height: 26px !important; /* Adjusted for vertical centering */
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border: 2px solid #496086 !important;
    transition: all 0.3s ease !important;
    transform: skew(-22deg) !important;
    overflow: hidden !important;
    font-family: 'erbaum', sans-serif !important;
    background-color: transparent !important;
    color: #496086 !important;
    width: auto !important; /* Prevent full-width button */
    margin-top: 10px !important; /* Add some space above the button */
}

.custom-skewed-btn.et_pb_contact_submit:hover {
    background-color: #496086 !important;
}

.custom-skewed-btn.et_pb_contact_submit::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background-color: #496086 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.custom-skewed-btn.et_pb_contact_submit:hover::before {
    opacity: 1 !important;
}

.custom-skewed-btn.et_pb_contact_submit .custom-skewed-btn-text {
    display: inline-block !important;
    transform: skew(22deg) translate(2px, -4px) !important;
    position: relative !important;
    z-index: 1 !important;
}

.custom-skewed-btn.et_pb_contact_submit:hover .custom-skewed-btn-text {
    color: #FFFFFF !important;
}

/* Reset any Divi-specific styles that might interfere */
.custom-skewed-btn.et_pb_contact_submit:after {
    display: none !important;
}

/* Ensure the button container doesn't affect alignment */
.et_contact_bottom_container {
    text-align: left !important;
}



/* //////////////////////////////////////////////////////////////////// */
/*  		 nav menu 			*/
/* //////////////////////////////////////////////////////////////////// */



/* Existing styles */
.et-menu .menu-item-has-children {
    position: relative;
}

@media only screen and (max-width: 750px) {
    div.et_pb_section.et_pb_section_2 {
        /*background-position: top right!important;*/ /* jcl - i don't know what this is for */
    }
}

.sub-menu {
    opacity: 1;
    transition: opacity 0.5s;
}

.sub-menu.hide {
    opacity: 0;
    pointer-events: none;
}

.et-menu .sub-menu,
.et_pb_menu__menu .sub-menu,
.et_mobile_menu .sub-menu {
    width: auto !important;
    max-width: none !important;
}

.et-menu .sub-menu li,
.et_pb_menu__menu .sub-menu li,
.et_mobile_menu .sub-menu li {
    white-space: normal;
    width: 100%;
}

.et-menu .sub-menu li a,
.et_pb_menu__menu .sub-menu li a,
.et_mobile_menu .sub-menu li a {
    padding: 4px 20px !important;
    width: 100%;
    box-sizing: border-box;
    display: block;
    word-wrap: break-word;
}

.et-menu .sub-menu,
.et_pb_menu__menu .sub-menu,
.et_mobile_menu .sub-menu {
    max-width: 400px !important;
}

.et-menu-nav ul li:hover > ul,
.et_pb_menu__menu ul li:hover > ul {
    left: auto;
    right: auto;
}

/* New styles for mobile menu */
.et_mobile_menu {
    background-color: transparent !important;
}

.et_mobile_menu .sub-menu {
    background-color: white !important;
}

.et_mobile_menu > li > a {
    background-color: transparent !important;
}

.et_mobile_menu .menu-item-has-children > a {
    background-color: rgba(0,0,0,0.03) !important;
}


/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 MOBILE MENU										 			*/
/* //////////////////////////////////////////////////////////////////// 	*/


/* Hide submenus by default */
ul#mobile_menu1 li.menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
    display: none !important;
}

#mobile_menu1.visible {
    display: block !important;
}

/* Show submenus when toggled open */
ul#mobile_menu1 li.menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

/* Common styles for both icons */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::before,
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle::before,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle::after {
    font-family: "ETModules";
    font-size: 33px;
    font-weight: 1000;
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    width: 1em; /* Set a fixed width */
    height: 1em; /* Set a fixed height */
    line-height: 1; /* Ensure vertical centering */
    text-align: center; /* Ensure horizontal centering */
}

/* Closed icon */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::before,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle::before {
    content: '\33';
    opacity: 1;
}

/* Open icon */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle::after {
    content: '\4b';
    opacity: 0;
}

/* Toggle icon when open */
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::before,
ul.et_mobile_menu li.page_item_has_children.dt-open > .mobile-toggle::before {
    opacity: 0;
}

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
ul.et_mobile_menu li.page_item_has_children.dt-open > .mobile-toggle::after {
    opacity: 1;
}



/* Toggle icon when open */
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::before,
ul.et_mobile_menu li.page_item_has_children.dt-open > .mobile-toggle::before {
    opacity: 0;
}

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
ul.et_mobile_menu li.page_item_has_children.dt-open > .mobile-toggle::after {
    opacity: 1;
}


/* Ensure parent menu items have space for the toggle */
ul.et_mobile_menu li.menu-item-has-children > a,
ul.et_mobile_menu li.page_item_has_children > a {
    padding-right: 60px !important;
    font-size:23px !important;
    background-color: white !important;
    color: black !important;
    padding-bottom:3px !important;
}


/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*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 {
    width: 44px;
    height: 44px;
    padding: 20px !important;
    border: none;
    position: absolute;
    right: 20px;
    top: 24px;
    transform: translateY(-50%);
    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: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/



/* Ensure the parent menu item has enough space */
ul.et_mobile_menu li.menu-item-has-children > a,
ul.et_mobile_menu li.page_item_has_children > a {
    padding-right: 60px !important;
}




/*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;
	bottom: 10px;
	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;
}

#mobile_menu1 {
	display: none;
    background-color: white !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS devices */
    max-height: calc(100vh - 100px) !important; /* Subtract the margin-top value */
    z-index: 9998 !important; /* High z-index to ensure it's on top */
    margin-top: 70px !important; 
}

#mobile_menu1.et_mobile_menu_visible {
    display: block !important;
}

body.mobile-menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

.et_mobile_menu {
    max-height: none !important; /* Remove any max-height limitation */
    overflow: visible !important; /* Allow content to overflow */
}



/* This portion of CSS puts the quote and apply buttons next to each other */




#mobile_menu1.et_mobile_menu_visible {
    display: flex !important;
    flex-direction: column;

}

#mobile_menu1 > li:not(.menu_apply_button):not(.menu_quote_button) {
    width: 100%;
}

#mobile_menu1 > li.menu_apply_button,
#mobile_menu1 > li.menu_quote_button {
    width: auto;
}

#mobile_menu1 > li:last-child {
    margin-top: auto; /* Push the last item (container) to the bottom */
    display: flex;
    justify-content: center;
    width: 100%;
}

#mobile_menu1 > li:last-child::before {
    content: "";
    display: block;
    width: 100%;
}

#mobile_menu1 > li.menu_apply_button,
#mobile_menu1 > li.menu_quote_button {
    display: inline-block;
    width: auto;
}







/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 DROPDOWN DELAY										 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

/* Adjust main menu items */
.et-menu-nav ul > li > a {
    line-height: 1.5em; /* Adjust line height */
    padding: 15px 20px; /* Adjust vertical and horizontal padding */
}

/* Adjust dropdown menu width */
.et-menu-nav ul > li > .sub-menu {
    width: 240px; /* Adjust the width of dropdown menus */
}

/* Adjust dropdown menu items */
.et-menu-nav ul > li > .sub-menu > li > a {
    line-height: 1.3em; /* Adjust line height for dropdown items */
    padding: 10px 20px; /* Adjust vertical and horizontal padding for dropdown items */
}


/* //////////////////////////////////////////////////////////////////// 	*/
/*  		 TEST									 			*/
/* //////////////////////////////////////////////////////////////////// 	*/

.custom-bg-right {
    position: relative;
    overflow: visible !important;
}

.custom-bg-right::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + min(600px, 50vw - 20px));
    right: -50vw;
    background-color: red; /* Replace with your desired color */
    z-index: -1;
}

@media (max-width: 1200px) {
    .custom-bg-right::after {
        left: calc(100% - 20px); /* Adjust this value as needed */
    }
}

/* //////////////////////////////////////////////////////////////////// */
/*                        FOOTER BACKGROUND                             */
/* //////////////////////////////////////////////////////////////////// */

/* MX Footer Styles */
.mx-footer-section {
    position: relative;
    overflow: hidden;
}

.mx-footer-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/MX-Footer-Pattern.gif');
    background-repeat: repeat;
    background-size: 110px 750px; /* 50% of 220x1500 */
    opacity: 1;
    z-index: 1;
}

/* Tablet and Mobile background */
@media (max-width: 980px) {
    .mx-footer-section::before {
        background-image: none;
        background-color: black;
    }
}

.mx-footer-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 2;
}

.mx-footer-section .et_pb_row {
    position: relative;
    z-index: 3;
}

.mx-footer-section::before,
.mx-footer-section::after {
    pointer-events: none;
}



/* //////////////////////////////////////////////////////////////////// */
/*                        RESPONSIVE FOOTER                             */
/* //////////////////////////////////////////////////////////////////// */

.contact-container {
    text-align: right; /* Default alignment for desktop */
}

.address, .phone-numbers {
    justify-content: flex-end; /* Align content to the right for desktop */
    width: 100%;
}

.address span, .phone-numbers span {
    text-align: inherit; /* Inherit text alignment from parent */
}

.phone-number:first-child {
    margin-right: 20px; /* Space between phone numbers on desktop */
}

.phone-number-bullet {
    margin-right: 20px; /* Space between phone numbers on desktop */
}

/* Base styles for footer columns */
.footer-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.footer-row .et_pb_column {
    margin: 0 !important;
}

.footer-narrow-column {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Aligns content to the bottom */
    padding-top: 20px; /* Add some space above the logo */
    padding-bottom: 20px; /* Add some space below the logo */
}

.footer-wide-column {
	display flex;
	flex-direction: column;
	justify-content: flex-end;
    flex: 1 !important;
    width: calc(100% - 150px) !important;
    max-width: calc(100% - 150px) !important;
}

/* Ensure content inside columns behaves correctly */
.footer-narrow-column .et_pb_module,
.footer-wide-column .et_pb_module {
    width: 100%;
}

.footer-wide-column .et_pb_module {
    margin-bottom: 0 !important;
}

/* Default styles for the logo container */
.footer-logo-img {
    width: 75px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 31px; /* Set to the correct height of your SVG */
    margin-bottom: 0;
    align-self: flex-end;
}

/* Default styles for the logo image */
.footer-logo-img img {
    width: 100%;
    height: auto;
    display: block; /* Removes any extra space below the image */
}

/* Tablet view */
@media (max-width: 980px) {
    .contact-container {
        text-align: center; /* Center alignment for tablet and mobile */
    }

    .address, .phone-numbers {
        justify-content: center; /* Center content for tablet and mobile */
    }
    
    .phone-numbers {
        flex-wrap: wrap; /* Allow wrapping if needed */
    }
    
    .phone-number {
        margin: 5px 10px; /* Add some spacing around each number */
    }
    
    .phone-number:first-child {
        margin-right: 10px; /* Consistent margin with other numbers */
    }
}

/* Tablet view adjustments */
@media (max-width: 980px) and (min-width: 769px) {
    .footer-row {
        width: 100% !important;
        max-width: 100% !important;
    }

    .footer-row .et_pb_column {
        float: none !important;
    }

    .footer-narrow-column {
        padding-left: 0 !important;
    }

    .footer-wide-column {
        padding-right: 0 !important;
    }

    .footer-logo-img {
        margin-left: 0;
    }
	.phone-number-bullet {
  	  display: none; /* Space between phone numbers on desktop */
	}
}

/* Mobile view */
@media (max-width: 768px) {
    .contact-container {
        padding-top: 20px; /* Add padding above the address */
    }

    .phone-numbers {
        flex-direction: column; /* Stack phone numbers vertically on mobile */
        align-items: center; /* Center phone numbers horizontally */
    }

    .phone-number {
        margin: 5px 0; /* Vertical spacing between phone numbers on mobile */
    }

    .phone-number:first-child {
        margin-right: 0; /* Remove right margin on mobile */
    }

    .footer-row {
        flex-wrap: wrap !important;
    }

    .et_pb_row_0_tb_footer {
        width: 400px !important;
        max-width: 400px !important;
    }
    
    .footer-row .et_pb_column,
    .footer-wide-column,
    .footer-narrow-column {
    	width: 400px !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .footer-logo-img {
        justify-content: center; /* Center the logo on mobile if desired */
        margin-left: auto;
        margin-right: auto;
        align-self: center; /* Center the logo horizontally on mobile */

    }

    .footer-logo-img .et_pb_image_wrap {
        width: 75px;
        height: 31px; 
        background-image: url('/images/MetroXpress_Logo_MX_white.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: block; /* Ensure it takes up space */
    }

    .footer-logo-img img {
        display: none !important;
    }

    .footer-narrow-column {
        height: auto; /* Allow the column to adjust to its content */
        min-height: 62px; /* Ensure it's at least as tall as the logo */
    }

    .footer-narrow-column,
    .footer-wide-column {
        justify-content: center; /* Center content vertically on mobile */
    }
	.phone-number-bullet {
  	  display: none; /* Space between phone numbers on desktop */
	}

}

.et_pb_section.homepage_section_careers .et_parallax_bg_wrap .et_parallax_bg {
    background-position: 10% 10% !important;
}