// Generic Listing
.hbg-generic-listing {  }
.hbg-generic-listing .module-header {  }
.hbg-generic-listing .module-header .title { font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0; }
.hbg-generic-listing .module-header h1.title {  }
.hbg-generic-listing .module-header h2.title { font-size: 32px; line-height: 36px; }
.hbg-generic-listing .module-header h3.title {  }
.hbg-generic-listing .module-header h4.title {  }
.hbg-generic-listing .module-header h5.title {  }
.hbg-generic-listing .module-header h6.title {  }

.hbg-generic-listing ul.glisting li.glisting-item.margin-bottom-15px { margin-bottom: 15px; }
.hbg-generic-listing ul.glisting li.glisting-item.margin-bottom-25px { margin-bottom: 25px; }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap { position: relative; height: 200px; }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap .title-on-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hbg-generic-listing .glisting-item {  }
.hbg-generic-listing .glisting-item .article { height: 100%; }
.hbg-generic-listing .glisting-item .article a.full-link { position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 2; }

.hbg-generic-listing ul.glisting li.glisting-item .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap img { transition: max-width .5s; width: 100vw; } 
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap .title-on-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: end; }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap .title-on-image .title-on-image-inner { display: block; width: 100%; padding: 25px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 100%); }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap .title-on-image .title-on-image-inner .title-on-image-title { color: #fff; font-size: 22px; line-height: 28px; margin-bottom: 7px; }
.hbg-generic-listing ul.glisting li.glisting-item .img-wrap .title-on-image .title-on-image-inner .title-on-image-sub-title { font-size: 15px; line-height: 22px; }


.hbg-generic-listing.generic-tile-list .module-header { padding-bottom: 25px; }

.hbg-generic-listing.item-height-350px ul.glisting li.glisting-item .img-wrap { height: 350px; }

.hbg-generic-listing ul.glisting li.glisting-item .item-info { display: flex; flex-direction: column; min-height: 100px; font-size: 14px; } 
.hbg-generic-listing ul.glisting li.glisting-item .item-info h4.item-title-class { align-items: center; display: flex; height: 100%; margin: 0; margin-bottom: 2px; font-size: 17px; } 
.generic-tile-list-mobile-peekaboo .item-title-class { color: #000000; }

.hbg-generic-listing .glisting-item .article a.full-link:hover + .img-wrap img { max-width: 105%; } 


/*  */
.hbg-generic-listing.generic-tile-list-v2 { padding: 0; } 
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .img-wrap { width: 50%; height: 100%; overflow: hidden; } 
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .img-wrap img { width: 100%; object-fit: cover; height: 100%; width: 100vw; object-position: center; transition: all .3s linear; } 
.hbg-generic-listing.generic-tile-list-v2 .glisting-item .article:hover .img-wrap img { max-width: 100% !important; transform: scale(1.06); } 
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info { width: 50%; height: 100%; min-height: auto; display: flex; flex-direction: column; justify-content: center; padding: 0 2.5rem 0 1rem; } 
.hbg-generic-listing.generic-tile-list-v2 .item-brand-logos { display: none; } 
/* .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos { display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0; display: none; } 
.hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img { max-width: 150px; margin-right: 15px; margin-bottom: 8px; } 
.hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="CC"] { width: 105px; } 
.hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="WALKS"], .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="DEVOUR"] { width: 60px; }  */
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info .item-title-class { font-size: 14px; line-height: 1.7; height: auto; display: block; margin-top: 0 !important; color: #53565A; margin-bottom: 1rem !important; font-family: 'Poppins'; font-weight: 500; } 
.hbg-generic-listing.generic-tile-list-v2 .glisting-item .article:hover .item-info .item-title-class{ color: #177998; }
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item.generic-tile-item-v3 .item-info .item-title-class { font-size: 18px; line-height: 1.4; color: #177998; font-family: 'Rubik', sans-serif; }
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info > p { position: absolute; right: 10px; } 
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info > p a { font-size: 30px; } 
.hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info .data .item-note { color: #000; font-size: 14px; font-weight: 500; } 
.hbg-generic-listing.generic-tile-list-v2 .glisting-item .article:hover .item-info .data .item-note { color:#177998; } 
.hbg-generic-listing.generic-tile-list-v2 .glisting-item .article { display: flex; height: 200px; align-items: flex-start; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } 
@media(max-width: 767px){
 .hbg-generic-listing.generic-tile-list-v2 .glisting-item .article { display: flex; height: auto; flex-direction: column; } 
 .hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .img-wrap { width: 100%; height: 200px; } 
 .hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info { width: 100%; padding: 0 15px 20px !important; margin-top: 20px; height: 150px; } 
 .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos { margin-bottom: 10px; } 
 .hbg-generic-listing.generic-tile-list-v2 .slick-slider .slick-arrow { top: 40%; width: 30px; height: 30px; background: rgb(22 70 168/57%); } 
 .hbg-generic-listing.generic-tile-list-v2 .slick-slider .slick-arrow.slick-next { right: 0; } 
 .hbg-generic-listing.generic-tile-list-v2 .slick-slider .slick-arrow.slick-prev { left: 0; } 
}
@media (min-width: 900px) and (max-width:1199px) {
    .hbg-generic-listing.generic-tile-list-v2 ul.glisting li.glisting-item .item-info .item-title-class { line-height: 1.4; } 
}
/* @media (min-width: 900px) and (max-width:1000px){
 .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="CC"] { width: 100px; } 
 .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="WALKS"], .hbg-generic-listing.generic-tile-list-v2 .item-brand-logos img[src*="DEVOUR"] { width: 56px; } 
} */

.hbg-generic-listing .itemize-list li { line-height: 1.5; } 
.hbg-generic-listing .itemize-list a { background-color: #ffffff !important; color: #42b1e6 !important; border: none !important; padding: 0 !important; box-shadow: none; text-align: left; line-height: 1 !important; font-weight: normal !important; } 


.hbg-generic-listing.customer-review-no-bg { padding: 0 !important; background: none !important; } 
.hbg-generic-listing.customer-review-no-bg .module-header { margin-top: 32px !important; padding-bottom: 24px !important; } 
.hbg-generic-listing.customer-review-no-bg .module-header .title{ color: #1746a8 !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper { background: none !important; padding: 0 !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .generic-item-info:before { display: none !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .img-wrap { display: none !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .generic-item-info-outer-wrapper { width: 100% !important; float: none !important; padding: 0 !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow { border: none !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow.slick-prev { right: auto !important; top: 40% !important; left: -40px !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow:before { color: #2AB2E9 !important; } 
.hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow.slick-next { top: 40% !important; right: -40px !important; }

@media(max-width:767px){
	.hbg-generic-listing.customer-review-no-bg .generic-listing-item-wrapper { padding-top: 40px; } 
    .hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow.slick-prev { left: auto !important; } 
    .hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .slick-arrow.slick-next { left: auto !important; right: 0 !important; } 
    .hbg-generic-listing.customer-review-no-bg .generic-listing-wrapper .generic-item-info { background: none; } 
}

@media(max-width:767px){
 .generic-tile-list.generic-tile-list-mobile-peekaboo .listing-wrapper-inner { overflow-x: scroll; padding: 0 0 10px; } 
 .generic-tile-list.generic-tile-list-mobile-peekaboo .listing-wrapper-inner ul.glisting { display: inline-flex; flex-wrap: nowrap; } 
 .generic-tile-list.generic-tile-list-mobile-peekaboo .listing-wrapper-inner ul.glisting > li { width: 280px; padding: 25px 3px 0; margin: 0 15px 5px; } 
}

/* HERO SLIDER USING GENERIC LISTING */
.hero-slider-content .container {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.hero-slider h1, .hero-slider .hero-slider-copy {color: #fff !important;text-shadow: 3px 4px 10px rgba(0, 0, 0, 0.75);line-height: 1.4;}
.hero-slider h1 {font-size: 42px;}
.hero-slider .hero-slider-copy {font-size: 20px; max-width: 400px;}
.hero-slider-content {height: 490px !important;padding: 55px 0 65px;}
.hero-slider-cta {text-align: right;}
.hero-slider-cta .btn {background: #fff;color: #262a68;border: 1px solid #262a68;border-radius: 4px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);font-size: 16px;text-transform: capitalize; padding: 15px 20px;}
.hero-slider-cta .btn:hover {background: #262a68;color: #fff;}
.hero-slider-cta .btn-2 { background: #262a68; color: #fff; border: #fff solid 1px; } 
.hero-slider-cta .btn-2:hover { background: #ffffff; color: #262a68; } 
.hero-slider-cta.two-ctas .btn { padding: 10px; font-size: 14px; }
.hero-slider .slick-dots {bottom: 20px;}
.hero-slider.slick-dotted.slick-slider {margin-bottom: 0;}
.hero-slider .slick-dots li {width: 100px;height: 6px;background: rgba(255,255,255,0.5);}
.hero-slider .slick-dots li button {width: 0;height: 6px;padding: 0;}
.hero-slider .slick-dots li.slick-active button {background: #fff;transform: translate3d(0, 0, 0) scaleX(0);transform-origin: 0 0;}
@keyframes color-animation {0% {width: 0;transform: scaleX(0);}100% {width: 100%;transform: scaleX(1);}}
.hero-slider .slick-dots li button:before {display: none;}
.hero-slider {opacity: 0;}
.hero-slider.slick-initialized {opacity: 1;transition: opacity .3s ease-out;}
.hero-slider .text-small-bottom .hero-slider-title { position: absolute; bottom: 4em; } 
.hero-slider .text-small-bottom h1 { font-size: 24px; margin: 0; max-width: 100% !important; } 
.hero-slider .text-small-bottom .hero-slider-cta { position: absolute; right: 0; bottom: 4em; padding: 0 35px !important; } 
.hero-slider .text-small-bottom { position: relative; } 
@media screen and (max-width: 736px) {
    .hero-slider-content {height: 390px;}
    .hero-slider h1 {font-size: 35px;}
	.home .hero-slider-content { height: 440px !important;}
    .hero-slider-cta .btn { margin-bottom: 10px; }
    .hero-slider .slick-dots { display: flex; justify-content: center; padding: 0 20px;}
}
/* END HERO SLIDER USING GENERIC LISTING */