.blog-listing{padding-top:35px;}
.blog-listing .blog-item{border: 1px solid #d9d9d9; flex: 0 0 30%; padding: 0; margin-left:1.53%; margin-right:1.53%;margin-bottom: calc(1.53% * 2);}
.blog-listing .blog-info{padding:20px;}
.blog-listing .blog-info h4 a{color: #333436;}
.blog-detail-title{padding-top:35px; padding-bottom:5px; border-bottom:1px solid #d9d9d9;}
.blog-detail-content{/*padding-top:35px; */ font: 1.13rem/1.88rem 'Poppins', sans-serif;}
.blog-detail-content.content-module a{font:1.13rem/1.88rem 'Poppins', sans-serif !important; font-weight: 400;}
.blog-detail-content.content-module a.orange-link{font-weight:500;}
.blog-detail-content.content-module.rich-text li{font:1.13rem/1.88rem 'Poppins', sans-serif; font-weight:400; color:#65686B; margin-left:0}
.blog-detail-content.content-module .email-icon-text{position: relative; display: block;margin-bottom:10px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;}
.blog-detail-content.content-module .email-icon-text-span{/*text-decoration: underline;*/margin-left:25px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important; display: flex;}
.blog-detail-content.content-module .phone-icon-text{position: relative;display:block;margin-bottom:10px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;}
.blog-detail-content.content-module .phone-icon-text-span{/*text-decoration: underline;*/margin-left:25px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;display: flex;}
.blog-detail-content.content-module .place-icon-text{position: relative;display:block;margin-bottom:10px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;}
.blog-detail-content.content-module .place-icon-text-span{/*text-decoration: underline;*/margin-left:25px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important; display: flex;}
.blog-detail-content.content-module .download-icon-text{position: relative;display:block;margin-bottom:10px;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;}
.blog-detail-content.content-module .download-icon-text-span{/*text-decoration: underline;margin-left:45px;*/ line-height: 2.38rem;font: 1.13rem/1.88rem 'Poppins', sans-serif !important;/*display: flex;*/}

/* .blog-detail-banner-image{height: 56.25vw; background-attachment: fixed;background-position: center 67px; background-repeat: no-repeat;background-size: auto calc(56.25vw + (100px + .75rem + 20pt + .75rem) - 67px);max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem); min-height: 300px;} */
/* commenting the below line for ADA fix */
/* .blog-detail-banner-image{height: 56.25vw; background-attachment: fixed;background-position: center 67px; background-repeat: no-repeat;background-size: cover;max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem); min-height: 350px;} */

.blog-detail-banner-video{height: 56.25vw;/*max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px));*/ max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem); min-height: 300px;}
.blog-detail-banner-video iframe{width:100%;height: 100%; border:0;}
.blog-detail-banner-video video{width:100%;height: 100%; object-fit: cover; /*object-position: 50%;*/}


.blog-hero-module{position: relative;}
.blog-hero-img .img {height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.blog-hero-module-content {position: absolute;top: 88px;bottom: 0;width: 425px;display: flex;align-items: center;}
.blog-header-content{position: absolute; top:0; width:100%;padding: 20px;background-color:rgba(255,255,255,.94);}
.bblog-links{list-style: none; display: flex;padding-left:20px;padding-right:20px; border-right:2px solid #d9d9d9;margin-bottom: 0;}
/* .bblog-links li{margin:auto 10px;} */
.bblog-links li{margin:10px;}
.bblog-links li a{color:#333436;font-weight: 500;display: block;}
.bblog-links li a::first-letter{color:#e35205;}

.bblog-links li:last-child{margin-right:0;}
.bblog-social-links{list-style: none; display: flex;padding-left:20px;padding-right:20px;margin-bottom: 0;}
/* .bblog-social-links li{margin:auto 10px;} */
.bblog-social-links li{margin:10px;}
.bblog-social-links li i, .bblog-social-links li em{font-size: 1.13rem;}
.bblog-search .input-group{width:200px;}
.bblog-search i, .bblog-search em {font-size: 1.25rem;color: #75787B;}
.blog-hero-module-content .hero-blurb{color: #333436;font-weight: 500;}
.blog-landing-post{padding-top:35px;}
.featured-blog-post{border:1px solid #d9d9d9;padding: 0;flex: 0 0 63%;margin-left: 15px;margin-right: 15px;}
.featured-blog-content{padding:23px;}
.featured-bblog-logo-text::first-letter{color:#e35205;}
.latest-posts{border:1px solid #d9d9d9;padding: 0;flex: 0 0 30.7%;margin-left: 15px;margin-right: 15px;justify-content: space-around; justify-content: space-evenly;display: flex;flex-direction: column;}
.latest-post{padding:30px;border-top:1px solid #d9d9d9;position: relative;}
.latest-post:first-child{border-top: 0;}
.post-bblog-text{color:#333436; font-weight: 500;}
.post-bblog-text::first-letter{color:#e35205;}
.featured-bblog-logo-text{color:#333436; font-weight: 500;}
.all-posts-module{padding-top:35px;}
.all-posts-module .title-text{font-weight: 500; color:#333436;}
.all-posts-module .title-text::first-letter{color:#e35205;}
.all-posts-module .title-text a{float:right;}
.all-posts-module .all-posts{padding-top:35px;}
.all-posts-module .all-posts .swiper-wrapper{padding-top:15px;padding-bottom:10px;}
.all-posts-module .all-posts .item{border:1px solid #d9d9d9;height:auto;}
.all-posts-module .all-posts .blog-content{padding:22px 22px 30px 22px;}
.load-all-blogs{padding-top:20px;}

.all-posts-module a{display: block;}
.all-posts-module a:hover{color:#d74100; }
.all-posts-module a::before{bottom: 0; content: ""; display: block;left: 0; position: absolute; right: 0; top: 0;} /*  box-shadow:0px 3px 6px 0px #00000015; border:0; */
.all-posts .swiper-slide:hover{box-shadow:0px 3px 6px 0px #00000015;/* border:0;*/}

/* .featured-blog-content a{display: block;} */
.featured-blog-content a:hover{color:#d74100; }
/* .featured-blog-content a::before{bottom: 0; content: ""; display: block;left: 0; position: absolute; right: 0; top: 0;}  */

/* .latest-post-title a{display: block;} */
.latest-post-title a:hover{color:#d74100; }
/* .latest-post-title a::before{bottom: 0; content: ""; display: block;left: 0; position: absolute; right: 0; top: 0;}  */

/* .blog-listing .blog-info a{display: block;} */
.blog-listing .blog-info a:hover{color:#d74100;text-decoration: none; }
/* .blog-listing .blog-info a::before{bottom: 0; content: ""; display: block;left: 0; position: absolute; right: 0; top: 0;}  */
.blog-listing .blog-item:hover{box-shadow:0px 3px 6px 0px #00000015; /*border:0;*/}
.blog-desk-title .col-lg-8{padding: 0;flex: 0 0 63%;margin-left: 15px;margin-right: 15px;}
.blog-desk-title .col-lg-4{padding: 0;flex: 0 0 30.7%; margin-left: 15px; margin-right: 15px;}

.blog-hero .hero-content h1::first-letter{color:#e35205;}
.blog-hero .hero-content h1.popHeader{color: #65686B;}

/* .swiper-button-next:after, .swiper-button-prev:after{color:#65686B;}
.swiper-button-next{right: -25px;}
.swiper-button-prev{left: -25px;} */

.blog-image{position: relative;}
.featured-blog-post .featured-blog-image{position: relative;}
.post-video a.clickable-card::before {background: url(../images/video_play_icon_default.svg) center center no-repeat;height: 0; padding-top: 56.25%;}
.post-video a.clickable-card:hover::before {background-image: url(../images/video_play_icon_hover.svg);}

.all-posts .post-video a.clickable-card::before{background: url(../images/video_play_icon_default.svg) center center no-repeat;background-size: auto 80px; padding-top: 56.25%;}
.all-posts .post-video a.clickable-card:hover::before{background-image: url(../images/video_play_icon_hover.svg);}
.blog-listing .post-video a.clickable-card::before{background: url(../images/video_play_icon_default.svg) center center no-repeat;background-size: auto 80px; padding-top: 56.25%;}
.blog-listing .post-video a.clickable-card:hover::before{background-image: url(../images/video_play_icon_hover.svg);}

.blog-detail-content.rich-text p{margin-bottom:1rem;}
.bblog-links.mobile{display: none;}
.bblog-logo img{object-fit: contain; height: 100%;}
.all-posts-module .all-posts{position: relative;}
.all-posts-module .swiper-button-prev{background-image: url('/Banfield/Images/back-arrow.png');left:-60px;top:55%;width:30px;}
.all-posts-module .swiper-button-prev::after{content:'';}
.all-posts-module .swiper-button-next{background-image: url('/Banfield/Images/next-arrow.png');right:-60px;top:55%;width:30px;}
.all-posts-module .swiper-button-next::after{content:'';}

.blog-hero-img{width:100%;}
.blog-hero-img picture{display: inline-block;width: 100%;height: 400px;}
.blog-hero-img picture img{height:100%; object-fit:cover; width:100%;}

/* .blog-detail-banner-image{width:100%; clip-path: inset(0);}
.blog-detail-banner-image picture{display: inline-block;width: 100%; height: 56.25vw; max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem); min-height: 350px;}
.blog-detail-banner-image picture img{height:calc(56.25vw + (100px - 67px) + (0.75rem + 20pt + 0.75rem)); object-fit:cover; width:100%; object-position: center; position:fixed; left:0;top:67px;  min-height: 350px;} */
.blog-detail-banner-image {
    width: 100%;
    clip-path: inset(0);
    position: relative;
    height: calc(100vh - 100px - (0.75rem + 20pt + 0.75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem);
    min-height: 350px;
    max-height: calc(56.25vw - 83px);
}
.blog-detail-banner-image picture {
    display: block;
    width: 100%;
    height: calc(100vh - 100px - (0.75rem + 20pt + 0.75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem + 151px);
    max-height: 56.25vw;
    min-height: calc(350px + 151px);
    position: fixed;
    left: 0;
    top: 67px;
}
.blog-detail-banner-image picture img {
    width: 100%;    
    height: 100%;    
    object-fit: cover;    
    object-position: center top;
}

/* .blog-detail-banner-image {
    width: 100%;
    clip-path: inset(0);
    position: relative;
    height: calc(56.25vw - 83px);
    max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem);
}
    
.blog-detail-banner-image picture {
    display: block;
    width: 100%;
    height: calc(100vh - 100px - (0.75rem + 20pt + 0.75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem + 151px);
    max-height: none;
    min-height: 350px;
    position: fixed;
    left: 0;
    top: 0;
   
}
    
.blog-detail-banner-image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 67px;
} */

/* .blog-detail-banner-image {
    height: 56.25vw;
    max-height: calc(100vh - 100px - (0.75rem + 20pt + 0.75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem);
    min-height: 350px;
    position: relative;
    z-index: -1;
}
.blog-detail-banner-image > picture > * {
    height: calc(56.25vw + (100px - 67px) + (0.75rem + 20pt + 0.75rem));
    position: fixed;
    object-position: center;
    object-fit: cover;
    max-height: calc(100vh - 100px - (0.75rem + 20pt + 0.75rem) - (20px + 25px) - 5rem);
    min-height: 350px;
    width: 100%;
    top: 67px;
}

.blog-detail-page-content {
    position: relative;
    background: white;
} */

.bblog-search input{border-radius:51px !important;box-shadow: none !important;border-right: 2px solid #d9d9d9 !important;}
.bblog-search input:focus{border-color:#65686B !important;}
.bblog-search input:focus + .input-group-append > .input-group-text{background-color: #f3f3f3; border-top-left-radius: 51px;border-bottom-left-radius: 51px;}
.bblog-search .input-group-text{border-radius: 51px;border-top-left-radius: 0;border-bottom-left-radius: 0;z-index:3;display: flex !important; align-items: center !important;width: 100%;border: 2px solid #fff !important;}
.bblog-search .input-group-text.focused, .bblog-search input:focus + .input-group-append > .input-group-text.focused{border-top-left-radius: 51px;border-bottom-left-radius: 51px; background-color: #e35205;cursor:pointer;}
.bblog-search .input-group-text.focused:hover, .bblog-search input:focus + .input-group-append > .input-group-text.focused:hover {background-color: #d74100;}
.bblog-search .input-group-text em{font-size:1.2rem; width: 100%;color:#65686B;}
.bblog-search .input-group-text.focused em{color:#fff;}
.bblog-search .input-group-append{width: 60px;height:41px; top:2px; right:2px;}
.bblog-search .has-error{border-radius: 51px;}
.bblog-search .input-group.has-error input {border: 1px solid #E35205 !important;}

@media(max-width:1199px){
    /* .blog-detail-banner-image{height: 56.25vw; */
        /*max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px));*/
         /* background-attachment: fixed;background-position: center 67px; background-repeat: no-repeat;background-size: auto calc(56.25vw + (100px + .75rem + 20pt + .75rem) - 67px);max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem);min-height: 350px;} */
    
}

@media(max-width:991px){
    .blog-listing-module .col-lg-10{padding-left:0;padding-right:0;}
    .blog-header-content .container{padding-left:0; padding-right:0;position: relative;}
    .bblog-search{display: none;}
    .bblog-search.mobile{display: block;}
    .search-bblog{padding: 7px 10px 5px 10px;border: 2px solid #d9d9d9;cursor:pointer;}
    
    .show-bblog-search{position: absolute;right:0;bottom:0;display: flex;background-color: white;height: 100%;width:auto;}
    .close-search{display: flex; align-items: center; margin-right:10px;}
    .featured-blog-post{flex:0 0 45.5%;}
    .latest-posts{flex:0 0 45.5%;}
    .blog-desk-title .col-lg-8{flex:0 0 45.5%;}
    .blog-desk-title .col-lg-4{flex:0 0 45.5%;}

    .all-posts-module .swiper-slide.item{width:40% !important;}
    .all-posts-module .container{padding-left:0; padding-right:0;}
    .all-posts-module .container .col-lg-10{padding-left:0; padding-right:0;}
    /* .all-posts-module .all-posts{padding-left:30px;} */
    .all-posts-module .title-text{padding-right:30px;padding-left:30px;}
    .blog-landing-post h4.mobile{display: none;}
    /* .blog-hero-module-content{top:0;} */
    .hero-module.blog-hero .section-hero-module-content{position: absolute;}
    .blog-header-content{padding-left:30px;padding-bottom: 14px;}
    /*.blog-detail-module .print-icon{display: none;}    
    .blog-detail-module .print-share-icons{display: none;}*/
    /* .blog-detail-banner-image{height: 56.25vw; */
        /*max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px));*/
         /* background-attachment: fixed;background-position: center 67px; background-repeat: no-repeat;background-size: auto calc(56.25vw + (100px + .75rem + 20pt + .75rem) - 67px);max-height: calc(100vh - 100px - (.75rem + 20pt + .75rem) - (20px + 25px) - (35px + 28pt + 5px + 10px) - 5rem);} */
    /* .blog-detail-banner-image{min-height: 245px;} */
    .blog-detail-banner-video{min-height: 245px;}
    /* .blog-detail-module > .container{padding:0;max-width:100%;} */
    .all-posts-module .swiper-button-prev, .swiper-button-next{background-image: none;}

    
    /* .blog-detail-banner-image picture{min-height: 245px;}
    .blog-detail-banner-image picture img{height: calc(56.25vw + (100px - 67px) + (0.75rem + 20pt + 0.75rem)); object-position: center; top:67px;} */

}
@media(min-width:768px) and (max-width:991px){
    .blog-listing .blog-item{flex:0 0 46.5%;}
    .all-posts-module .container{max-width:100%;}
    .blog-landing-post .container{max-width:100%;}
    .blog-hero-module .container{max-width:100%;}
    .blog-hero-module-content{width:100%}
    .all-posts-module .swiper-slide.item{margin-left:30px;margin-right:0 !important; }
}
@media(max-width:767px){
    .blog-listing .blog-item{flex:0 0 95%; margin-left:auto;margin-right:auto;}
    .show-bblog-search{position: absolute;right:0;bottom:0;display: flex;background-color: white;height: 105%;width:100%;}
    .featured-blog-post{flex:0 0 92%; margin-top: 20px;}
    .latest-posts{flex:0 0 92%; margin-top: 20px;}
    .blog-desk-title{display: none;}
    .blog-landing-post h4.mobile{padding-left:15px; padding-right:15px; width:100%;display: block;}
    .blog-landing-post h4.mobile:last-of-type{padding-top:35px;}
    .blog-landing-post{border-top:1px solid #d9d9d9; margin-top:20px;}
    .all-posts-module .swiper-slide.item{width:80% !important;} /*margin-left:30px;margin-right:0 !important; */
    .blog-hero-module-content{position: relative;margin-top: 25px; width:100%;top:0;}
    .bblog-links{display: none;}
    .bblog-links.mobile{display: inline-flex;position: absolute;top: 81px;background-color: rgba(255,255,255,.94);width: 100%;border-right: 0;border-top: 1px solid #d9d9d9;padding-top: 10px;padding-bottom: 10px;justify-content: center;}
    /* .all-posts-module .swiper-slide.item{margin-right:17px !important;transform: translateX(-7px);}
    .all-posts-module .swiper-slide.item{ margin-right: 25px !important;} */
	/*.all-posts-module .swiper-button-next{background-image: url('/Banfield/Images/next-arrow.png');right:0px;top:55%;width:30px;}
	.all-posts-module .swiper-button-prev{background-image: url('/Banfield/Images/back-arrow.png');left:0px;top:55%;width:30px;} */
	.all-posts-module .swiper-button-next::after {content:'next'; transform:translate(-70px, 21px);}
	.all-posts-module .swiper-button-prev::after {content:'previous'; transform:translate(70px, 20px);}
	/*.all-posts-module .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px!important;
	}*/
	.all-posts-module .swiper-button-next:after, .swiper-button-next:before, .swiper-button-prev:after, .swiper-button-prev:before{
    font-size: 1.5rem!important;}
	.all-posts-module .swiper-pagination-clickable .swiper-pagination-bullet {margin:0px 4px}
	.all-posts-module .swiper-pagination {width:100%}
	
}
@media(max-width:585px){
    .blog-hero-module-content{position: relative;}
    /* .blog-detail-banner-image{min-height:60vh;} */
    /* .hero-module.blog-hero .section-hero-module-content{position: relative;top:0;} */
}