/*Header*/

.header .navbar, .header .navbar.bg-primary {
    box-shadow: 10px 10px 10px #00000042;
}

.header .navbar-dark .navbar-nav > .active .nav-link {
    color: #fff !important;
  }

  .header .header-info-logo-img img {
    width: 335px;
  }

  .header .navbar-dark .navbar-nav .nav-item .nav-link:before {
    border-width: 0 !important;
  }
  
  .header .navbar-dark .navbar-nav a.nav-link:hover {
    -webkit-box-shadow: 0 0 0 0.05rem #9E4A58;
    box-shadow: 0 0 0 0.05rem #9E4A58;
  }

  .cw-header-info {
    padding: 0.5rem;
  }

  .header a.header-business-phone,
  .header span {
    vertical-align: middle;
  }

  .header a.header-business-phone {
    font-weight: 700;
    font-size: 1.1rem;
    color: #E7941E;
  }
  .cw-header-info a:hover {
    color: #000;
  }
  @media (min-width: 992px) {
    .header .navbar-dark .navbar-nav .nav-link {
      line-height: 28px;
      border-radius: 50px;
    }
    .header .header-info-logo-img {
      position: fixed;
      top: 46px;
      z-index: 1032;
      padding: 0;
    }

    nav.navbar .container {
      position: relative;
      height: 150px;
      margin: 0 auto;
    }

    .navbar-nav {
      position: absolute;
      right: 0;
      bottom: 2rem;
    }

    .cw-header-info {
      position: fixed;
      z-index: 1031;
      top: 0;
      width: 100%;
    }
  }



  /*Hero*/

  .modpad {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    .modpad {
        padding-left:20px;
        padding-right: 20px
    }
}

@media(min-width: 769px) {
    .modpad {
        padding-left:25px;
        padding-right: 25px
    }
}

.hero {
    position: relative;
    overflow: hidden
}

.hero-content-container {
    position: relative;
    z-index: 2
}

.hero-content {
    position: relative;
    padding: 2em 20px;
    background: rgba(255,255,255,.95)
}

.hero .display-4 {
    font-size: 3rem;
    line-height: 1em
}

@media(max-width: 400px) {
    .hero .display-4 {
        font-size:3.5rem;
        line-height: .8em
    }
}

@media(min-width: 768px) {
    .hero-img {
        min-height:700px;
        background: url(https://apihoard.webit.com/api/v1/Image/49A779F06FFF1DEDE87F7240142EC5E1/49A779F06FFF1DEDE87F7240142EC5E1.jpg?size=1920x1440) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-bottom: -1px
    }

    .hero {
        position: relative;
        overflow: hidden
    }

    .hero-content {
        position: absolute;
        bottom: 3em;
        padding: 2.5em 2em
    }
}

@media(max-width: 992px) and (min-width:768px) {
    .hero-content {
        bottom:2em;
        padding: 2em
    }

    .hero-img {
        min-height: 600px;
        background: url(https://apihoard.webit.com/api/v1/Image/49A779F06FFF1DEDE87F7240142EC5E1/49A779F06FFF1DEDE87F7240142EC5E1.jpg?size=1920x1440) no-repeat center center
    }
}

.hero-content {
    font-size: 1.2em
}

.pg-title::after {
    content: "";
    display: block;
    height: 4px;
    width: 80px;
    margin: 10px 0 15px;
    background: #DB1822;
    color: var(--color-theme-text-btn)
}


/*Internal page titles*/

section:not(.page-home) .title {
    position: relative;
    margin-bottom: 2em;
    padding: 3rem 0 2.5rem;
    background: url(https://apihoard.webit.com/api/v1/Image/A6CBA74CAA9BB98DF0709ADD2D9A8509/A6CBA74CAA9BB98DF0709ADD2D9A8509.png?size=Original) no-repeat bottom center;
    text-align: center
}

section:not(.page-home) .title .title-heading {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 2.75rem;
    -webkit-text-shadow: 0 0 4px rgb(0,0,0,.5);
    -moz-text-shadow: 0 0 4px rgb(0,0,0,.5);
    text-shadow: 0 0 4px rgb(0,0,0,.5)
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.cw-auction-page {
  margin-bottom: 5em;
}
.cw-auction-page-flex {
  display: flex;
  flex-wrap: wrap;
}
.cw-auction-page .card {
  margin: 2em auto;
  width: 90%;
  background-color: #eee;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .cw-auction-page .card {
    width: 25%;
  }
}
.cw-auction-page .btn {
  margin: 0.5em auto 1em auto;
  width: 90%;
}
.cw-auction-page .card-body {
  padding-bottom: 0;
}

/* banner-homepage */

.cw-discount.p-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                      url('https://apihoard.webit.com/api/v1/Image/DB2B3071A2F83CEA4BD3993530CD94C8/DB2B3071A2F83CEA4BD3993530CD94C8.jpg?size=1920x1440');
    background-size: cover;
    background-position: center;
    border: 1px solid #000;
  }

@media (max-width: 768px) {
.hero-content {
    padding-bottom: 0px;
  }

}

/* Custom grey background */
  .cw-card-bg {
    background-color: #EEEEEE;
  }

  /* Ensure cards have equal height based on tallest */
  .cw-service-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .page-auction-events .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  /* Push button to bottom */
  .page-auction-events .card-body .btn {
    margin-top: auto;
  }