/*-- Global --*/

.cssvars-polyfilled .list .list-text-title {
  color: #20456e;
}

button,
.btn {
  border-radius: .25rem !important;
}

/*-- Header --*/

.header .container {
  max-width: none;
}

.header .navbar-dark .navbar-nav .nav-link {
  line-height: 36px;
  text-transform: uppercase;
}

.header .navbar-dark .navbar-nav>.active .nav-link {
  color: #CC922F!important;
}

.header .header-info-logo-img img {
  width: 200px;
}

.cw-header-contact {
  padding: .75em;
}

.cw-header-contact span {
  vertical-align: middle;
}

.header a.header-business-phone {
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}

section:not(.page-home) .title {
position: relative;
  padding: 2em 0;
  background: url(https://apihoard.webit.com/api/v1/Image/D22E89DBE086ECE8E124B0631677FBDA/D22E89DBE086ECE8E124B0631677FBDA.jpg?size=1920x1440) no-repeat center center;
  background-size: cover;
  text-align: center;
}

section:not(.page-home) .title:after  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,.65);
}

section:not(.page-home) .title .title-heading {
position: relative;
z-index: 2;
text-shadow: 5px 2px black;
color: #fff;
text-transform: uppercase;
}

@media(max-width: 768px){
  .header .header-business {
      color: #fff !important;
  }
}

@media(min-width: 992px) {
  .header .header-info-logo-img {
      position: fixed;
      top: 0.5rem;
      left: 0;
      z-index: 1040;
      padding: 0;
  }

  nav.navbar .container {
      position: relative;
      margin: 0 auto;
  }

  .navbar-nav {
      position: absolute;
      right: 0;
      top: 3.75rem;
  }

  .header .navbar,.header .navbar.bg-primary.cw-scrolled .navbar-nav {
      top: 0;
      background: #111;
      border: 1px solid #CC922F;
      border-top: none;
  }

  .header .header-info-logo-img img.cw-shrink {
      width: 100px;
  }

  .cw-header-contact {
      position: absolute;
      z-index: 1040;
      top: 0;
      width: 100%;
  }

  section:not(.page-home) .title {
      margin-bottom:2.5em;
      padding: 10em 0 1.5em;
  }

  section:not(.page-home) .title .title-heading {
      font-size: 2.75rem;
  }
}

.cw-hero {
  background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.8)), url(https://apihoard.webit.com/api/v1/Image/D22E89DBE086ECE8E124B0631677FBDA/D22E89DBE086ECE8E124B0631677FBDA.jpg?size=1920x1440);
  background-size: cover;
  background-position: right;
  padding: 3rem 0;
}

@media(max-width: 768px){
 .cw-hero h1.text-uppercase {
      font-size: 1.2em;
  }
}

@media(min-width: 992px){
.cw-hero {
  padding: 14rem 0;
}

  .cw-hero h1.text-uppercase {
      font-size: 3.5em;
  }
}





.cw-cascade {
  margin: 0 auto;
  padding: 8em 0;
}

.cw-cascade p {
  font-size: 1.5rem;
  line-height: 1;
}

.cw-cascade:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 31, 47, 0.7);
}

@media (min-width: 768px) {
  .page-home .cw-cascade {
      padding: 10em 0;
  }

  .page-home .cw-cascade .btn {
      padding: 1rem 3rem;
      font-size: 1.5rem;
  }

}


.cw-banner a.button {
  height: 80px;
  line-height: 80px;
  margin-top: 1em;
  padding: 0 2em;
  background: var(--color-theme-secondary);
  font-size: 1.25rem;
}

@media (min-width: 992px) {

  .cw-banner a.button {
      margin: 0;
      padding: 0 1em 0 3.75em;
  }

  .cw-banner a.button:before {
      top: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      margin-top: 0;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: var(--color-theme-primary);
      left: 0px;
      border-top-width: 80px;
      border-right-width: 60px;
      border-left-width: 0;
  }

  .cw-banner a.button:after {
      top: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      margin-top: 0;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: var(--color-theme-secondary);
      right: -60px;
      border-top-width: 80px;
      border-right-width: 60px;
      border-left-width: 0;
  }
}

.cw-banner a.button:focus:after {
  border-top-color: var(--color-theme-secondary);
}


.page-home .businessinfo {
  padding-top: 5em;
  padding-bottom: 3em;
  background-image: linear-gradient(0deg, white, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_07.jpg);
  background-size: cover;
  background-position: center;
}

/* New Customer Reviews Section */

.carousel-control-next,
.carousel-control-prev {
  display: none;
}

.cw-reviews {
  background-image: linear-gradient(
      to bottom,
      rgba(250, 250, 250, 250.65),
      rgba(250, 250, 250, 0.65)
    ),
    url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_07.jpg);
  background-position: center center;
  padding: 4em 0;
}

.cw-review h5 {
  color: var(--color-theme-secondary);
  font-size: 1.25em;
  line-height: 1.25em;
  text-transform: uppercase;
}

.cw-review p {
  color: #000;
  text-align: center;
  line-height: 1.75em;
  font-style: italic;
}

@media (min-width: 768px) {
  .carousel-control-next,
  .carousel-control-prev {
    display: flex;
    width: auto !important;
  }
}

/* XLG: 1800px & Up */

@media (min-width: 1800px) {
  .cw-reviews {
    padding: 4em 0;
  }
}


    /* !!!  Footer !!! */

    .footer-info-business,
    .footer-nav-links {
      display: none;
    }
  
    .footer {
      padding-top: 0px !important;
    }
  
    .cw-img-right {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
    }
  
    .cw-img-left {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
    }
  
    .cw-footer {
      background-color: #222;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: relative;
      z-index: 0;
      padding: 4rem 0 0 0;
      font-weight: 800;
    }
  
    .cw-footer-bg {
      text-align: left !important;
      background: #06666d;
      padding: 4rem;
      margin: 5rem 0 4rem 0;
      position: relative;
      z-index: 0;
      border-radius: 30px;
    }
  
    .cw-footer-bg::before {
      content: "";
      position: absolute;
      background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/016FD31416577366996E46C257C601EA.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1;
      opacity: 5%;
    }
  
    .cw-footer a {
      color: inherit;
    }
  
    .cw-footer a:hover {
      color: var(--color-theme-highlight) !important;
    }
  
    .cw-footer .fab {
      padding: 0.25rem;
      width: 0.75rem;
      height: 0.75rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: #fff;
    }
  
    .cw-logobox {
      padding: 1em;
      display: block;
      width: 62% !important;
      margin: auto;
    }
  
    .footer,
    .footer .dropdown-item,
    .footer .dropdown-item:focus,
    .footer .nav-link,
    .footer a {
      color: var(--color-theme-text);
    }
  
    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {
    }
  
    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
    }
  
    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
    }
  
    /* X-Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
    }
  
    /* XX-Large devices (larger desktops, 1400px and ) */
    @media (min-width: 1400px) {
    }

    .page-home .list {
      padding-top: 2em;
      padding-bottom: 4em;
      text-align: center;
  }

  .page-home .textwithimage {
      background-image: linear-gradient(0deg, #111, transparent), url(https://s3.amazonaws.com/fcwebmanager/Textures/SmartSites/HeroImages/0/texture_02.jpg);
  }    

  .page-about-us .textwithimage-in-container {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
  }

  ul.navbar-nav.navbar-cart {
    display: none;
}