/** Version 5.3.0 * HMI Technologies Mumbai
** CSS Document ** 
** This is a blog listing page styles css file. **/

.categories-block {text-transform: none !important;}
.category-each, .dropdown-wrap--blog-category-lg {font-size: 100% !important;}
.dropdown-child a {color: #888;}

/* search block styles */
#blog-search-results a {float: right;}
#blog-search-results a img {height: 70px;}
.blog-body .btn-black-ward {font-size: 16px; padding: 10px 15px;}
.headerpart-blog{padding-left: 10px;margin-top: 20px;margin-bottom: 10px;}
.headerpart-blog h1{font-size:36px;margin-bottom:15px;line-height:1;}
.categories-wrap{border:0 !important;}
.categories-wrap .categories-block{width:100%;display:flex;justify-content:space-between;}
.categories-wrap .category-each,.dropdown-wrap--blog-category-lg{font-size:14px;}
.category-each:first-of-type{display:none;}
.category-each.active{color:#262626;}
.mobile-menu .category-each:first-of-type{display:block;}
.category-each:nth-child(2){display:block;}
.searchbox .searchinput{width:100%;max-height:40px;border-radius:5px;border:1px solid #979797;position:relative;padding-right:35px;}
.searchbox .searchbtn{background:none;position:absolute;border:0 none;z-index:99;right:11px;max-height:40px;}
/* blog posts list */
.article-list-content.mainpost p{max-height:90px;overflow:hidden;}
.mainpost,.article-list-content{font-size:17px; padding:15px 0 0;line-height:1.3;}
.article-list-each{margin-bottom:0;}categories-wrap
.dropdown-parent{margin:0 0 10px;}
.article-list-each:hover{color:#000000;}
.article-list-title h4{font-family:"titillium", sans-serif; color:#000; margin-bottom:12px;font-weight:700;font-size:18px;}
.article-list-title,.article-list-date,.article-list-img,p{font-family:"titillium", sans-serif !important;margin:0;font-size:16px;}
.article-list-content .readmore{margin-top:12px;display:block;}
.article-list-content .readmore span{margin-left:5px;display:inline-block;}
.article-list-date{margin-bottom:15px;color:#979797;text-transform:capitalize;}
.blog-list-block[data-columns]::before{content:'3 .col.col-6-sm.col-4-mid.col-4-lg'}
.lSSlideOuter .product-list-content{font-size:16px;font-family:"titillium", sans-serif; margin-top:10px;}
.thick-h4 { font-weight: 800; font-size: 22px; line-height: 30px; font-family: 'Gilroy-Regular';}
/* pagination */
.pagination-number{margin-top:80px;}
.pagination-number ul{text-align:center;margin:0;padding:0;border-radius:4px;display:flex; justify-content:center;max-width:333px;margin:0 auto 40px;}
.pagination-number p{font-size:18px;}
.pagination-number ul li{display:inline;margin:0;}
.pagination-number ul li a{padding:10px 15px;display:inline-block;font-size:14px;border:1px solid #F2F2F4;}
.pagination-number ul li.next{border-left:0;border-bottom-right-radius:4px;}
.pagination-number ul li.prev{border-right:0;border-bottom-left-radius:4px;}
.pagination-number ul li a:hover{background:#ccc;color:#000;}
.pagination-number ul li a.active{background:#000;color:#fff;}
.blog-list-block .grid-item{padding:12px;}
.blog-body p, .blog-sidebar p{margin-top:24px; font-size:20px; color:#000; line-height: 30px;}
.blog-body a{text-decoration:underline; font-weight:bold;}
.blog-body img.center-img {display: block; margin: 0 auto;}
.container.blog-body ul li{margin-bottom:15px; margin-top:15px; font-size:120%; color:#000; }
.container.blog-body ol li{margin-bottom:15px; font-size:120%; color:#000; }
.blog-body .sb-blog-cta-2 ul li {list-style: none;}
.blog-body .show-sm-only {display: none !important;}
.hide-sb-max {display: none;}
.black-banner-box .banner-content{max-width:272px; margin: 0 auto; padding: 0 0 24px;}
.black-banner-box .banner-content .banner-heading{margin-bottom:10px; text-transform: none; color:#ffffff;}
.black-banner-box .banner-content p{font-size:16px; line-height:20px; margin:12px 0 20px}
.blog-banner .black-banner-box{background:rgba(0,0,0,0.8);position:static; order:1; width:100%;}
[class^="col-"],[class*=" col-"],.position-relative{position:relative;}
.blog-banner{display:flex; flex-wrap:wrap;}
.blog-banner .black-banner-box{background:rgba(0,0,0,0.8);position:static; order:1; width:100%;}
.btn-lg {font-size: 110%;padding: 15px 30px;}
.list-nav-links ul{padding:0;}
.list-nav-links ul li{list-style-type:none;margin-bottom:0;}
.blog-body-content .list-nav-links{margin:55px 0;}
.arrow-gold-btn:after, .arrow-btn-list:after{content: ""; background:url('https://uxui.fcilondon.co.uk/site-assets/images/arrow.png') no-repeat; width:20px; height:18px; position: absolute; right: 24px; background-position: left center;}
.blog-signup-box{padding:20px 24px 20px;border:1px solid #E8E7EC; margin-top:40px}
.blog-signup-box h4{margin-bottom:30px;}
.blog-signup-box .form-mt-40{margin-top:16px;}
.blog-signup-box .form-box{margin-top:32px}
/*shadow arrow button for listing*/
.arrow-btn-list{background:#ffffff; display:flex; padding:14px 52px 14px 24px; text-align:left; height:52px; max-width:100%; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content:space-between; position:relative; font-size:15px; font-weight:500; color:#262626; line-height: 19px; border-top:1px solid #E8E7EC; border-bottom: 1px solid #E8E7EC; margin-left:auto; margin-right:auto;}
.box-shadow-arrow{box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05); border:0 none;margin-top:10px;}
.box-shadow-arrow:hover{box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.10);color:#000;}
a.arrow-btn-list.box-shadow-arrow {text-decoration: none;}
/*common css*/
.row{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.mb-40{margin-bottom:40px;}
[class^="col-"],[class*=" col-"],.position-relative{position:relative;}
.signup-offer .input-checkbox:focus+.input-checkbox-label{border:0;outline:0 !important;}
.signup-offer .input-checkbox:checked+.input-checkbox-label:before{background:#333;}
strong{font-weight:700 !important;}
.d-none{display:none !important;}
.img-responsive{width:100%;}
img{vertical-align:middle;border-style:none;}
/*end common css*/
/*media queries*/
@media (min-width:940px) {
	.dropdown-parent {padding: 0px 30px 10px 10px !important;}
	.dropdown-parent:before {top: 10px!important;}
	.blog-body-content, .blog-signup-box{margin-right:40px;}
	.blog-title-heading h1{line-height:48px}
	.talk-expert-sidebar .heading-block{padding:24px 32px; max-width: inherit;}
	.talk-expert-sidebar{margin: 0}
	.blog-signup-box{padding:20px 48px 28px;}
	.blog-signup-box h3, .blog-signup-box h4{margin-left:auto; margin-right: auto; max-width:530px;}
	.blog-signup-box h4{margin-bottom:40px;}
	.blog-signup-box .form-box{margin-top:40px}
	.category-each,.dropdown-wrap--blog-category-lg{margin:0 15px 0 15px;display:inline-block;}
	.pagination-number ul{display:flex;flex-wrap:wrap;max-width:940px;}
	.blog-body p, .blog-sidebar p{margin-bottom:15px; font-size:18px; color:#000; line-height: 24px;}
	.hide-sb-max {display: block;}
	.blog-banner{display:flex; flex-wrap:wrap;}
	.blog-banner .black-banner-box{position:absolute; left:0; top:0; bottom:0;max-width:544px; order:0;}
	.black-banner-box .banner-content p{font-size:18px; line-height:24px; margin:12px 0 24px}
	.black-banner-box .banner-content p>br{display:none;}
	.thick-h1 {line-height: 45px;}
	.blog-sidebar {
        position: sticky;
        top: 20px; /* Adjust this based on your header height */
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        align-self: flex-start;
    }
}
@media (max-width:1093px)
{.gutter-left,.right-col-space,.gutter-right{padding:10px;}
	.category-each,.dropdown-wrap--blog-category-lg{margin:0 10px 0 10px;display:inline-block;}
	.col{padding-left:10px;padding-right:10px;}
}
@media (max-width:939px){
	.category-each{display:none;margin:0 !important;padding:12px;}
	.spacing-3-v{padding-top:15px;padding-bottom:15px;}
	.spacing-4-v{padding-top:20px;padding-bottom:20px;}
	.spacing-5-v{padding-top:25px;padding-bottom:25px;}
	.x-big-text{font-size:20px;}
	.pagination-number{margin-top:40px;}
	.category-each:nth-child(2){display:none;}
	.dropdown-wrap{width:100%;}
	.dropdown-children{z-index:9999;}
	.dropdown-child{padding:0;}
	.pagination-number ul{display:block;}
	.pagination{width:100%;}
	.pagination > li > a, .pagination > li > span{width:50%;display:block;text-align:center;border-radius:0px;margin-left:0px;border-width:1px 0 0 1px;}
	.pagination.odd > li:first-child > a, .pagination > li:first-child > span{width:100%;}
	.blog-body .row img {padding: 5px;}	
	.blog-body .show-sm-only {display: block !important;}
}
@media only screen and (max-width: 450px) {.thick-h4 {margin-top: 20px;}}
}
@media (min-width:500px){.blog-list-block .grid-item{width:50%;}}
@media (min-width:1000px){.blog-list-block .grid-item{width:33.333%;}}
@media (min-width:1700px){.blog-list-block .grid-item{width:25%;}}
@media (min-width:2100px){.blog-list-block .grid-item{width:20%;}}
/*media queries ends*/