.navbar-brand .logo-img {
    max-height: 40px;
    width:auto
}
.banneritem {
    padding-bottom: 0.2em;
    min-width: 300px;
}
.t4-header {
    background-color: #ffffff;
}
.topbar-custom {
    color: #ffffff;
}
.topbar-custom a {
    color: #ffffff;
}
.topbar-custom a:hover {
    color: #551f0d;
}
  .item-page.layout-2 .top-article-info {
  margin-bottom: 1rem;
}
.pull-left.item-image img,
.item-image.pull-left img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
  .item-page.layout-2 .top-article-info .full-image .item-image img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
.item-inner .item-image {
    align-self: flex-start;
}
figure figcaption {
  background-color: #f4eee4;
  color: #999999;
}
.tags > li {
  float: inherit;
  margin-bottom: 0.5rem;
}
.tags > li > a {
  background: #dba143;
  color: var(--headings-color);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}
p.readmore .btn, p.readmore .blog-list .item-readmore a, .blog-list .item-readmore p.readmore a {
  background-color: #e75025;
  padding: 0.3333333333rem 0.6666666667rem;
  color: #fff;
}
p.readmore .btn:hover, p.readmore .blog-list .item-readmore a:hover, .blog-list .item-readmore p.readmore a:hover, p.readmore .btn:active, p.readmore .blog-list .item-readmore a:active, .blog-list .item-readmore p.readmore a:active, p.readmore .btn:focus, p.readmore .blog-list .item-readmore a:focus, .blog-list .item-readmore p.readmore a:focus {
  background-color: var(--body-link-hover-color);
  color: #fff;
}
/* Hide the original Products & Services menu */
ul.products-services-menu {
    display: none !important;
}

/* Dropdown */
.products-services-mobile-select {
    display: block !important;
    width: 100%;
    margin-top: 10px;
}

.products-services-mobile-select select {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
}
}
.supplier-tag-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.supplier-tag-grid > li {
    padding-left: 10px;
    padding-right: 10px;
}

.supplier-tag-tile {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 8px;
    text-decoration: none;
}

.supplier-tag-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.supplier-tag-tile:hover .supplier-tag-image {
    transform: scale(1.04);
}

.supplier-tag-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 18px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0)
    );
}

.supplier-tag-title {
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.25;
}

.supplier-tag-no-image {
    width: 100%;
    height: 100%;
    background: #e9ecef;
}

@media (max-width: 767.98px) {

    .supplier-tag-tile {
        aspect-ratio: 16 / 9;
    }

    .supplier-tag-title {
        font-size: 1.1rem;
    }
}
/* =========================================================
   STYLE 4 BLOG - RESPONSIVE INTRO IMAGES
   ========================================================= */

/*
 * Desktop - 992px and wider
 *
 * No changes required.
 * The template's normal Style 4 layout remains in control:
 * image on the left, text on the right.
 */


/*
 * Below 992px
 *
 * Image moves to the right.
 * Text wraps alongside the image and then continues
 * underneath it.
 */

@media (max-width: 991.98px) {

  .blog.layout_style_4 .item-inner,
  .blog-featured.layout_style_4 .item-inner {
    display: block;
  }

  .blog.layout_style_4 .item-image.pull-left,
  .blog-featured.layout_style_4 .item-image.pull-left {
    float: right;
    width: 34%;
    max-width: 320px;
    margin: 0 0 1rem 1.25rem;
  }

  /*
   * Clear the float at the end of each article so that
   * the following article starts in the correct position.
   */
  .blog.layout_style_4 .item-inner::after,
  .blog-featured.layout_style_4 .item-inner::after {
    content: "";
    display: block;
    clear: both;
  }

}