/*===================================
 *              Global
 * 
 * 
 * ================================*/

/*======== Navigation ===========*/
#bbwdNavigation ul.menu{
	display: flex;
	list-style: none;
	gap: 0px;
	align-items: end;
	justify-content: end;
}
#bbwdNavigation ul.menu li a{
	color: white;
	font-size: 11px;
    letter-spacing: .05em;
	padding: 0 10px;
}
#bbwdNavigation ul.menu li:nth-child(2){
	border-left: 1px solid white;
}
#bbwdNavigation .elementor-search-form__container, .mobilePopout .elementor-search-form__container{
	flex-flow: row-reverse;
}
#bbwdNavigation .elementor-search-form__icon, .mobilePopout .elementor-search-form__icon{
	padding-right: calc(20px / 3);
}
#mobileNav li{
	border-bottom: 1px solid white;
}
header .e-search button.e-search-submit{
	position: absolute !important;
    z-index: 1 !important;
    top: 4px !important;
    right: 5px !important;
}

/*end nav*/

div > .rightAngleYellow a:after{
	content: '';
    background: -o-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    background: linear-gradient(to bottom, #fed64a 0%, #fa7a0c 100%);
    top: 0;
    bottom: 0;
    right: -7px;
    width: 32px;
    position: absolute;
    display: block;
    -webkit-transform: skew(166deg);
    -ms-transform: skew(166deg);
    transform: skew(166deg);
    z-index: -1;
}
.page-template-default a{
	transition-duration: .2s;
}
.page-template-default a:hover{
	font-weight: 600;
}
/*end bbwd global*/

footer .elementor-testimonial--align-left.elementor-testimonial--layout-image_above .elementor-testimonial__footer, .elementor-testimonial--align-left.elementor-testimonial--layout-image_inline .elementor-testimonial__footer{
	justify-content: end;
}

.bpTest{
	min-width: 150px;
	min-height: 150px;
	background: red;
}
html, body{
	scroll-behavior: smooth;
}
/****** flex styles ******/
.bbwdFlex{
	display: flex;
}
.bbwdCol{
	flex-flow: column;
}
.bbwdRow{
	flex-flow: row wrap;
}
.bbwdRowNW{
	flex-flow: row nowrap;
}
.bbwdCenterFull{
	justify-content: center;
	align-items: center;
}
.bbwdJcntAstart{
	justify-content: center;
	align-items: start;
}
.bbwdAcntJstart{
	justify-content: start;
	align-items: center;
}
.bbwdCenterBttm{
	justify-content: center;
	align-items: end;
}
.bbwdCenterTp{
	justify-content: center;
	align-items: start;
}
.bbwdCenterStch{
	justify-content: center;
	align-items: stretch;
}
.bbwdSpcBtnStch{
	justify-content: space-between;
	align-items: stretch;
}
.bbwdSpcArdStch{
	justify-content: space-around;
	align-items: stretch;
}
.bbwdJEnd{
	justify-content: end;
}
.bbwdGrow3{
	flex-grow: 3;
}
.bbwdGap10{
	gap: 10px;
}
.bbwdGap20{
	gap: 20px;
}
.bbwdGap50{
	gap: 50px;
}
.bbwdGap100{
	gap: 100px;
}

.bbwdPad20px{
	padding:  20px;
}
.bbwdPad40px{
	padding:  40px;
}
.bbwdPTop10 div.elementor-widget-wrap.elementor-element-populated{
	padding-top: 10px;
}

.bbwdSelfEnd{
	align-self: end;
}

.bbwdFlexGrow1{
	flex-grow: 1;
}
/**** end flex styles ****/
 
/****** Custom Classes ******/
.bbwd180{
	transform: rotate(180deg);
}
.bbwdTxtCntr{
	text-align: center;
}
.bbwdAutoMarg{
	margin: auto;
}
.bbwdMTop120{
	margin-top: 120px;
}
.bbwdMTop60{
	margin-top: 60px;
}
.bbwdMTop10{
	margin-top: 10px;
}
.bbwdMBot60{
	margin-bottom: 60px;
}
.margRight15P{
	margin-right: 15%;
}
.minH290{
	min-height: 290px;
}
.bbwdOverHide{
	overflow: hidden;
}

.blueLineBack{
	background: linear-gradient(to right, #1b4be5 0%, #000000 100%);
	margin-right: -35px;
}
/** end custom classes  **/

/****** Site Wide ******/

/*===================================
 *            Modal
 * ================================*/
#bbwdModal{
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 100vh;
}
#bbwdModInner{
	width: 50%;
    max-width: 50%;
	max-height: 60vh;
	overflow-y: scroll;
    padding: 50px 60px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -3px;
	gap: 20px;
}
#bbwdCloseModal{
    position: absolute;
    top: 50px;
    right: 15%;
}


 /**end modal**/

/*===================================
 *            Home
 * ================================*/
#homeSlider .swiper-slide-inner{
	padding: 0;
}
#homeSlider .swiper-slide-contents{
	background: url(/wp-content/uploads/2025/01/slider_content_bg.png);
	padding: 50px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#homeSlider .elementor-slide-heading:before, .gdtBeforeSlash:before{
    content: 'a';
    background: url(/wp-content/uploads/2025/01/header_blue.png) no-repeat top;
    width: 46%;
    display: block;
    margin-left: -10%;
    color: transparent;
    transform: skew(-18deg, 0);
    background-size: 100% 100%;
	max-height: 50px;
}
#homeSlider .elementor-slide-heading, .gdtBeforeSlash{
	text-align: end;
	color: #083ae7;
	background: url(/wp-content/uploads/2025/01/header_angle_after.png);
	background-size: 100%;
	padding: 10px 20px 10px 10px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 3rem;
	width: 123%;
	margin-left: -12%;
	display: flex;
    justify-content: end;
	max-height: 77px;
    gap: 30px;
}
.gdtBeforeSlash .elementor-widget-container{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 30px;
}
.gdtBeforeSlash{
	margin-left: -45%;
	min-height: fit-content;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.single-post .gdtBeforeSlash{
	margin-left: -10%;
}
.single-post .gdtBeforeSlash:before{
	width: 100%;
}

.page-id-211 .gdtBeforeSlash{
	margin-top: -103px;
	margin-left: -41%;
}
#homeSlider .elementor-slide-description{
	font-size: 17px;
    line-height: 1.4;
    padding-left: 150px;
	margin-top: 22px;
	font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.4;
}
.beforeBanner:before {
    content: '';
    position: absolute;
    height: 30px;
    width: 160px;
    background: -webkit-gradient(linear, right top, left top, from(#0b37e2), to(#000));
    background: -webkit-linear-gradient(right, #0b37e2, #000);
    background: -o-linear-gradient(right, #0b37e2, #000);
    background: linear-gradient(to left, #0b37e2, #000);
    -webkit-transform: skew(-16deg);
    -ms-transform: skew(-16deg);
    transform: skew(-16deg);
    left: 10px;
    top: 30px;
}
.afterBanner:after {
    content: '';
    position: absolute;
    height: 18px;
    width: 200px;
    background: -webkit-gradient(linear, left top, right top, from(#0b37e2), to(#000));
    background: -webkit-linear-gradient(left, #0b37e2, #000);
    background: -o-linear-gradient(left, #0b37e2, #000);
    background: linear-gradient(to right, #0b37e2, #000);
    -webkit-transform: skew(-16deg);
    -ms-transform: skew(-16deg);
    transform: skew(-16deg);
    right: 10px;
    bottom: 30px;
}
.elementor-swiper-button{
	z-index: 99 !important;
}


/*===================================
 *        Caclulator Styles
 * ================================*/
#owner-calc-container ul {
  overflow: hidden; }
  #owner-calc-container ul li {
    border-bottom: 1px solid #f9aa51; }
    #owner-calc-container ul li span {
      float: right; }
    #owner-calc-container ul li span#note_miles_revenue,
    #owner-calc-container ul li span#note_stop_pay,
    #owner-calc-container ul li #stop_pay,
    #owner-calc-container ul li #cost-per-gallon {
      float: none; }
    #owner-calc-container ul li span.super {
      float: none;
      vertical-align: super;
      font-size: 8px;
      font-size: 0.5rem;
      padding: 2px; }

#owner-calc-container #calculate-button-container {
  border-bottom: 2px solid #f9aa51;
  padding-bottom: 20px; }
  #owner-calc-container #calculate-button-container button {
    background: #fed64a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed64a), color-stop(100%, #fa7a0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#fed64a), to(#fa7a0c));
    background: linear-gradient(to bottom, #fed64a 0%, #fa7a0c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed64a', endColorstr='#fa7a0c',GradientType=0 );
    /* IE6-9 */
    border: none;
    border-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: black;
    font-size: 8px;
    font-size: 0.5rem;
    font-size: 0.75rem;
    line-height: 18px;
    padding: 10px;
    text-shadow: none; }

#owner-calc-container .sub {
  padding-left: 5%; }
  #owner-calc-container .sub li.row-total {
    border-bottom: none;
    float: right;
    clear: right;
    padding: 20px 0 0 0; }
    #owner-calc-container .sub li.row-total span {
      padding: 0 0 0 5px; }

#owner-calc-container .sub.totals li {
  font-size: 19.2px;
  font-size: 1.2rem; }
  #owner-calc-container .sub.totals li .total {
    font-weight: 800; }

#owner-calc-container .sub.totals li.row-total {
  padding: 0; }

#owner-calc-container .notes {
  font-size: 0.8rem; }
  #owner-calc-container .notes span {
    float: none; }
  #owner-calc-container .notes ul {
    padding: 0;
    margin: 0; }
    #owner-calc-container .notes ul li {
      border-bottom: none; }

.lightbox {
  /* display: none; */
  }

#driver-calc-container button {
  float: right;
  margin-bottom: 10px; }

#driver-calc-container ul {
  overflow: hidden; }
  #driver-calc-container ul li {
    border-bottom: 1px solid #f9aa51; }
    #driver-calc-container ul li span {
      float: right; }
    #driver-calc-container ul li #cost-per-gallon {
      float: none; }
    #driver-calc-container ul li span.super {
      float: none;
      vertical-align: super;
      font-size: 8px;
      font-size: 0.5rem;
      padding: 2px; }

#driver-calc-container #calculate-button-container {
  border-bottom: 2px solid #f9aa51;
  padding-bottom: 20px; }
  #driver-calc-container #calculate-button-container button {
    background: #fed64a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed64a), color-stop(100%, #fa7a0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fed64a 0%, #fa7a0c 100%);
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#fed64a), to(#fa7a0c));
    background: linear-gradient(to bottom, #fed64a 0%, #fa7a0c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed64a', endColorstr='#fa7a0c',GradientType=0 );
    /* IE6-9 */
    border: none;
    border-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: black;
    font-size: 8px;
    font-size: 0.5rem;
    font-size: 0.75rem;
    line-height: 18px;
    padding: 10px;
    text-shadow: none; }

#driver-calc-container .top .col {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0; }
  #driver-calc-container .top .col:last-child {
    margin-right: 0; }
  #driver-calc-container .top .col ul li {
    border-bottom: 0px; }
    #driver-calc-container .top .col ul li select {
      min-width: 50%; }

#driver-calc-container .top button {
  float: right; }

#driver-calc-container .sub ul {
  margin: 0;
  padding: 0; }

#driver-calc-container .sub .header ul {
  border-bottom: 1px solid #f9aa51; }
  #driver-calc-container .sub .header ul li {
    float: left;
    clear: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 0;
    float: left; }
    #driver-calc-container .sub .header ul li:last-child {
      margin-right: 0; }

#driver-calc-container .sub .col {
  float: left;
  clear: none;
  width: 25%;
  margin-left: 0;
  margin-right: 0; }
  #driver-calc-container .sub .col:last-child {
    margin-right: 0; }
  #driver-calc-container .sub .col ul li {
    border-bottom: 0px; }

#driver-calc-container .sub li.row-total {
  border-bottom: none;
  float: right;
  clear: right;
  padding: 20px 0 0 0; }
  #driver-calc-container .sub li.row-total span {
    padding: 0 0 0 5px; }

#driver-calc-container .sub.totals li {
  font-size: 19.2px;
  font-size: 1.2rem; }
  #driver-calc-container .sub.totals li .total {
    font-weight: 800; }

#driver-calc-container .sub.totals li.row-total {
  padding: 0; }

#driver-calc-container .notes {
  font-size: 0.8rem; }
  #driver-calc-container .notes ul {
    padding: 0;
    margin: 0; }
    #driver-calc-container .notes ul li {
      border-bottom: none; }


/**/
.contactLists a{
	color: #0C2C82;
}

/*bbwd custom styles*/
.simpleCalc p{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
}
.simpleCalc span, .simpleCalc p{
	text-align: center;
	margin: auto;
	color: white;
}
.featherlight-inner #calculate-button-container{
	display: flex;
	flex-flow: row;
	align-items: center;
	width: 70%;
	gap: 10px;
}
.comp-pay-per-mile-amount, .owner-pay-per-mile-amount{
	color: white;
	font-size: 30px;
    font-weight: 100;
    line-height: 1;
}
.featherlight-inner #calculate-button-container input{
	padding: 3px;
	color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.featherlight-inner #calculate-button-container label{
	width: 56%;
}
/*end calculator styles*/

/*===================================
 *          Single Post
 * ================================*/
.single-post iframe{
	width: 420px !important;
	height: 241px;
}

/*===================================
 *        Side Menu Styles
 * ================================*/
#sideMenu p{
	font-size: .8rem;
	color: black;
}
#sideMenu ul{
	list-style: none;
	padding: 0;
	margin-top: 20px;
	display: flex;
	flex-flow: column;
	gap: 10px;
}
#sideMenu ul a{
	color: #231f20;
}

#sideMenu #careerOptions1, #sideMenu #careerOptions2, #sideMenu #compEarnCalc, #sideMenu #earnCalc{
	display: none;
}

#sideMenu.customer-services #careerOptions1, #sideMenu.driver-careers #careerOptions2, #sideMenu.company-drivers #compEarnCalc, #sideMenu.owner-operators #earnCalc{
	display: block !important;
}


/*===================================
 *     Request a Quote Styles
 * ================================*/
#reqQuote h5{
	font-size: 1rem;
	font-weight: 700;
}
#reqQuote h5 span{
	color: #790000;
}
#reqQuote div.elementor-field-type-html:has(.showMobil){
	display: none;
}


.page-id-398 .gdtBeforeSlash{
	margin-left: -37%;
}


/*===================================
 *        Services Page
 * ================================*/
.page-id-8 h2{
    font-size: 2em;
    margin: .67em 0;
}
.page-id-8 .wp-block-heading{
    color: #0c2c82;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
}


.page-id-412 .elementor-element-4f353ce{
	display: none;
}

/*===================================
 *        Style Overrides
 * ================================*/
.bbwdHideMe{
	display: none;
}

.bbwdW100{
	width: 100%;
}
.bbwdW50p{
	width: 50%;
}
.bbwdMaxH50px{
	max-height: 50px;
	min-height: 50px;
	height: 50px;
}


@media only screen and (max-width: 1024px){
	.gdtBeforeSlash{
		margin-left: -25%;
	}
	#homeSlider .elementor-slide-heading:before, .gdtBeforeSlash:before{
		width: 38%;
	}
	.page-id-398 #homeSlider .elementor-slide-heading:before, .page-id-398 .gdtBeforeSlash:before{
		width: 100%;
	}
	.page-id-211 .gdtBeforeSlash{
		margin-top: -103px;
		margin-left: -41%;
	}
	
	/******* Single Page Template Styles *******/
	.bbwdTab50{
		display: flex !important;
		flex-flow: row wrap !important;
		gap: unset !important;
		justify-content: space-between !important;
	}
	.bbwdTab50 .wp-block-group{
		width: 45%;
	}
}


/*===================================
 *        Mobile Styles
 * ================================*/
@media only screen and (max-width: 767px) {
	.beforeBanner:before, .afterBanner:after{
		display: none;
	}
	.gdtBeforeSlash:before{
		display: none;
	}
	.page-id-398 .gdtBeforeSlash{
		margin-left: 0;
	}
	.titleMobileAdj{
		background: rgba(22, 38, 82, 0.8);
		margin: 0;
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.titleMobileAdj .elementor-widget-container{
		margin-right: 0 !important;
	}
	.titleMobileAdj h1{
		color: white !important;
		font-style: normal !important;
		margin-left: 0 !important;
		font-size: 1.8rem !important;
		font-weight: 500 !important;
	}
	.blueLineBack{
		margin-right: 0;
		min-width: 100%;
		text-align: center;
	}
	#reqQuote div.elementor-field-type-html:has(.showMobil){
		display: block;
	}
	#reqQuote div.elementor-field-type-html:has(.hideMobil){
		display: none;
	}
	
	/******* Single Page Template Styles *******/
	.bbwdTab50{
		display: flex !important;
		flex-flow: row wrap !important;
		gap: 50px !important;
		justify-content: space-between !important;
	}
	.bbwdTab50 .wp-block-group{
		width: 100%;
	}
	
	/******* Single Post Template Styles *******/
	.singlePostContents img{
		display: block;
		float: none;
		margin: auto;
	}
}