.blog-ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -7px}.blog-ul li{width:33.33%;padding:0 7px}.blog-ul li a{display:flex;flex-wrap:wrap;height:100%}.blog-li{display:flex;flex-wrap:wrap;flex:1;height:100%;flex-direction:column}.blog-ul li .blog-img,.blog-img{position:relative;overflow:hidden}.blog-ul li .blog-img::before{position:absolute;top:50%;left:50%;display:block;content:"";width:0;height:0;background:rgb(255 255 255 / .3);border-radius:50%;transform:translate(-50%,-50%)}.blog-ul li a:hover .blog-img::before{-webkit-animation:circle 0.75s;animation:circle 0.75s}.blog-ul li .blog-date,.blog-img .blog-date{font-size:14px;font-weight:700;letter-spacing:0;color:var(--primary);background-color:var(--white);clip-path:polygon(100% 0,92% 50%,100% 100%,0% 100%,0 50%,0% 0%);padding:8px 27px 8px 15px;display:inline-block;position:absolute;top:0;left:0;margin-top:20px}.blog-ul li .blog-content{background-color:#f8f8f8;padding:40px;display:flex;flex-wrap:wrap;flex-direction:column;flex:1;align-items:flex-start;justify-content:flex-start}.blog-ul li .blog-title{font-size:18px;color:var(--primary);font-weight:700;line-height:24px;margin-bottom:20px;position:relative;margin-bottom:20px;position:relative;height:48px;text-overflow:ellipsis;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.blog-ul li .blog-content{position:relative}.blog-ul li .blog-content::before{position:absolute;content:"";width:2px;height:48px;background-color:#f37021;left:0;margin-left:0}.blog-ul .more-link.btn-transparent{background-color:#fff0;color:var(--primary);text-decoration:underline;border-color:#fff0}.blog-ul .more-link.btn-transparent:hover{color:var(--white);text-decoration:none}.blog-ul .more-link.btn-transparent:not(:hover){padding-left:0}.blog-ul .more-link.btn-transparent:after{background:var(--themecolor)}.blog-ul li .blog-title:before{position:absolute;content:"";width:2px;height:100%;background-color:#f37021;left:0;top:0;margin-left:-40px}.blog-text{margin-bottom:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;height:40px}.blog-listing-wrapper{justify-content:flex-start;margin-bottom:55px}.blog-listing-wrapper li{margin-bottom:15px}.mb-0{margin-bottom:0}.blog-sidebar{width:370px}.blog-sidebar .blog-search,.blog-sidebar .blog-cat-listing,.blog-sidebar .recent-post-list{margin-bottom:40px}.blog-search .searchcontrol{height:70px;position:relative;background-color:#f8f8f8}.blog-search .searchcontrol .form-control{height:100%;padding:10px 80px 10px 15px}.blog-search .searchcontrol .submit{width:60px;height:50px;background:var(--themecolor) url(/wp-content/themes/urbanconcretefloors/assets/images/icon/search-icon.svg) no-repeat center;position:absolute;right:10px;top:10px;border:0;outline:none}.blog-detail-content{width:calc(100% - 370px);padding-right:80px}.blog-sidebar .heading-20{border-bottom:1px solid #e8e8e8;padding-bottom:20px;margin-bottom:20px}.blog-sidebar .blog-cat-listing .heading-20,.sidebar-form-wrapper{padding:30px 40px}.blog-sidebar .blog-cat-listing .blog-list-item{padding:0 40px}.blog-sidebar .blog-cat-listing .blog-list-item>li{padding:20px 0}.blog-sidebar .blog-cat-listing .blog-list-item>li:not(:last-of-type){border-bottom:1px solid #e8e8e8}.blog-detail-content .blog-img{margin-bottom:40px}.recent-post-list>li{display:flex;margin-bottom:20px}.recent-post-list>li .thumb{margin-right:20px}.recent-post-list>li .post-text{flex:1}.sidebar-form-wrapper{border:1px solid #e8e8e8}.blog-inline-img{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;margin-bottom:40px}.blog-sidebar .blog-cat-listing .blog-list-item>li:hover a{color:var(--themecolor)}.blog-detail-page .wp-block-columns.is-layout-flex{margin-bottom:30px}@media (min-width:991px){.blog-detail-content .blog-search{display:none}}@media (max-width:1439.98px){.blog-ul li .blog-content{padding:30px}.blog-ul li .blog-title:before{margin-left:-30px}.blog-detail-content{padding-right:60px}}@media (max-width:1199.98px){.blog-ul li .blog-content{padding:20px}.blog-ul li .blog-title:before{margin-left:-20px}.blog-detail-content{width:calc(100% - 320px);padding-right:40px}.blog-sidebar{width:320px}}@media (max-width:991.98px){.blog-ul li{width:50%}.blog-listing-wrapper{margin-bottom:40px}.blog-sidebar .blog-search{display:none}.blog-detail-content,.blog-sidebar{width:100%}.blog-detail-content{padding-right:0}.blog-search .searchcontrol{height:auto;margin-bottom:30px}.blog-search .searchcontrol .submit{right:5px;top:5px;height:40px}.blog-sidebar .blog-cat-listing .heading-20,.sidebar-form-wrapper{padding:20px}.blog-sidebar .blog-cat-listing .blog-list-item{padding:0 20px}.blog-sidebar .blog-cat-listing .blog-list-item>li{padding:12px 0}.blog-cat-listing .heading-20{margin-bottom:0}.blog-search .searchcontrol .form-control{height:auto;padding:16px 80px 16px 15px}.blog-detail-page .wp-block-columns.is-layout-flex{gap:15px}}@media (max-width:767.98px){.blog-ul li .blog-title{font-size:16px}.blog-listing-wrapper,.blog-detail-content .blog-img,.blog-inline-img{margin-bottom:30px}}@media (max-width:575.98px){.blog-ul li,.blog-ul li .blog-img img,.blog-img img{width:100%}.blog-ul li .blog-title{font-size:14px;line-height:20px}.blog-detail-page .wp-block-columns.is-layout-flex{margin-bottom:15px;gap:10px}.blog-ul li .blog-title{-webkit-line-clamp:1;-moz-line-clamp:1;height:24px;margin-bottom:10px}.blog-ul li .blog-content::before{height:24px}.blog-text{margin-bottom:14px}}