| 1 |
- .blog-details-thumb img{width:100%;border-radius:10px}.blog-details-content{padding:50px;margin-bottom:30px;background:var(--white);border-radius:0px 0px 10px 10px}.blog-details-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.blog-details-meta li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:40px}.blog-details-meta li:last-child{margin:0px}.blog-details-meta li i{color:var(--primary);margin-right:10px;font-size:16px}.blog-details-meta li a,.blog-details-meta li span{font-size:16px;white-space:nowrap;text-transform:uppercase}.blog-details-meta li a{color:var(--text);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-meta li a:hover{color:var(--primary)}.blog-details-title{line-height:44px;margin-bottom:25px}.blog-details-desc{font-size:17px;line-height:30px;margin-bottom:20px}.blog-details-quote{padding:60px 60px 60px 180px;border-radius:10px;margin-bottom:20px;background:var(--heading);position:relative}.blog-details-quote::before{position:absolute;content:"\efcd";left:60px;top:60px;font-size:60px;font-family:"icofont";color:var(--primary)}.blog-details-quote p{font-size:28px;line-height:1.4;margin-bottom:20px;color:var(--white)}.blog-details-quote footer{letter-spacing:3px;color:var(--green-chalk);text-transform:uppercase}.blog-details-grid{margin-bottom:30px}.blog-details-grid img{border-radius:10px}.blog-details-grid p{font-size:17px;line-height:30px}.blog-details-subtitle{margin-bottom:30px}.blog-details-subtitle h3{margin-bottom:10px}.blog-details-subtitle p{font-size:17px;line-height:30px}.blog-details-list{list-style-type:decimal;margin:0px 30px 0px 50px}.blog-details-list li{margin-bottom:25px}.blog-details-footer{padding-top:45px;margin-top:50px;border-top:1px solid var(--border);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blog-details-share h4{margin-bottom:10px;text-transform:capitalize}.blog-details-share li{margin-right:8px;display:inline-block}.blog-details-share li a{width:40px;height:40px;font-size:15px;line-height:40px;border-radius:50%;text-align:center;color:var(--text);background:var(--chalk);text-transform:capitalize;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-share li a:hover{color:var(--white);background:var(--primary)}.blog-details-tag h4{margin-bottom:10px;text-transform:capitalize}.blog-details-tag li{margin-right:8px;display:inline-block}.blog-details-tag li a{font-size:14px;padding:3px 12px;border-radius:3px;color:var(--text);background:var(--chalk);text-transform:capitalize;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-tag li a:hover{color:var(--white);background:var(--primary)}.blog-details-profile{padding:50px;border-radius:10px;margin-bottom:30px;background:var(--white);text-align:center}.blog-details-profile a img{width:100px;height:100px;border-radius:50%;margin-bottom:15px;border:8px solid var(--chalk)}.blog-details-profile h3{text-transform:capitalize}.blog-details-profile h4{font-size:15px;font-weight:400;color:var(--primary);margin-bottom:15px}.blog-details-profile ul{margin-bottom:25px}.blog-details-profile ul li{display:inline-block;margin:0px 5px}.blog-details-profile ul li a{width:40px;height:40px;font-size:15px;line-height:40px;border-radius:50%;text-align:center;color:var(--text);background:var(--chalk);text-transform:capitalize;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-profile ul li a:hover{color:var(--white);background:var(--primary)}.blog-details-profile p{font-size:17px;line-height:30px}.blog-details-navigate{padding:30px;border-radius:10px;margin-bottom:30px;background:var(--white)}.blog-details-prev,.blog-details-next{margin:15px}.blog-details-prev h4,.blog-details-next h4{margin-bottom:20px}.blog-details-prev h4 a,.blog-details-next h4 a{color:var(--heading);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-prev h4 a:hover,.blog-details-next h4 a:hover{color:var(--primary)}.blog-details-prev .nav-arrow,.blog-details-next .nav-arrow{font-size:14px;padding:10px 25px;border-radius:5px;color:var(--heading);background:var(--chalk);text-transform:uppercase;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.blog-details-prev .nav-arrow:hover,.blog-details-next .nav-arrow:hover{color:var(--white);background:var(--primary)}.blog-details-next{text-align:right}.blog-details-comment{padding:50px;border-radius:10px;margin-bottom:30px;background:var(--white)}.comment-title{margin-bottom:30px;text-transform:capitalize}.comment-item{padding:45px 45px;border-radius:8px;margin-bottom:30px;background:var(--chalk);border:1px solid var(--border)}.comment-item:last-child{margin-bottom:0px}.comment-media{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.comment-avatar{border-radius:50%;margin-right:20px;border:2px solid var(--primary)}.comment-avatar img{width:65px;border-radius:50%;border:2px solid var(--white)}.comment-meta a{color:var(--heading);text-transform:capitalize;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.comment-meta a:hover{color:var(--primary)}.comment-meta span{display:block;font-size:14px;font-weight:400;color:var(--heading);text-transform:capitalize}.comment-desc{margin-bottom:20px}.comment-reply{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.comment-reply input{width:100%;padding:7px 18px;border-radius:6px;margin-right:20px;background:var(--white)}.comment-reply button{font-size:15px;padding:6px 15px;border-radius:6px;color:var(--white);background:var(--primary);text-transform:capitalize;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.comment-reply button:hover{background:var(--heading)}.comment-reply button i{margin-right:5px}.comment-reply-list{margin-left:80px;margin-top:35px;border-top:1px solid var(--border)}.comment-reply-item{padding:30px 0px;border-bottom:1px solid var(--border)}.comment-reply-item:last-child{padding-bottom:0px;border-bottom:none}.blog-details-form{padding:50px;border-radius:10px;background:var(--white)}.details-form-title{margin-bottom:30px;text-transform:capitalize}.form-group textarea{height:180px}@media (max-width: 575px){.blog-details-content{padding:20px}.blog-details-title{font-size:28px;line-height:38px}.blog-details-quote{padding:75px 25px 25px}.blog-details-quote::before{font-size:50px;left:25px;top:25px}.blog-details-quote p{font-size:22px}.blog-details-list{margin:0px 15px 0px 35px}.blog-details-footer{margin-top:0px;padding-top:25px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-details-share{margin-bottom:30px}.blog-details-navigate li a{padding:13px 13px}.blog-details-profile{padding:25px 15px}.blog-details-comment{padding:15px}.comment-item{padding:20px 20px}.comment-reply{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.comment-reply input{margin-right:0px;margin-bottom:10px}.comment-reply-list{margin-left:15px}.blog-details-form{padding:20px}}@media (min-width: 576px) and (max-width: 767px){.blog-details-quote{padding:120px 60px 60px}.blog-details-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-details-share{margin-bottom:30px}.comment-reply-list{margin-left:30px}}
|
