a.banner-link {
    color: #000;
}

.page-content .container, .page-content .container-fluid {
    background-color: transparent !important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a {
    color: #000000;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333537;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #333537;
    background-color: transparent;
}

.navbar-default, .menu-container {
    background-color: #ffffff;
    border-color: #ffffff;
}


/**SlideshowBackground**/
.slideshow-section {
  position: relative;
  width: 100%;
  height: 88vh;
  overflow: hidden;
}

.slideshow-content {
    position: absolute;
    top: 12rem;
    left: 0;
    right: 0;
    padding: 20px;
    background: transparent;
    z-index: 1;
}

.hero-section .element-type-customhtml {
    color: #fff;
}

.hero-section {
    border-image: linear-gradient(90deg, rgb(0 0 0 / 20%) 0%, rgba(255, 255, 255, 0) 100%) fill 1;
}

@media (min-width: 768px) {
   .carousel {
       position: relative;
       max-height: 600px;
    }
    .carousel-inner .item span {
      padding-top: 70% !important;
      background-position-y: -4rem !important;
    }
    element-type-slideshow {
       height: 600px;
       overflow: hidden;
    }
.hero-section .container {
    top: 25%;
}
    .hero-section {
        min-height: 800px;
    }
    .inventory-list-row.gallery-view {
        position: relative;
        z-index: 1;
    }
}


@media (max-width: 768px) {
  .slideshow-section {
      height: 40vh;
   }
  .carousel-inner .item span {
      padding-top: 89% !important;
  }
   .hero-section {
      min-height: 450px;
      border-image: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0) 100%) fill 1;
   }
    .hero-section .container {
        width: 90%;
    }
.hero-section .element-type-customhtml h1 {
   font-size: 1.6rem !important;
}
.hero-section .element-type-customhtml .sub-heading {
   font-size: 1.2rem;
}
   .quicklinkbuttons-horizontal .quicklinkbutton-wrapper {
       padding-left: 1rem;
       padding-right: 1rem;
       padding-bottom: 1rem;
       max-width: 300px;
       margin: auto;
   }
.hero-button .quicklinkbutton {
    font-size: 1rem !important;
}
}




/**INVENTORY**/
.inventory-panel.palette-bg2  {
    background-color: #ffffff;
}

.inventory-photo-column.palette-bg1 {
    background-color: #ffffff;
}

.element-type-inventorylistprice .palette-bg1.inventory-price-container {
    background-color: #000000;
}

.pricelabel.internetpricelabel, .pricevalue1.accent-color1 {
    color: #fff !important;
}

.quicklinkbuttons-horizontal {
    display: flex;
    justify-content: center;
}

.quicklinkbuttons-horizontal a.quicklinkbutton {
    margin: 2px 5px;
}

.quicklinkbuttons-horizontal a.quicklinkbutton {
    display: block;
    margin: 2px auto;
}