.banner-footer-custom {
  float: initial !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  font-weight: 500;
  max-width: 100%;
  margin: 0 auto; }

.brand.main .banners .banner :is(h1, h2, h3, h4, h5, h6) {
  font-size: 15px !important; }

.brand.main .banners .banner p {
  padding: 0 !important;
  width: 100% !important;
  font-size: 12px !important;
  font-weight: 400 !important; }

.brand.main .banners {
  padding: 10px 20px  !important; }

.brand.main .banners .banner ul {
  padding-left: 20px; }

.brand.main .banners .banner {
  max-width: 100% !important;
  padding: 0 !important;
  font-weight: 400;
  padding: 10px 20px !important; }

.brand.main .banners {
  padding: 0 !important; }

.banners[data-banner-location='bottom'] {
  width: 100% !important;
  text-align: left;
  padding: 0 0 30px !important;
  background: #fff !important;
  box-shadow: inset 0 10px 18px #f5f5f5, 0 -10px 5px #ffffff; }

.blog .excerpt.visible {
  font-size: 16px; }

.blog.single .blog-post p, .blog.single .blog-post li, .blog.single .blog-post a {
  font-size: 16px; }

header h2.blog-title a {
  height: auto !important;
  overflow: initial !important;
  line-height: 1.2 !important; }

.recent-blog-posts .zoom-image-container img {
  height: 100%;
  object-fit: cover; }

.recent-blog-posts .zoom-image-container {
  width: 100%;
  height: 145px; }

main.page.blog {
  margin-left: 0;
  margin-right: 0; }

main.page.blog .blog-list-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 20px; }

main.page.blog .blog-list-container > .breadcrumbs,
main.page.blog .blog-list-container > h1.page-heading,
main.page.blog .blog-list-container > .pagination {
  flex: 100%; }

main.page.blog .blog-list-container > article.blog {
  width: 100% !important;
  min-height: 0 !important;
  flex: 30%;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }

main.page.blog .blog-list-container > article.blog .zoom-image-container {
  width: 100%;
  height: 265px; }

main.page.blog .blog-list-container > article.blog .zoom-image-container > img {
  height: 100%;
  object-fit: cover; }

main.page.blog .blog-list-container .blog-post > .read-more-button {
  display: block; }

@media only screen and (min-width: 800px) and (max-width: 1024px) {
  main.page.blog .blog-list-container > article.blog .zoom-image-container {
    height: 195px; } }

@media only screen and (min-width: 551px) and (max-width: 799px) {
  main.page.blog .blog-list-container > article.blog {
    flex: 47%; }
  main.page.blog .blog-list-container > article.blog .zoom-image-container {
    height: 215px; } }

@media only screen and (max-width: 550px) {
  main.page.blog .blog-list-container > article.blog {
    flex: 100%; }
  main.page.blog .blog-list-container > article.blog .zoom-image-container {
    height: 215px; } }