/*! Theme Name: Brick Blog Theme URI: https://www.kantipurthemes.com/downloads/brick-blog Author: Kantipur Themes Author URI: https://www.kantipurthemes.com/ Description: Brick Blog is a simple, clean and responsive WordPress blog theme built by Kantipur Themes. This theme is perfect for youtube bloggers, travel blog, food blog, fashion blog and writers who need to create personal blog site with simple creative features and effects to make readers feel the pleasure of reading blog posts and articles. Version: 1.2 Requires at least: 5.1 Requires PHP: 5.6 Tested up to: 6.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: cube-blog Text Domain: brick-blog Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, custom-header, blog, entertainment, portfolio This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Brick Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ body { font-weight: 400; font-family: 'lora', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: 'lora', sans-serif; } .site-title { font-weight: 400; font-family: 'lora', sans-serif; } .site-description { font-weight: 400; font-family: 'lora', sans-serif; } .navigation-menu a { font-weight: 400; font-family: 'lora', sans-serif; } .custom-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } [class*="custom-col-"] { padding: 0 10px; position: relative; width: 100%; } .section-feature-posts-one-area { padding-bottom: 50px; } .blog-archive .post .blog-post-item { padding: 0; } .blog-archive .post .entry-container { padding: 20px; } .blog-archive .post .featured-image { margin-bottom: 0; } .blog-archive .post .featured-post-item-inner { position: relative; } .blog-archive .post .featured-image a { display: inline-block; } .blog-archive .post .cat-links { font-size: 0; margin-bottom: 0; } .blog-archive .post:not(.has-no-thumbnail) .cat-links { position: absolute; bottom: 10px; left: 10px; z-index: 1; } .blog-archive .post .cat-links a { background-color: #E27B60; color: #FFFFFF; letter-spacing: 1px; line-height: 1; padding: 8px 10px; margin: 2px; transition: all 0.4s ease-out 0s; } .blog-archive .post .cat-links a:hover, .blog-archive .post .cat-links a:focus { background-color: #000; color: #FFF; } .blog-archive .post .blog-post-item .entry-content { margin-bottom: 0; } .blog-archive .post.has-no-thumbnail .blog-post-item { padding: 20px; } .blog-archive .post.has-no-thumbnail .entry-container { padding: 20px 0 0; } .feature-posts-content-wrap { margin-bottom: 20px; } .section-feature-posts-one-area .feature-posts-image { background-color: #cccccc; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; z-index: 1; } .section-feature-posts-one-area .feature-posts-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .section-feature-posts-one-area .feature-posts-image { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .section-feature-posts-one-area .feature-posts-image { height: 260px; } .section-feature-posts-one-area .feature-big-posts .feature-posts-image { height: 540px; } .section-feature-posts-one-area .feature-posts-image:before { background-color: rgba(0, 0, 0, 0.5); content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; position: absolute; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .section-feature-posts-one-area .feature-posts-content { padding: 0 20px 20px; position: relative; width: 100%; z-index: 2; } .section-feature-posts-one-area .feature-posts-content .cat-links { display: inline-block; margin-bottom: 15px; } .section-feature-posts-one-area .feature-posts-content .cat-links a { background-color: #E27B60; color: #FFFFFF; letter-spacing: 0.8px; line-height: 1; padding: 5px; margin: 2px; transition: all 0.4s ease-out 0s; } .section-feature-posts-one-area .feature-posts-content .cat-links a:hover, .section-feature-posts-one-area .feature-posts-content .cat-links a:focus { background-color: #000; color: #FFF; } .section-feature-posts-one-area .feature-posts-content .feature-posts-title { font-size: 20px; line-height: 1.2; margin-bottom: 12px; } .section-feature-posts-one-area .feature-posts-content .feature-posts-title a{ text-decoration: none; color: #FFFFFF; transition: all 0.4s ease-out 0s; } .section-feature-posts-one-area .feature-posts-content .feature-posts-title a:hover, .section-feature-posts-one-area .feature-posts-content .feature-posts-title a:focus { color: #E27B60; } .section-feature-posts-one-area .feature-posts-content .entry-meta a { color: #FFFFFF; text-decoration: none; font-size: 13px; transition: all 0.4s ease-out 0s; } .section-feature-posts-one-area .feature-posts-content .entry-meta a:hover, .section-feature-posts-one-area .feature-posts-content .entry-meta a:focus { color: #E27B60; } .section-feature-posts-one-area .feature-posts-content .entry-meta a { margin-left: -80px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover, .btn:focus, .reply a:hover, .reply a:focus, button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, .wp-block-search__button:focus, .navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover, .navigation.pagination .page-numbers:focus, .widget_search input[type="submit"], .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, #wp-custom-header-video-button.wp-custom-header-video-pause:after, .wp-block-search__button, #footer-widgets .widget-title:after, .to-top { background-color: #E27B60; } button, input[type="button"], input[type="reset"], input[type="submit"], .btn, .reply a, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, .navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover, .navigation.pagination .page-numbers:focus, .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, #wp-custom-header-video-button:before, #wp-custom-header-video-button.wp-custom-header-video-pause:after, .navigation-menu .nav-menu > li:hover, .navigation-menu .nav-menu > li.current-menu-item, #masthead .nav-menu ul.sub-menu { border-color: #E27B60; } .navigation-menu .nav-menu > li > a:hover svg, .navigation-menu .nav-menu > li > a:focus svg, .navigation-menu .nav-menu > li:hover > a svg, .post-navigation .nav-previous a:hover svg, .post-navigation .nav-previous a:focus svg, .post-navigation .nav-next a:hover svg, .post-navigation .nav-next a:focus svg { fill: #E27B60; } a, button, input[type="button"], input[type="reset"], input[type="submit"], .btn, .reply a, .site-title a:hover, .site-title a:focus, .navigation-menu li.current-menu-item > a, .navigation-menu .nav-menu > li:hover > a, .navigation-menu .nav-menu > li.focus > a, .navigation-menu .nav-menu > li > a:hover, .navigation-menu .nav-menu > li > a:focus, .navigation-menu a:hover, .navigation-menu a:focus, .navigation-menu li:hover > a, .site-main .comment-navigation a:hover, .site-main .posts-navigation a:hover, .site-main .post-navigation a:hover, .site-main .comment-navigation a:focus, .site-main .posts-navigation a:focus, .site-main .post-navigation a:focus, #secondary a:hover, #secondary a:focus, .error-404.not-found .title, .cat-links a, .entry-title a:hover, .entry-title a:focus, .posted-on a:hover, .posted-on a:focus, .comments-link a:hover, .comments-link a:focus, .blog-archive .cat-links a, .blog-archive .posted-on a:hover, .blog-archive .byline a:hover, .blog-archive .posted-on a:focus, .blog-archive .byline a:focus, .blog-post-item .entry-meta a:hover, .blog-post-item .entry-meta a:focus, .single-post-wrap .entry-footer .tags-links a:hover, .single-post-wrap .entry-footer .tags-links a:focus, .logged-in-as a:hover, .logged-in-as a:focus, #colophon a:hover, #colophon a:focus, .navigation-menu li.current-menu-item > a, .navigation-menu li.current-menu-item > a, .navigation-menu .nav-menu > li:hover > a, .navigation-menu .nav-menu > li.focus > a, .navigation-menu .nav-menu > li > a:hover, .navigation-menu .nav-menu > li > a:focus { color: #E27B60; } @media screen and (min-width: 768px) { .custom-col-md-12 { width: 100%; } .custom-col-md-6 { width: 50%; } } @media screen and (min-width: 992px) { .custom-col-lg-7 { width: 58.333333%; } .custom-col-lg-5 { width: 41.666667%; } }