/*
Theme Name: Williams Transportation LLC 2021
Author: MWB Interactive
Author URI: https://mwb.com/
*/

@import url("../../../nbe0wdm.css");

/* --- SETUP ---*/
:root {
  --primary: #655e54;
  --secondary: #e0a243;
  --head: #d5a455;
  --brown: #bca88d;
  --yellow: #fcdb51;
  --midbrown: #e2ded6;
  --lightbrown: #f3f1ee;
  --superlightbrown: #f6f5f3;
  --drkbrwn: #3c3832;
  --greybrown: #b3aa98;
  --greybrowndk: #91887a;
  --white: #ffffff;
  --darkgrey: #707070;
  --placeholder: #818181;
  --divider: #dcb372;
}
html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
body {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary);
  width: 100%;
}
.t-white {
  color: #fff;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: neuzeit-grotesk, sans-serif;
}
h1,
.h1 {
  font-size: 120px;
  color: var(--white);
  font-weight: 800;
  line-height: 0.8;
  text-transform: uppercase;
}
h2,
.h2 {
  font-size: 40px;
  color: var(--head);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
h3,
.h3 {
  font-size: 25px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 700;
}
h4,
.h4 {
}
h5,
.h5 {
  color: var(--primary);
  line-height: 24px;
}
h6,
.h6 {
  color: var(--primary);
  font-size: 18px;
}
p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--primary);
}
p a {
  text-decoration: underline;
}
a {
  color: var(--primary);
}
a:hover {
  color: var(--secondary);
}
a:focus,
a:hover {
  color: var(--primary);
}

small {
  color: var(--primary);
}
label {
  line-height: 0rem;
}
::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: var(--placeholder);
}
.res-image{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.has-tip {
  border-bottom: none;
}
.tooltip {
  max-width: 500px;
}

.p40 {
  padding: 40px 0;
}
.p60 {
  padding: 60px 0;
}
.w50 {
  width: 50%;
  margin: 0 auto;
}
.w60 {
  width: 60%;
  margin: 0 auto;
}
.w70 {
  width: 70%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}

/* --- BUTTONS ---*/
.button {
  background-color: var(--secondary);
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
}
.button:hover {
  background-color: var(--primary);
}
.button-call {
  background-color: var(--greybrown);
}
.button-load {
  background-color: var(--greybrowndk);
}
.button-apply {
  background-color: var(--secondary);
}
.button-res {
  background: none;
}
.button-submit {
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  width: 46%;
}
.button-apply {
  width: 100%;
}
.button-apply-full {
  background-color: var(--white);
  color: var(--primary);
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  width: 46%;
}
.button-jobby {
  background-color: var(--secondary);
  font-size: 12px;
  padding: 10px 20px;
}
.button-transit {
  background-color: var(--secondary);
  font-size: 12px;
  padding: 10px 15px;
  margin-top: 0.5rem;
  width: 100%;
}
.button-transit:hover,
.button-transit:active {
  background-color: var(--secondary);
}
.button-reveal {
  background-color: var(--secondary);
  font-size: 12px;
  padding: 10px 15px;
  width: 47%;
}
.button-reveal:hover {
  background-color: var(--secondary);
}
.button-products {
  margin-left: 10px;
  background-color: var(--greybrown);
}
.button:focus {
  background-color: var(--primary);
}
.button-submit {
  width: 50%;
}
.button-apply-full {
  width: 50%;
}

/* --- NAVIGATION ---*/
.top-bar {
  padding: 0;
}
.top-bar,
.top-bar ul,
.res-nav {
  background-color: var(--primary);
  padding: 0;
}
.top-bar ul li,
.res-nav ul li {
  font-size: 16px;
  text-transform: uppercase;
}
.top-bar ul li a {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top-bar ul li a:hover {
  background: var(--midbrown);
  color: var(--primary);
}
.top-bar ul li a.logo:hover {
  background: none;
}
.top-bar .logo {
  padding: 0 40px;
  font-weight: bolder;
  display:flex;
  align-items: center;
  font-size: 1.5rem;
}
.top-bar .logo:hover {
  color:#fff;
}

  h5.footer-logo {
    color: #fff !important;
    font-weight: bolder;
    text-align-last: center;
  }

.top-bar .button,
.res-nav .button {
  margin: 0;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-weight: 700;
}
.top-bar .button:hover,
.res-nav .button:hover {
  background: var(--midbrown);
  color: var(--primary);
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}
.dropdown.menu .submenu {
  background: var(--midbrown);
  border: none;
  font-size: 14px;
  color: var(--primary);
  margin-left: 0;
}
.dropdown.menu .submenu li {
  list-style: none;
}
.dropdown.menu .submenu li a {
  font-size: 14px;
  color: var(--primary);
}
.dropdown.menu .submenu li a:hover {
  background: #b5aa96;
  color: var(--white);
}
.dropdown.menu a.logo {
  padding: 0 0 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  color: var(--white);
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
  background: var(--midbrown);
  color: var(--primary);
}
.off-canvas {
  background: var(--primary);
  border: none;
  font-size: 14px;
  color: var(--midbrown);
  padding: 0;
  margin: 0;
}
.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 5000;
}
.current_page_item {
  font-weight: 800;
}
.current_page_item ul li {
  font-weight: 400;
}
.res-contact {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 0;
  height: 40px;
}
.home .res-contact,
.top-parent-8 .res-contact,
.top-parent-10 .res-contact,
.parent-pageid-8 .res-contact,
.parent-pageid-10 .res-contact {
  display: flex;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 3000;
  height: 40px;
}
.res-contact ul {
  width: 100%;
}
.res-contact ul li {
  flex: 1;
}
.res-contact ul ul li {
  width: 100%;
}
.res-nav ul li {
  width: 50%;
}
.res-nav ul.res-menu li {
  width: 100%;
  list-style: none;
  background: #524d46;
  border-bottom: #938f88 1px solid;
}
.res-nav ul.res-menu,
.res-nav ul.res-menu ul {
  margin: 0;
}
.res-nav ul.res-menu ul li {
  background: var(--primary);
}
.res-nav ul.res-menu li {
}
.res-nav ul.res-menu li a {
  color: #fff;
  padding: 5px 20px;
  display: block;
}
.res-nav ul.res-menu ul li a {
  font-size: 14px;
  padding: 5px 20px;
}
.res-nav ul.res-menu .menu a {
  padding: 8px 20px;
}
.res-logo img {
  padding: 14px;
}
.res-burger {
  text-align: right;
}
.res-nav ul.res-menu {
  margin-top: 40px;
}

/* --- HOME ---*/
.hero {
  text-align: center;
}
.hero-wrap {
  background: url("images/hero.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}
.home-wrap {
  background: var(--midbrown);
  width: 100%;
}
.home-wrap h2 {
  font-size: 40px;
  color: var(--primary);
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
}
.home-feature {
  text-align: center;
  background: var(--midbrown);
}
.home-feature-wrap {
  width: 75%;
  margin: 0 auto;
}
.shadow {
  text-shadow: 5px 3px 0 rgb(0 0 0 / 25%), 8px 7px 0 rgb(0 0 0 / 15%);
}
.head {
  background: var(--head);
  text-align: right;
}
.head h1 {
  font-size: 79px;
  color: #fff;
  font-weight: 600;
  line-height: 0.8;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
}
.head h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
}
.head p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.head hr {
  margin: 15px 0;
  max-width: 40%;
  border-bottom: 8px solid var(--divider);
}
.head-img {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}
.head-wrap {
  padding: 0 70px;
}
.head-wrap .h4 {
  text-transform: uppercase;
  color: var(--white);
  text-align: left;
  display: block;
  line-height: 0.8;
}
.full-half {
  background: #bca88d;
}
.full-half ul,
.otr-tech ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.full-half li,
.otr-tech li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
}
.full-half li:before,
.otr-tech li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}

/* --- PAGES ---*/
.subnav {
  background: var(--primary);
}
.subnav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.subnav ul li {
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 20px;
}
.subnav ul li:last-child {
  padding-right: 0;
}
.subnav ul li a {
  color: var(--white);
}
.subnav ul li a:hover {
  text-shadow: 0 0 0.9px #fff, 0 0 0.9px #fff, 0 0 0.9px #fff;
}
.opening {
  text-align: center;
}
.opening .h4 {
  text-transform: uppercase;
  color: #645e55;
  font-weight: 100;
}
.opening p {
  font-size: 16px;
}
.opening ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.opening a.button {
  margin-bottom: 0;
}
.opening li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
  width: 100%;
}
.opening li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}
.opening ul.columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 30px 0 0 0;
}
.opening ul.columns li {
  display: inline-block;
}
.subhead-wrap {
  max-width: 70%;
  margin: 0 auto;
}
.subhead-wrap ul li {
  color: var(--white);
}
.subhead-wrap ul li:before {
  color: var(--primary);
}
.subhead-wrap small {
  color: var(--white);
}
.subhead-center {
  text-align: center;
}
.subhead-center h5 {
  font-weight: 700;
}
.subhead-left {
  background: var(--brown);
}
.subhead-left p,
.subhead-left h2,
.subhead-left h5,
.subhead-left h6 {
  color: var(--white);
}
.subhead-left h5 {
  text-transform: uppercase;
}
.subhead-right {
  background: var(--midbrown);
  text-align: center;
}
.subhead-right h5 {
  font-weight: 700;
  line-height: 1.1;
  color: var(--primary);
  margin-bottom: 0;
  margin-top: 10px;
}
.subhead-right-wrap {
  padding-top: 15px;
  padding-bottom: 15px;
}
.subhead-form-wrap {
  padding: 20px 15px;
}
.subhead-form {
  background: var(--midbrown);
  text-align: left;
}
.subhead-form p {
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.subhead-form .h5 {
  font-weight: 700;
  line-height: 1.1;
  color: var(--primary);
  margin-bottom: 0;
  margin-top: 10px;
  text-transform: uppercase;
}
.subhead-form input[type="text"],
.subhead-form input[type="email"],
.subhead-form input[type="tel"],
.subhead-form textarea,
.reveal input[type="text"],
.reveal input[type="email"],
.reveal input[type="tel"],
.reveal select,
.reveal textarea {
  background: var(--white);
  border: var(--darkgrey) 1px solid;
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.subhead-form-wrap-about {
  padding: 50px 15px;
}
.wpcf7 .ajax-loader {
  margin: 0 !important;
}
.wpcf7-list-item-label {
  font-size: 12px;
}

/* --- SERVICES ---*/
.services {
  background: var(--midbrown);
}
.services-img {
  margin-right: 15px;
}
.services-feature {
  background: var(--lightbrown);
  padding: 30px;
}
.services-feature img {
  border: var(--midbrown) 5px solid;
  border-radius: 50%;
  width: 125px;
  height: 125px;
}
.services-feature .h5 {
  color: var(--head);
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.1rem;
  line-height: 1;
  font-size: 24px;
}
.services-feature p {
  line-height: 18px;
  margin-bottom: 0.4rem;
}
.services-feature .h6 {
  text-transform: uppercase;
  color: #b5aa96;
  font-weight: 700;
}
.services-feature ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.services-feature li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
}
.services-feature li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}
.services-feature ul.columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 0;
}
.services-feature ul.columns li {
  display: inline-block;
  padding-left: 1em;
  line-height: 1em;
  font-size: 14px;
  width: 100%;
}
.services-feature ul.columns li:before {
  content: "•";
  width: 1em;
  margin-left: -1em;
}
.thumbnail {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 0;
}
.options {
  background: var(--lightbrown);
}
.options .h5 {
  color: var(--secondary);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  line-height: 0;
  font-size: 22px;
}
.options-benefits {
  background: var(--white);
}
.options-benefits h2 {
  color: var(--primary);
  margin-bottom: 0.2em;
  text-align: center;
  line-height: 1;
}
.options-benefits h2 + .sub-heading {
  display: block;
  margin-bottom: 85px;
}
.options-benefits-wrap {
  background: var(--lightbrown);
  position: relative;
  text-align: center;
  min-height: 200px;
  margin-bottom: 40px;
}
.options-benefits-wrap p {
  padding: 70px 30px 30px;
}
.options-benefits-icon {
  position: absolute;
  top: -50px;
  width: 100%;
}

/* --- SERVICES / OTR ---*/
.otr-terminal {
  background: #d1c5b5;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  max-width: 90%;
  margin-top: 50%;
}
.otr-terminal-wrap {
  padding: 10px;
  border: #ded8ce 1px solid;
}
.otr-terminal-wrap ul {
  text-align: center;
  padding-top: 7px;
}
.otr-terminal-wrap ul li {
  padding-left: 0;
  padding-bottom: 7px;
  font-size: 14px;
}
.otr-terminal-wrap ul li:before {
  content: none;
}
.otr-tech h2 {
  color: var(--primary);
  font-weight: 700;
}
.otr-tech .h5 {
  text-transform: uppercase;
  color: var(--secondary);
  font-weight: 700;
}
.otr-cs {
  background: var(--midbrown);
}
.otr-reps {
  background: var(--lightbrown);
  padding: 25px 20px;
  max-width: 300px;
}
.otr-reps .h5 {
  text-transform: uppercase;
  color: var(--head);
  font-weight: 700;
  line-height: 20px;
  font-size: 18px;
}
.otr-reps .h6 {
  font-weight: 800;
  font-size: 18px;
}
.otr-reps ul li {
  display: block;
  list-style: none;
  line-height: 20px;
  padding-bottom: 15px;
}
.otr-reps ul li:last-child {
  padding-bottom: 0;
}

/* --- SERVICES / INTERMODAL ---*/
.ramps a {
  text-decoration: none;
}
.ramps-wrap {
  text-align: left;
}
.ramps-wrap a {
  background: var(--white);
  display: block;
  padding: 15px 15px 0;
}
.ramps-wrap a:hover {
  background: var(--primary);
}
.ramps-wrap {
  text-decoration: none;
}
.ramps-wrap p {
  font-weight: 400;
}
.ramps-wrap p.h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}
.ramps-wrap a:hover p.h4,
.ramps-wrap a:hover p {
  color: var(--white);
}
.reveal {
  background: var(--primary);
  border: none;
}
.reveal h3 {
  color: var(--white);
}
.reveal thead {
  background: none;
  border: none;
}
.reveal th {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.reveal td {
  color: var(--white);
  padding: 5px;
  font-size: 14px;
  text-align: center;
}
.reveal table tbody,
table tfoot,
table thead {
  border: none;
  background-color: var(--primary);
}
.reveal table tbody tr:nth-child(odd) {
  background-color: rgba(226, 222, 214, 0.3);
}
.reveal table tbody tr:nth-child(even) {
  background-color: var(--primary);
}
.reveal-overlay {
  background-color: rgba(10, 10, 10, 0.1);
}
.close-button,
.close-button:hover {
  color: var(--white);
}
.cusservice {
  background: var(--superlightbrown);
  text-align: center;
}
.cusservice .h5 {
  font-size: 18px;
  font-weight: 700;
}
.map-base svg {
  width: 100%;
  height: auto;
}
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}
.acf-map img {
  max-width: inherit !important;
}
.acf-map-small {
  height: 250px;
}

/* --- SERVICES / LOGISTICS ---*/
.logi {
  text-align: center;
  padding: 20px;
}
.logi p {
  color: var(--primary);
  min-height: 150px;
}
.logi a.button {
  margin-bottom: 30px;
}
.logi h3 {
  text-transform: uppercase;
  color: var(--secondary);
  font-size: 1.9rem;
}
.logi h4 {
  text-transform: uppercase;
  color: var(--primary);
  font-size: 1.4rem;
  margin: 15px 0 0 0;
}
.logi h5 {
  margin-top: 20px;
}
.logi-shippers {
  background: var(--superlightbrown);
}
.logi-carriers {
  background: var(--midbrown);
}
.logi-services {
  text-align: left;
}
.logi-services p {
  min-height: initial;
}
.logi-services .h4 {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 400;
  min-height: initial;
}
.logi-services .h3 {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 400;
  min-height: initial;
}
.logi-services .h5 {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 400;
  font-size: 18px;
  min-height: initial;
}
.logi-services ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.logi-services li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
}
.logi-services li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: #d5a455;
}
.logi-contacts {
  background: var(--midbrown);
  text-align: center;
}
.logi-contacts-carriers {
  background: var(--superlightbrown);
  text-align: center;
}
.logi-contacts .h5,
.logi-contacts-carriers .h5 {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.logi-contacts p,
.logi-contacts-carriers p {
  line-height: 20px;
}
.logi-contacts-wrap {
  padding: 25px 30px 10px;
}

/* --- SERVICES / RENTAL-SALES ---*/
.rentalsales {
  text-align: center;
  margin-bottom: 60px;
}
.rentalsales .erental {
  border-right: #e1ded7 3px solid;
}
.rentalsales h3,
.rentalsales-footer h3 {
  text-transform: uppercase;
  font-size: 30px;
  color: var(--primary);
  font-weight: 700;
}
.rentalsales .h4,
.rentalsales-footer .h4 {
  text-transform: uppercase;
  color: var(--primary);
  font-size: 20px;
}
.rentalsales a.tel {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
.rentalsales a:hover.tel {
  color: #e0a243;
}
.rentalsales-footer {
  background: var(--superlightbrown);
  text-align: center;
}

/* --- DRIVERS / BONUS BOX ---*/
.bonus-box {
  background: var(--head);
  padding: 15px;
  color: var(--white);
}
.bonus-box p {
  line-height: 20px;
  color: var(--white);
}
.bonus-box .h3 {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}
.bonus-box .h5 {
  color: var(--white);
  font-size: 1.35rem;
}
.bonus-box a {
  text-decoration: none !important;
  color: var(--white);
}
.bonus-box-wrap {
  border: #bd9555 1px solid;
  padding: 10px;
}
.bonus-box-light {
  background: var(--midbrown);
  padding: 15px;
  color: var(--primary);
}
.bonus-box-light p {
  line-height: 20px;
  color: var(--primary);
}
.bonus-box-light .h3 {
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 35px;
}
.bonus-box-light .h5 {
  color: var(--primary);
  font-size: 1.35rem;
}
.bonus-box-light a {
  text-decoration: none !important;
  color: var(--primary);
}
.bonus-box-wrap-light {
  border: #c7c3bb 1px solid;
  padding: 10px;
}

/* --- TESTIMONIALS ---*/
.testimonial,
.academy-testimonial {
  text-align: center;
}
.testimonial ul,
.academy-testimonial ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.testimonial ul li,
.academy-testimonial ul li {
  text-align: center;
}
.testimonial ul li div,
.academy-testimonial ul li div {
  width: 33%;
  float: left;
}
.testimonial h2,
.academy-testimonial h2 {
  padding-bottom: 15px;
}
.testimonial blockquote,
.testimonial blockquote p,
.academy-testimonial blockquote,
.academy-testimonial blockquote p {
  font-size: 16px;
  border-left: none;
  line-height: 1.4rem;
}
.testimonial cite,
.academy-testimonial cite {
  font-size: 14px;
  line-height: 1.4rem;
}

/* --- DRIVERS / BENEFITS ---*/
.benefits {
  background: var(--midbrown);
}
.benefits h3 {
  text-align: center;
}
.benefits ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.benefits li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
  width: 100%;
}
.benefits li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}
.benefits ul.columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 30px 0 0 0;
}
.benefits ul.columns li {
  display: inline-block;
}

/* --- DRIVERS / VETERANS ---*/
.vet-benefits-wrap {
  background: var(--primary);
  padding: 30px 25px;
}
.vet-benefits-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.vet-benefits-wrap li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--white);
  line-height: 20px;
  list-style: none;
  width: 100%;
}
.vet-benefits-wrap li:before {
  content: "\f005";
  font-weight: 400;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}

/* --- DRIVERS / MILLION MILE ---*/
.millionmile {
  margin-top: 30px;
}
.millionmile-wrap {
  background: rgb(243, 241, 238);
  background: linear-gradient(
    180deg,
    rgba(243, 241, 238, 1) 0%,
    rgba(226, 222, 214, 1) 100%
  );
  text-align: center;
  position: relative;
}
.millionmile-icon {
  position: absolute;
  top: -115px;
  width: 100%;
}
.millionmile-col,
.millionmile-col-right {
  padding: 50px 50px 0;
  margin-top: 75px;
  text-align: left;
}
.millionmile-col h4,
.millionmile-col-right h4 {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2rem;
}
.millionmile-col ul,
.millionmile-col-right ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: left;
}
.millionmile-col li,
.millionmile-col-right li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
  width: 100%;
}
.millionmile-col li:before,
.millionmile-col-right li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: var(--head);
}
.millionmile-truck {
  padding: 20px;
}

/* --- DRIVERS / JOB BOARD ---*/
.jobboard {
  padding-bottom: 60px;
}
.jobboard-single {
  padding-top: 30px;
}
.jobboard-filter {
  background: var(--lightbrown);
  padding: 20px 30px 5px !important;
  font-size: 14px;
}
.jobboard-filter p {
  font-size: 14px;
}
.jobboard-job {
  text-align: left;
}
.jobboard-search {
  text-align: right;
}
.jobboard-wrap {
  padding: 20px;
}
.jobboard-item {
  background: var(--white);
}
.jobboard-item-dark {
  background: var(--lightbrown);
}
.jobboard-item h3 {
  font-size: 22px;
  line-height: 24px;
}
.jobboard-item p {
}
.jobboard-item ul {
  padding: 0;
  margin: 0;
}
.jobboard-item ul li {
  font-size: 14px;
  display: inline-block;
  width: 49%;
}
.jobboard-item ul a:hover li {
  color: var(--primary);
}
.jobboard-item ul li:first-child {
  text-align: left !important;
}
.jobboard-item ul li:first-child {
  text-align: left !important;
}
.jobboard-item ul li:last-child {
  text-align: right;
}

.jobboard-sidebar {
  background: var(--lightbrown);
  padding: 30px;
}
.jobboard-sidebar ul {
  list-style: none;
  margin-left: 0;
}
.jobboard-sidebar .fa-circle {
  color: var(--secondary);
  font-size: 12px;
}
.jobboard-sidebar label {
  margin-bottom: 8px;
}

.alert-error {
  background: red;
  color: white;
}
.alert-success {
  background: green;
  color: white;
}
.alert-box {
  padding: 8px;
}
.alert-box h3,
.alert-box p {
  color: white;
}

#short-app .required.error {
  border: 1px solid red;
}

.apply {
  padding-bottom: 60px;
}
.apply-wrap {
  background: var(--lightbrown);
  text-align: center;
  padding: 25px 25px 0;
  min-height: 240px;
}
.apply-wrap h2 {
  font-size: 25px;
}
.apply-wrap h3 {
  color: var(--secondary);
  font-size: 1.4rem;
  line-height: 1;
}

.subhead-form-wrap .qa-fname,
.subhead-form-wrap #short-app .qa-lname,
.quick-app {
  margin-top: 2rem;
}
.subhead-form-wrap .qa-fname,
.subhead-form-wrap .qa-lname,
.subhead-form-wrap .qa-phone,
.subhead-form-wrap .qa-email,
.subhead-form-wrap .qa-city,
.subhead-form-wrap .qa-state,
.subhead-form-wrap .qa-zip {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#short-app .fa-circle {
  color: var(--secondary);
  font-size: 12px;
}
#short-app label {
  padding-bottom: 10px;
  margin-top: 10px;
}

@media screen and (min-width: 39.9375em) {
  .subhead-form-wrap .qa-fname,
  .subhead-form-wrap #short-app .qa-lname,
  .quick-app {
    margin-top: 1rem;
  }
  .subhead-form-wrap .qa-fname,
  .subhead-form-wrap .qa-lname,
  .subhead-form-wrap .qa-phone,
  .subhead-form-wrap .qa-email {
    width: 50%;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .subhead-form-wrap .qa-city,
  .subhead-form-wrap .qa-state,
  .subhead-form-wrap .qa-zip {
    width: 33%;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .subhead-form-wrap .optin_field {
    display: block;
    width: 100%;
    clear: both;
  }
}

/* --- ACADEMY ---*/
.academy-feature {
  padding-bottom: 40px;
}
.academy-feature p {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 10px;
}
.academy-feature ul {
  margin: 0;
}
.academy-feature ul li {
  display: inline-block;
}
.academy-feature ul li:first-child {
  text-align: left;
  width: 68%;
}
.academy-feature ul li:last-child {
  text-align: right;
  width: 30%;
}
.academy-training {
  background: var(--lightbrown);
}
.academy-training h2,
.academy-training p {
  text-align: center;
}
.academy-training li {
  padding-left: 1.7em;
  padding-bottom: 8px;
  color: var(--primary);
  line-height: 20px;
  list-style: none;
  width: 100%;
}
.academy-training li:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  color: #d5a455;
}
.academy-training ul.columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 30px 0 0 0;
}
.academy-training ul.columns li {
  display: inline-block;
}
.academy-courses h2 {
  color: var(--primary);
  margin-bottom: 30px;
}
.academy-courses h4 {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
}
.academy-testimonial {
  background: var(--lightbrown);
}
.academy-opening p.h5 {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
}
.academy-opening p {
  text-transform: none;
  font-weight: 400;
}
.academy-faq h2 {
  text-align: center;
}
.academy-faq ul {
  list-style: none;
}
.academy-faq ul li {
}
.academy-faq ul li a {
  font-size: 14px;
  line-height: 18px;
  display: block;
  background: var(--white);
  padding: 15px;
}
.academy-faq ul li a:hover,
.academy-faq ul li a:focus {
  background: var(--superlightbrown);
  color: var(--primary);
  font-weight: 700;
}
.academy-faq .faq-wrap {
  background: var(--superlightbrown);
  padding: 20px;
}
.academy-faq .faq-wrap h4 {
  color: var(--secondary);
  line-height: 1;
}
.academy-faq .faq-accordian {
  margin-bottom: 0;
  font-size: 16px;
}
.academy-faq .faq-accordian a {
  font-size: 16px;
  text-align: left;
  padding-right: 35px;
}
.academy-faq
  .accordion-menu
  .is-accordion-submenu-parent:not(.has-submenu-toggle)
  > a::after {
  border-color: var(--secondary) transparent transparent;
}
.academy-faq .faq-accordian {
  text-align: center;
}
.accordion-content {
  border: none;
}
.accordion-title {
  border: none;
  color: var(--primary);
  border-bottom: var(--lightbrown) 1px solid;
}
.accordion-content {
  text-align: left;
}
:last-child > .accordion-content:last-child {
  border-bottom: none;
}

/* --- ABOUT ---*/
.about-contact .h4 {
  text-transform: uppercase;
  color: var(--white);
}
.about-contact h2 {
  margin-bottom: 0;
  font-size: 30px;
}
.about-contact .h4 {
  font-size: 20px;
}
.about-contact p {
  margin-bottom: 0;
}
.about-leadership {
  text-align: center;
}
.about-leadership-wrap {
  text-align: center;
}
.about-leadership-wrap em {
  margin-bottom: 20px;
}
.about-leadership-wrap h5,
.about-locations-wrap h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
.about-leadership-wrap img {
  padding-bottom: 15px;
}
.about-leadership-wrap p,
.about-locations-wrap p {
  font-size: 14px;
  line-height: 18px;
}
.about-leadership-wrap p.h5 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 0;
}
.about-locations {
  text-align: left;
  background: var(--superlightbrown);
}
.about-locations .h4 {
  text-transform: uppercase;
  color: var(--primary);
  font-size: 22px;
}

/* --- NEWS ---*/
.news-filter {
  background: var(--lightbrown);
  padding: 20px 30px 20px;
  font-size: 14px;
  margin-bottom: 20px;
}
.news-filter p {
  font-size: 14px;
}
.news-filter h6 {
  font-weight: 700;
  margin-bottom: 0;
}
.news-filter select {
  background: var(--white);
  border: var(--darkgrey) 1px solid;
  font-size: 14px;
  margin-bottom: 0;
}
.news-filter-left {
  text-align: right;
}
.news-feature {
}
.news-feature img {
  margin-bottom: 15px;
}
.news h2,
.news-feature h2 {
  text-transform: none;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 6px;
  color: var(--primary);
}
.news h3,
.news-feature h3 {
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
}
.news a:hover h3,
.news-feature a:hover h3 {
  color: var(--secondary);
}
.news p,
.news-feature p {
  font-size: 15px;
  line-height: 20px;
  padding: 15px 0;
}
.news p.date,
.news-feature p.date {
  padding: 0;
  color: var(--secondary);
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 16px;
}
.news {
  background: var(--lightbrown);
}
.news .pagi {
  text-align: center;
}
.news-item {
  padding: 25px 0 15px;
}
.news-item img {
  margin: 15px 0 10px;
}
.news-item p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.news-nav-left,
.news-nav-right {
  font-weight: 700;
}
.news-nav-left {
  text-align: left;
  margin-top: 30px;
}
.news-nav-right {
  text-align: right;
  margin-top: 30px;
}
.news-nav-left .fa-long-arrow-alt-left,
.news-nav-right .fa-long-arrow-alt-right {
  color: var(--secondary);
}
.news-wrap p {
  padding-top: 10px;
}
.wp-pagenavi .current {
  background: var(--primary);
  color: var(--white);
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: none !important;
  padding: 4px 7px !important;
  margin: 2px;
}
.wp-pagenavi .fa-long-arrow-alt-left,
.wp-pagenavi .fa-long-arrow-alt-right {
  color: var(--secondary);
}

/* --- STORE ---*/
.store {
  background: var(--lightbrown);
}
.store p {
  text-align: center;
  padding-top: 15px;
  line-height: 1;
}
.store img,
.store-item img {
  border: var(--greybrown) 5px solid;
}
.store-item table tbody {
  border: none;
}
.store-item table tbody td {
  padding-left: 0;
  padding-right: 0;
}
.store-item table.unstriped tbody tr {
  border: none;
}

/* --- DRIVERS / EQUIPMENT ---*/
.equip-wrap {
  position: relative;
  min-height: 680px;
  margin-bottom: 60px;
}
.equip-wrap:nth-of-type(odd) h3 {
  background: var(--secondary);
  color: var(--white);
  width: 30%;
  padding: 15px 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.equip-wrap:nth-of-type(even) h3 {
  background: var(--secondary);
  color: var(--white);
  width: 30%;
  padding: 15px 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.equip-wrap:nth-of-type(odd) .equip-tractor {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  width: 90%;
  text-align: left;
}
.equip-wrap:nth-of-type(even) .equip-tractor {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10;
  width: 90%;
  text-align: right;
}
.equip-wrap:nth-of-type(odd) .equip-stats {
  background: var(--primary);
  padding: 20px;
  position: absolute;
  top: 20%;
  right: 0;
  z-index: 50;
  width: 25%;
}
.equip-wrap:nth-of-type(even) .equip-stats {
  background: var(--primary);
  padding: 20px;
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 50;
  width: 25%;
}
.equip-stats p {
  color: var(--white);
}
.equip-details {
  font-size: 14px;
  line-height: 1.2;
}

/* --- FOOTER ---*/
footer {
  background-color: var(--primary);
  font-size: 14px;
  color: #fff;
  padding: 30px 0 0;
}
footer .lead {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  text-transform: uppercase;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #fcdb51;
}
footer p {
  color: #fff;
  font-size: 14px;
}
footer p.lead {
  margin-bottom: 5px;
  color: #fff;
}
footer ul {
  margin-left: 0;
}
footer ul li {
  list-style: none;
  line-height: 1.2;
  padding-bottom: 6px;
}
footer .lead-nav li {
  text-transform: uppercase;
}
footer .footer-contact {
  text-align: right;
}
footer .footer-contact a {
  text-decoration: underline;
}
footer .footer-contact a[href^="tel:"] {
  text-decoration: none;
}
footer .optout {
  background: var(--drkbrwn);
  text-align: center;
  padding: 15px 0;
  margin-top: 15px;
}
footer .optout a:hover {
  text-decoration: underline;
}

ul.social {
  margin-bottom: 5px;
}
ul.social li {
  display: inline-block;
  padding-right: 10px;
}
ul.social li a {
  font-size: 18px;
}
ul.social li:last-child {
  padding-right: 0;
}

.copyright {
  font-size: 13px;
  line-height: 1.4;
}

/* --- MAPS ---*/
.acf-map-about {
  width: 100%;
  height: 250px;
  border: none;
  margin: 0 0 5px;
}
.acf-map-terminals {
  height: 225px;
  margin: 0 0 5px 0;
}
.acf-map-academy {
  width: 100%;
  height: 250px;
}

/* --- CF7 ---*/
.reveal .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #fff;
}
.subhead-form-wrap-about .wpcf7 form.sent .wpcf7-response-output {
  color: var(--primary);
}
.wpcf7 form.sent .wpcf7-response-output {
  color: var(--primary);
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  h1,
  .h1 {
    font-size: 60px;
  }
  h2,
  .h2 {
    font-size: 25px;
    line-height: 1;
  }
  .button-call {
    border-bottom: var(--white) 1px solid;
  }
  .button-apply {
    border-bottom: var(--white) 1px solid;
    border-right: var(--white) 1px solid;
  }
  .hero-wrap {
    height: 360px;
    width: 100%;
  }
  .home-feature-wrap {
    width: 100%;
    padding: 30px 15px 15px;
  }
  .home-feature-wrap h2 {
    font-size: 30px;
  }
  .home-feature-wrap p {
    font-size: 14px;
    line-height: 20px;
  }
  .p60 {
    padding: 20px 0;
  }
  .w80 {
    width: 100%;
  }
  .w70 {
    width: 100%;
  }
  .w60 {
    width: 100%;
  }
  .w50 {
    width: 100%;
  }
  .head-img {
    min-height: 230px;
  }
  .head h1 {
    font-size: 50px;
    padding-bottom: 20px;
  }
  .head h1,
  .head h4,
  .head p {
    text-align: center;
  }
  .head hr {
    margin: 15px auto;
    max-width: 50%;
  }
  .head-wrap {
    padding: 15px;
    text-align: center;
  }
  .subhead-wrap {
    margin: 0;
    max-width: 100%;
    padding: 30px 15px;
    text-align: center;
  }
  .subhead-wrap h2,
  .subhead-wrap h5 {
    text-align: center;
  }
  .subhead-wrap ul {
    text-align: left;
  }
  .subhead-center {
    padding-bottom: 0 !important;
  }
  .opening .h4 {
    line-height: 1;
  }
  .otr-terminal {
    max-width: 100%;
    margin-top: 0;
  }
  .otr-terminal-wrap ul li {
    display: inline-block;
    padding-bottom: 0;
  }
  .otr-terminal-wrap ul li:after {
    content: "•";
  }
  .otr-terminal-wrap ul li:last-child:after {
    content: none;
  }
  .otr-tech .h5 {
    text-align: center;
  }
  .otr-tech ul {
    padding: 0 15px;
    margin: 0;
  }
  .otr-reps ul li {
    display: inline-block;
    padding-bottom: 15px;
    width: 49%;
  }
  .otr-reps {
    padding: 25px 0;
    max-width: 100%;
  }
  .otr-reps .h5 {
    font-size: 16px;
  }
  .cusservice {
    text-align: center;
  }
  .cusservice p .h5 {
    font-size: 16px;
    line-height: 1;
  }
  .logi {
    padding: 20px 15px;
  }
  .logi-services .h3 {
    line-height: 1;
    margin-top: 30px;
  }
  .logi-contacts {
    padding: 30px 0 15px;
  }
  .logi-contacts-wrap {
    text-align: center;
    padding: 25px 30px 10px;
  }
  .logi-carriers {
    background: var(--superlightbrown);
  }
  .logi-contacts-carriers {
    background: var(--midbrown);
    text-align: center;
  }
  .ramps-wrap {
    text-align: center;
  }
  .footer-contact p {
    text-align: center;
  }
  .rentalsales h3,
  .rentalsales-footer h3 {
    font-size: 25px;
  }
  .rentalsales .h4,
  .rentalsales-footer .h4 {
    font-size: 20px;
  }
  .services {
    background: var(--lightbrown);
  }
  .services-feature {
    text-align: center;
    padding: 15px;
  }
  .services-feature ul {
    text-align: left;
  }
  .options {
    text-align: center;
    padding: 50px 15px;
  }
  .bonus-box {
    background: var(--primary);
    margin-bottom: 20px;
  }
  .bonus-box-wrap {
    background: var(--primary);
    padding: 18px 10px;
  }
  .bonus-box .h3 {
    font-size: 30px;
    line-height: 31px;
  }
  .bonus-box .h5 {
    font-size: 1.1rem;
    line-height: 1rem;
  }
  .bonus-box-wrap-light p,
  .bonus-box-wrap-light span.h3 {
    color: var(--white);
  }
  .millionmile {
    padding-bottom: 0 !important;
  }
  .millionmile-icon {
    margin-top: 20px;
  }
  .millionmile-col {
    padding: 50px 15px 0;
    margin-top: 95px;
  }
  .millionmile-col-right {
    padding: 50px 15px 0;
    margin-top: 0;
  }
  .veterans {
    padding: 0 15px 30px 15px !important;
    text-align: center;
  }
  .jobboard {
    padding-bottom: 0;
  }
  .jobboard-job {
    text-align: center;
  }
  .jobboard-search {
    text-align: center;
  }
  .jobboard-item:nth-last-child(odd) {
    background: var(--lightbrown) !important;
  }
  .jobboard-item:nth-last-child(even) {
    background: var(--white) !important;
  }
  .jobboard-sidebar {
    margin-bottom: 20px;
  }
  .apply-wrap {
    padding: 25px 25px 20px;
  }
  .academy-feature p {
    font-size: 12px;
  }
  .academy-training ul.columns {
    padding: 10px;
  }
  .academy-training li {
    font-size: 0.9rem;
  }
  .academy-courses h2 {
    margin-bottom: 15px;
  }
  .options-benefits h2 {
    color: var(--primary);
    margin-bottom: 50px;
  }
  .options-benefits-wrap p {
    padding: 70px 15px 20px;
    margin-bottom: 60px;
    line-height: 1.2;
    min-height: 205px;
  }
  .news-filter-left {
    text-align: center;
  }
  .news-wrap,
  .news-filter {
    padding: 15px;
  }
  .news-nav-left {
    text-align: right;
    margin-top: 15px;
  }
  .news-nav-right {
    text-align: left;
    margin-top: 15px;
  }
  .news-feature {
    padding: 0;
  }
  .news-filter {
    padding: 25px 15px !important;
    margin-bottom: 0;
  }
  .news-item {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .store-wrap {
    padding: 15px;
  }
  .pagi {
    padding-bottom: 25px;
  }
  .equip-wrap {
    position: relative;
    min-height: inherit;
    margin-bottom: 30px;
  }
  .equip-wrap:nth-of-type(odd) h3,
  .equip-wrap:nth-of-type(even) h3 {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0;
  }
  .equip-wrap:nth-of-type(odd) .equip-tractor,
  .equip-wrap:nth-of-type(even) .equip-tractor {
    position: relative;
    width: 100%;
    text-align: center;
    top: 0;
  }
  .equip-wrap:nth-of-type(odd) .equip-stats,
  .equip-wrap:nth-of-type(even) .equip-stats {
    padding: 20px;
    position: relative;
    width: 100%;
    top: 0;
  }
  .equip-details {
    padding: 10px 15px;
  }
  .page-wrap {
    padding: 20px 15px;
  }
  label,
  small {
    font-size: 0.8rem;
  }
  ul.social {
    text-align: center;
  }
  .home-feature-wrap p {
    font-size: 16px;
    line-height: 1.4;
  }
  .benefits ul.columns {
    margin: 10px 0 0 0;
  }
  .benefits {
    padding: 40px 0 !important;
  }
  .millionmile {
    margin-top: 60px;
  }
  .text-right {
    text-align: center;
  }
  .jobboard-button {
    text-align: center;
  }
  .jobboard-filter p {
    margin-bottom: 0.2rem;
  }
  .float-left {
    float: none !important;
  }
  .services-img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .head-wrap .h4 {
    text-align: center;
  }
  .about-locations {
    text-align: center;
  }
  .about-locations .h4 {
    font-size: 20px;
  }
}
/* Medium and up */
@media screen and (min-width: 40em) {
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  h1,
  .h1 {
    font-size: 80px;
  }
  h2,
  .h2 {
    font-size: 25px;
  }
  .top-bar ul li {
    font-size: 14px;
  }
  .top-bar .logo {
    padding: 0 10px;
  }
  .top-bar .logo img {
    width: 70%;
    padding-top: 6px;
  }
  .top-bar .button {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .top-bar .button {
    font-size: 12px;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 10px;
  }
  .hero-wrap {
    height: 540px;
    width: 100%;
  }
  .home-feature-wrap {
    font-size: 14px;
    width: 100%;
    padding: 20px 15px 0;
  }
  footer,
  footer p {
    font-size: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .head h1 {
    font-size: 65px;
  }
  .w60,
  .w70,
  .w80 {
    width: 95%;
  }
  .p60 {
    padding: 30px 0;
  }
  .top-bar ul li,
  .res-nav ul li {
    font-size: 15px;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1rem;
  }
  .bonus-box .h3 {
    font-size: 25px;
  }
  .bonus-box .h5 {
    font-size: 1.28rem;
  }
  .benefits ul.columns {
    margin: 10px 0 0 0;
  }
  .millionmile {
    margin-top: 80px;
  }
  .academy-feature p {
    line-height: 1.2;
  }
  .services-img {
    margin-right: 15px;
    padding-bottom: 50px;
  }
  .otr-tech {
    padding-left: 20px;
    padding-right: 20px;
  }
  h2,
  .h2 {
    font-size: 35px;
  }
  h3,
  .h3 {
    font-size: 25px;
  }
  h5,
  .h5 {
    display: block;
    font-size: 1rem;
  }
  .ramps-wrap p.h4 {
    font-size: 16px;
  }
  .ramps-wrap p {
    font-size: 14px;
  }
  .button-transit {
    font-size: 12px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .button {
    font-size: 0.8rem;
  }
  .button-submit {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .button-apply-full {
    width: 100%;
  }
  .equip-wrap:nth-of-type(odd) h3 {
    padding: 10px 15px;
  }
  .equip-wrap:nth-of-type(odd) .equip-tractor {
    width: 75%;
  }
  .equip-wrap:nth-of-type(odd) .equip-stats {
    width: 35%;
  }
}

@media screen and (min-width: 694px) and (max-width: 1024px) {
  .w60,
  .w70,
  .w80 {
    width: 95%;
  }
  .p60 {
    padding: 30px 0;
  }
  label,
  small {
    font-size: 0.75rem;
  }
  #short-app label {
    padding-bottom: 0;
    margin-top: 0;
    line-height: 1;
  }
  p {
    font-size: 15px;
    line-height: 1.3;
  }
  .top-bar ul li,
  .res-nav ul li {
    font-size: 15px;
  }
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1rem;
  }
  .top-bar .button,
  .res-nav .button {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .subnav ul li {
    font-size: 14px;
    padding-right: 17px;
  }
  .head h1 {
    font-size: 58px;
  }
  .head-img {
    min-height: 275px;
  }
  .head-wrap {
    padding: 30px;
  }
  .bonus-box-wrap {
    height: 170px;
  }
  .bonus-box .h3 {
    font-size: 25px;
  }
  .bonus-box .h5 {
    font-size: 1.28rem;
  }
  .home-wrap h2,
  .academy-training h2,
  .academy-courses h2 {
    font-size: 26px;
  }
  .home-feature-wrap {
    padding: 30px 20px 0;
  }
  .subhead-wrap {
    max-width: 94%;
    text-align: center;
    padding: 20px 0;
  }
  .options {
    padding: 60px 0;
  }
  .options-benefits h2 {
    margin-bottom: 65px;
    font-size: 32px;
  }
  .benefits ul.columns {
    margin: 10px 0 0 0;
  }
  .equip-wrap {
    min-height: 500px;
  }
  .equip-wrap:nth-of-type(odd) .equip-tractor,
  .equip-wrap:nth-of-type(even) .equip-tractor {
    width: 75%;
  }
  .equip-wrap:nth-of-type(odd) .equip-stats,
  .equip-wrap:nth-of-type(even) .equip-stats {
    width: 35%;
    top: 15%;
  }
  .equip-wrap:nth-of-type(odd) h3,
  .equip-wrap:nth-of-type(even) h3 {
    padding: 10px 15px;
  }
  .equip-wrap h3 {
    font-size: 20px;
  }
  .millionmile {
    margin-top: 80px;
  }
  .academy-feature p {
    line-height: 1.2;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
  h5,
  .h5 {
    display: block;
    font-size: 1rem;
  }
  .services-img {
    margin-right: 15px;
    padding-bottom: 50px;
  }
  /*.services-feature { text-align:center; }*/
  .otr-terminal {
    margin-top: 0;
  }
  .subhead-right-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .logi p {
    min-height: auto;
  }
  .apply-wrap {
    min-height: auto;
    padding-bottom: 15px;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

.bg-lightbrown {
  background-color: var(--lightbrown);
}
.ex-teams-wrap {
  background-color: var(--drkbrwn);
  padding: 15px;
}
.ex-teams-wrap h3 {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.1;
}
.ex-teams-wrap {
  font-size: 1rem;
  color: #fff;
  line-height: 1.2;
}