/* BACKGROUND COLOR */

.gradient-background {
  background-image: none;

  background: linear-gradient(
    180deg,
    rgba(255, 236, 175, 1) 0%,
    rgba(255, 217, 96, 1) 100%
  );

  /* background: linear-gradient(180deg, rgba(255,236,175,1) 0%, rgba(255,224,125,1) 50%, rgba(255,217,96,1) 100%); */
}

/* FOLD AND MOTO G4 AND IPHONE X*/

@media screen and (min-width: 280px) and (max-width: 539px) {
  .hero-text {
    text-align: center;

    line-height: 40px;
  }

  .hero-container {
    min-height: 1000px;

    padding: 0;
  }

  .video-btn {
    margin: 0 auto;

    margin-top: 1.5rem;
  }

  .banner-logo {
    width: 100%;
    margin-top: 210px;
    margin-bottom: 10px;
    padding-bottom: 0px;
  }

  .delivery-img {
    display: block;

    margin-left: auto;

    margin-right: auto;
  }

  .footer-cta {
    margin-top: 1.5rem;
  }

  .faq-style {
    text-align: center;
  }

  .main-team-image {
    background-image: url(https://www.heavyhaulers.com/images/hh-label-icons/hh-team-grid-full.jpg);

    background-size: cover;

    background-position: top left;

    background-repeat: no-repeat;

    height: 400px;
  }

  .featured-transport-heading {
    text-align: center;
}

.featured-transport-subheading {
    text-align: center;
}

.featured-broker {
    margin-left: 1.5rem;
    margin-top: -2.5rem;
    }

.featured-transport-text {
text-align: center;
margin-top: 1rem;
}

.contact-featured-broker {
margin: 0 auto; 
font-size: 1.25rem;
}

.featured-title {
    margin-left: 5rem;
  }

.view-featured-transport {
margin: 0 auto; 
font-size: 1.25rem;
margin-bottom: 5rem;
}
}

/* IPHONE 5/SE */

@media screen and (width: 320px) {
  .hero-container {
    min-height: 1020px;
  }
  .featured-transport-heading {
      text-align: center;
  }
  .featured-transport-subheading {
    text-align: center;
}
.featured-broker {
    margin: 0 auto;
  }
.featured-transport-text {
    text-align: center;
}
.contact-featured-broker {
margin: 0 auto; 
font-size: 1.25rem;
}

.view-featured-transport {
margin: 0 auto; 
font-size: 1.25rem;
margin-bottom: 1rem;
}
}

/* PIXEL 2 */

@media screen and (width: 411px) {
  .hero-container {
    min-height: 910px;
  }
  .featured-transport-heading {
    text-align: center;
}
.featured-transport-subheading {
    text-align: center;
}
.featured-broker {
    margin-left: 2rem;
    margin-top: -2.5rem;
  }
  .featured-transport-text {
    text-align: center;
    }
}

/* IPHONE 6/7/8 */

@media screen and (width: 414px) {
  .hero-container {
    min-height: 900px;
  }
  .featured-transport-heading {
    text-align: center;
    }
  .featured-transport-subheading {
      text-align: center;
  }
  .featured-broker {
    margin-top: -2rem;
    margin-right: 2rem;
  }
  .featured-transport-text {
    text-align: center;
    }
}

/* SURFACE DUO */

@media screen and (min-width: 540px) and (max-width: 767px) {
  .hero-text {
    text-align: center;

    line-height: 40px;
  }

  .video-btn {
    margin: 0 auto;

    margin-top: 1.5rem;
  }

  .banner-logo {
    width: 100%;
    margin-top: 210px;
    margin-bottom: 10px;
    padding-bottom: 0px;
  }

  .delivery-img {
    display: block;

    margin-left: auto;

    margin-right: auto;
  }

  .footer-cta {
    margin-top: 1.5rem;
  }

  .main-team-image {
    background-image: url(https://www.heavyhaulers.com/images/hh-label-icons/hh-team-grid-full.jpg);

    background-size: cover;

    background-position: top left;

    background-repeat: no-repeat;

    height: 400px;
  }
  .featured-transport-heading {
    text-align: center;
}

.featured-transport-subheading {
text-align: center;
}

.featured-broker {
margin-left: 5rem;
}

.featured-transport-text {
text-align: center;
}
.contact-featured-broker {
    margin: 0 auto; 
    font-size: 1.25rem;
    }
    
    .view-featured-transport {
    margin: 0 auto; 
    font-size: 1.25rem;
    margin-bottom: 1rem;
    }
}

/* IPAD */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hero-text {
    text-align: center;

    line-height: 40px;
  }

  .hero-container {
    padding-right: 0 auto;
  }

  .video-btn {
    margin: 0 auto;

    margin-top: 1.5rem;
  }

  .banner-logo {
    width: 100%;
    margin-top: 210px;
    margin-bottom: 10px;
    padding-bottom: 0px;
  }

  .delivery-img {
    padding-left: 4.25rem;

    padding-top: 2.15rem;
  }

  .footer-cta {
    max-width: 22rem;

    margin: 0 auto;
  }

  .main-team-image {
    background-image: url(https://www.heavyhaulers.com/images/hh-label-icons/hh-team-grid-full.jpg);

    background-size: cover;

    background-position: top left;

    background-repeat: no-repeat;

    height: 550px;
  }
  .featured-broker {
    margin: 0 auto;
  }

  .featured-transport-text {
    text-align: center;
    }
    .contact-featured-broker {
        margin: 0 auto; 
        font-size: 1.25rem;
        }
        
        .view-featured-transport {
        margin: 0 auto; 
        font-size: 1.25rem;
        margin-bottom: 1rem;
        }
}

/* IPAD PRO */

@media screen and (width: 1024px) {
  .delivery-text {
    padding-top: 5.5rem;
  }

  .video-btn {
    margin-bottom: 1.5rem;
  }

  .footer-cta {
    max-width: 29.5rem;

    margin: 0 auto;
  }
  .featured-broker {
    margin-top: 3.55rem;
    margin-left: -4rem;
  }
  .featured-transport-text {
    text-align: center;
    margin-top: 1rem;
    }
    .contact-featured-broker {
        margin-left: 23rem; 
        font-size: 1.25rem;
      }
    
      .view-featured-transport {
        margin-left: 2rem; font-size: 1.25rem;
      }
}

/* LAPTOP AND UP */

@media screen and (min-width: 1025px) {
  .hero-text {
    padding-left: 3.5rem;

    padding-bottom: 2rem;

    line-height: 20px;
  }

  .video-btn {
    margin-bottom: 0.5rem;

    margin-top: 3.5rem;
  }

  .banner-logo {
    width: 100%;
    margin-top: 210px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    max-width: 850px;
  }

  .footer-cta {
    max-width: 35.12rem;

    height: 300px;
  }

  .featured-broker {
    margin-top: 3.55rem;
    margin-left: -4rem;
  }
  
  .featured-transport-text {
    
    padding-right: 13rem; 
    margin-top: 1.5rem
  }

  .contact-featured-broker {
    
    font-size: 1.25rem;
  }

  .featured-title {
    margin-left: 5rem;
  }

  .view-featured-transport {
    margin-left: 2rem; 
    font-size: 1.25rem;
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 1199px) {
  .footer-support {
    margin-left: 1rem !important;
  }
}

/* TEAM IMAGE SECTION */

.main-team-image {
  background-image: url(https://www.heavyhaulers.com/images/hh-label-icons/hh-team-grid-full.jpg);

  background-size: cover;

  background-position: left;

  background-repeat: no-repeat;
}

/* Reviews Section */

.grudge-text {
  font-family: badgrudge;

  font-size: 3.25rem;

  line-height: 45px;
}

#fortune-500-logo {
  max-width: 100px;
}

@media (min-width: 600px) {
  .review-images {
    max-width: 200px;
  }
}

@media (min-width: 1000px) {
  .grudge-text {
    font-size: 4.25rem;
  }
}

/* EXPEDITED QUOTE IMAGE SECTION */

.expedited-quote-image {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(http://wordpress-471411-1479598.cloudwaysapps.com/wp-content/uploads/2020/09/heavy-haulers-marketplace.jpg);
}

/* FOOTER RESOURCES IMAGES */

.trailer-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/hh-label-icons/hh-home-transport.jpg);
}

.team-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/hh-label-icons/meet-the-team-grid-resize.jpg);
}

.states-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/hh-label-icons/state-map-with-pins-resized.png);
}

.video-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/hh-label-icons/hh-home-page-boat-transport.jpg);
}

.trailer-tool-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/hh-label-icons/hh-yellow-transport.JPG);
}

.news-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/reliable-img.png);
}

.events-image {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://lh6.googleusercontent.com/QU7dx7SlVdn2nxCz4Swi_ZeAO-LhnZ4hPLAhTmA_aDo7irMuFNw1nr4NmwUH1HS9eAssr9r3LtnGoH_gK78s5uX1n6CJ26aKl3w80dIXHFqR2jVXHMdoNLYM-n8T5wWX9akersIZ);
}

.footer-quote {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://ntslogistics.com/wp-content/uploads/2020/02/flatbed-hero-scaled.jpg);
}

.footer-support {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url(https://www.heavyhaulers.com/images/transports/data2.jpg);
}

/* VIDEO MODAL */

#myModal {
  position: fixed;
}

#myModal::-webkit-scrollbar {
  display: none;
}

.modal-dialog-centered {
  max-width: 1000px;

  margin: 30px auto;
}

body {
  padding-right: 0 !important;
}

.modal-body {
  position: relative;

  padding: 0px;
}

.close {
  position: absolute;

  right: -30px;

  top: 0;

  z-index: 999;

  font-size: 2rem;

  font-weight: normal;

  color: #fff;

  opacity: 1;
}

.modal-backdrop {
  z-index: 0;
}

.fade {
  background-color: #0000007a;
}

/* FLICKITY CAROUSEL */

.carousel-cell {
  width: 80%;

  max-width: 500px;

  margin-right: 10px;

  background: transparent;

  color: black;

  border-radius: 5px;

  margin-top: 5vh;

  margin-bottom: 5vh;
}

.carousel-cell.is-selected {
  background: #121212;

  color: white;

  box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.75);
}

/* cell number */

.carousel-cell:before {
  display: block;

  text-align: center;

  line-height: 200px;

  font-size: 80px;

  color: white;
}

/* MOVING MANUFACTURERS MARQUEE */

.marquee {
  overflow: hidden;
}

.marquee-content {
  display: flex;
  animation: scrolling 90s linear infinite;
}

.marquee-item {
  flex: 0 0 15vw;
  margin: 0 1vw;
}

.marquee-item img {
  display: block;
  width: auto;
}

@keyframes scrolling {
  0% {
    transform: translateX(65vw);
  }
  100% {
    transform: translatex(-424vw);
  }
}

/* TOP HOMEPAGE SECTION */
.grudge-header {
  font-family: "badgrudge";
  font-size: 5rem;
  line-height: 65px;
}

.img-shadow {
  box-shadow: 0px 0px 36px -4px rgb(0 0 0 / 57%);
  border-radius: 5px;
}

.extra-shadow {
  box-shadow: 0px 0px 36px -4px rgb(0 0 0 / 57%);
  border-radius: 5px;
}

/* Hero Banner Height Sizing */

.flexible-hero {
  min-height: 625px;
}

@media (max-width: 600px) {
  .flexible-hero {
    min-height: 100vh;
  }
	
	.grudge-header {
  font-family: "badgrudge";
  font-size: 4rem;
  line-height: 50px;
}
}


/* FEATURED TRANSPORT HOMEPAGE SECTION */

.broker-pic {
    border-radius: 250px;
  
    max-width: 300px;
  
    border: 9px solid rgba(255, 255, 255, 0.452);
  
    padding: 2px;
  }

  .text-shadow-heading {
    font-size: 7em;
    font-family: badgrudge;
    text-shadow: 3px 3px 3px #fff;
    line-height: 75px;
}

@keyframes featured-blink {
    50%{
      color:#17a2b8;
  }
}

.featured-blink {
    animation: featured-blink 2.5s infinite;
  }