/* Blog listing css */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body{font-family: "Poppins", serif;}    
.helloratesHero{padding:35px 0;text-align: center;color: #000;position: relative;}
.helloratesHero::after{background: url(/wp-content/plugins/custom-work/images/blog-listing-bg-img.webp) no-repeat top right;top: 0;right: 0;position: absolute;width: 100%;height: 100%;content: "";z-index: -1;background-size: contain;}
.helloratesHero h1{   
    color: #132444 !important;
    font-family: "Poppins", Sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.25em;
}
/*.helloratesHero span{font-size:60px;font-weight: 700;color: #5f4fff;font-family: "Zilla Slab", serif;}*/
.helloratesHero h5{font-size:20px;font-weight:500;    color: #3B8AFF;}
.helloratesHero p{font-size:20px;line-height:28px;max-width:703px;margin: 0 auto;font-weight: 500;color: var(--e-global-color-9a66863);}

/* .blogListingLeft{width: 70%;float: left;} */
.page-template-custom-blog-list-template .elementor-section.elementor-section-stretched.main-header-top{background:#3B8AFF !important; padding:20px 0 !important;}
 .post-type-archive-blogs .elementor-section.elementor-section-stretched.main-header-top{background:#3B8AFF !important;padding:20px 0 !important;}

 .post-type-archive-blogs .elementor-section.elementor-section-stretched.main-header-top.app-res-sticky-menu{background:#002B56 !important}
.page-template-custom-blog-list-template .elementor-section.elementor-section-stretched.main-header-top.app-res-sticky-menu{background:#002B56
 !important;}

 
.tax-blog_category .elementor-section.elementor-section-stretched.main-header-top{background:#3B8AFF !important;padding:20px 0 !important;}
/* .sticky_header-top{display:none !important;} */
.blogListing{padding:40px 0;}
.singleBlog{border-radius: 10px;margin-bottom: 30px;border: 1px solid #E4E4E7;overflow: hidden;} 
.Blogdesc{padding: 25px;}
.bloginfo{color:#5F4FFF;font-size: 14px;font-weight: 600;margin-bottom: 10px;position: relative;padding-left:15px;}

.bloginfo:after{content: '';width:8px;height:8px;background: #5F4FFF;position: absolute;top:4px;left: 0;border-radius: 50%;}
.author_color{  color: #3B8AFF;}
.author_color:after{background: #3B8AFF;}
.Blogdesc h3{font-size:35px;font-weight: 600;margin-bottom: 10px;color:#18181B;line-height:1.3;}
.Blogdesc h3 a{color:#132444;transition-duration:0.3;}
.Blogdesc h3 a:hover{color:#5F4FFF;}
.Blogdesc p{font-size: 16px;color: var(--e-global-color-9a66863);    display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;
text-overflow: ellipsis;-webkit-line-clamp: 6;}

.blogtags{flex-wrap:wrap;gap:10px;margin-top:15px;}
.blogtags span{color:#18181B;padding:8px 15px;border-radius: 50px;font-size: 15px;line-height: 1;font-weight: 500;}
.blogtags span:nth-child(odd){background:#E7F1FF;border: 1px solid #2EA2FF;}
.blogtags span:nth-child(even){background:#F3F0FA;border: 1px solid #5F4FFF;}

.douleBlog .Blogdesc h3{font-size:20px;    margin-top: 10px;}
.douleBlog .Blogdesc{padding:20px 17px;}
.blogTittle h2{color:#18181B;font-size:45px;font-weight: 600;margin-bottom:25px;border-bottom: 1px solid #18181B;padding-bottom:13px;}
.threeBlog .blogtags span{padding: 8px 13px;font-size: 14px;}
.threeBlog.douleBlog .Blogdesc{padding: 17px 12px;}
.threeBlog.douleBlog .Blogdesc h3{font-size: 18px;}

.latestBlog .BlogImg a{overflow: hidden;display:block;    border-radius: 6px;}
.latestBlog .BlogImg a img{width:100%;height:100%;object-fit: cover;}

.douleBlog .BlogImg a{height:335px;overflow: hidden;display:block;}
.douleBlog .BlogImg a img{width:100%;height:100%;object-fit: cover;}

.threeBlog.douleBlog .BlogImg a{height:230px;overflow: hidden;display:block;}
.threeBlog.douleBlog .BlogImg a img{width:100%;height:100%;object-fit: cover;}
.searchBlog form{position: relative;}
.searchBlog form i{position:absolute;left:10px;top:8px;color:#52525B;font-size:13px;font-weight: 600;}
.searchBlog .form-control{height:44px;border-radius:8px;border-color:#D0D5DD;box-shadow:0 1px 2px 0 rgba(16, 24, 40, 0.1);padding-left:30px;}
.searchBlog .form-control::placeholder{color:#27272A;}

.blogcategories h4{font-size:18px;font-weight: bold;background: linear-gradient(90deg, #2EA2FF, #5F4FFF);-webkit-background-clip: text;color: transparent;}
.blogcategories h4{margin: 20px 0;}
.blogcatcard button{font-size: 14px;font-weight: 600;color:#495057;width:100%;text-align: left;
display:flex;    padding: 8px 8px;}
/* .blogcatcard button.btn-link:hover{color:#fff !important;} */
.blogcatcard ul li{font-size: 13px;color:#71717A;position: relative;padding:3px 0 3px 12px;}
.blogcatcard ul li:after{content: '';width:6px;height:6px;background: #71717A;position: absolute;top:16px;left: 0;border-radius: 50%;}
.blogcatcard .card-body{padding:.75rem 1.25rem 0;}
.blogcatcard .card-header{background:#F9FAFB;border-radius: 6px;}


.blogcatcard button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(/wp-content/plugins/custom-work/images/CaretDown.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.blogcatcard button:not(.collapsed)::after {
    background-image: url(/wp-content/plugins/custom-work/images/CaretDown.svg);
    transform: rotate(-180deg);
}

.catmenu .dropdown:hover .dropdown-menu {display: block;}

.catmenu .dropdown-menu {margin-top: 0;}

.catmenu .navbar-light .navbar-nav .nav-link{color: #000;font-size: 14px;padding:0 6px} 
.catmenu .navbar-light .navbar-brand{    font-size: 16px;font-weight: 600;}
.catmore{padding: 1px 7px;border: solid 1px #000;border-radius: 4px;display: inline-block;font-size:14px;
cursor: pointer;}

.catmenu .dropdown-menu .dropdown-item{font-size:13px;}
.catmenu {border-bottom: solid 1px #eee;border-top: solid 1px #eee;}

/* Offcanvas styling */
.offcanvas {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #fff;
    color: #fff;
    overflow-y: auto;
    transition: left 0.3s ease;
    z-index: 1050;
    border-left: solid 1px #e3e3e3;
  }
  .offcanvas.show {
    right: 0;
  }
  .offcanvas .offcanvas-header {
    padding: 1rem;
    background-color: #eee;
  }
  .offcanvas .offcanvas-body {
    padding: 1rem;
  }
.offcanvas-header h5{font-size: 17px;color:#000;}
.latestBlog.singleBlog{border:0;margin-bottom:60px;}
.appilo-main .paginations .pagination>li:first-child>a{line-height: 1.8;}
.appilo-main .paginations .pagination>li:last-child>a{line-height: 1.8;}
.appilo-main .paginations .pagination li a{line-height: 1.2;}
.appilo-main .paginations .pagination li a:hover{border-color:#2EA2FF;background-color:#2EA2FF;}


/* Blog Details page css */

.sticky_header-top{display:none;}
.single-blogs .main-header-top{background:#5F4FFF !important;padding:20px 0 !important;}
.blog-details-top-img img{width: 100%;height: 100%;object-fit: contain;}
.blog-details-text{background:#F3F4F6;padding:40px 35px}
.blog-details-top-img,.blog-details-text {width:50%;}
.blog-details-text h2{color:#18181B;font-size:42px;font-weight:600;line-height:56px;}
.blog-details-btm{color:#18181B;font-size:16px;line-height:25px;}
.blog-details-btm h1, .blog-details-btm h2, .blog-details-btm h3, .blog-details-btm h4, .blog-details-btm h5, .blog-details-btm h6{color:#09090B;font-size:30px;font-weight:600;line-height:56px;}
.blog-details-btm h3 span{color:#2EA2FF;}
.blog-details-btm{max-width:908px; margin: 24px auto 0;}
.blog-details-btm ol li{font-size: 15px;color:#71717A;position: relative;padding:5px 0 5px 15px;}
.blog-details-btm ol li:after{content: '';width:8px;height:8px;background:#27272A;position: absolute;top:15px;left: 0;border-radius: 50%;}
.blog-details_box_img{height:500px;overflow: hidden;margin-top:24px}
.blog-details_box_img img{width:100%;height:100%;object-fit: cover;}
.blog-details_box{margin-bottom:30px;}
.blog-details_list ul li{color:#3F3F46;font-size: 16px;font-weight:600;}
.blog-details_list .blog-details_box_img{height:200px;margin-top:0;}
.blog-details_desc p{color:#3F3F46;font-size:16px;line-height:28px;}
.blog-author h4{color:#3F3F46;font-size: 24px;font-weight:600;border-bottom:solid 1px #E4E4E7;padding:0 0 15px 0;margin:0 0 15px 0;}
.blog-author-shape{height: 56px;width: 56px;border-radius: 50%;overflow: hidden;}
.blog-author-shape img{width:100%;height:100%;object-fit: cover;}
.blog-author-text p{color:#52525B;font-size:15px;font-weight:400;}
.blog-author-desc p{border-left:solid 5px #5F4FFF;padding:0 0 0 15px;margin:0;color:#52525B;font-size:15px;font-weight:400;}
.blog-details_desc{margin-top:50px;}
.blog-details_desc p{margin:10px 0;}
.blog-author{margin:40px 0 60px;}
.blog-author-text h6{color:#09090B;font-size: 16px;font-weight:600;margin-bottom:6px;}
.blog-author-desc{margin-top:30px;}
.blog-details-text > .d-flex{gap:0 15px;}
.blog-details-top.d-flex.py-md-5.pt-5.pb-4 {
    padding-top: 1rem !important;
}
.bradcrumbs {
    padding-top: 1rem;
}
.bradcrumbs a {
    color: #5F4FFF;
}
@media (max-width: 1199.98px) {
    .catmenu .navbar-nav {flex-wrap:wrap;}
    .catmore{    margin-right: 10px;}
}

@media (max-width: 991.98px) {
    .Blogdesc h3{font-size: 30px;line-height: 1.4;}
    .Blogdesc p{font-size:14px}
    .blogTittle h2{font-size: 35px;}
    .helloratesHero{padding:30px 0;}
    .blogListingRight{padding-left:15px;margin-left: 0;}
    .blogcatcard .card-body{padding: 10px 10px 0;}
    .douleBlog .Blogdesc h3{margin-top: 0;}
    .blog-details-top.d-flex{display:block !important;}
    .blog-details-top-img, .blog-details-text{width:100%;}
    .blog-details-text{padding: 30px 25px;}
    .blog-details-text h2{font-size: 33px;line-height: 45px;}
    .blog-details-text p{font-size: 14px;line-height: 25px;}
    .blog-details-btm{margin: 0;}
    .blog-details_box h3{font-size: 30px;line-height: 43px;}
    .blog-details_box ul li{    font-size: 14px;}
	.blog-details-btm ol li{    font-size: 14px;}
    .blog-details_list .blog-details_box_img{    margin-top: 30px;}
    .blog-details_desc{margin-top:30px;}
    .blog-details_desc p{    font-size: 15px;}
    .helloratesHero h1{font-size: 40px;}
    .catmenu .navbar {justify-content:space-between !important;flex: 1;}

}
@media (max-width: 767.98px) {
    .blogTittle h2{font-size: 30px;}
    .blogListing > .container > .row{flex-direction: column-reverse;}
    .blogListingLeft{margin-top: 10px;}
    .blogListingRight{padding-left: 0;}
    .douleBlog .BlogImg a{    height: 250px;}
    .blogListing{padding:30px 0;}
    .latestBlog .BlogImg a{max-width: unset;}
    .blog-details_box h3{font-size: 27px;line-height: 38px;}
    .blog-author-text{flex:1;}
    .blog-author-text p{font-size:14px;line-height: 20px;}
    .blog-author-text h6{font-size:15px;}
    .Blogdesc{padding: 0 0 25px 0;}
    .threeBlog.douleBlog .BlogImg a{height:200px;}
/*    .helloratesHero span{font-size: 40px;}*/

}

@media (max-width: 575.98px) {
    .helloratesHero h1{font-size: 33px;}
    .helloratesHero p{font-size:14px;line-height:26px;}
    .Blogdesc{padding: 20px 15px;}
    .Blogdesc h3{font-size:22px;margin-bottom: 5px;}
    .blogtags{gap:15px;}
    .blogtags span{font-size: 13px;}
    .blogTittle h2{font-size: 25px;}
    .blog-details-text{padding: 25px 15px;}
    .blog-details-text h2{font-size: 25px;line-height: 37px;}
    .blog-details_box h3{font-size: 24px;line-height: 35px;}
    .blog-details_box_img{height:auto;}
    .blog-details_box{margin-bottom:20px;}
    .blog-details_list .blog-details_box_img {margin-top: 20px;}
    .blog-details_desc p {font-size: 14px;}
    .blog-author {margin: 30px 0 40px;}
    .blog-author h4{font-size: 20px;}
    .blog-author-desc {margin-top: 20px;}
    .blog-author-desc p{font-size:14px;}
    .latestBlog > .row{flex-direction: column-reverse;}
    .latestBlog.singleBlog{    border: 1px solid #E4E4E7;}
    .latestBlog .BlogImg a{border-radius:0;}
    .latestBlog.singleBlog{margin-bottom: 30px;}
    .helloratesHero {padding: 20px 0;}
    .latestBlog .BlogImg a{height:200px;}
}

.blogcatcard {margin-bottom:15px;}
.blogcatcard h5 button{text-decoration: none !important;}

@media (min-width: 767.98px) {
.blogListingRight{margin-left: 15px;border-left: solid 1px #eee;padding-left: 30px;height: 100%;}
}