.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook,.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
	background-color: #142d4b;
}

#qodef-page-footer.qodef-widgets-skin--white .widget ul li a {
	color: #ffe21d;
}

.single-post #qodef-page-content,
.search #qodef-page-content,
.blog #qodef-page-content,
.archive #qodef-page-content {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding: 130px 20px 20px 20px;
}

/* comman css */

.d-flex ul{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.d-flex ul li{
	width:calc(33.33% - 40px/3);
}
.heading-line .elementor-heading-title{
	position:relative;
}
.heading-line .elementor-heading-title::after {
    content: '';
    position: absolute;
    background: #133C6526;
    height: 1px;
    width: 100%;
    max-width: calc(100% - 207px);
    right: 0;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}
.heading-line .elementor-heading-title::before{
		content: '';
  	position: absolute;
  	background: #133C6526;
  	height: 1px;
 		width: 50px;
		left: -80px;
    top: 50%;
    transform: translateY(-50%);
}
.heading-line .elementor-heading-title span{
	display: inline-block;
    background: #fff;
    padding: 0px 30px 0 0;
    position: relative;
    z-index: 1;
}

.latest-updates-slider{
	position:relative;
}
.latest-updates-slider::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -20px;
    width: 14%;
    background:#fff;
    opacity: 0.9;
    z-index: 1;
}
.latest-updates-slider::after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -20px;
    width: 14%;
    background:#fff;
    opacity: 0.9;
    z-index: 1;
}

/* form-typ1 */

.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-input, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-input:hover, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-input:focus, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-input:active, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-textarea, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-textarea:hover, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-textarea:focus, .form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-textarea:active {
    border-color: #133C6526;
    background-color: #ffffff;
    color: #686E78;
}

.form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea {
	padding:19px 24px;
}

.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-button-submit {
    font-family: Work Sans;
    font-size: 16px;
    font-weight: 700;
    background: #C6392C;
    color: #fff;
    padding: 18px 43px;
		text-transform:uppercase;
	  border-radius:0;
}
.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-button-submit:hover{
		background:#0e2d4a;
}

/* List-typ1 */

.list-typ1 ul{
	margin:0;
}
.list-typ1 ul li{
	list-style-type:none;
	position:relative;
	padding-left:28px;
}
.list-typ1 ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
/*     transform: translateY(-50%); */
    height: 18px;
    width: 18px;
    background: url(
	https://load1.com/wp-content/uploads/2024/11/List-typ1-img.png) no-repeat;
}

/* Left Right Circle Section */

body .left-right-circle-section{
	position:relative;
}
body .left-right-circle-section::before {
    content: '';
    position: absolute;
    background: url(https://load1.com/wp-content/uploads/2024/11/left-circle-img.png) no-repeat;
    width: 190px;
    height: 380px;
    left: 0;
    top: -55px;
    bottom: 0;
/*     background-size: 75%; */
}
body .left-right-circle-section::after{
    content: '';
    position: absolute;
    background: url(https://load1.com/wp-content/uploads/2024/11/right-circle-img.png) no-repeat;
    width: 190px;
    height: 380px;
    right: 0;
    top: -50px;
    bottom: 0;
/* 		background-size: 75%; */
}

/* Landing page css */

.industry-partner-logo .logo-image img {
	height: auto;
    width: 100%;
    object-fit: contain;
    max-height: 100px;
}
.industry-partner-logo .logo-details {
	display:flex;
	justify-content:center;
	align-items:center;
}
.landing-btn .elementor-button {
	min-width:330px;
}
.btn-text {
	display:flex;
	justify-content:center;
	align-items:center;
}
.landing-testimonial .elementor-testimonial-meta .elementor-testimonial-image {
	position:absolute;
	top:0;
	margin-bottom:0 !important;
}
.landing-testimonial .elementor-testimonial-meta .elementor-testimonial-image img {
	height:22px !important;
	object-fit:contain !important;
}
.landing-testimonial .elementor-testimonial-content {
	margin-top:60px;
	margin-bottom:40px !important;
}
.landing-testimonial .elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
    display: flex;
    justify-content: center;
}
.landing-logo {
	display:flex;
align-items:center;
	height:100%;
}
.about-us-content p {
	margin-bottom:35px;
}
.service-provide .elementor-image-box-img img {
	height:202px;
	width:202px;
	object-fit:contain;
}
.service-provide .elementor-image-box-content .elementor-image-box-title {
	margin:0;
}
.privacy-policy a {
	color:#ffffff;
}
.privacy-policy a:hover {
	text-decoration:underline;
}


/* New Pages */
.box-position-wrap.no-box > .elementor-container > .elementor-column > .elementor-element-populated {column-gap:20px;row-gap:20px;flex-wrap: wrap !important;justify-content: center;}

.box-position-wrap.no-box:not(.boxes-slider) .border-shape {width: calc(25% - 15px) !important;}
.box-position-wrap.no-box.col3:not(.boxes-slider) .border-shape {width: calc(33.33% - 15px) !important;}

.box-position-wrap.no-box.gapc56g25 > .elementor-container > .elementor-column > .elementor-element-populated {column-gap:53px;row-gap:25px;}
.box-position-wrap.no-box.gapc56g25:not(.boxes-slider) .border-shape {width: calc(25% - 40px) !important;}

.box-position-wrap.no-box .border-shape > .elementor-container {height: 100%;}

/* Slider */
.box-position-wrap.no-box .boxes-slider .border-shape {}
.boxes-slider .slick-list {margin: 0px -25px;}
.boxes-slider .slick-slide {padding: 50px 25px 80px;height: auto;}
.boxes-slider .slick-slide:not(.slick-active) {opacity: .1;}
.boxes-slider .slick-track {display:flex;}
.boxes-slider .slick-arrow{backgroud:transparent;box-shadow:none;border:none;background: none; box-shadow: none; border: none; position: absolute; top: 50%; transform: translateY(-50%);cursor:pointer;z-index:3;}
.boxes-slider .slick-arrow.slick-prev {left:130px;}
.boxes-slider .slick-arrow.slick-next {right:130px;}
.boxes-slider .slick-arrow:hover svg path{fill:#0e2d4b}

@media (min-width: 1800px){
	.on-time-custom-padding .elementor-icon-box-wrapper .elementor-icon-box-description{
		padding-right:70px;
	}
}

/* #End Slider */
@media only screen and (max-width:1440px){
	.boxes-slider .slick-arrow.slick-prev {left:10px;}
	.boxes-slider .slick-arrow.slick-next {right:10px;}
	.boxes-slider .slick-slide {padding: 40px 10px 60px;}
}
@media only screen and (max-width:1400px){
	.box-position-wrap.no-box > .elementor-container > .elementor-column > .elementor-element-populated,
	.box-position-wrap.no-box.gapc56g25 > .elementor-container > .elementor-column > .elementor-element-populated {column-gap:20px;row-gap:20px;}
	.box-position-wrap.no-box:not(.boxes-slider) .border-shape,
	.box-position-wrap.no-box.gapc56g25:not(.boxes-slider) .border-shape {width: calc(25% - 15px) !important;}
	
}
@media only screen and (max-width:1024px){
	.box-position-wrap.no-box > .elementor-container > .elementor-column > .elementor-element-populated {column-gap:20px;}    
	.box-position-wrap.no-box:not(.boxes-slider) .border-shape,
	.box-position-wrap.no-box.col3:not(.boxes-slider) .border-shape,
	.box-position-wrap.no-box.gapc56g25:not(.boxes-slider) .border-shape {width:calc(50% - 10px) !important;}
}
@media only screen and (max-width:767px){
	.box-position-wrap.no-box:not(.boxes-slider) .border-shape,
	.box-position-wrap.no-box.col3:not(.boxes-slider) .border-shape,
	.box-position-wrap.no-box.gapc56g25:not(.boxes-slider) .border-shape {width:calc(100% - 0px) !important;}
}
/* #End New Pages */

/* Stories listing */
.stories-list-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -15px;
	margin-right: -15px;
}

.stories-list {
	overflow: hidden;
	background-color: #0e2d4a;
	width: calc(100% / 3 - 30px);
	position: relative;
	transition: .5s all;
	margin: 0 15px 30px;
}

.stories-list img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.stories-list .inner-block {
	position: relative;
	padding-top: calc(506 / 380 * 100%);
}

.stories-list a:hover img {
	opacity: .25;
}

.stories-list a {
	display: block;
}

.stories-list a:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.stories-list a:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.stories-list a:before,.stories-list a:after {
	position: absolute;
	top: 1.8em;
	right: 1.8em;
	bottom: 1.8em;
	left: 1.8em;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
	transition: opacity 0.35s,transform 0.35s;
}

.stories-list a:hover:before,.stories-list a:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.stories-list-con {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10%;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}

.stories-list-con h4 {
	color: #fff;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	opacity: 0;
	font-size: 20px;
	max-width: 85%;
}

.stories-list a:hover .stories-list-con h4 {
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

/* Stories pagination */

.stories-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.stories-pagination .page-numbers {
	border: 2px solid #0e2d4a;
	background: #0e2d4a;
	padding: 10px 14px;
	line-height: 1em;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: ease 0.3s;
}

.stories-pagination .page-numbers.next, .stories-pagination .page-numbers.prev {
	font-weight: normal;
}

.stories-pagination .page-numbers.current {
	background-color: #fff;
	color: #0e2d4a;
}

.stories-pagination .page-numbers:not(.current):hover {
	background-color: #c6392c;
	color: #ffffff;
	border-color: #c6392c;
}

.no-stories {
	text-align: center;
	font-size: 16px;
}

@media screen and (max-width: 1360px){
	.stories-wrapper {
		padding: 0 30px;
	}
}
@media screen and (max-width: 991px){
	.stories-list {
		width: calc(100% / 3 - 20px);
		margin: 0 10px 20px;
	}
	.stories-pagination {
		margin-top: 20px;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 820px){
	.stories-list {
		width: calc(100% / 2 - 20px);
		margin: 0 10px 20px;
	}
	.stories-list-con h4 {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px){
	.stories-pagination {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 567px){
	.stories-wrapper {
		padding: 0;
	}
	.stories-list {
		width: 100%;
		margin: 0 15px 25px;
	}
	.stories-list-row {
		margin-left: 0;
		margin-right: 0;
	}
	.stories-pagination .page-numbers 	{
		font-size: 14px;
	}
}
/* #END Stories listing */

@media (max-width: 1700px){
body .left-right-circle-section::before, body .left-right-circle-section::after {
    top: 0;
    width: 135px;
    height: 280px;
    background-size: 100%;
}
}

@media (max-width: 1600px){
	
.circle-separater .elementor-divider {
    max-width: 80%;
    margin: 0 auto;
}
	
}

@media (max-width: 1400px){

.d-flex ul li {
    width: calc(50% - 20px/2);
}
.form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea {
    padding: 15px 20px;
}	
.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-button-submit {
    padding: 15px 35px;
}
	
}

@media (max-width: 1366px){

	.circle-separater .elementor-divider {
    max-width: 90%;
	}
	body .left-right-circle-section::before, body .left-right-circle-section::after {
    width: 75px;
}

}

@media (max-width: 1360px){
	.latest-updates-slider::before {
    width: 3%;
}
.latest-updates-slider::after {
    width: 3%;
}
}

@media (max-width: 1199px) {
			.circle-separater .elementor-divider {
    max-width: 100%;
	}
	body .left-right-circle-section::before, body .left-right-circle-section::after {
    display:none;
}
}

@media (max-width: 1024px) {
	.service-provide .elementor-image-box-img img {
	height:180px;
	width:180px;
	object-fit:contain;
}
}


@media (max-width: 882px){

	.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-button-submit {
			width:auto;
	}

}

@media (max-width: 799px){
	.latest-updates-slider::before {
    width: 8%;
}
.latest-updates-slider::after {
    width: 8%;
}
}

@media (max-width: 767px) {
	.service-provide .elementor-image-box-img img {
	height:120px;
	width:120px;
	object-fit:contain;
}
	.landing-logo {
		justify-content:center;
	}
	.landing-btn .elementor-button {
    min-width: 280px;
}
	.industry-partner-logo .logo-image img {
    height: 100px;
    width: 250px;
    object-fit: contain;
    max-height: unset;
}
.d-flex ul li {
    width: 100%;
}
.form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .form-typ1 .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea, .form-typ1 .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea {
    padding: 12px 15px;
}
.form-typ1 .forminator-ui#forminator-module-1825.forminator-design--default .forminator-button-submit {
    padding: 12px 35px;
}
	
}

/* 23-12-2026 */
body:not([class*="elementor-page-"]) #qodef-page-content{
	padding-top: 40px;
	padding-bottom: 40px;
	padding-inline: 30px;
	max-width: 1260px;
	margin-inline: auto;
}


body .table-responsive{
	overflow-x:scroll;
}

body section .has-submenu.highlighted > .sub-arrow{
	transform: matrix(1, 0, 0, -1, 0, 0);
}
@media (max-width:1210px){
body section .has-submenu.highlighted > .sub-arrow{
	    padding-top: 5px;
}
}


/* Drivers page mobile hero readability (Sam - SEO, Oct 21 2026) */
@media (max-width:767px){
  .elementor-1701 .elementor-element-c56a688 .qodef-m-title,
  .elementor-1701 .elementor-element-f9b13f6 .elementor-heading-title{
    text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
  }
  .elementor-1701 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay{
    opacity:1 !important;
    background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.15) 85%,rgba(0,0,0,0) 100%) !important;
    -webkit-mask-image:linear-gradient(180deg,transparent 12%,#000 32%,#000 72%,transparent 92%);
            mask-image:linear-gradient(180deg,transparent 12%,#000 32%,#000 72%,transparent 92%);
  }
}

/* =====================================================================
   Load One (load1.com): proposed hero/banner readability fixes
   Banner audit, Oct 21 2026 (v2 after before/after review). NOT APPLIED to the live site.
   Same pattern as /workspace/mockups/drivers-hero/option1.css (live on /drivers/ mobile):
   text-shadow plus a dark fade masked to the text band. Every rule is scoped to
   .elementor-<pageId>. Breakpoints follow Elementor: mobile <=767px.
   Where to paste: Appearance > Customize > Additional CSS (or each page's
   Elementor Page Settings > Advanced > Custom CSS). After saving: Elementor > Tools >
   Regenerate CSS, then purge the LiteSpeed cache.
   Note: several pages copied the drivers hero, so the IDs 46eaf6c / c56a688 / f9b13f6
   show up on many pages. The .elementor-<pageId> prefix keeps each rule on its own page.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. HIGH: /automotive-expedite-detroit/  (page 4451, section 3d15749)
   The H1 is navy on a navy section (about 1.1:1) on all devices. The heading widget
   was saved without an element ID (class "elementor-element-"), so the rule targets
   it through the section. The "Get a Quote" button uses the default grey; this sets it
   to the brand red.
   --------------------------------------------------------------------- */
.elementor-4451 .elementor-element-3d15749 .elementor-heading-title{
  color:#fff !important;
}
.elementor-4451 .elementor-element-4f9414d .elementor-button{
  background-color:#c6392c; color:#fff;
}
/* Below the hero: "MANUFACTURIN-G" breaks mid-word on phones. Shrink it slightly. */
@media (max-width:767px){
  .elementor-4451 .elementor-element-b322d95 .elementor-heading-title{
    font-size:30px; overflow-wrap:normal; word-break:normal; hyphens:auto;
  }
}


/* ---------------------------------------------------------------------
   2. HIGH: /ground-expedite/  (page 2328, section 46eaf6c, bg 2025/03/ground-expedite-banner-bg.jpg)
   The sitewide .new-banner-s / .banner-new-sub rule fixes the height (600px <=1660px,
   500px on mobile), and the content is centred with flex. The content is taller than
   the box, so it spills out both ends: the H1 ends up above the top and under the header,
   and the H2 "When to Choose Ground Expedite" (83003b3) and its paragraph (9c995f2) sit
   on the photo in navy/grey. Overlay opacity is .01.
   Real fix in Elementor: move widgets 83003b3 and 9c995f2 out of the hero into the next
   section. The CSS lets the hero grow to fit its content and darkens the text band.
   --------------------------------------------------------------------- */
.elementor-2328 .elementor-element-46eaf6c.new-banner-s{
  height:auto !important; min-height:600px; padding-top:80px !important; padding-bottom:80px !important;
}
.elementor-2328 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay{
  opacity:.55 !important;
}
.elementor-2328 .elementor-element-c56a688 .qodef-m-title,
.elementor-2328 .elementor-element-f9b13f6 .elementor-heading-title{
  text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
}
/* Stopgap only until 83003b3/9c995f2 are moved: make them legible on the photo */
.elementor-2328 .elementor-element-46eaf6c .elementor-element-83003b3 .elementor-heading-title,
.elementor-2328 .elementor-element-46eaf6c .elementor-element-9c995f2,
.elementor-2328 .elementor-element-46eaf6c .elementor-element-9c995f2 *{
  color:#fff !important; text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
}
@media (max-width:767px){
  .elementor-2328 .elementor-element-46eaf6c.new-banner-s{ min-height:500px; padding-top:40px !important; padding-bottom:40px !important; }
}


/* ---------------------------------------------------------------------
   3. HIGH: /specialized/  (page 3400, section e4d0393, bg 2023/03/blue-load-one-semi-with-black-trailer.jpg)
   Same overflow problem: the long two-paragraph intro pushes the H1 above the top, so
   the first line ("Specialized Freight") is hidden under the header on desktop and on
   phones. Readability over the dark photo is fine (overlay .8).
   --------------------------------------------------------------------- */
.elementor-3400 .elementor-element-e4d0393.new-banner-s{
  height:auto !important; min-height:600px; padding-top:80px !important; padding-bottom:80px !important;
}
@media (max-width:767px){
  .elementor-3400 .elementor-element-e4d0393.new-banner-s{ min-height:500px; padding-top:40px !important; padding-bottom:40px !important; }
}


/* ---------------------------------------------------------------------
   4. HIGH: /services/  (page 244, section f3343ef, widget d9b6dda, bg 2023/03/Load-one-semi-on-highway-scaled.jpg)
   Overlay .3. The body copy sits on the white truck cab (washed out, worst on phones).
   The "Get a Quote from Load One." link is grey on grey and nearly invisible. On phones
   the chat pop-up also covers it.
   --------------------------------------------------------------------- */
.elementor-244 .elementor-element-d9b6dda .qodef-m-title,
.elementor-244 .elementor-element-d9b6dda .qodef-m-text > p{
  text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
}
.elementor-244 .elementor-element-d9b6dda .qodef-m-text a{
  color:#fff !important; text-decoration:underline; text-underline-offset:3px;
}
.elementor-244 .elementor-element-f3343ef > .elementor-background-overlay{
  opacity:1 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.15) 80%,rgba(0,0,0,0) 100%) !important;
}
@media (max-width:767px){
  .elementor-244 .elementor-element-f3343ef > .elementor-background-overlay{
    background:rgba(0,0,0,.5) !important;   /* text fills the whole width on phones */
  }
}


/* ---------------------------------------------------------------------
   5. HIGH: /about/asset-based-fleet/  (page 3849, section df974de, widget e375da2, bg 2023/03/Load-one-semi-12-scaled.jpg)
   The small subtitle (.qodef-m-subtitle) and, on phones, the H1 sit on the white truck
   body with only the .3 overlay. Affects all devices.
   --------------------------------------------------------------------- */
.elementor-3849 .elementor-element-e375da2 .qodef-m-title,
.elementor-3849 .elementor-element-e375da2 .qodef-m-subtitle{
  text-shadow:0 2px 3px rgba(0,0,0,.7), 0 0 14px rgba(0,0,0,.6);
}
.elementor-3849 .elementor-element-df974de > .elementor-background-overlay{
  opacity:1 !important;
  background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.3) 100%) !important;
}
@media (max-width:767px){
  /* on phones the H1 starts ~40% down the hero, over the white cab */
  .elementor-3849 .elementor-element-df974de > .elementor-background-overlay{
    background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.3) 100%) !important;
  }
}


/* ---------------------------------------------------------------------
   6. Industries/About hero template (section df974de, H1 widget e375da2, overlay .3).
   MOBILE ONLY. The mobile crop puts the white trailer straight behind the H1.
     HIGH   /industries/automotive-manufacturing/      page 3778 (bg 2024/11/Load1-1379-compress-image.jpg)
     HIGH   /industries/manufacturing-production/      page 3861 (same photo)
     MEDIUM /industries/life-science-logistics-soltions/ page 4098 (bg 2025/06/Web_Photo_Editor-scaled.jpg)
     MEDIUM /industries/electronics-technology-logistics/ page 4147 (bg 2023/03/Load-one-semi-3-scaled.jpg)
     MEDIUM /about/                                    page 209  (same photo as 4147)
   On desktop these headings sit low on dark pavement and read fine, so nothing changes there.
   --------------------------------------------------------------------- */
@media (max-width:767px){
  .elementor-3778 .elementor-element-e375da2 .qodef-m-title,
  .elementor-3861 .elementor-element-e375da2 .qodef-m-title,
  .elementor-4098 .elementor-element-e375da2 .qodef-m-title,
  .elementor-4147 .elementor-element-e375da2 .qodef-m-title,
  .elementor-209  .elementor-element-e375da2 .qodef-m-title{
    text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
  }
  .elementor-3778 .elementor-element-df974de > .elementor-background-overlay,
  .elementor-3861 .elementor-element-df974de > .elementor-background-overlay,
  .elementor-4098 .elementor-element-df974de > .elementor-background-overlay,
  .elementor-4147 .elementor-element-df974de > .elementor-background-overlay,
  .elementor-209  .elementor-element-df974de > .elementor-background-overlay{
    opacity:1 !important;
    /* bottom-weighted band behind the H1 (lower half of the short mobile hero); top keeps the original 30% so the photo is not brightened */
    background:linear-gradient(0deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.58) 40%,rgba(0,0,0,.3) 62%,rgba(0,0,0,.3) 100%) !important;
  }
}


/* ---------------------------------------------------------------------
   7. MEDIUM: /drivers/company-drivers/  (page 1760, section 46eaf6c, bg 2024/11/truck-hero-image.jpg)
   Same hero as /drivers/. On phones the H1 sits on the white box truck. This is option1
   copied over with 1760 in place of 1701.
   --------------------------------------------------------------------- */
@media (max-width:767px){
  .elementor-1760 .elementor-element-c56a688 .qodef-m-title,
  .elementor-1760 .elementor-element-f9b13f6 .elementor-heading-title{
    text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
  }
  .elementor-1760 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay{
    opacity:1 !important;
    /* v2: option1-style left-weighted fade without the mask; the vertical layer adds darkness only behind the text band, edges stay near the original 30% */
    background:linear-gradient(180deg,rgba(0,0,0,0) 12%,rgba(0,0,0,.32) 32%,rgba(0,0,0,.32) 72%,rgba(0,0,0,0) 92%),
               linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.18) 100%) !important;
  }
}


/* ---------------------------------------------------------------------
   8. MEDIUM: shared "service" hero (section 46eaf6c, H1 c56a688, intro f9b13f6, overlay .5 + sitewide gradient)
     /truckload/     page 2639 (bg 2024/11/CRW_9127_RJ-scaled.jpg): italic intro over the white truck and pale road (all devices)
     /air-services/  page 2796 (bg 2023/03/Wide-shot-of-airfield-scaled.jpeg): italic intro over the pale sky and plane (all devices)
     /logistics/     page 2767 (bg 2023/02/Various-Load-one-transportation-vehicles.jpg): intro over the pale sky (mobile mainly)
   A text-shadow alone is enough here. It is applied on all devices because desktop is also marginal.
   --------------------------------------------------------------------- */
.elementor-2639 .elementor-element-c56a688 .qodef-m-title,
.elementor-2639 .elementor-element-f9b13f6 .elementor-heading-title,
.elementor-2796 .elementor-element-c56a688 .qodef-m-title,
.elementor-2796 .elementor-element-f9b13f6 .elementor-heading-title,
.elementor-2767 .elementor-element-c56a688 .qodef-m-title,
.elementor-2767 .elementor-element-f9b13f6 .elementor-heading-title{
  text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
}
@media (max-width:767px){
  .elementor-2639 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay,
  .elementor-2796 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay,
  .elementor-2767 .elementor-element-46eaf6c.new-banner-s > .elementor-background-overlay{
    opacity:1 !important;
    /* v2: option1-style left-weighted fade without the mask; the vertical layer adds darkness only behind the text band, edges stay near the original 30% */
    background:linear-gradient(180deg,rgba(0,0,0,0) 8%,rgba(0,0,0,.32) 22%,rgba(0,0,0,.32) 82%,rgba(0,0,0,0) 96%),
               linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.18) 100%) !important;
  }
}


/* ---------------------------------------------------------------------
   9. MEDIUM: /drivers/faq/  (page 1232, section d5790d4, widget 107f5f6, bg 2023/03/Load-one-semi-on-highway-scaled.jpg)
   The H1 and subtitle sit on the white truck cab and hazy sky (phones especially; desktop is marginal).
   --------------------------------------------------------------------- */
.elementor-1232 .elementor-element-107f5f6 .qodef-m-title,
.elementor-1232 .elementor-element-107f5f6 .qodef-m-text:not(.qodef-qi-button .qodef-m-text){
  text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
}
@media (max-width:767px){
  .elementor-1232 .elementor-element-d5790d4 > .elementor-background-overlay{
    opacity:1 !important;
    /* v2: option1-style left-weighted fade without the mask; the vertical layer adds darkness only behind the text band, edges stay near the original 30% */
    background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.32) 40%,rgba(0,0,0,.32) 90%,rgba(0,0,0,0) 100%),
               linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.18) 100%) !important;
  }
}


/* ---------------------------------------------------------------------
   10. MEDIUM: Homepage /  (page 1209, section 2463692, H1 widget cdc9176, bg 2023/06/Load-One-Transportation-Header-Image.jpg)
   On phones the H1 sits on the white Load One flag and the intro on the flag stripes.
   The HubSpot chat bubble also overlaps the right end of the red "Drivers" button in the
   mobile sticky CTA bar (html widget dde1374).
   --------------------------------------------------------------------- */
@media (max-width:767px){
  .elementor-1209 .elementor-element-cdc9176 .qodef-m-title,
  .elementor-1209 .elementor-element-cdc9176 .qodef-m-text > p{
    text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
  }
  .elementor-1209 .elementor-element-2463692 > .elementor-background-overlay{
    opacity:1 !important;
    /* v2: option1-style left-weighted fade without the mask; the vertical layer adds darkness only behind the text band, edges stay near the original 30% */
    background:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.32) 30%,rgba(0,0,0,.32) 85%,rgba(0,0,0,0) 98%),
               linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.18) 100%) !important;
  }
  /* keep the sticky CTA clear of the chat launcher (~60px + gap) without wrapping the labels */
  .elementor-1209 .elementor-element-dde1374 .hero-mobile-sticky-container{ padding-right:70px; box-sizing:border-box; }
  .elementor-1209 .elementor-element-dde1374 .hero-mobile-button{ white-space:nowrap; font-size:13px; letter-spacing:0; padding-left:8px; padding-right:8px; }
}


/* ---------------------------------------------------------------------
   11. LOW: /drivers/ desktop/tablet  (page 1701, section 46eaf6c)
   The live option1 fix is mobile-only. On desktop the H2 "The Future Belongs To Those That
   Deliver" (f9b13f6) still runs onto the white truck cab. Add the shadow at all widths:
   --------------------------------------------------------------------- */
@media (min-width:768px){
  .elementor-1701 .elementor-element-c56a688 .qodef-m-title,
  .elementor-1701 .elementor-element-f9b13f6 .elementor-heading-title{
    text-shadow:0 2px 3px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.55);
  }
}


/* ---------------------------------------------------------------------
   12. LOW: /contact/  (page 235, section a1d83e7, widget fd56e5f, bg 2023/03/Semi-truck-closeup.jpg)
   The intro copy sits partly on the bright cab and sky. Readable, but a shadow helps.
   --------------------------------------------------------------------- */
.elementor-235 .elementor-element-fd56e5f .qodef-m-title,
.elementor-235 .elementor-element-fd56e5f .qodef-m-text > p{
  text-shadow:0 2px 3px rgba(0,0,0,.55), 0 0 12px rgba(0,0,0,.45);
}