/*=================== Blog Main =====================*/ .wp-block-group.has-pale-pink-background-color p{ color:#fff; } .wp-block-group p:last-child{ margin-bottom: 0px; } .main-content-area{ padding: 60px 0px 120px; } .blog-item { transition: all .4s ease; } .blog-item .post-thumb img { width: 100%; transition: all .4s ease; max-width: 100%; height: auto; } .blog-item .post-meta { margin-bottom: 10px; } .blog-item .post-meta span { color: #647589; margin-right: 15px; text-transform: capitalize; } .blog-item .post-meta span i { margin-right: 8px; } .blog-item .post-title { font-size: 26px; text-transform: capitalize; margin-bottom: 20px; } .blog-item .post-content { padding: 25px 30px 40px 30px; } .blog-item .post-content p{ margin-bottom: 25px; } .blog-item:hover { box-shadow: 0 14px 59px rgba(0, 0, 0, 0.12); border-color: transparent; background: #fff; } /* post style 2 */ /* Sticky Post */ .post-style-2.sticky .post-content{ padding-left: 30px; } .post-style-2.sticky .btn{ background: #000; color: #fff; border-color: #000; } .post-style-2.sticky .btn:hover { border-color: var(--theme-primary-color); color: #fff; background: var(--theme-primary-color); } .post-style-2 .post-content{ padding-top: 15px; } .post-style-2 .post-meta , .post-style-3 .post-meta { margin-bottom: 20px; } .post-style-2 .post-meta a, .post-style-3 .post-meta a{ color: #989ea6; text-decoration: none; } .post-style-2 .post-meta a:hover, .post-style-3 .post-meta a:hover{ color: #434343; } .post-style-2 .post-meta i, .post-style-3 .post-meta i{ margin-right: 5px; } .post-style-2 .post-meta .post-date, .post-style-3 .post-meta .post-date{ margin-right: 20px; } .post-style-2 .post-cat, .post-style-3 .post-cat{ text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: #989ea6; } .post-style-2 img, .post-style-3 img{ border-radius: 5px; } .post-style-2 .post-title, .post-style-3 .post-title{ font-size: 32px; line-height: 1.4; margin-bottom: 10px; } .post-style-2 .post-text{ margin-bottom: 25px; } .post-style-2 .btn, .post-style-3 .btn{ margin-bottom: 20px; } .post-style-2 .post-title a, .post-style-3 .post-title a{ background: linear-gradient(to right, #000, #000); transition: background-size ease-in-out .5s; background-size: 0 2px !important; background-position: left 87% !important; background-repeat: no-repeat !important; padding-bottom: 6px; } .post-style-2 .post-title a:hover, .post-style-3 .post-title a:hover{ text-decoration: none !important; background-size: 100% 2px !important; transition: background-size ease-in-out .5s; color: #000; background: linear-gradient(to right, var(--theme-primary-color), var(--theme-primary-color)); } /* POSt style 3 */ .post{ clear: both; } .blog.main-content-area .page .page-links{ margin: 15px 0px; } .post-style-3.sticky { margin-bottom: 50px!important; } .post-style-3 .post-content{ padding-left: 30px; padding-bottom: 30px; position: relative; } .post-style-3 .post-title{ margin-top: 20px; } .post-style-3 .post-cat-wrap{ margin-top: -18px; } .post-style-3 .post-cat{ background: var(--theme-primary-color); padding: 10px 20px; border-radius: 30px; color: #fff; border: 3px solid #fff; } .post-style-3 .btn{ background: transparent; padding: 0px; border: 0px; border-bottom: 2px solid #888; border-radius: 0px; text-transform: uppercase; color: #888; } .post-style-3 .btn:hover{ color: #000; border-color: #000; } .post-style-3 .post-text{ margin-bottom: 30px; } /*================== Post Formats ==================== */ .entry__thumb { position: relative; overflow: hidden; } .entry__thumb img{ width: 100%; max-width: 100%; height: auto; } .format-video .entry__thumb a { cursor: zoom-in; display: block; position: relative; overflow:hidden; } .format-video .entry__thumb a:after{ position: absolute; content:""; left:0px; top:0px; width:100%; height: 100%; background: #777; opacity:.4; border-radius: 4px; } .format-video .entry__thumb a::before { content: ""; display: block; height: 60px; width: 60px; position: absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; cursor: zoom-in; background-image: url(../images/icon-video.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: 1; } .format-audio .audio-wrap { position: absolute !important; bottom: 0; left: 0; width: 100%; } .plyr--audio .plyr__controls { background-color: #f5f5f5; } /* ================= Format Gallery =================*/ .post-gallery-slider .slick-prev::before, .post-gallery-slider .slick-next::before{ font-family:inherit; opacity: 1; line-height: inherit; } .post-gallery-slider .slick-next{ right:10px; } .post-gallery-slider .slick-prev { left:10px; } .post-gallery-slider .slick-next, .post-gallery-slider .slick-prev { width:40px; height:60px; color:#fff; background: #000; line-height: 40px; z-index: 1; opacity: 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.15); } .post-gallery-slider .slick-next:hover, .post-gallery-slider .slick-prev:hover{ background: var(--theme-primary-color); color:#fff; } .post-gallery-slider:hover .slick-next, .post-gallery-slider:hover .slick-prev { opacity: 1; } /* ================ Post Quote ========================*/ .post-quote{ padding: 60px 40px; background-color: #f5f5f5; border-radius: 5px; text-align: center; } .post-quote .quote-icon{ font-size: 1em; color: #fff; height: 3.125em; width: 3.125em; background-color: #000; border-radius: 999px; margin: 0 auto; margin-bottom: 0px; margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .post-quote .quote-author { color: #111; font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-top: 20px; } /*============ Post Navigation =================*/ .post-navigation { margin-top: 80px; } .post-navigation ul .page-num { width: 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px; border-radius: 100%; font-size: 18px; margin-right: 10px; background: #eee; cursor: pointer; } .post-navigation ul .page-num a { color: #222; } .post-navigation ul .page-num.active { background: #d90429; color: #fff; } .post-navigation ul .page-num.active a { color: #fff !important; } .post-navigation ul .page-num:hover { background: #d90429; } .post-navigation ul .page-num:hover a { color: #fff !important; } /*----------------- Right Sidebar -----------------*/ .sidebar{ padding-left: 15px; } .sidebar .widget { margin-bottom: 40px; transition: 0.4s; background: #F2F3F3; padding: 30px; } .sidebar .widget.widget_search input { height: 57px; position: relative; border-radius: 0px; border: 1px solid #ddd; background: #fff; padding: 9px 10px 9px 20px; width: 100%; } .widget_blogbitlatestposts_widget h2 , .widget_theme_social_icons h2, .widget_block h2, .wp-block-search__label{ font-size: 18px; line-height: 24px; margin: 0 auto 30px; color: #000; font-weight: 600; font-family: var(--theme-primary-font); padding-bottom: 5px; border-bottom: 3px solid var(--theme-primary-color); display: inline-block; } .wp-block-search__label{ width: auto; } .sidebar .widget a { color: #000; text-transform: capitalize; transition: all 0.3s ease 0s; font-size: 16px; text-decoration: none; outline: 0; margin-bottom: 0px; font-family: var(--theme-secondary-font); font-weight: 400; } .sidebar .widget a:hover { color: var(--theme-primary-color); } .wp-block-search__button { background: #000; border: 1px solid #000; padding: 12px 30px; color: #32373c; word-break: normal; font-size: inherit; font-family: inherit; line-height: inherit; color: #fff; font-family: var(--theme-primary-font); transition: all .4s ease; font-weight: 600; } .wp-block-search__button:hover{ background: var(--theme-primary-color); border-color: var(--theme-primary-color); color: #fff; } .wp-block-latest-comments__comment { line-height: 1.6; } /* untested data */ .sidebar .widget ul, .sidebar .widget ol { border: 0; list-style: none; margin: 0; padding: 0px; } .sidebar .widget ul.sub-menu, .sidebar .widget ul.children { padding: 10px 0px 0 20px; } .sidebar .widget ul.sub-menu li:last-child, .sidebar .widget ul.children li:last-child { padding-bottom: 0px; } .sidebar .widget ul li { margin-bottom: 10px; padding-bottom: 20px; } .sidebar .widget ul li:last-child { border-bottom: transparent; margin-bottom: 0px; padding-bottom: 0px; } .sidebar .widget.widget_tag_cloud a { font-size: 13px; background: #f5f5f5; padding: 6px 16px; text-transform: uppercase; color: #333; margin: 0px 5px 10px 0px; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: 400; } .sidebar .widget.widget_tag_cloud a:hover { background: #385777; color: #fff; } .sidebar .widget.widget_search .search-form { position: relative; } .sidebar .widget.widget_search .search-form [type=submit] { color: #fff; background: #000; border: 1px solid #000; padding: 12px 22px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .sidebar .widget.widget_search .search-form [type=submit] { position: absolute; top: 0px; right: 0px; border-radius: 0px; } .sidebar .widget.widget_categories ul li:first-child { border-top: 0; padding-top: 0; } .sidebar .widget.widget_categories ul li { border-top: 1px solid #eaedff; padding: 15px 0; overflow: hidden; text-align: right; color: #647589; } .sidebar .widget.widget_categories ul li a { display: block; color: #222; float: left; position: relative; font-weight: 600; } .sidebar .widget.widget_categories ul li a:hover { color: #385777; } .sidebar .widget .calendar_wrap table th { background: #eee; } .sidebar .widget .calendar_wrap tbody > tr > td { padding: 6px 8px; } .sidebar .widget .calendar_wrap table th, .sidebar .widget .calendar_wrap table td { text-align: center; } .sidebar .widget .calendar_wrap table > tbody > tr > td { border-right: 1px solid #eee; border-top: 1px solid #eee; } .sidebar .widget.widget_rss li { margin-bottom: 20px; padding-bottom: 10px; } .sidebar .widget.widget_rss li a { font-weight: 700; } .sidebar .widget.widget_rss li:last-child { border: 0px; } .sidebar .widget.widget_rss .rss-date { font-size: 14px; display: block; margin-bottom: 15px; } .sidebar .widget.widget_rss .rssSummary { margin: 10px 0px; } .sidebar .widget .textwidget img { height: auto; margin: 20px 0px; } .sidebar .widget .wp-caption-text { font-style: italic; } .sidebar .widget .comment-author-link { font-weight: 700; } /* Social ICon widget */ .sidebar .widget .social-links li{ margin-bottom: 0px; padding-bottom: 0px; } .sidebar .widget .social-links a{ width: 40px; height: 40px; display: inline-block; line-height: 40px; border-radius: 50%; text-align: center; margin-right: 7px; transition: all .4s ease; background: #000; color: #fff; } .sidebar .widget .social-links a:hover{ background: var(--theme-primary-color); color: #fff; } /* About widget =============== */ .widget_blogbitabout_widget .widget-title{ margin-bottom: 20px; font-size: 26px; } .widget_blogbitabout_widget .widget-title:before{ margin: auto; right: 0px; } .widget_blogbitabout_widget{ text-align: center; } .widget_blogbitabout_widget .blogbit-author-img{ margin-bottom: 20px; } .widget_blogbitabout_widget .blogbit-author-img img { position: relative; width: 150px; height: 150px; object-fit: cover; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); } .widget_blogbitabout_widget p{ margin-bottom: 20px; } /*===================== CommentS Area ==========================*/ .comments { margin: 90px 0px; } .comments .commment-title { margin-bottom: 60px; } .comments .media { margin-bottom: 25px; } .comments .media img { border-radius: 100%; } .comments .media .media-body { padding-left: 20px; } .comments .media .media-body .media { margin-top: 35px; } .comments .media .media-body h5 span { font-size: 12px; padding-left: 10px; margin-left: 10px; font-family: "Roboto", sans-serif; color: #d90429; border-left: 1px solid #eee; } .comments .media .reply-link { font-size: 12px; font-family: "Roboto", sans-serif; float: right; text-transform: uppercase; color: #777; letter-spacing: 1px; } .comments .media .reply-link i { margin-right: 5px; } .comments .media .reply-link:hover { color: #d90429; } /*===================== Comment Forms ==========================*/ .comments-form { background: #F0F6FF; padding: 30px; border-radius: 15px; } .comments-form h3 { margin-bottom: 10px; } .comments-form .comment_form { margin-top: 30px; } .comments-form .comment_form .form-group { margin-bottom: 20px; } .comments-form .comment_form .form-control { height: 60px; border-radius: 5px; padding: 15px 15px 15px 20px; font-size: 14px; border: 1px solid #eee; } .comments-form .comment_form .form-control:focus { border-color: #d90429; } .comments-form .comment_form textarea.form-control { height: auto; border-radius: 5px; } .comments-form .comment_form .btn { padding: 14px 30px 14px 30px; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } /*===================== POst Navigation ==========================*/ .blog-navigation { margin: 60px 0px; padding: 30px 0px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; clear: both; } .blog-navigation a { color: #222; font-size: 20px; font-weight: 600; font-family: "Jost", sans-serif; } .blog-navigation a:hover { color: #d90429; } .blog-navigation a span { display: block; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #888; letter-spacing: 1px; } .blog-navigation .next-post { text-align: right; float: right; } /*===================== POst Sidbear ==========================*/ .blog-sidebar .widget { padding: 30px; background-color: white; border: 2px solid #eef2fb; margin-bottom: 40px; transition: .4s; } .blog-sidebar .widget:hover { box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2); border-top-color: #d90429; } .blog-sidebar .widget .widget-title { font-size: 20px; margin-bottom: 30px; position: relative; padding-bottom: 20px; } .blog-sidebar .widget .widget-title:before { position: absolute; content: ""; bottom: -2px; left: 0px; width: 40px; height: 2px; background: #d90429; } .blog-sidebar .widget ul li i { margin-right: 10px; } .blog-sidebar .widget ul, .blog-sidebar .widget ol { border: 0; list-style: none; margin: 0; padding: 0px; } .blog-sidebar .widget.widget_tag_cloud a { display: block; color: #647589; font-size: 13px; background: #f5f5f5; padding: 3px 16px; text-transform: capitalize; color: #333; margin: 0px 5px 10px 0px; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .blog-sidebar .widget.widget_tag_cloud a i { margin-right: 10px; } .blog-sidebar .widget.widget_tag_cloud a:hover { color: #fff; background: #d90429; } .blog-sidebar .widget.widget_categories ul li { border-top: 1px solid #eaedff; padding: 15px 0; overflow: hidden; display: flex; align-items: center; justify-content: space-between; color: #647589; } .blog-sidebar .widget.widget_categories ul li:first-child { border-top: 0; padding-top: 0; } .blog-sidebar .widget.widget_categories ul li:last-child { padding-bottom: 0; } .blog-sidebar .widget.widget_categories ul li a { overflow: hidden; text-align: right; color: #647589; } .blog-sidebar .widget.widget_categories ul li a i { margin-right: 10px; } .blog-sidebar .widget.widget_categories ul li a:hover { color: #d90429; } .blog-sidebar .widget.widget-search input { height: 50px; position: relative; border-radius: 0px; border: 1px solid #eee; } .blog-sidebar .widget.widget-search .search-form { position: relative; } .blog-sidebar .widget.widget-search .search-form label { display: block; } .blog-sidebar .widget.widget-search .search-form label input { border: 1px solid #eee; padding: 9px 10px 9px 20px; width: 100%; } .blog-sidebar .widget.widget-search .search-form [type=submit] { color: #fff; background: #d90429; border: 1px solid #d90429; padding: 9px 18px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .blog-sidebar .widget.widget-search .search-form [type="submit"] { position: absolute; top: 0px; right: 0px; border-radius: 0px 5px 5px 0px; } /*============== Recent post widget ====================*/ .widget.widget_blogbitlatestposts_widget .recent-posts li { clear: both; border-bottom: 1px solid #ddd; padding: 15px 0px; } .widget.widget_blogbitlatestposts_widget .recent-posts li:last-child { margin-bottom: 0px; border: 0px; padding-bottom: 0px; } .widget-post-thumb { width: 80px; border-radius: 5px; margin-right: 20px; overflow: hidden; float: left; } .widget-post-thumb img{ border-radius:100%; max-width: 80px; max-height: 80px; width: 80px; height: 80px; border: 4px solid #fff; } .widget-post-body { overflow: hidden; } .widget-post-body h6 { font-size: 18px; margin-bottom: 5px!important; text-transform: capitalize; font-size: 20px; } .sidebar .widget .widget-post-body h6 a{ font-weight: 600; font-size: 18px; } .widget-post-body span { text-transform: capitalize; font-size: 14px; } .post-single .post-thumb { margin-bottom: 10px; } /*# sourceMappingURL=maps/blog.css.map */